@import url('green-black.css');
@import url('light-purple-mist.css');
@import url('claret-white-sso.css');
@import url('blue-gold-sing.css');

.ui-dialog input:-webkit-autofill,
.ui-dialog input:-webkit-autofill:hover,
.ui-dialog input:-webkit-autofill:focus,
.ui-dialog input:-webkit-autofill {
    border: 1px solid #cccccc!important;
    -webkit-text-fill-color: #555555;
    -webkit-box-shadow: 0 0 0 1000px #f5f7f9 inset!important;
    transition: background-color 5000s ease-in-out 0s;
}
.ui-dialog-buttonset button:focus{
    outline:none;
}
.ui-dialog {
    background-color: white;
    z-index: 99999;
    -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 15px 2px rgba(0,0,0,0.5);
    box-shadow: 0 0 15px 2px rgba(0,0,0,0.5);
    float: left;
    min-width: 450px;
    position: relative;
}
.ui-dialog:focus{
    outline:none;
}
#reCaptcha {
    width: 100%;
    float: left;
}
#loginCaptcha {
    width: 304px;
    margin: 0 auto;
}
.widget.widget_hmsglobaluserhandler #login {
    color: white;
    text-transform:uppercase;
    font-size:14px;
    cursor: pointer;
}
.loginPopup input[type="text"],
.loginPopup input[type="password"],
.loginPopup input[type="number"],
.loginPopup select,
.password_wrapper input[type="password"],
.password_conf_wrapper input[type="password"]{
    width: 100%!important;
    box-sizing: border-box;
    height:40px;
    background-color: #f5f7f9;
    border-radius: 0;
    box-shadow: none;
    margin: 15px auto;
    display: block;
}
.loginPopup {
    padding: 0 20px;
}
#termsofuseRegistration,#termsofuseLogin{
    float: left;
    margin-right: 10px;
}
#termsofuseRegistration {
    margin-left: 5%;
    float:left;
}
.ui-dialog-titlebar-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    border: none;
    background-image: url('../images/ico-close-black.png');
    background-repeat: no-repeat;
    background-color:transparent;
    margin:0!important;
}
.ui-dialog-titlebar-close:focus{
    box-shadow:none;
    -webkit-box-shadow: none;
    outline: none;
}
.social-login-wrapper h1 {
    text-align: center;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    margin: 0;
    font-family: 'Arimo', sans-serif !important;
}
.ui-dialog-buttonpane button {
    border: none;
    padding: 10px;
    font-size: 14px;
    margin: 0 auto;
    display: block;
}
.dialogChangeWrapper span {
    cursor: pointer;
    padding-right: 10px;
}
a.link_terms_of_use {
    text-decoration: none;
    font-weight: 700;
    color: black;
}
.ui-dialog-titlebar {
    padding: 15px 0;
    text-align: center;
}
.ui-dialog-titlebar {
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
}
#reCaptcha div:first-child {
    margin: 15px auto;
    display: block;
}
#alertDialog {
    padding: 10px 20px;
    text-align: center;
    box-sizing: border-box;
}
.linkClass {
    color: black;
}
#user_email {
    color: white;
}
.login-error {
    text-align: left;
    color: red;
    width: 90%;
    margin: 0 auto;
}
.ui-dialog-buttonpane.active button {
    float: left;
    margin: 10px;
}
.ui-dialog-buttonpane.active .ui-dialog-buttonset {
    margin: 0 auto;
    display: table;
}
.facebook_login_button,
.google_login_button,
.twitter_login_button,
.microsoft_login_button{
    color:white;
    height: 40px;
}
.facebook_login_button p,
.google_login_button p,
.twitter_login_button p,
.microsoft_login_button p{
    line-height:40px;
    margin:0;
    text-transform: uppercase;
}
.facebook_login_button span,
.google_login_button span,
.twitter_login_button span,
.microsoft_login_button span{
    display:block;
    width:20px;
    height:20px;
    float:left;
    margin: 10px;
}
.facebook_login_button span{
    background-image:url('../images/facebook.svg');
}
.google_login_button span{
    background-image:url('../images/google.svg');
}
.twitter_login_button span{
    background-image:url('../images/twitter.svg');
}
.microsoft_login_button span{
    background-image:url('../images/microsoft_icon.png');
}
.facebook_login_button_wrapper,
.google_login_button_wrapper,
.twitter_login_button_wrapper,
.microsoft_login_button_wrapper{
    width: 60%;
    margin: 10px auto;
    cursor:pointer;
}
.facebook_login_button {
    background-color: #456199;
}
.google_login_button{
    background-color:#d34836;
}
.twitter_login_button{
    background-color:#00aced;
}
.microsoft_login_button{
    background-color:#0078d7;
}
.ui-widget-overlay.ui-front {
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9999;
}
.requiredFieldTextWrapper {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.ui-datepicker {
    background-color: white;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.75);
    max-width: 360px;
    width: 100%;
    z-index: 100000!important;
}
table.ui-datepicker-calendar {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-state-default, .ui-widget-content .ui-state-default {
    background: #f5f7f9;
    color: black;
    border-radius: 4px;
    text-align: center;
    min-width: 25px;
    height: 45px;
    line-height: 26px;
    padding: 10px;
    display: block;
    border: solid 1px #e9e9e9;
}
.ui-datepicker-calendar span {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 5px;
    display: block;
}
.ui-datepicker-header .ui-datepicker-prev {
    float: left;
    padding-bottom: 10px;
    color: black;
}
.ui-datepicker-header .ui-datepicker-next{
    float: right;
    padding-bottom: 10px;
    color: black;
}
.ui_tpicker_time_label,.ui_tpicker_hour_label,
.ui_tpicker_minute_label,.ui_tpicker_second_label,
.ui_tpicker_millisec_label,.ui_tpicker_microsec_label,
.ui_tpicker_timezone_label {
    width: 50%;
    float: left;
}
.ui_tpicker_hour,.ui_tpicker_minute,.ui_tpicker_millisec,
.ui_tpicker_second,.ui_tpicker_microsec,.ui_tpicker_timezone,
.ui_tpicker_time{
    width:50%;
    float: left;
    margin: 0;
}
.ui_tpicker_hour select,.ui_tpicker_minute select,
.ui_tpicker_millisec select,.ui_tpicker_second select,
.ui_tpicker_microsec select,.ui_tpicker_timezone select,
.ui_tpicker_time  input{
    width: 100%;
    margin: 5px 0;
}
.ui_tpicker_time  input{
    box-shadow: none;
    border: solid 1px #e9e9e9;
    height: 40px;
    padding:0 10px;
}
.ui-datepicker-header{
    width: 100%;
    float: left;
    padding: 15px;
    box-sizing: border-box;
}
.ui-datepicker-title {
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    box-sizing: border-box;
    margin: 0!important;
}
.ui-timepicker-div dl {
    margin: 0;
    padding: 0 20px;
    width: 100%;
    float: left;
}
.ui-datepicker-title select{
    width:48%;
    float:left;
    margin:0;
    box-sizing:border-box;
    border-radius: 0!important;
    border: none;
}
.ui-datepicker-title select:first-child{
    float:left;
}
.ui-datepicker-title select:last-child{
    float:right;
}
.refresh {
    max-width: 20px;
    margin: 10px auto;
    display: block;
}
.registrationCaptcha .image img {
    display: block;
    margin: 0 auto;
    width: auto;
}
.codeline span {
    width: 100%;
    text-align: center;
    display: block;
}
.code input {
    margin: 0 auto!important;
}
.ui-state-hover{
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.password_wrapper {
    position: relative;
    width:100%;
    float:left;
}
.strength_meter div{
    width: 100% !important;
    height: 40px;
    text-align: right;
    color: #000;
    line-height: 43px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 0;
    margin-top: -10px;
}
.strength_meter p {
    margin: 0;
    font-size: 12px;
    padding: 0 7px;
    color: #505050;
}
.strength_meter {
    position: absolute;
    left: 5%;
    top: 0;
    width: 90%;
    height: 40px;
    z-index: -1;
    border-radius: 0;
    margin-top: 10px;
}
.loginPopup input[type="password"]{
    background-color: transparent;
}
.veryweak{
    background-color: #FFA0A0;
    border-color: #F04040!important;
    width:25%!important;
}
.weak{
    background-color: #FFB78C;
    border-color: #FF853C!important;
    width:50%!important;
}
.medium{
    background-color: #FFEC8B;
    border-color: #FC0!important;
    width:75%!important;
}
.strong{
    background-color: #9af1a8;
    border-color: #8DFF1C!important;
    width:100%!important;
}
/*PROFILE*/
#save_new_password {
    border: none;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
}
#guh_password_change_widget_wrapper .strength_meter {
    top: 35px;
    width: 100%;
    left: 0;
}
.password_wrapper #new_password {
    background-color: transparent;
}
.changedata_active .ui-dialog-buttonset {
    width: 100%;
    float: left;
    padding: 10px;
}
#init_profile_delete_btn {
    background: none;
    border: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    text-align:center;
    width:100%;
}
.changedata_active {
    width: 100%;
    float: left;
}
.changedata_active div button:first-child {
    float: left;
}
h3.social_conditions_text {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    margin: 0;
    padding: 10px;
}
#changeDataPopupForm {
    margin: 0;
}
#guh_password_change_widget_wrapper {
    max-width: 500px;
    margin: 20px auto;
    width: 100%;
}
#guhImgWrapper {
    width:20%;
    float: left;
}
.changeDataPopup #guhImgWrapper{
    width:30%;
    float:none;
    margin:0 auto 15px auto;
}
.changeDataForm #guhDatasWrapper{
    width:80%!important;
    padding-left:20px!important;
}
#guhDatasWrapper{
    width: 80%;
    float:left;
    padding-left: 20px;
}
#guhDatasWrapper label {
    float: left;
    margin-right: 10px;
}
#guhDatasWrapper input {
    margin: 0 0 10px 0;
}
#guhDatasWrapper #cdpNewsletterValue {
    margin: 0;
}
#guhDataChangeWrapper {
    width: 100%;
    float: left;
    padding: 0;
}
#guhProfileButtonsWrapper {
    width: 100%;
    float: left;
}
#guhProfileDatasWrapper #changeDataPageWrapper {
    padding: 0;
}
#guhUserImg {
    width: 100%!important;
    padding-bottom: 100%;
    height:auto!important;
    background-size: cover;
    background-position: top center;
    cursor: pointer;
}
#guhProfilePageWrapper.yellow-grey{
    background-color: #393a3e;
    padding: 15px;
    margin-bottom: 20px;
}
.yellow-grey .guhProfileHeaderText {
    color: #febd01;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Roboto;
    font-weight: 500;
}
.yellow-grey #changeDataPopup #guhDatasWrapper input{
    margin:0 0 10px 0;
}
#guhProfileInnerWrapper,
#guhProfilePageWrapper{
    width: 100%;
    float: left;
}
.yellow-grey #guhProfileButtonsWrapper button {
    background-color: #febd01;
    border: none;
    border-radius: 50px;
    padding: 10px 25px;
}
#guhProfileButtonsWrapper button:focus{
    outline:none;
}
#guhProfileButtonsWrapper button:nth-of-type(1){
    float:left;
    margin-left:22%;
}
#guhProfileButtonsWrapper button:nth-of-type(2){
    float:right;
}
#guhProfileInnerWrapper input,
#guhProfileInnerWrapper select{
    background-color: #393a3e;
    color: white;
}
#guhProfileInnerWrapper input:focus,
#guhProfileInnerWrapper select:focus{
    border:solid 1px #febd01;
    outline:none;
}
#changeDataPopup #guhDatasWrapper {
    width: 100%;
    float: left;
    padding: 0 20px;
    box-sizing: border-box;
}
.yellow-grey #guhDatasWrapper label,
.yellow-grey .strike span{
    color:white;
}
#guhUserImgInfo button {
    float: right;
    background-color: transparent;
    border: none;
    font-size: 12px;
}
.yellow-grey #guhUserImgInfo button{
    color:#febd01;
}
#guhProfileDatasWrapper {
    width: 100%;
    float: left;
}
.yellow-grey #passwordRequestBtn,
.yellow-grey #passwordRequestBtn:focus{
    float:left;
    border:none;
    color:#febd01;
    font-size: 14px;
    background-color:transparent;
    outline:none;
    line-height: 28px;
    margin: 10px 0 0 0;
    padding: 0;
}
.yellow-grey #passwordRequestBtn:before{
    content:'';
    display:block;
    width:20px;
    height:20px;
    background:url('../images/password_link.svg') no-repeat;
    float:left;
    margin-right:5px;
    padding:4px;
    background-size:20px 20px;
    background-position: 5px 3px;
    border-radius: 3px;
}
.yellow-grey #guhDatasWrapper>div {
    width: 100%;
    float: left;
}
.yellow-grey #passwordRequestBtn:hover:before{
    background:#febd01 url('../images/password_link_grey.svg');
    -webkit-transition: background 250ms ease-in-out;
    -moz-transition: background 250ms ease-in-out;
    -o-transition: background 250ms ease-in-out;
    transition: background 250ms ease-in-out;
}

/*PROFILE END*/
.ui-dialog[aria-describedby="alertDialog"] button{
    margin:10px;
}
.element_count_1 .facebook_login_button_wrapper,
.element_count_1 .google_login_button_wrapper,
.element_count_1 .twitter_login_button_wrapper,
.element_count_1 .microsoft_login_button_wrapper{
    width: 100%;
    float: left;
}
.element_count_2 .facebook_login_button_wrapper,
.element_count_2 .google_login_button_wrapper,
.element_count_2 .twitter_login_button_wrapper,
.element_count_2 .microsoft_login_button_wrapper{
    width: 50%;
    float: left;
}

.element_count_3 .facebook_login_button_wrapper,
.element_count_3 .google_login_button_wrapper,
.element_count_3 .twitter_login_button_wrapper,
.element_count_3 .microsoft_login_button_wrapper{
    width: 33.33%;
    float: left;
    padding: 0;
}
.element_count_4 .facebook_login_button_wrapper,
.element_count_4 .google_login_button_wrapper,
.element_count_4 .twitter_login_button_wrapper,
.element_count_4 .microsoft_login_button_wrapper{
    width: 25%;
    float: left!important;
    padding: 0 10px;
    box-sizing: border-box;
}
.social-login-wrapper{
    position: relative;
}

/*FAVOURITE LIST*/
.resultElementImageContainer {
    width: 20%;
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
}
.resultelementImage {
    width: 100%;
    padding-bottom: 56.25%;
    box-sizing: border-box;
    background-size: cover;
    background-position: center center;
}
p.dataDescription {
    float: left;
    width: 100%;
}
.resultElement {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding: 10px;
    position:relative;
}
.resultElementDataContainer h4 {
    margin: 0 0 10px 0;
}
.resultDelete {
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-position: center center;
    background-image:url('../images/ico-close-black.png');
    top:10px;
    right:10px;
    cursor:pointer;
    display:none;
}
#list_handler_searchWrapper {
    position: relative;
}
#list_handler_titleWrapper h1{
    width:50%;
    float:left;
    margin: 0;
}
#list_handler_count {
    width: 50%;
    float: right;
    text-align: right;
}
.resultElement:hover .resultDelete {
    display: block;
}
#list_handler_title {
    width: 100%;
    float: left;
}
#list_handler_titleWrapper,#list_handler_searchWrapper {
    width: 100%;
    float: left;
}
#list_handler_searchWrapper input {
    width: 100%;
    height: 40px;
    padding: 0 20px;
    border-radius: 0;
    background-color: rgba(255,255,255,0.1);
    border: none;
}
#list_handler_searchButton {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background-image:url('../images/search_icon_white.png');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
}
.resultElementDataContainer {
    width: 70%;
    float: left;
}
/*FAVOURITE LIST END*/


/*THEMES*/

/*YELLOW-GREY*/
.ui-dialog.yellow-grey .element_count_4 .facebook_login_button_wrapper,
.ui-dialog.yellow-grey .element_count_4 .google_login_button_wrapper,
.ui-dialog.yellow-grey .element_count_4 .twitter_login_button_wrapper,
.ui-dialog.yellow-grey .element_count_4 .microsoft_login_button_wrapper{
    width: 25%;
}
.ui-dialog.yellow-grey,.ui-datepicker.yellow-grey {
    background-color: #44464b;
}
.ui-dialog.yellow-grey .ui-dialog-title,.ui-dialog.yellow-grey  a.link_terms_of_use,
.ui-datepicker.yellow-grey .ui-datepicker-header .ui-datepicker-prev,.ui-datepicker.yellow-grey .ui-datepicker-header .ui-datepicker-next{
    color:#febd01;
}
.ui-dialog.yellow-grey .display_inline,.ui-dialog.yellow-grey  .social-login-wrapper h1,.ui-dialog.yellow-grey,
.ui-dialog.yellow-grey #lostpasswordPopup p{
    color: white;
}
.ui-dialog.yellow-grey .social-login-wrapper{
    position:Relative;
    border-top: 1px dashed #febd01;
    padding-bottom: 20px;
    background-color: transparent;
}
.ui-dialog.yellow-grey .native_login-wrapper,
.ui-dialog.yellow-grey .social-login-wrapper{
    width: 100%;
    float: left;
    bottom: 0;
    padding: 0;
}
.ui-dialog.yellow-grey .ui-dialog-titlebar-close{
    background-size: 20px 20px;
    background-image: url('../images/close_button_yellow.png');
    right: 10px;
    top: 10px;
}
.ui-dialog.yellow-grey .social_conditions_text{
    width:100%;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    margin: 0;
    padding: 10px;
    font-weight: normal;
    color: #c5c5c5;
}
.ui-dialog.yellow-grey .ui-dialog-buttonpane .ui-dialog-buttonset button{
    background-color: transparent;
    border-radius: 50px;
    padding: 7px 20px;
    border: solid 2px #febd01;
    color: #febd01;
}
.ui-dialog.yellow-grey .ui-dialog-buttonpane .ui-dialog-buttonset button:focus{
    outline:none;
}
.ui-dialog.yellow-grey .ui-dialog-buttonpane .ui-dialog-buttonset button:hover{
    background-color: #febd01;
    color: #44464b;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}
.ui-dialog.yellow-grey .ui-dialog-buttonpane .ui-dialog-buttonset{
    margin:10px auto;
}
.ui-dialog.yellow-grey  .social-login-wrapper h1{
    padding: 20px 0 0 0;
    font-size: 16px;
    line-height: normal;
}
.ui-dialog.yellow-grey a.linkClass {
    color: #febd01;
    width: 50%;
    float: left;
    display: table;
    box-sizing: border-box;
    margin: 0 0 15px 0;
    padding: 0 15px;
    text-align:left;
    font-size: 12px;
}
.ui-dialog.yellow-grey.tab-display-mode a.linkClass{
    text-align: center!important;
    width:100%;
    border-right:none!important;
}
.ui-dialog.yellow-grey.tab-display-mode .ui-dialog-titlebar{
    padding:0;
}
.ui-dialog.yellow-grey.tab-display-mode .dialogChangeWrapper {
    padding: 0 0 10px 0;
}
.ui-dialog.yellow-grey a.linkClass:first-of-type{
    text-align: right;
    border-right: Solid 1px #febd01;
}
.ui-dialog.yellow-grey .ui-dialog-buttonpane br {
    display: none;
}
.ui-dialog.yellow-grey .facebook_login_button p,.ui-dialog.yellow-grey .google_login_button p,
.ui-dialog.yellow-grey .twitter_login_button p,.ui-dialog.yellow-grey .microsoft_login_button p{
    display:none;
}

.ui-dialog.yellow-grey .facebook_login_button,
.ui-dialog.yellow-grey .google_login_button,
.ui-dialog.yellow-grey .twitter_login_button,
.ui-dialog.yellow-grey .microsoft_login_button{
    width: 40px;
    margin: 0 auto 20px auto!important;
    background-color: transparent;
    padding: 0;
    display:table;
}
.ui-dialog.yellow-grey .facebook_login_button span,
.ui-dialog.yellow-grey .google_login_button span,
.ui-dialog.yellow-grey .twitter_login_button span,
.ui-dialog.yellow-grey .microsoft_login_button span{
    width: 40px;
    height: 40px;
    margin:0;
    background-repeat: no-repeat;
    background-position: center center;
}
.ui-dialog.yellow-grey  .facebook_login_button span{
    background-color: #456199;
}

.ui-dialog.yellow-grey  .twitter_login_button span,
.ui-dialog.yellow-grey  .google_login_button span,
.ui-dialog.yellow-grey  .facebook_login_button span,
.ui-dialog.yellow-grey .microsoft_login_button span{
    background-color: rgba(255,255,255,0.25);
}
.ui-dialog.yellow-grey  .twitter_login_button span{
    background-image:url('../images/twitter_white.svg');
}
.ui-dialog.yellow-grey  .google_login_button span{
    background-image:url('../images/google_white.svg');
}
.ui-dialog.yellow-grey  .facebook_login_button span{
    background-image:url('../images/facebook_white.svg');
}
.ui-dialog.yellow-grey  .microsoft_login_button span{
    background-image:url('../images/microsoft_white.svg');
}

.ui-dialog.yellow-grey  .ui-dialog.yellow-grey .loginPopup input[type="password"]:focus,
.ui-dialog.yellow-grey  .loginPopup input[type="text"]:focus,
.ui-dialog.yellow-grey  .loginPopup input[type="password"]:focus,
.ui-dialog.yellow-grey  .loginPopup input[type="number"]:focus,
.ui-dialog.yellow-grey  .loginPopup select:focus,
.ui-dialog.yellow-grey  .password_wrapper input[type="password"]:focus,
.ui-dialog.yellow-grey  .password_conf_wrapper input[type="password"]:focus{
    border:solid 1px #febd01;
}
.ui-dialog.yellow-grey .loginPopup input[type="text"],
.ui-dialog.yellow-grey .loginPopup input[type="password"],
.ui-dialog.yellow-grey .loginPopup input[type="number"],
.ui-dialog.yellow-grey .loginPopup select,
.ui-dialog.yellow-grey .password_wrapper input[type="password"],
.ui-dialog.yellow-grey .password_conf_wrapper input[type="password"]{
    background-color: transparent;
    color:White;
}
.ui-dialog.yellow-grey .requiredFieldText {
    color: white;
}
.ui-dialog.yellow-grey .strength_meter{
    width: 100%;
    left: 0;
}
.ui-dialog.yellow-grey .login-error,.ui-dialog.yellow-grey #lostpasswordPopup .login-error{
    color: #ff5858;
    width:100%;
    float: left;
}
.ui-datepicker.yellow-grey .ui-state-default, .ui-widget-content .ui-state-default{
    background: #febd01;
    border:none;
}
.ui-datepicker.yellow-grey .ui-datepicker-calendar span{
    color:White;
}
.ui-datepicker.yellow-grey .ui-state-default{
    background: #febd01;
    width: 100%;
    height: 50px;
    color: black;
}
.ui-datepicker.yellow-grey {
    max-width: 365px;
    width: 100%;
}
.ui-widget-content .ui-state-default:hover {
    background: #fdce48;
}
.ui-dialog.yellow-grey[aria-describedby="lostpasswordPopup"] .ui-dialog-buttonpane button{
    float:right;
    margin:10px 20px;
}
.ui-dialog.yellow-grey[aria-describedby="lostpasswordPopup"] .ui-dialog-buttonpane button:first-of-type{
    float:left;
}
.yellow-grey #list_handler_titleWrapper h1{
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 10px;
    padding-left: 5px;
}
.yellow-grey  #list_handler_count {
    color:grey;
}
.yellow-grey #list_handler_searchButton{
    background-image:url('../images/search_icon_yellow.png');
}
.yellow-grey #registrationPopup label,.yellow-grey #changeDataPopup label{
    float:left;
    margin-right: 10px;
}
.yellow-grey #registrationPopup input[type="checkbox"],
.yellow-grey #changeDataPopup input[type="checkbox"]{
    margin: 0 10px 0 5px;
}
.ui-dialog.yellow-grey {
    padding: 0 20px;
    box-sizing: border-box;
}
.ui-dialog.yellow-grey .ui-widget-content{
    width:100%!important;
    padding: 0;
}
.ui-dialog.yellow-grey  #registrationPopup input[type="text"],
.ui-dialog.yellow-grey #loginPopup input[type="text"],
.ui-dialog.yellow-grey  #registrationPopup input[type="password"],
.ui-dialog.yellow-grey  #loginPopup input[type="password"],
.ui-dialog.yellow-grey  #registrationPopup input[type="date"],
.ui-dialog.yellow-grey #loginPopup input[type="date"],
.ui-dialog.yellow-grey #registrationPopup input[type="number"],
.ui-dialog.yellow-grey .loginPopup select{
    width:100%;
}
.ui-dialog.yellow-grey  .password_wrapper {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.ui-dialog.yellow-grey .requiredFieldText {
    display: block;
    width: 100%;
    float: left;
    margin: 5px 0;
}
.ui-dialog.yellow-grey #reCaptcha {
    width: 100%;
    float: left;
}
.ui-dialog.yellow-grey .password_wrapper input {
    margin: 0!important;
}
.ui-dialog.yellow-grey .guh_profile_delete_wrapper #init_profile_delete_btn{
    background-color: #febd01;
    width: auto;
    margin: 0 auto;
    display: block;
    border-radius: 50px;
    padding: 5px 10px;
}
.ui-dialog.yellow-grey #changeDataPopup{
    padding:0;
}
.ui-dialog.yellow-grey #changeDataPopup input[type="text"],
.ui-dialog.yellow-grey #changeDataPopup input[type="password"]{
    width:100%;
}
.ui-dialog.yellow-grey[aria-describedby="changeDataPopup"] .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type{
    margin:0;
    float:right;
}
.ui-dialog.yellow-grey .dialogChangeWrapper{
    padding:0;
}
.ui-dialog.yellow-grey .dialogChangeWrapper span{
    font-weight: normal;
    font-size: 14px;
    padding-top:0;
}
.ui-dialog.yellow-grey .dialogChangeWrapper span.active_tab{
    color:#febd01;
    border-color:#febd01;
}
.ui-dialog.yellow-grey #loginPopupForm,
.ui-dialog.yellow-grey #registrationPopupForm{
    margin: 0;
}
/*login*/
.auth-widget-wrapper.yellow-grey #login{
    background-color: #ffbd00;
    font-size: 12px!important;
    height: auto;
    text-align: center;
    padding: 6px 25px 7px 35px!important;
    text-transform: none!important;
    border-radius: 50px;
    display: block;
    background-image: url('../images/circle_arrow_login_icon.svg');
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 22px 22px;
    color:black;
    width:150px;
    margin:0 auto;
}
.auth-widget-wrapper.yellow-grey #user_email {
    background-color: #ffbd00;
    border-radius: 50px;
    font-weight: normal;
    font-size: 12px;
    padding: 5px 25px 5px 35px;
    display: inline-block;
    background-image: url('../images/circle_loggedin_icon.svg');
    background-repeat:no-repeat;
    background-position: 5px;
    background-size: 22px 22px;
    color: black;
    font-weight: normal;
    cursor:pointer;
    min-height: 30px;
    overflow: hidden;
    max-height: 30px;
}
.auth-widget-wrapper.yellow-grey .StaticUser a {
    color: black;
    cursor: pointer;
    padding: 5px 0;
    border-bottom: solid 1px rgba(0,0,0,0.1);
    float: left;
    width: 100%;
    line-height: 25px;
    text-align: left;
    font-size: 12px;
}
.auth-widget-wrapper.yellow-grey #link_logout:before,
.auth-widget-wrapper.yellow-grey #link_change_data:before,
.auth-widget-wrapper.yellow-grey .guhChangeData:before,
.auth-widget-wrapper.pink-white #link_logout:before,
.auth-widget-wrapper.pink-white #link_change_data:before,
.auth-widget-wrapper.pink-white .guhChangeData:before{
    content:'';
    width:25px;
    height:25px;
    float:left;
    background-repeat: no-repeat;
    background-size: 25px 25px;
    display:block;
    margin-right: 10px;
}
.auth-widget-wrapper.yellow-grey #link_logout:before{
    background-image: url('../images/circle_arrow_logout_icon.svg');
}
.auth-widget-wrapper.yellow-grey #link_change_data:before,
.auth-widget-wrapper.yellow-grey .guhChangeData:before{
    background-image: url('../images/circle_modify_icon.svg');
}
.auth-widget-wrapper.yellow-grey .StaticUser a:last-of-type{
    border:none;
}
.auth-widget-wrapper.yellow-grey .StaticUser {
    background-color: white;
    padding: 5px;
    position: absolute;
    z-index: 99999;
    display:none;
    float: left;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.5);
    top: 40px;
    min-width: 150px;
    border-top: solid 3px #ffbd00;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
}
.auth-widget-wrapper.yellow-grey .loginSelected:after{
    display:block;
    content:'';
    width:0;
    height:0;
    border-bottom:solid 10px #ffbd00;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}
.auth-widget-wrapper.yellow-grey .loginSelected .StaticUser{
    display:block;
}

.auth-widget-wrapper.yellow-grey #login_wrapper {
    margin: 15px 0;
}
.auth-widget-wrapper.yellow-grey #loggedin {
    padding: 0;
    position:relative;
    float: right;
}
.ui-dialog.yellow-grey #loginCaptcha {
    margin: 0 auto;
    display: table;
}
.ui-dialog.yellow-grey  #rpGenderValue option {
    color: black;
}
.ui-dialog.yellow-grey #registrationPopup input[type="checkbox"],
.ui-dialog.yellow-grey .conditions_aggree input[type="checkbox"]{margin: 5px 10px 0 0;}
/*YELLOW-GREY_END*/


/*GREY-WHITE*/
.auth-widget-wrapper.grey-white #login_wrapper #login{
    padding: 10px 30px;
}
.auth-widget-wrapper.grey-white #loggedin{
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding: 10px;
}
.auth-widget-wrapper.grey-white .StaticUser {
    margin: 0 auto;
    display: table;
}
.auth-widget-wrapper.grey-white .StaticUser a:first-of-type {
    padding-right: 10px;
}
.auth-widget-wrapper.grey-white #login_wrapper {
    height: 60px;
    width: 100%;
}
.auth-widget-wrapper.grey-white #loggedin #user_email{
    width: 100%!important;
    box-sizing: border-box;
}
.ui-dialog.grey-white #changeDataPopup {
    padding: 10px 20px;
    box-sizing: border-box;
}
.ui-dialog.grey-white{
    border-radius: 3px;
    max-width: 500px;
    width: 100%!important;
    padding: 0;
}
.ui-dialog.grey-white .native_login-wrapper .ui-dialog-content{
    width:100%!important;
    box-sizing: border-box;
    padding: 0;
}
.ui-dialog.grey-white .social-login-wrapper{
    background-color: #f1f2f2;
    width: 100%;
    float: left;
    border-top: solid 1px #bcbec0;
    color: black;
    position: relative;
    bottom: 0;
    background: #f1f2f2;
    padding: 15px;
    margin: 0;
    box-sizing: border-box;
}
.ui-dialog.grey-white .social-login-wrapper h1{
    font-size: 15px;
    text-align: center;
    line-height: normal;
    padding: 0 0 15px 0;
    margin: 0;
    font-family: 'robotomedium', Arial, Helvetica, sans-serif!important;
    font-weight: normal;
}
.ui-dialog.grey-white h3.social_conditions_text {
    font-family: 'robotomedium', Arial, Helvetica, sans-serif!important;
    font-weight: normal;
    margin: 0 auto;
    font-size: 11px;
    text-align: center;
    width: 60%;
    color: black;
    line-height: normal;
    margin-bottom: 10px;
    padding: 0;
}
.ui-dialog.grey-white #loginPopup input[type="text"],
.ui-dialog.grey-white #loginPopup input[type="password"],
.ui-dialog.grey-white .registrationPopup input[type="text"],
.ui-dialog.grey-white #registrationPopup input,
.ui-dialog.grey-white #changeDataPopup input[type="text"],
.ui-dialog.grey-white #changeDataPopup input[type="password"],
.ui-dialog.grey-white select{
    width: 100%;
    border-radius: 0;
    border: solid 1px rgba(0,0,0,0.2);
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #4e4754;
}
.ui-dialog.grey-white #changeDataPopup input::-webkit-input-placeholder {
    color: #4e4754!important;
}
.ui-dialog.grey-white #changeDataPopup input::-moz-placeholder {
    color: #4e4754!important;
}
.ui-dialog.grey-white #changeDataPopup input:-ms-input-placeholder {
    color: #4e4754!important;
}
.ui-dialog.grey-white #changeDataPopup input:-moz-placeholder {
    color: #4e4754!important;
}
.ui-dialog.grey-white #loginPopup input[type="text"]::-webkit-input-placeholder,
.ui-dialog.grey-white #loginPopup input[type="password"]::-webkit-input-placeholder,
.ui-dialog.grey-white #registrationPopup input[type="text"]::-webkit-input-placeholder,
.ui-dialog.grey-white #registrationPopup input[type="password"]::-webkit-input-placeholder,
.ui-dialog.grey-white #registrationPopup input[type="number"]::-webkit-input-placeholder{
    color:black!important;
    font-style: normal!important;
}
.ui-dialog.grey-white #loginPopup input[type="text"]::-moz-placeholder,
.ui-dialog.grey-white #loginPopup input[type="password"]::-moz-placeholder,
.ui-dialog.grey-white #registrationPopup input[type="text"]::-moz-placeholder,
.ui-dialog.grey-white #registrationPopup input[type="password"]::-moz-placeholder,
.ui-dialog.grey-white #registrationPopup input[type="number"]::-moz-placeholder{
    color:black!important;
    font-style: normal!important;
}
.ui-dialog.grey-white #loginPopup input[type="text"]:-ms-input-placeholder,
.ui-dialog.grey-white #loginPopup input[type="password"]:-ms-input-placeholder,
.ui-dialog.grey-white #registrationPopup input[type="text"]:-ms-input-placeholder,
.ui-dialog.grey-white #registrationPopup input[type="password"]:-ms-input-placeholder ,
.ui-dialog.grey-white #registrationPopup input[type="number"]:-ms-input-placeholder{
    color:black!important;
    font-style: normal!important;
}
.ui-dialog.grey-white #loginPopup input[type="text"]:-moz-placeholder,
.ui-dialog.grey-white #loginPopup input[type="password"]:-moz-placeholder
.ui-dialog.grey-white #registrationPopup input[type="text"]:-moz-placeholder,
.ui-dialog.grey-white #registrationPopup input[type="password"]:-moz-placeholder,
.ui-dialog.grey-white #registrationPopup input[type="number"]:-moz-placeholder{
    color:black!important;
    font-style: normal!important;
}
.ui-dialog.grey-white .native_login-wrapper{
    padding: 20px;
}
.ui-dialog.grey-white .native_login-wrapper .ui-dialog-buttonpane{
    padding:0;
    margin: 15px 0;
}
.ui-dialog.grey-white .conditions_agree {
    width: 100%;
    padding: 10px 0;
}
.ui-dialog.grey-white .ui-dialog-title{
    color: #c016bb;
    font-size: 18px;
    font-family: 'robotomedium', Arial, Helvetica, sans-serif!important;
    font-weight: normal;
    box-sizing: border-box;
}
.ui-dialog.grey-white .ui-dialog .ui-dialog-titlebar{
    border-bottom: 1px solid #cccccc;
}
.ui-dialog.grey-white .native_login-wrapper #loginPopup #loginPopupForm {
    margin: 0;
}
.ui-dialog.grey-white .ui-dialog-buttonpane .ui-dialog-buttonset button{
    padding: 10px 25px;
    background-color: #f1aa00;
    background: #f1aa00;
    color: #000000;
    font-size: 14px;
    border-radius: 4px;
}
.ui-dialog.grey-white .requiredFieldTextWrapper {
    font-family: 'robotomedium',Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0!important;
    float: left;
    box-sizing: border-box;
}
.ui-dialog.ui-dialog-login.grey-white .ui-dialog-titlebar-close,
.ui-dialog.ui-dialog-registration.grey-white .ui-dialog-titlebar-close{
    top:10px;
    background-image: url('../images/close_button_grey.png');
}
.ui-dialog.grey-white .ui-dialog-buttonpane .ui-dialog-buttonset{
    margin:0;
    float:right;
}
.ui-dialog.grey-white .linkClass{
    color: #c016bb;
    font-size: 14px;
    font-family: 'robotomedium', Arial, Helvetica, sans-serif;
}
.ui-dialog.grey-white  label.display_inline{
    font-size: 14px;
    color: black;
}
.ui-dialog.grey-white a.link_terms_of_use{
    color: black;
    font-family: 'robotomedium', Arial, Helvetica, sans-serif;
    text-decoration: underline;
    font-weight: normal!important;
}
.ui-dialog.grey-white .facebook_login_button,
.ui-dialog.grey-white .google_login_button,
.ui-dialog.grey-white .twitter_login_button,
.ui-dialog.grey-white .microsoft_login_button{
    border-radius: 4px;
    height: 35px;
    padding: 0;
    margin-bottom: 10px!important;
}
.ui-dialog.grey-white .facebook_login_button span,
.ui-dialog.grey-white .google_login_button span,
.ui-dialog.grey-white .twitter_login_button span,
.ui-dialog.grey-white .microsoft_login_button span{
    margin: 5px;
}
.ui-dialog.grey-white .element_count_4 .facebook_login_button_wrapper,
.ui-dialog.grey-white .element_count_4 .google_login_button_wrapper,
.ui-dialog.grey-white .element_count_4 .twitter_login_button_wrapper,
.ui-dialog.grey-white .element_count_4 .microsoft_login_button_wrapper{
    width: 50%;
}
.ui-dialog.grey-white .facebook_login_button p,
.ui-dialog.grey-white .google_login_button p,
.ui-dialog.grey-white .twitter_login_button p,
.ui-dialog.grey-white .microsoft_login_button p{
    font-size: 12px;
    line-height: 35px;
}
.ui-dialog.grey-white .facebook_login_button_wrapper,
.ui-dialog.grey-white .google_login_button_wrapper,
.ui-dialog.grey-white .twitter_login_button_wrapper,
.ui-dialog.grey-white  .microsoft_login_button_wrapper{
    margin: 5px auto;
}
.ui-dialog.grey-white .login-error{
    width:95%;
}
.ui-dialog.grey-white #registrationPopup label {
    color: black;
    float: left;
    margin: 0 5px 0 0;
}
.grey-white #rpNewsletterValue,.grey-white #termsofuseRegistration {
    width: auto!important;
    float: left;
}
.ui-dialog.grey-white .ui-dialog-buttonset{
    float:right;
}
.ui-datepicker.grey-white .ui-state-default{
    background: #f1f2f2;
    height: 25px;
    width: 28px;
}
.ui-datepicker.grey-white .ui-icon.ui-icon-circle-triangle-e,
.ui-datepicker.grey-white .ui-datepicker-prev{
    color: #c016bb;
    font-family: 'robotomedium', Arial, Helvetica, sans-serif;
}
.grey-white .password_wrapper {
    width: 100%;
    float: left;
}
.grey-white .strength_meter{
    top: 0;
    margin: 0;
    width: 100%;
    left: 0;
}
.ui-dialog.grey-white #loginPopup .loginWrapper .conditions_aggree,
.ui-dialog.grey-white #loginPopup .loginWrapper .conditions_aggree div,
.ui-dialog.grey-white #loginPopup div{
    margin:0;
}
.ui-dialog.grey-white #loginPopup .loginWrapper .conditions_aggree #termsofuseLogin{
    margin: 5px 5px 0 0;
    width: auto;
}
.ui-dialog.grey-white .ui-dialog-titlebar{
    padding: 10px 0;
    border-bottom: 1px solid #cccccc;
}
.ui-dialog.grey-white #reCaptcha {
    margin: 0;
    box-sizing: border-box;
}
.ui-dialog.grey-white #registrationPopup #termsofuseRegistration {
    margin: 5px 0;
}
.ui-dialog.ui-dialog-registration.grey-white .ui-dialog-buttonpane .ui-dialog-buttonset{
    float:none;
    margin:0 auto;
    box-sizing: border-box;
}
.ui-dialog.grey-white[aria-describedby="changeDataPopup"] .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type{
    float:right;
}
.ui-dialog.ui-dialog-registration.grey-white .ui-dialog-buttonpane .ui-dialog-buttonset button:first-of-type{
    margin-left:0!important;
}
.ui-dialog.grey-white #registrationPopup div{
    margin:0;
}
.ui-dialog.grey-white #registrationPopup #reCaptcha div:first-child{
    margin:10px auto;
}
.ui-dialog.ui-dialog-registration.grey-white #registrationPopup {
    padding: 0 20px;
    box-sizing: border-box;
}
.ui-dialog.grey-white #registrationPopup input[type="checkbox"]{
    margin:5px 0;
}
.ui-dialog.grey-white #registrationPopup label.display_inline{
    margin:0 0 0 5px;
}
/*profil oldal*/
.grey-white #guhProfileDatasWrapper {
    color: #b0b2d6;
    padding: 0;
    background-color: #111449;
}
.grey-white #guhProfileDatasWrapper input,
.grey-white #guhProfileDatasWrapper select{
    background-color: transparent;
    border:solid 1px white;
    margin: 0 0 10px 0!important;
}
.grey-white #guhProfileDatasWrapper select option{
    color:black;
}
.grey-white .guhProfileHeaderText {
    color: #c016bb;
    text-transform: uppercase;
    font-size: 18px;
    text-decoration: none;
    font-family: 'robotomedium';
    padding: 10px 0;
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.grey-white #guhProfileButtonsWrapper button {
    border: none;
    padding: 5px 10px;
    color: white;
    background-color: #c016bb;
}
.grey-white #guhProfileButtonsWrapper {
    padding: 0 20px;
    box-sizing: border-box;
}
.grey-white .changeDataForm #guhDatasWrapper{
    padding: 0 0 0 20px!important;
}
.grey-white #changeDataPopup {
    padding: 20px 20px 0 20px;
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.grey-white #login_wrapper {
    width: 100%!important;
}
/*GREY-WHITE*/

/*PURPLE-DARKGREY*/
.purple-darkgrey .social-login-wrapper{
    position: relative;
    bottom:0;
}
.ui-dialog.purple-darkgrey {
    background-color:#282a30 ;
    padding: 0;
    top: 20px !important;
    position: absolute !important;
    z-index: 9999999;
}
.ui-dialog.purple-darkgrey  #registrationPopup input[type="text"],
.ui-dialog.purple-darkgrey #loginPopup input[type="text"],
.ui-dialog.purple-darkgrey  #registrationPopup input[type="password"],
.ui-dialog.purple-darkgrey  #loginPopup input[type="password"],
.ui-dialog.purple-darkgrey  #registrationPopup input[type="date"],
.ui-dialog.purple-darkgrey #loginPopup input[type="date"],
.ui-dialog.purple-darkgrey  #registrationPopup input[type="number"],
.ui-dialog.purple-darkgrey .loginPopup select,
.ui-dialog.purple-darkgrey #lostpasswordPopup input[type="text"] {
    color: #fff;
    width: 100%;
    font-weight: 300;
    padding: 8px!important;
    height: 36px;
    margin-top: 0;
    -webkit-transition: width 200ms ease-in-out, background-color 200ms ease-in-out;
    -moz-transition: width 200ms ease-in-out, background-color 200ms ease-in-out;
    -o-transition: width 200ms ease-in-out, background-color 200ms ease-in-out;
    transition: width 200ms ease-in-out, background-color 200ms ease-in-out;
    background-color: #68696c;
    border: none;
}
.ui-dialog.purple-darkgrey  input[type="password"]:focus {
    color:#fff!important;
}
.ui-dialog.purple-darkgrey  #loginPopup input[type="password"]:focus {
    color: #231f20!important
}
.ui-dialog.purple-darkgrey .facebook_login_button,
.ui-dialog.purple-darkgrey .google_login_button,
.ui-dialog.purple-darkgrey .twitter_login_button,
.ui-dialog.purple-darkgrey .microsoft_login_button{
    line-height: 30px;
    background-color: transparent;
    height:30px;
    padding: 0;
    cursor: auto;
}
.ui-dialog.purple-darkgrey .facebook_login_button:hover,
.ui-dialog.purple-darkgrey .google_login_button:hover,
.ui-dialog.purple-darkgrey .twitter_login_button:hover,
.ui-dialog.purple-darkgrey .microsoft_login_button:hover,
.ui-dialog.purple-darkgrey .ui-dialog-buttonpane button:hover {
    -webkit-transition: background 150ms ease-in-out;
    -moz-transition: background 150ms ease-in-out;
    -o-transition: background 150ms ease-in-out;
    transition: background 150ms ease-in-out;
}
.ui-dialog.purple-darkgrey  .facebook_login_button p,
.ui-dialog.purple-darkgrey  .google_login_button p,
.ui-dialog.purple-darkgrey  .twitter_login_button p,
.ui-dialog.purple-darkgrey  .microsoft_login_button p{
    display:none;
}
.ui-dialog.purple-darkgrey  .facebook_login_button span,
.ui-dialog.purple-darkgrey  .google_login_button span,
.ui-dialog.purple-darkgrey  .twitter_login_button span,
.ui-dialog.purple-darkgrey  .microsoft_login_button span{
    width: 30px;
    height: 30px;
    margin: 0 auto;
    float: none;
    background-repeat: no-repeat;
    background-position: center center;
    cursor:pointer;
}
.ui-dialog.purple-darkgrey .microsoft_login_button span{
    background-color: #0078d7;
}
.ui-dialog.purple-darkgrey .twitter_login_button span{
    background-color: #00aced;
}
.ui-dialog.purple-darkgrey  .google_login_button span{
    background-color: #d34836;
}
.ui-dialog.purple-darkgrey .facebook_login_button span{
    background-color: #456199;
}
.ui-dialog.purple-darkgrey .social_conditions_text{
    font-weight: normal;
    font-size: 12px;
    width: 100%;
}
.ui-dialog.purple-darkgrey  .ui-dialog-buttonpane .ui-dialog-buttonset button,
#guh_password_change_widget_wrapper.purple-darkgrey  #save_new_password {
    background-color: #79288d;
    color: white;
    border-radius: 4px;
    font-size: 14px;
    padding: 10px;
    margin: 10px auto;
    float:none;
    display: inline-block;
    vertical-align: top;
}
.ui-dialog.purple-darkgrey  .ui-dialog-buttonpane .ui-dialog-buttonset button:first-of-type{
    float:none;
}
.ui-dialog.purple-darkgrey  .ui-dialog-buttonpane .ui-dialog-buttonset button:nth-of-type(2) {
    margin-left: 30px;
}
.ui-dialog.purple-darkgrey[aria-describedby="lostpasswordPopup"] .ui-dialog-buttonpane .ui-dialog-buttonset button:first-of-type{
    float:left;
}
.ui-dialog.purple-darkgrey[aria-describedby="lostpasswordPopup"] .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type{
    float:right;
}
.ui-dialog.purple-darkgrey .ui-dialog-buttonpane button:hover,
#guh_password_change_widget_wrapper.purple-darkgrey #save_new_password:hover {
    background-color: #903ba5;
}
.ui-dialog.purple-darkgrey  .link_terms_of_use,
.ui-dialog.purple-darkgrey  a.linkClass,
.ui-dialog.purple-darkgrey #lostpasswordPopup label{
    color: white;
    padding: 0;
}
.ui-dialog.purple-darkgrey  .dialogChangeWrapper span{
    color: white;
    font-size: 14px;
    display: block;
    float: left;
    padding: 10px 0 10px 0;
    border: none;
    font-weight: normal;
    margin: 0 10px 20px 0;
}
.ui-dialog.purple-darkgrey  .dialogChangeWrapper span.active_tab{
    border-bottom: 2px solid #79288d;
}
.purple-darkgrey .dialogChangeWrapper {
    padding: 0;
}
.ui-dialog.ui-corner-all.purple-darkgrey #loginPopup,
.ui-dialog.ui-corner-all.purple-darkgrey  #registrationPopup{
    padding: 0 20px;
    position: relative!important;
}
.ui-dialog.purple-darkgrey .element_count_4 .facebook_login_button_wrapper,
.ui-dialog.purple-darkgrey .element_count_4 .google_login_button_wrapper,
.ui-dialog.purple-darkgrey .element_count_4 .twitter_login_button_wrapper,
.ui-dialog.purple-darkgrey .element_count_4 .microsoft_login_button_wrapper {
    width: 50%;
    padding: 5px 10px;
    box-sizing: border-box;
    margin: 0 auto;
}
.ui-dialog.purple-darkgrey .element_count_2 .facebook_login_button_wrapper,
.ui-dialog.purple-darkgrey .element_count_2 .google_login_button_wrapper,
.ui-dialog.purple-darkgrey .element_count_2 .twitter_login_button_wrapper,
.ui-dialog.purple-darkgrey .element_count_2 .microsoft_login_button_wrapper{
    padding: 0 10px;
}
.ui-dialog.purple-darkgrey .element_count_1 .facebook_login_button_wrapper,
.ui-dialog.purple-darkgrey .element_count_1 .google_login_button_wrapper,
.ui-dialog.purple-darkgrey .element_count_1 .twitter_login_button_wrapper,
.ui-dialog.purple-darkgrey .element_count_1 .microsoft_login_button_wrapper{
    width:50%;
    margin:0 auto;
    float:none;
}
.ui-dialog.purple-darkgrey .requiredFieldText {
    color: white;
    width:100%;
    float:left;
    margin:5px 0;
}
.ui-dialog.purple-darkgrey.ui-dialog-titlebar {
    display: block;
    margin-bottom: 15px;
}
.ui-dialog.purple-darkgrey  .native_login-wrapper {
    padding-bottom: 20px;
}
.ui-dialog.purple-darkgrey .ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix br {
    display: none;
}
.ui-dialog.purple-darkgrey  .display_inline,.ui-dialog.purple-darkgrey  #registrationPopup label {
    color: white;
}
.ui-dialog.purple-darkgrey label[for="rpNewsletterValue"] { display: inline-block;}
.ui-dialog.purple-darkgrey .social-login-wrapper {
    padding-top: 20px;
    width: 100%;
    float: left;
    border-top: solid 1px rgba(255,255,255,0.1);
    background: transparent;
}
.ui-dialog.purple-darkgrey .ui-widget-header{
    background: #3c3d41;
}
.ui-dialog.purple-darkgrey  a.linkClass{
    text-align: center;
    width: 100%;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}
.ui-dialog.purple-darkgrey .ui-dialog-titlebar-close{
    background-image: url('../images/close_button_white.png');
    background-size:20px 20px;
}
.ui-datepicker.purple-darkgrey  .datepickerContainer {
    position: relative;
    width: 100%;
    float: left;
}
.ui-datepicker.purple-darkgrey {
    background: #424347;
    border:none;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
    border-radius: 0;
    position: absolute;
    z-index: 1;
    width: auto;
}
.ui-datepicker.purple-darkgrey table thead,
.ui-datepicker.purple-darkgrey  .ui-datepicker-calendar th {
    color: white;
}
.ui-datepicker.purple-darkgrey  .ui-datepicker-next-hover{
    background:white;
    border:none;
}
.ui-state-default, .ui-widget-content .ui-state-default{
    background:#2a2b31;
    color: white;
    border: none;
    border-radius: 4px;
    text-align: center;
    min-width: 40px;
    height: 30px;
    line-height: 26px;
}
.ui-datepicker.purple-darkgrey  .ui-state-hover{
    background-color:#79288d;
}
.ui-datepicker.purple-darkgrey  .ui-state-default{
    background: #2a2b31!important;
    line-height: 10px;
}
.ui-datepicker.purple-darkgrey  .ui-widget-content .ui-state-default:hover{
    background-color:#79288d;
}
.ui-datepicker.purple-darkgrey  .ui-widget-header {
    width: 100%;
    color: white;
    border: none;
}
.ui-datepicker.purple-darkgrey td span,
.ui-datepicker.purple-darkgrey td a{
    display: block;
}
.ui-datepicker.purple-darkgrey .ui-state-default:hover,
.ui-datepicker.purple-darkgrey .ui-state-highlight{
    background-color: #79288d!important;
}

.ui-datepicker.purple-darkgrey  .ui-datepicker-prev-hover { left:2px; top:0; background-color:transparent; background-image: none; border:none; }
.ui-datepicker.purple-darkgrey  .ui-datepicker-next-hover { right:2px; top:0; background-color:transparent; background-image: none; border:none;}
.ui-datepicker.purple-darkgrey .ui-datepicker-next,
.ui-datepicker.purple-darkgrey  .ui-datepicker-prev { top:0;}
.ui-datepicker.purple-darkgrey  .ui-datepicker-next span,
.ui-datepicker.purple-darkgrey  .ui-datepicker-next:hover span {
    background-position: -300px 0;
    width:18px;
    height:18px;
    overflow: hidden;
    text-indent: -200px;
    display: block;
}
.ui-datepicker.purple-darkgrey  .ui-datepicker-prev span {
    background-position: -320px 0;
    width:18px;
    height:18px;
    overflow: hidden;
    text-indent: -200px;
    display: block;
}
.ui-datepicker.purple-darkgrey .ui-datepicker-header{
    padding:0;
}
.ui-datepicker.purple-darkgrey .ui-datepicker-prev, .ui-datepicker.purple-darkgrey  .ui-datepicker-next{
    width: 25px;
    height: 25px;
    position: relative;
    background-color: transparent!important;
}
.purple-darkgrey #rpDateBirthValue {
    text-align: left;
}
.purple-darkgrey .ui-state-highlight{
    background-color:#79288d;
}
.ui-datepicker.purple-darkgrey .ui-state-hover,
.ui-datepicker.purple-darkgrey .ui-widget-content .ui-state-hover,
.ui-datepicker.purple-darkgrey .ui-widget-header .ui-state-hover,
.ui-datepicker.purple-darkgrey .ui-state-focus,
.ui-datepicker.purple-darkgrey .ui-widget-content .ui-state-focus,
.ui-datepicker.purple-darkgrey .ui-widget-header .ui-state-focus,
.ui-datepicker.purple-darkgrey .ui-datepicker .ui-datepicker-prev:hover{
    background-color:transparent!important;
    background:transparent;
    border:none;
}
.ui-datepicker.purple-darkgrey{
    max-width: 300px;
}
.ui-datepicker.purple-darkgrey .ui-datepicker-title{
    margin:0;
}
.ui-datepicker.purple-darkgrey select.ui-datepicker-month,
.ui-datepicker.purple-darkgrey select.ui-datepicker-year{
    width:49%;
}

.purple-darkgrey .conditions_aggree input[type="checkbox"]{
    margin: 5px 10px 0 5px;
}
.purple-darkgrey .conditions_aggree {
    text-align: left;
}
.purple-darkgrey #termsofuseRegistration,
.purple-darkgrey #termsofuseLogin {
    display: inline;
    margin: 0 !important;
    float:none !important;
    vertical-align: middle;
    padding: 0 !important;
}
.purple-darkgrey .ui-icon.ui-icon-alert {
    display: none;
}
.purple-darkgrey #registrationPopup label.display_inline,
.purple-darkgrey #loginPopup label.display_inline {
    display: inline;
    vertical-align: middle;
    margin: 0;
    padding-left: 10px;
    float: none;
}
.purple-darkgrey .login-error{
    width: 100%;
    color: #ff3e3e;
    font-size: 12px;
    text-align: left;
    float: left;
}
.ui-dialog.purple-darkgrey .ui-dialog-content{
    width:100%!important;
    box-sizing: border-box;
    padding: 10px;
}
.ui-dialog.purple-darkgrey .ui-dialog-content span {
    color: #fff;
}
.ui-dialog.purple-darkgrey #loginPopup{
    background-color: #282a30;
    position: relative;
    box-shadow: none;
    max-width: none;
    border: none;
    top: 0;
    left: 0;
}
.purple-darkgrey #login_wrapper #login{
    text-transform: none;
    padding: 15px 0px;
    margin-right: 15px;
}
@media (max-width: 960px) {
    .purple-darkgrey #login_wrapper #login {
        text-transform: none;
        padding: 15px 0px;
        margin-right: -10px;
    }
}
.purple-darkgrey #login_wrapper {
    padding: 0!important;
    position: absolute;
    height: 50px;
    z-index: 999999;
    /*background-color: #101117;*/
}
.header_search_field input[type="text"]:focus ~ .purple-darkgrey #login_wrapper {
    right: 355px;
}
.purple-darkgrey  #loggedin {
    padding: 15px;
    text-align: center;
    min-width: 180px;
}
.purple-darkgrey  .StaticUser a {
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px!important;
    padding-bottom: 15px;
}
.purple-darkgrey  .StaticUser a:hover{
    color:white;
}
.purple-darkgrey .myFavotiresLink:before,
.purple-darkgrey #link_logout:before,
.purple-darkgrey #link_change_data:before {
    content: '';
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-image: url('/wp-content/plugins/hms-mediaklikk/common/styles/images/mediaklikk_sprite-01.png');
    background-size: inherit;
}
.purple-darkgrey #link_logout:before {
    background-position: -210px -110px;
}
.purple-darkgrey #link_change_data:before {
    background-position: -170px -110px;
}
.purple-darkgrey .myFavotiresLink:before{
    background-position: -450px -30px;
}
.purple-darkgrey .loginSelected .StaticUser {
    display: block;
}
.purple-darkgrey .StaticUser {
    display: none;
}
.purple-darkgrey #login:before,
.purple-darkgrey #user_email:before {
    content: "";
    float: left;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    border-radius: 100%;
    background-color: #79288d;
    margin-top: -3px;
    background-image: url('/wp-content/plugins/hms-global-user-handler/common/images/login_ikon_mediaklikk.png');
    background-size: 15px 15px;
    background-position: center center;
    background-repeat: no-repeat;
}
.purple-darkgrey .StaticUser a:last-of-type{
    padding-bottom:0;
}
.purple-darkgrey #user_email {
    color: white;
    font-size: 12px;
    cursor: pointer;
    float: right;
}
.purple-darkgrey .StaticUser {
    display: none;
    width: 100%;
    float: left;
    background-color: #424347;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.3);
    padding: 15px;
    max-width: 260px;
    right: 0;
    top: 50px;
    position: absolute;
    min-width: 156px;
}
.ui-dialog.purple-darkgrey .ui-dialog-buttonpane .ui-dialog-buttonset{
    width: auto;
    margin: 0 auto 10px auto;
}
.ui-dialog.ui-corner-all.purple-darkgrey  #registrationPopup{
    background-color: #282a30;
    right: 0;
    top: 0;
    position: relative;
    box-shadow: none;
    border-top: 0px;
}
/*.ui-dialog.purple-darkgrey  #registrationPopup label{
    float:left;
}*/
.ui-dialog.purple-darkgrey  #registrationPopup input[type="checkbox"]{
    margin:5px 10px 0 5px;
}
.ui-dialog.purple-darkgrey  #registrationPopup input[type="password"],
#guh_password_change_widget_wrapper.purple-darkgrey input[type="password"],
#guh_password_change_widget_wrapper.purple-darkgrey .password_conf_wrapper input[type="password"] {
    background-color:transparent!important;
    border: solid 1px rgba(255,255,255,0.2);
}
#guh_password_change_widget_wrapper.purple-darkgrey input[type="password"] {
    color: #fff !important;
}
#guh_password_change_widget_wrapper.purple-darkgrey .password_conf_wrapper input[type="password"] {
    color: #fff !important;
}
.ui-dialog.purple-darkgrey .password_wrapper .strength_meter{
    height:36px;
    width:100%;
    left:0;
    margin-top:0;
}
#guh_password_change_widget_wrapper.purple-darkgrey {
    padding: 0px 20px;
}
#guh_password_change_widget_wrapper.purple-darkgrey .strength_meter {
    height: 36px;
    width: 100%;
    left: 0;
}
.ui-dialog.purple-darkgrey .ui-dialog-buttonpane{
    margin:0;
    padding: 0;
}
.ui-dialog.purple-darkgrey .password_wrapper  .strength_meter div{
    height: 36px;
    margin-top: 0;
}
.ui-dialog.purple-darkgrey .password_wrapper  .strength_meter p{
    line-height:36px;
}
#guh_password_change_widget_wrapper.purple-darkgrey  .strength_meter p {
    line-height: 40px;
    color: #1d1e23;
}
.purple-darkgrey  #loginCaptcha {
    display: table;
    margin: 0 auto;
    width: auto;
}
.ui-dialog.purple-darkgrey #lostpasswordPopup p{
    color:white;
    text-align: left;
    font-size:14px;
}
.ui-dialog.purple-darkgrey #lostpasswordPopup{
    padding:0 20px;
}
.purple-darkgrey .ui-datepicker-title{
    width: 82%;
    margin: 0 auto!important;
    float: none;
}
/*profil oldal*/
.purple-darkgrey #guhProfileInnerWrapper input{
    text-align:left;
    margin: 0 0 10px 0;
}
.purple-darkgrey  #guhProfileButtonsWrapper button {
    background-color: #79288d!important;
    color: #fff!important;
    font-size: 14px!important;
    font-family: 'Roboto', Sans-serif, Arial!important;
    font-weight: 500!important;
    border: none;
    padding: 5px 10px;
    border-radius: 4px;
}
.purple-darkgrey  #guhProfileButtonsWrapper {
    padding: 0 20px;
}
.purple-darkgrey #changeDataPopup {
    padding: 0;
}
.purple-darkgrey #guhDataChangeWrapper label,
.purple-darkgrey #guhDataChangeWrapper span{
    color: white;
}
.purple-darkgrey  #guhProfileButtonsWrapper button:nth-of-type(1) {
    margin-left: 21%;
}
.auth-widget-wrapper.purple-darkgrey .guhChangeData:before {
    background-image: url('../images/circle_modify_icon_white.svg');
    background-size: 25px 25px;
}
.auth-widget-wrapper.purple-darkgrey .guhChangeData:before{
    content: '';
    width: 25px;
    height: 25px;
    float: left;
    background-repeat: no-repeat;
    display: block;
    margin-right: 10px;
}
.ui-dialog.purple-darkgrey[aria-describedby="changeDataPopup"] #changeDataPopup #guhDatasWrapper{
    padding:0 20px;
}
.ui-dialog.purple-darkgrey[aria-describedby="changeDataPopup"] #changeDataPopup #guhDatasWrapper input{
    background-color: transparent!important;
    border:solid 1px white;
    color:white!important;
}
.ui-dialog.purple-darkgrey[aria-describedby="changeDataPopup"] #changeDataPopup #guhDatasWrapper #init_profile_delete_btn{
    color:white;
}
.ui-dialog.purple-darkgrey[aria-describedby="changeDataPopup"] #guhDatasWrapper .guh_profile_delete_wrapper {
    display: inline-block;
    float:right;
}
.ui-dialog.purple-darkgrey[aria-describedby="changeDataPopup"] #guhDatasWrapper .guh_profile_delete_wrapper button,
.ui-dialog.purple-darkgrey[aria-describedby="changeDataPopup"] #guhDatasWrapper #passwordRequestBtn{
    background-color: #3c3d41;
    color: white;
    border-radius: 4px;
    font-size: 14px;
    padding: 10px;
    text-transform: inherit;
    font-weight: 300;
    margin: 10px auto;
    float: none;
    display: inline-block;
    vertical-align: top;
    border: none;
}
.ui-dialog.purple-darkgrey[aria-describedby="changeDataPopup"] #guhDatasWrapper .guh_profile_delete_wrapper button:hover ,
.ui-dialog.purple-darkgrey[aria-describedby="changeDataPopup"] #guhDatasWrapper #passwordRequestBtn:hover {
    background-color: #5a5b5f;
}
.ui-dialog.purple-darkgrey[aria-describedby="changeDataPopup"] #guhDatasWrapper #passwordRequestBtn {
    padding-left: 35px;
    background-image: url("/wp-content/plugins/hms-global-user-handler/common/images/password_change_link.png");
    background-position: 7px 6px;
    background-size: 20px;
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
}
#guh_password_change_widget_wrapper.purple-darkgrey label {
    color: #fff;
}
/*.purple-darkgrey #guh_password_change_widget_wrapper input {
    background-color: #68696c;
    border: none;
    margin-top: 0px;
}*/
/*PURPLE-DARKGREY END*/

/*PINK-WHITE*/
.widget_hmsglobaluserhandler .auth-widget-wrapper.pink-white #login_wrapper {
    width: auto;
    display: block;
    cursor: pointer;
    float: left;
}
.pink-white #loggedin,
.pink-white #login{
    background-color: #d81b67;
    padding: 0;
    height: 40px;
    position: relative;
}
.pink-white #user_email {
    padding: 10px;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.pink-white #login_wrapper #login:before {
    margin: 0 5px 0 0;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.pink-white #login_wrapper #login {
    color: #fff !important;
    text-transform: none;
    font-family: 'Arimo', sans-serif !important;
    font-weight: bold;
    font-size: 14px;
    line-height: normal;
    padding: 10px !important;
    box-sizing: border-box;
}
.ui-dialog.pink-white {
    font-family: 'Arimo', sans-serif !important;
    font-weight: 400;
    background-color: white;
    text-align: center;
    width: 500px !important;
    min-width: inherit;
    max-width: 500px !important;
    position:relative;
    padding: 0;
}
.ui-dialog.pink-white .ui-dialog-titlebar {
    font-family: 'Arimo', sans-serif !important;
    color: #d81b67!important;
    font-size: 17px;
    width: 100%;
    margin: 0 auto;
    background-image:none;
    background-color: transparent;
}
.ui-dialog.pink-white .ui-dialog-titlebar-close {
    background-image: url('../images/close_button_grey.png');
    background-size: 100%;
    background-repeat:no-repeat;
    background-position:center center;
}
.ui-dialog.pink-white .dialogChangeWrapper {
    padding: 0 0 10px 0;
    text-align: left;
    top: 0;
    box-sizing: border-box;
}
.ui-dialog.pink-white #loginPopupForm,
.ui-dialog.pink-white #registrationPopupForm{
    margin: 0;
}
.ui-dialog.pink-white .dialogChangeWrapper span {
    color: #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 700;
}
.ui-dialog.pink-white .strike span {
    font-size: 13px;
    margin-bottom: 10px;
}
.pink-white #guhDatasWrapper input[type="text"],
.pink-white #guhDatasWrapper input[type="password"],
.pink-white #guhDatasWrapper select{
    border-color: #ccc!important;
    background-color: #ffffff!important;
    color: #444444!important;
    text-align: left;
    margin: 0 0 10px 0;
}
.pink-white #guhProfileButtonsWrapper{
    padding: 0 20px 0 0;
}
.pink-white .password_confirmation_wrapper {
    padding: 0 20px;
    box-sizing: border-box;
}
.pink-white .StaticUser {
    display: none;
}
.pink-white .loginSelected .StaticUser{
    display: block;
    background-color: #d81b67;
    float: left;
    padding: 10px;
    position: absolute;
    top: 40px;
    min-width: 170px;
}
.pink-white .loginSelected .StaticUser a {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 14px!important;
    padding: 5px 0;
    border-bottom: solid 1px rgba(255,255,255,0.2);
}
.pink-white #init_profile_delete_btn{
    color:#d81b67;
}
.auth-widget-wrapper.pink-white .guhChangeData:before{
    background-image: url('../images/modify_icon_white.svg');
}
.auth-widget-wrapper.pink-white #link_logout:before{
    background-image: url('../images/circle_arrow_logout_icon_white.svg');
}
.pink-white .loginSelected .StaticUser a:last-of-type{
    border:none;
    padding: 5px 0 0 0;
}
.pink-white #guhDatasWrapper label,
.ui-dialog.pink-white #registrationPopup>div label[for="rpNewsletterValue"],
.pink-white .strike span{
    color:#3d363b;
    text-align:left;
}
.pink-white #guhProfileButtonsWrapper button{
    background-color: #d81b67;
    color: white;
    border: 1px solid #d81b67;
    padding: 5px 15px;
}
.pink-white #guhDataChangeWrapper input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #444444!important;
}
.pink-white #guhDataChangeWrapper input::-moz-placeholder { /* Firefox 19+ */
    color: #444444!important;
}
.pink-white #guhDataChangeWrapper input:-ms-input-placeholder { /* IE 10+ */
    color:#444444!important;
}
.pink-white #guhDataChangeWrapper input:-moz-placeholder { /* Firefox 18- */
    color:#444444!important;
}
.ui-dialog.pink-white .dialogChangeWrapper span.active_tab {
    color: #d81b67;
    border-bottom: 1px solid #d81b67;
}
.ui-dialog.pink-white .loginPopup input,
.ui-dialog.pink-white .loginPopup select {
    border: solid 1px #ccc!important;
    background-color: #ffffff!important;
    font-family: 'Arimo', sans-serif !important;
    margin: 0 0 10px 0!important;
}
.ui-dialog.pink-white .loginPopup input:focus,
.ui-dialog.pink-white .loginPopup select:focus {
    border-color: #d81b67 !important;
    background-color: #ffffff;
    font-family: 'Arimo', sans-serif !important;
}
.ui-dialog.pink-white input::-webkit-input-placeholder{
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.pink-white input::-moz-placeholder{
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.pink-white input:-ms-input-placeholder{
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.pink-white input:-moz-placeholder {
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.pink-white #registrationPopup>div label[for="rpNewsletterValue"],
.ui-dialog.pink-white #registrationPopup>div input#rpNewsletterValue {
    display: block;
    width: auto;
    margin: 0 10px 0 0;
    vertical-align: middle;
    float: left;
}
.ui-dialog.pink-white #registrationPopup>div input#rpNewsletterValue{
    margin:4px 0 0 0!important;
}
.ui-dialog.pink-white #termsofuseRegistration,
.ui-dialog.pink-white .conditions_aggree #termsofuseLogin {
    display: block;
    float: left;
    margin: 4px 10px 0 0!important;
}
.ui-dialog.pink-white .conditions_aggree .display_inline,
.ui-dialog.pink-white #registrationPopup .display_inline {
    float: left;
    display: block;
    color: #3d363b!important;
    font-family: 'Arimo', sans-serif !important;
}
.ui-dialog.pink-white a.link_terms_of_use {
    color: #d81b67;
    text-decoration: none !important;
}
.ui-dialog.pink-white a.link_terms_of_use:hover {
    text-decoration: underline !important;
}
.ui-dialog.pink-white #registrationPopup .requiredFieldTextWrapper{
    text-align:left;
    width: 100% !important;
    margin: 5px auto;
    font-family: 'Lora', serif!important;
}
.ui-dialog.pink-white #registrationPopup {
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    background-color: transparent;
    border-top: none;
}
.ui-dialog.pink-white.tab-display-mode .ui-dialog-titlebar{
    padding:0;
}
.ui-dialog.pink-white .ui-dialog-buttonpane{
    float: none;
    clear:both;
    text-align:center;
    padding: 0 0 5px 0;
    width: 100% !important;
    margin: 0 auto;
}
.ui-dialog.pink-white .ui-dialog-buttonpane br {
    display: none
}
.ui-dialog.pink-white .ui-dialog-buttonpane a {
    margin:0 8px;
}
.ui-dialog.pink-white .ui-dialog-buttonpane .ui-dialog-buttonset button{
    displaY: inline-block;
}
.ui-dialog.pink-white .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    display: table;
    margin: 10px auto 15px auto;
}
.ui-dialog.pink-white .ui-dialog-buttonpane .ui-dialog-buttonset button {
    font-family: 'Arimo', sans-serif !important;
    background-color: #d81b67;
    color: white;
    border: 1px solid #d81b67;
    text-transform: uppercase;
    font-weight: bold;
}
.ui-dialog[aria-describedby="lostpasswordPopup"] .ui-dialog-buttonset button:first-of-type{
    margin-right:5px;
}
.ui-dialog.pink-white .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
    background-color: #fff;
    border: solid 1px #d81b67;
    color:#d81b67;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.ui-dialog.pink-white .ui-dialog-buttonpane a {
    text-decoration:none;
    color: #3d363b;
    font-size: 12px;
    margin: 0 auto;
}
.ui-dialog.pink-white .ui-dialog-buttonpane .linkClass{
    padding-right:10px;
    float: left;
    width: 50%;
}
.ui-dialog.pink-white .ui-dialog-buttonpane .linkClass:first-of-type{
    text-align: right;
}
.ui-dialog.pink-white .ui-dialog-buttonpane .linkClass:last-of-type{
    text-align: left;
}
.ui-dialog.pink-white .ui-dialog-buttonpane .linkClass:first-of-type:after{
    content:' • ';
    display:block;
    float:right;
    font-size:20px;
    margin-left: 10px;
    box-sizing: border-box;
    line-height: 17px;
    color:#d81b67;
}
.pink-white.tab-display-mode .linkClass:first-of-type:after{
    display:none!important;
}
.pink-white.tab-display-mode .linkClass{
    text-align: center!important;
    width:100%!important;
}
.ui-dialog.pink-white .ui-dialog-buttonpane a:hover {
    text-decoration:underline;
    color: #3d363b;
}
.ui-dialog.pink-white .social-login-wrapper{
    float:left;
    position:relative;
    bottom: 0;
    clear:both;
    background-color: #fff;
    padding:20px;
    margin: 5px;
    border-top: dotted 2px rgba(216,27,103,0.3);
}
.ui-dialog.pink-white .social-login-wrapper h1 {
    color: #d81b67;
    padding: 0 0 10px 0;
}
.ui-dialog.pink-white .social-login-wrapper h3.social_conditions_text {
    width: 100%;
    box-sizing: border-box;
    color:black;
}
.ui-dialog.pink-white .social-login-wrapper .facebook_login_button {
    background-color: #3b5998;
    padding: 6px;
}
.ui-dialog.pink-white .social-login-wrapper .google_login_button {
    background-color: #dd4b39;
    padding: 6px;
}
.ui-dialog.pink-white .social-login-wrapper .twitter_login_button {
    background-color: #5fa9de;
    padding: 6px;
}
.ui-dialog.pink-white .social-login-wrapper .microsoft_login_button {
    background-color: #0078d7;
    padding: 6px;
}
.ui-dialog.pink-white .loginWrapper {
    padding:0;
    box-sizing: border-box;
    width: 100%;
    float: left;
}
.ui-dialog.pink-white #loginPopup{
    padding:0 20px;
    box-sizing: border-box;
    background-color: transparent;
    border-top: 0;
}
.ui-dialog.pink-white .social-login-wrapper>div {
    display: inline-block;
    width: 50%;
    float:left;
    padding: 10px;
    margin:0;
    box-sizing: border-box;
}
.ui-dialog.pink-white  .requiredFieldText {
    text-align: center;
    width: 100%;
    float: left;
    font-family: 'Arimo', sans-serif !important;
}
.ui-dialog.pink-white .social-login-wrapper.element_count_3>div:last-of-type{
    float:none;
    margin:0 auto;
}
.ui-dialog.pink-white .social-login-wrapper>div span {
    margin: 0;
    width:35px;
    height:35px;
    background-repeat: no-repeat;
    background-position: center center;
}
.ui-dialog.pink-white .social-login-wrapper>div div {
    height: 35px;
}
.ui-dialog.pink-white .social-login-wrapper>div p {
    font-size:12px;
    line-height: 35px;
}
.ui-dialog.pink-white .social-login-wrapper .facebook_login_button,
.ui-dialog.pink-white .social-login-wrapper .google_login_button,
.ui-dialog.pink-white .social-login-wrapper .twitter_login_button,
.ui-dialog.pink-white .social-login-wrapper .microsoft_login_button{
    padding:0;
    background-color: #eae6e3;
}
.ui-dialog.pink-white .social-login-wrapper .facebook_login_button:hover,
.ui-dialog.pink-white .social-login-wrapper .google_login_button:hover,
.ui-dialog.pink-white .social-login-wrapper .twitter_login_button:hover,
.ui-dialog.pink-white .social-login-wrapper .microsoft_login_button:hover{
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.ui-dialog.pink-white .social-login-wrapper .facebook_login_button:hover p,
.ui-dialog.pink-white .social-login-wrapper .google_login_button:hover p,
.ui-dialog.pink-white .social-login-wrapper .twitter_login_button:hover p,
.ui-dialog.pink-white .social-login-wrapper .microsoft_login_button:hover p{
    color:white;
}
.ui-dialog.pink-white .social-login-wrapper .facebook_login_button span{
    background-color: #3b5998;
    margin-right: 10px;
}
.ui-dialog.pink-white .social-login-wrapper .facebook_login_button:hover{
    background-color: #3b5998;
}
.ui-dialog.pink-white .social-login-wrapper .google_login_button span{
    background-color: #dd4b39;
    margin-right: 10px;
}
.ui-dialog.pink-white .social-login-wrapper .google_login_button:hover{
    background-color: #dd4b39;
}
.ui-dialog.pink-white .social-login-wrapper .twitter_login_button span{
    background-color: #5fa9de;
    margin-right: 10px;
}
.ui-dialog.pink-white .social-login-wrapper .twitter_login_button:hover{
    background-color: #5fa9de;
}
.ui-dialog.pink-white .social-login-wrapper .microsoft_login_button span{
    background-color: #0078d7;
    margin-right: 10px;
}
.ui-dialog.pink-white .social-login-wrapper .microsoft_login_button:hover{
    background-color: #0078d7;
}
.ui-dialog.pink-white .social-login-wrapper .facebook_login_button p,
.ui-dialog.pink-white .social-login-wrapper .google_login_button p,
.ui-dialog.pink-white .social-login-wrapper .twitter_login_button p,
.ui-dialog.pink-white .social-login-wrapper .microsoft_login_button p{
    color:black;
    text-transform: none;
    text-align: left;
}
.ui-dialog.pink-white #lostpasswordPopup {
    width: 90% !important;
    margin: 0 auto;
    text-align: left;
    padding: 0;
}
.ui-dialog.pink-white #lostpasswordPopup>div label {
    padding-top: 5px;
    margin-bottom: 0;
}
.ui-dialog.pink-white #alertDialog>div {
    width: 100% !important;
}
#ui-datepicker-div.pink-white {
    background: #d81b67 !important;
    padding: 4px;
    width: 300px;
}
#ui-datepicker-div.pink-white .ui-datepicker-header {
    background-color: #fff !important;
    float: inherit;
    border: none;
    position: relative;
    padding: 3px 0;
    width: 100%;
    border-radius: 0;
    min-height: 37px;
}
#ui-datepicker-div.pink-white .ui-datepicker-header .ui-datepicker-title {
    margin: 0;
    padding: 0 35px;
}
#ui-datepicker-div.pink-white .ui-datepicker-prev,
#ui-datepicker-div.pink-white .ui-datepicker-next {
    width:30px;
    height: 30px;
    border-radius: 0;
    cursor: pointer;
    padding:0;
    margin:0;
    position: absolute;
}
#ui-datepicker-div.pink-white .ui-datepicker-prev:hover,
#ui-datepicker-div.pink-white .ui-datepicker-next:hover {
    background-color: transparent;
}
#ui-datepicker-div.pink-white .ui-datepicker-prev {
    left:0;
}
#ui-datepicker-div.pink-white .ui-datepicker-next {
    right: 0;
}
#ui-datepicker-div.pink-white .ui-datepicker-prev span {
    width: 25px;
    height: 25px !important;
    background-image: url('/wp-content/plugins/hms-tri-widgets/widgets/common/styles/IMG/elements_sprite.png')!important;
    background-position: -30px -459px;
    background-repeat: no-repeat;
    margin-left:-12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
#ui-datepicker-div.pink-white .ui-datepicker-next span {
    width: 25px;
    height: 25px !important;
    background-image: url('/wp-content/plugins/hms-tri-widgets/widgets/common/styles/IMG/elements_sprite.png')!important;
    background-position: -60px -459px;
    background-repeat: no-repeat;
    margin-left:-12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
#ui-datepicker-div.pink-white .ui-datepicker-calendar th {
    color: #fff;
    font-weight: bold;
}
#ui-datepicker-div.pink-white .ui-datepicker-calendar .ui-state-default {
    text-align: center;
    min-width: 40px;
    min-height: 24px;
    padding: 0;
    line-height: normal;
    display: table-cell;
    vertical-align: middle;
    background: transparent;
    border-radius: 0;
}
#ui-datepicker-div.pink-white .ui-datepicker-calendar .ui-state-default:hover {
    background-color: #fff;
    color: #d81b67;
    text-decoration: none;
}
#ui-datepicker-div.pink-white .ui-datepicker-calendar .ui-state-default.ui-state-active {
    border: 1px solid #fff;
}
.ui-dialog.pink-white .strength_meter {
    width: 60px;
    left: inherit;
    right: 1px;
    z-index: 1;
    display: table;
    text-align: center;
    border: none;
    height: 40px;
    margin-top:0;
}
.ui-dialog.pink-white .strength_meter>div {
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    height: 38px;
    text-align:center;
}
.ui-dialog.pink-white .strength_meter p {
    color: #000;
    font-weight: bold;
    text-shadow: 0 0 1px #fff;
}
.ui-dialog.pink-white .registrationCaptcha {
    padding-top: 10px;
    padding-bottom:10px;
    width:90%;
    margin:0 auto;
    position: relative;
}
.ui-dialog.pink-white .registrationCaptcha .image {
    display: inline-block;
    width: 48%;
    vertical-align: bottom;
}
.ui-dialog.pink-white .registrationCaptcha .image img {
    margin: 0 !important;
}
.ui-dialog.pink-white .registrationCaptcha .codeline {
    display: inline-block;
    vertical-align: bottom;
    width: 49%;
}
.ui-dialog.pink-white .registrationCaptcha .codeline span {
    width: 100%;
    padding-top: 0;
    text-align: left;
    font-size: 16px;
    line-height:normal;
    color: #3d363b;
}
.ui-dialog.pink-white .registrationCaptcha .codeline br {
    display: none;
}
.ui-dialog.pink-white .registrationCaptcha .code {
    float: none !important;
    margin-left: 0px !important;
    line-height: 25px;
    text-align: left;
}
.ui-dialog.pink-white .registrationCaptcha .code input {
    font-size: 16px;
    width: 50% !important;
    display: inline-block !important;
    margin: 0!important;
}
.ui-dialog.pink-white .registrationCaptcha .code img {
    width: 28px !important;
    height: 28px !important;
    max-width: inherit;
    cursor: pointer;
    margin: 5px 0 0 0;
    display: inline-block;
}
.ui-dialog.pink-white .login-error {
    background-color: #d81b67;
    color: #fff;
    padding: 3px;
    width: 100%;
    display: none;
    float: left;
    font-size: 12px;
    margin: 0 0 10px 0;
    box-sizing: border-box;
}
.ui-dialog.pink-white .password_wrapper .login-error {
    margin-bottom: 10px;
}
.pink-white #lblMessage {
    color: black;
    box-sizing: border-box;
    width: 100%;
    float: left;
}
.pink-white .ui-icon.ui-icon-alert {
    display: none;
}
/*PINK-WHITE END*/

/*PURPLE-WHITE*/

.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper:not(.hirado_redesign *){
    width: auto;
    display: block;
    z-index: 999999;
    float:right;
    position: fixed;
    right: 18%;
    top: 17px;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper #loggedin.loginSelected .StaticUser{
    display:block;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper #login:before {
    margin: 0 5px 0 0;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper #login {
    color: #fff !important;
    text-transform: none;
    font-family: 'Arimo', sans-serif !important;
    font-weight: bold;
    font-size: 14px;
    padding:0 5px 0 10px!important;
    background-color: #79288d;
    overflow: hidden;
    line-height: 35px;
    float: right;
    text-align: right;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper:before{
    height:35px;
    width: 35px;
    background-image:url('../images/profile_icon_white.svg');
    background-repeat: no-repeat;
    content: '';
    display:block;
    margin:0;
    float: right;
    right: 0;
    background-color: #79288d;
    position: relative;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper #loggedin {
    color: #fff !important;
    text-transform: none;
    font-family: 'Arimo', sans-serif !important;
    font-weight: bold;
    font-size: 14px;
    padding: 0 10px !important;
    cursor: pointer;
    background-color: #79288d;
    float: left;
    line-height: 35px;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper #loggedin .StaticUser{
    display:none;
    position: absolute;
    background-color: #79288d;
    left:0;
    top: 100%;
    width: 170px;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper #loggedin #user_email {
    float:none;
    color: #fff;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white .StaticUser a {
    color: #fff;
    cursor:pointer;
    width: 100%;
    padding: 10px;
    clear:both;
    font-size: 12px;
    line-height: 20px;
    display: block;
    text-align: center;
    border-bottom: solid 1px rgba(255,255,255,0.2);
    background-color: #79288d;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white .StaticUser a:last-of-type{
    border:none;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white .StaticUser a:hover{
    opacity:1;
    background-color: #6e2580;
}
.ui-dialog.purple-white #cdpNewsletterValue {
    float: left;
    width: auto;
    margin: 4px 0 0 0!important;
}
.ui-dialog.purple-white {
    font-family: 'Arimo', sans-serif !important;
    font-weight: 400;
    background-color: #fff;
    text-align: center;
    width: 500px !important;
    min-width: inherit;
    max-width: 500px !important;
    position:relative;
    padding: 0;
}
.ui-dialog.purple-white .ui-dialog-titlebar {
    font-family: 'Arimo', sans-serif !important;
    background-color: #79288d;
    color: #fff;
    font-size: 17px;
    width: 100%;
    margin: 0 auto;
    background-image: none;
    border-radius: 0;
    padding: 5px 0;
}
.ui-dialog.purple-white #loginPopup {
    width: 100%!important;
    box-sizing: border-box;
    background-color: transparent;
    border: none;
}
.ui-dialog.purple-white .native_login-wrapper,
.ui-dialog.purple-white #registrationPopup{
    padding: 0 20px;
    box-sizing: border-box;
}
.ui-dialog.purple-white .native_login-wrapper {
    margin-bottom: 10px;
}
.ui-dialog.purple-white .ui-dialog-titlebar-close {
    background-image: url('../images/close_button_white.png');
    background-size: 100%;
    background-repeat:no-repeat;
    background-position:center center;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    padding: 0;
    position: absolute;
}
.ui-dialog.purple-white #init_profile_delete_btn{
    display: block;
    margin: 0 auto;
    background-color: #d4d4d4;
    width: auto;
    padding: 5px 10px;
    border-radius: 50px;
}
.ui-dialog.purple-white .dialogChangeWrapper {
    padding: 10px 0 10px 0;
    text-align: left;
}
.ui-dialog.purple-white .dialogChangeWrapper span {
    color: #3d363b;
    border-bottom: 1px solid #3d363b;
    padding: 7px 0;
    text-transform: uppercase;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 700;
}
.ui-dialog.purple-white .dialogChangeWrapper span.active_tab {
    color: #79288d;
    border-bottom: 1px solid #79288d;
}
.ui-dialog.purple-white .loginPopup input,
.ui-dialog.purple-white .loginPopup select,
.ui-dialog.purple-white .loginPopup input:focus,
.ui-dialog.purple-white .loginPopup select:focus {
    border: solid 1px #79288d !important;
    background-color: #f2efed !important;
    font-family: 'Arimo', sans-serif !important;
    width: 100%;
    margin: 0 0 10px 0!important;
    height: 40px!important;
    color: #3d363b!important;
}
.ui-dialog.purple-white .loginPopup input[type="checkbox"]{
    height:auto!important;
}

.ui-dialog.purple-white input::-webkit-input-placeholder{
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.purple-white input::-moz-placeholder{
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.purple-white input:-ms-input-placeholder{
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.purple-white input:-moz-placeholder {
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.purple-white #registrationPopup>div label[for="rpNewsletterValue"],
.ui-dialog.purple-white #registrationPopup>div input#rpNewsletterValue {
    display: block;
    width: auto;
    margin: 0 10px 0 0;
    vertical-align: middle;
    float: left;
    color:#3d363b;
}
.ui-dialog.purple-white .requiredFieldText {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
}
.ui-dialog.purple-white #termsofuseRegistration,
.ui-dialog.purple-white .conditions_aggree #termsofuseLogin {
    display: block;
    float: left;
    margin: 4px 8px 0 0!important;
    width: auto;
}
.ui-dialog.purple-white .conditions_aggree .display_inline,
.ui-dialog.purple-white #registrationPopup .display_inline {
    float:left;
    display: block;
    color: #3d363b!important;
}
.ui-dialog.purple-white a.link_terms_of_use {
    color: #79288d;
    text-decoration: none !important;
}
.ui-dialog.purple-white a.link_terms_of_use:hover {
    text-decoration: underline !important;
}
.ui-dialog.purple-white #registrationPopup .requiredFieldTextWrapper{
    text-align:left;
    width: 100% !important;
    margin: 5px auto;
}
.ui-dialog.purple-white #registrationPopup {
    text-align: center;
    background-color: transparent;
}
.ui-dialog.purple-white .ui-dialog-buttonpane{
    float: none;
    clear: both;
    text-align: center;
    padding: 0;
    width: 100% !important;
    margin: 0 auto;
}
.ui-dialog.purple-white .ui-dialog-buttonpane br {
    display: none
}
.ui-dialog.purple-white .ui-dialog-buttonpane a {
    margin:0 8px;
}
.ui-dialog.purple-white .ui-dialog-buttonpane .ui-dialog-buttonset button{
    display: inline-block;
    margin:0 10px!important;
}
.ui-dialog.purple-white .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    display: table;
    margin: 10px auto 10px auto;
}
.ui-dialog.purple-white .ui-dialog-buttonpane .ui-dialog-buttonset button {
    font-family: 'Arimo', sans-serif !important;
    background-color: #79288d;
    color: #fff;
    text-transform: uppercase;
    margin:0;
    float: none;
    font-size: 12px;
    font-weight: 700;
    border-radius: 50px;
    padding: 10px 15px;
}
.ui-dialog.purple-white  #loginCaptchaWrapper {
    width: 100%;
    float: left;
    margin: 5px 0 10px 0;
}
.ui-dialog.purple-white .ui-dialog-titlebar.ui-widget-header span {
    width: 100%;
    text-align: center;
    margin: 0;
    font-weight: 500;
}
.ui-dialog.purple-white .strike span {
    margin: 0 auto 10px auto;
    display: table;
    font-size: 14px;
}
.ui-dialog.purple-white .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
    background-color: #a554b9;
}
.ui-dialog.purple-white .ui-dialog-buttonpane a {
    text-decoration:none;
    color: #3d363b;
    font-size: 12px;
}
.ui-dialog.purple-white .ui-dialog-buttonpane a:hover {
    text-decoration:underline;
    color: #3d363b;
}
.ui-dialog.purple-white .social-login-wrapper{
    float:left;
    position:relative;
    bottom: 0;
    clear:both;
    background-color: #f2f2f2;
    padding:20px
}
.ui-dialog.purple-white .social-login-wrapper h1 {
    color: #79288d;
    padding: 0;
}
.ui-dialog.purple-white .social-login-wrapper h3.social_conditions_text {
    width: 100%;
    box-sizing: border-box;
    color: #404040;
}
.ui-dialog.purple-white .social-login-wrapper .facebook_login_button {
    background-color: #3b5998;
    padding: 6px;
}
.ui-dialog.purple-white .social-login-wrapper .google_login_button {
    background-color: #dd4b39;
    padding: 6px;
}
.ui-dialog.purple-white .social-login-wrapper .twitter_login_button {
    background-color: #5fa9de;
    padding: 6px;
}
.ui-dialog.purple-white .social-login-wrapper .microsoft_login_button {
    background-color: #0078d7;
    padding: 6px;
}
.ui-dialog.purple-white .social-login-wrapper>div {
    display: block;
    width: 50%;
    float:left;
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
}
.ui-dialog.purple-white .social-login-wrapper.element_count_3>div:last-of-type{
    float:none;
    margin:0 auto!important;
    display: table;
}
.ui-dialog.purple-white .social-login-wrapper>div span {
    margin: 0;
}
/* .ui-dialog.purple-white .social-login-wrapper>div div {
    height: inherit;
} */
.ui-dialog.purple-white .social-login-wrapper>div p {
    font-size:12px;
    line-height: 25px;
    font-weight: 700;
}

.ui-dialog.purple-white #lostpasswordPopup {
    width: 100% !important;
    margin: 0 auto;
    text-align: left;
    box-sizing: border-box;
    padding: 0 20px;
}
.ui-dialog.purple-white #lostpasswordPopup p {
    text-align: center;
}
.ui-dialog.purple-white #lostpasswordPopup>div label {
    padding-top: 5px;
    margin-bottom: 0;
}
.ui-dialog.purple-white #alertDialog>div {
    width: 100% !important;
}
#ui-datepicker-div.purple-white {
    background: #79288d !important;
    padding: 4px;
    width: 300px;
}
#ui-datepicker-div.purple-white .ui-datepicker-header {
    background-color: #fff !important;
    float: inherit;
    border: none;
    position: relative;
    padding: 3px 0;
    width: 100%;
    border-radius: 0;
    min-height: 37px;
}
#ui-datepicker-div.purple-white .ui-datepicker-header .ui-datepicker-title {
    margin: 0;
    padding: 0 35px;
}
#ui-datepicker-div.purple-white .ui-datepicker-prev,
#ui-datepicker-div.purple-white .ui-datepicker-next {
    width:30px;
    height: 30px;
    border-radius: 0;
    cursor: pointer;
    padding:0;
    margin:0px;
    position: absolute;
}
#ui-datepicker-div.purple-white .ui-datepicker-prev:hover,
#ui-datepicker-div.purple-white .ui-datepicker-next:hover {
    background-color: transparent;
}
#ui-datepicker-div.purple-white .ui-datepicker-prev {
    left:0;
}
#ui-datepicker-div.purple-white .ui-datepicker-next {
    right: 0;
}
#ui-datepicker-div.purple-white .ui-datepicker-prev span {
    width: 25px;
    height: 25px !important;
    background-image: url('../images/datepicker_left_arrow_black.svg')!important;
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-left:-12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
#ui-datepicker-div.purple-white .ui-datepicker-next span {
    width: 25px;
    height: 25px !important;
    background-image: url('../images/datepicker_right_arrow_black.svg')!important;
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-left:-12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
#ui-datepicker-div.purple-white .ui-datepicker-month,
#ui-datepicker-div.purple-white .ui-datepicker-year,
#ui-datepicker-div.purple-white .ui-datepicker-year:focus,
#ui-datepicker-div.purple-white .ui-datepicker-month:focus{
    border-radius: 0;
    border: solid 1px rgba(121, 40, 141, 0.2) !important;
    outline:none;
}
#ui-datepicker-div.purple-white .ui-datepicker-calendar th {
    color: #fff;
    font-weight: bold;
}
#ui-datepicker-div.purple-white .ui-datepicker-calendar .ui-state-default {
    text-align: center;
    min-width: 40px;
    min-height: 24px;
    padding: 0;
    line-height: normal;
    display: table-cell;
    vertical-align: middle;
    background: rgba(255,255,255,0.1);
    border-radius: 0;
}
#ui-datepicker-div.purple-white .ui-datepicker-calendar .ui-state-highlight{
    background-color:white;
    color:#79288d;
    font-weight: 700;
}
#ui-datepicker-div.purple-white .ui-datepicker-calendar .ui-state-default:hover {
    background-color: #fff;
    color: #79288d;
    text-decoration: none;
}
#ui-datepicker-div.purple-white .ui-datepicker-calendar .ui-state-default.ui-state-active {
    border: 1px solid #fff;
}
.ui-dialog.purple-white .strength_meter {
    width: 60px;
    left: inherit;
    right: 0;
    z-index: 1;
    display: table;
    text-align: center;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #79288d;
    margin-top: 0;
    height: 38px;
}
.ui-dialog.purple-white .strength_meter>div {
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    height: 38px;
    text-align:center;
}
.ui-dialog.purple-white .strength_meter p {
    color: #000;
    font-weight: bold;
    text-shadow: 0 0 1px #fff;
}
.ui-dialog.purple-white .registrationCaptcha {
    padding-top: 10px;
    padding-bottom:10px;
    width:90%;
    margin:0 auto;
    position: relative;
}
.ui-dialog.purple-white .registrationCaptcha .image {
    display: inline-block;
    width: 48%;
    vertical-align: bottom;
}
.ui-dialog.purple-white .registrationCaptcha .image img {
    margin: 0 !important;
}
.ui-dialog.purple-white .registrationCaptcha .codeline {
    display: inline-block;
    vertical-align: bottom;
    width: 49%;
}
.ui-dialog.purple-white .registrationCaptcha .codeline span {
    width: 100%;
    padding-top: 0;
    text-align: left;
    font-size: 16px;
    line-height:normal;
    color: #3d363b;
}
.ui-dialog.purple-white .registrationCaptcha .codeline br {
    display: none;
}
.ui-dialog.purple-white .registrationCaptcha .code {
    float: none !important;
    margin-left: 0!important;
    line-height: 25px;
    text-align: left;
}
.ui-dialog.purple-white .registrationCaptcha .code input {
    font-size: 16px;
    width: 50% !important;
    display: inline-block !important;
    margin: 0!important;
}
.ui-dialog.purple-white .registrationCaptcha .code img {
    width: 28px !important;
    height: 28px !important;
    max-width: inherit;
    cursor: pointer;
    margin: 5px 0 0 0;
    display: inline-block;
}
.ui-dialog.purple-white .login-error {
    background-color: #79288d;
    color: #fff;
    padding: 3px;
    width: 100%;
    display: none;
    font-size: 12px;
    float: left;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.ui-dialog.purple-white .password_wrapper .login-error {
    margin-bottom: 10px;
}
/*data change*/
.purple-white span.guhProfileHeaderText {
    color: #79288d;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    width: 100%;
    float: left;
    padding-bottom: 10px;
}
#guhProfilePageWrapper.purple-white {
    background-color: white;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.purple-white #changeDataPopup {
    padding: 0;
}
.purple-white #guhDataChangeWrapper input,
.purple-white #guhDataChangeWrapper select{
    border:solid 1px #79288d;
    background-color:white;
    color:black;
}
.purple-white  #confirmationDialog span,
.purple-white  .password_confirmation_wrapper span{
    padding: 15px 0;
    display: block;
}
.purple-white  .password_confirmation_wrapper {
    padding: 0 20px;
    box-sizing: border-box;
}
.purple-white #guhProfileButtonsWrapper button {
    background-color: #79288d;
    color: white;
    border: none;
    padding: 8px 15px;
    border-radius:50px;
}
.purple-white #guhProfileButtonsWrapper button:hover{
    background-color: #6e2580;
}
.purple-white #guhProfileButtonsWrapper {
    padding: 0 20px 0 0;
    box-sizing: border-box;
}
/*data change end*/
/*PURPLE-WHITE END*/

/*BLACK-RED*/
.widget_hmsglobaluserhandler .auth-widget-wrapper.black-red #login_wrapper{
    width: auto;
    display: block;
    float:left;
    position: absolute;
    right:250px;
    top: 0;
    height: 50px;
    padding:0;
    z-index:9991;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.black-red #login_wrapper #login {
    color: #333 !important;
    text-transform: none;
    font-family: 'Roboto', Sans-serif, Arial!important;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    padding: 12px !important;
    background-color: #ffca00;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.black-red #login_wrapper #login:before {
    display: none;
}
.auth-widget-wrapper.black-red #loggedin{
    background-color: #ffca00;
    padding: 0 5px;
    height: 40px;
    line-height: 40px;
    cursor:pointer;
}
.ui-dialog.black-red {
    font-family: 'Roboto', Sans-serif, Arial!important;
    font-weight: 400;
    background-color: #000;
    text-align: center;
    max-width: 500px !important;
    width: 500px !important;
    min-width: inherit !important;
    color: #fff;
}
.ui-dialog.black-red.tab-display-mode  .ui-widget-header{
    padding:0;
}
.ui-dialog.black-red #loginPopup {
    background-color: transparent;
    border-top: none;
    box-shadow: none;
    width: 100%!important;
    float: left;
    position: relative;
    top: 0;
    right: 0;
    max-width: 100%;
    padding: 0 20px;
}
.ui-dialog.black-red #changeDataPopup {
    padding: 0;
}
.ui-dialog.black-red .strike span {
    color: white;
    font-size: 12px;
    margin-bottom: 10px;
    display: block;
}
.auth-widget-wrapper.black-red .StaticUser {
    display: none;
}
.auth-widget-wrapper.black-red  #user_email {
    color: black;
}
.auth-widget-wrapper.black-red .loginSelected .StaticUser{
    display:block;
}
.auth-widget-wrapper.black-red .StaticUser a {
    text-align: left;
    display: block;
    padding: 5px 10px;
    color: black;
}
.auth-widget-wrapper.black-red .StaticUser {
    width: 170px;
    position: absolute;
    top: 40px;
    background-color: #ffca00;
    left:0;
    border-top: solid 1px black;
}
.ui-dialog.black-red #loginCaptchaWrapper {
    width: 100%;
    float: left;
}
.ui-dialog.black-red  .facebook_login_button p,
.ui-dialog.black-red  .google_login_button p,
.ui-dialog.black-red  .twitter_login_button p,
.ui-dialog.black-red  .microsoft_login_button p {
    line-height: 35px;
    margin: 0;
    text-transform: uppercase;
    padding: 0;
    font-size: 12px;
}
.ui-dialog.black-red  .ui-widget-header{
    background-image: none;
    background-color: transparent;
}
.ui-dialog.black-red .ui-dialog-titlebar {
    color: #fff;
}
.ui-dialog.black-red .guh_profile_delete_wrapper button {
    color: white;
    font-weight: normal!important;
    text-transform: none!important;
}
.ui-dialog.black-red .ui-dialog-titlebar-close {
    background-image: url('../images/close_button_white.png');
    background-size: 100%;
    background-position: center center;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    padding: 0;
    position: absolute;
}
.ui-dialog.black-red .dialogChangeWrapper {
    padding: 0 20px 20px 0;
    text-align: left;
}
.ui-dialog.black-red .dialogChangeWrapper span {
    color: #808080;
    border-bottom: 1px solid #808080;
    margin-right: 10px;
    font-weight: 700;
    font-size: 16px;
    padding: 0 0 10px 0;
}
.ui-dialog.black-red .dialogChangeWrapper span.active_tab {
    color: #fff;
    border-bottom: 1px solid #fff;
    /* padding: 10px; */
}
.ui-dialog.black-red .loginPopup input,
.ui-dialog.black-red .loginPopup input:focus,
.ui-dialog.black-red .loginPopup select{
    border-color: #fff !important;
    background-color: #fff !important;
    font-family: 'Roboto', Sans-serif, Arial!important;
    font-weight: 300;
    text-align: left;
    margin: 0 0 10px 0!important;
    color: #333333!important;
}
.ui-dialog.black-red input:-webkit-autofill,
.ui-dialog.black-red input:-webkit-autofill:hover,
.ui-dialog.black-red input:-webkit-autofill:focus {
    border-color: #fff !important;
    background-color: #fff !important;
}
.ui-dialog.black-red input::-webkit-input-placeholder{
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.black-red input::-moz-placeholder{
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.black-red input:-ms-input-placeholder{
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.black-red input:-moz-placeholder {
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.black-red #termsofuseRegistration,
.ui-dialog.black-red .conditions_aggree #termsofuseLogin {
    display: block;
    float: left;
    margin: 4px 10px 0 0!important;
}
.ui-dialog.black-red .conditions_aggree .display_inline,
.ui-dialog.black-red #registrationPopup .display_inline {
    float: left;
    display: block;
    color: #fff;
    padding-left: 0;
}
.ui-dialog.black-red a.link_terms_of_use {
    color: #d12d2c;
    text-decoration: none !important;
}
.ui-dialog.black-red a.link_terms_of_use:hover {
    text-decoration: underline !important;
}
.ui-dialog.black-red  .requiredFieldText {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 12px;
}
.ui-dialog.black-red #registrationPopup .requiredFieldTextWrapper{
    text-align:left;
    width: 90% !important;
    margin: 5px auto;
    color: #fff;
}
.ui-dialog.black-red #registrationPopup {
    text-align: center;
    max-width: 100%;
    width: 100%!important;
    position: relative;
    left: 0;
    box-shadow: none;
    background-color: transparent;
    border-top: 0;
    top: 0;
    right: 0;
    padding: 0 20px;
}
.ui-dialog.black-red  #registrationPopup label {
    color: white;
    float: left;
}
.ui-dialog.black-red .ui-dialog-buttonpane{
    float: none;
    clear:both;
    text-align:center;
    padding:0 0 10px 0;
    width: 90% !important;
    margin: 10px auto;
}
.ui-dialog.black-red .ui-dialog-buttonpane .ui-dialog-buttonset button{
    displaY: inline-block;
    background-color: #d12d2c;
    color: #000;
    font-weight:bold;
    margin: 5px;
    float: none;
}
.ui-dialog.black-red .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
    background-color: #d40403;
}
.ui-dialog.black-red .ui-dialog-buttonpane a {
    color: #fff;
    text-decoration: none;
    font-size:12px;
}
.ui-dialog.black-red .ui-dialog-buttonpane a:hover {
    text-decoration: underline;
}
.ui-dialog.black-red .social-login-wrapper{
    float:left;
    position:relative;
    bottom: 0;
    clear:both;
    background-color: #070707;
    border-top: 1px solid rgba(255,255,255,0.3);
    padding: 20px;
}
.ui-dialog.black-red .social-login-wrapper h1 {
    color: #fff;
}
.ui-dialog.black-red .social-login-wrapper h3.social_conditions_text {
    width: 100%;
    color: #fff;
    font-weight: normal;
}
.ui-dialog.black-red .social-login-wrapper .facebook_login_button {
    background-color: #3b5998;
}
.ui-dialog.black-red .social-login-wrapper .google_login_button {
    background-color: #dd4b39;
}
.ui-dialog.black-red .social-login-wrapper .twitter_login_button {
    background-color: #5fa9de;
}
.ui-dialog.black-red .social-login-wrapper .microsoft_login_button {
    background-color: #0078d7;
}
.ui-dialog.black-red .social-login-wrapper.element_count_3>div:last-of-type,
.ui-dialog.black-red .social-login-wrapper.element_count_1>div{
    float:none;
    margin:0 auto!important;
    display:table;
}
.ui-dialog.black-red .social-login-wrapper>div {
    display: block;
    width: 50%;
    float:left;
    padding: 5px;
    margin: 0;
}
.ui-dialog.black-red .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    margin: 0 auto;
}
.ui-dialog.black-red .social-login-wrapper>div span {
    margin: 0;
    width: 35px;
    height: 35px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
}
.ui-dialog.black-red .social-login-wrapper>div div {
    height: 35px;
    padding: 0;
}
.ui-dialog.black-red #lostpasswordPopup {
    width: 100%!important;
    margin: 0 auto;
    text-align: left;
}
.ui-dialog.black-red #lostpasswordPopup p {
    color: #fff;
}
.ui-dialog.black-red #lostpasswordPopup>div label {
    padding-top: 5px;
    margin-bottom: 0;
    color: #fff;
}
.ui-dialog.black-red #alertDialog>div {
    width: 100% !important;
    color: #fff;
}
#ui-datepicker-div.black-red {
    background: #d12d2c !important;
}
#ui-datepicker-div.black-red .ui-datepicker-header {
    background-color: #fff !important;
    float: inherit;
}
#ui-datepicker-div.black-red .ui-datepicker-header .ui-datepicker-title {
    margin: 0;
    padding: 0 35px;
}
#ui-datepicker-div.black-red .ui-datepicker-calendar th {
    color: #f2f2f2;
    font-weight: bold;
}
#ui-datepicker-div.black-red .ui-datepicker-calendar .ui-state-default {
    text-align: center;
    min-width: 40px;
    min-height: 24px;
    padding: 0;
    line-height: normal;
    display: table-cell;
    vertical-align: middle;
    background-color: black!important;
}
#ui-datepicker-div.black-red .ui-datepicker-calendar .ui-state-default:hover,
#ui-datepicker-div.black-red .ui-datepicker-calendar .ui-state-highlight{
    background-color:#d12d2c !important;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}
#ui-datepicker-div.black-red .ui-datepicker-calendar .ui-state-default.ui-state-active {
    border: 1px solid #fff !important;
}
.black-red #rpNewsletterValue {
    margin: 3px 0 0 7px!important;
    float: left;
}
#ui-datepicker-div.black-red .ui-datepicker-next span,
#ui-datepicker-div.black-red .ui-datepicker-prev span{
    width:20px;
    height:20px!important;
    background-position: center center;
    background-size:20px 20px ;
}
#ui-datepicker-div.black-red .ui-datepicker-next span{
    background-image:url('../images/datepicker_right_arrow_black.svg')!important;
}
#ui-datepicker-div.black-red .ui-datepicker-prev span{
    background-image:url('../images/datepicker_left_arrow_black.svg')!important;
}
.ui-dialog.black-red .strength_meter {
    width: 60px;
    left: inherit;
    right: 0;
    z-index: 1;
    margin-top: 0;
    display: block;
    text-align: center;
}
.ui-dialog.black-red .strength_meter>div {
    display: block;
    vertical-align: middle;
    line-height: 40px;
    height: 40px;
    text-align: center;
    margin-top: 0;
}
.ui-dialog.black-red .strength_meter p {
    color: #000;
    font-weight: bold;
    text-shadow: 0 0 1px #fff;
    line-height: 40px;
}
.ui-dialog.black-red .registrationCaptcha {
    padding-top: 10px;
    padding-bottom:10px;
    width:90%;
    margin:0 auto;
    position: relative;
}
.ui-dialog.black-red .registrationCaptcha .image {
    display: inline-block;
    width: 48%;
    vertical-align: bottom;
}
.ui-dialog.black-red .registrationCaptcha .image img {
    margin: 0 !important;
}
.ui-dialog.black-red .registrationCaptcha .codeline {
    display: inline-block;
    vertical-align: bottom;
    width: 49%;
}
.ui-dialog.black-red .registrationCaptcha .codeline span {
    width: 100%;
    padding-top: 0px;
    text-align: left;
    font-size: 16px;
    line-height:normal;
    color: #fff;
}
.ui-dialog.black-red .registrationCaptcha .codeline br {
    display: none;
}
.ui-dialog.black-red .registrationCaptcha .code {
    float: none !important;
    margin-left: 0!important;
    line-height: 25px;
    text-align: left;
}
.ui-dialog.black-red .registrationCaptcha .code input {
    font-size: 16px;
    width: 50% !important;
    display: inline-block !important;
    margin: 0!important;
}
.ui-dialog.black-red .registrationCaptcha .code img {
    width: 28px !important;
    height: 28px !important;
    max-width: inherit;
    cursor: pointer;
    margin: 5px 0 0 0;
    display: inline-block;
}
.ui-dialog.black-red .login-error {
    color: #d12d2c;
    display: none;
    width: 100%;
    font-size: 12px;
    font-weight: 700;
    padding: 0;
    float: left;
}
.ui-dialog.black-red .password_wrapper .login-error {
    margin-bottom: 10px;
}
/*profil oldal*/
.black-red #guhDataChangeWrapper {
    background-color: black;
    padding: 20px 20px 0 20px;
}
.black-red #guhProfileInnerWrapper input,
.black-red #guhProfileInnerWrapper input:focus,
.black-red #guhProfileInnerWrapper select{
    background-color:black;
    border:solid 1px white;
    margin:0 0 10px 0!important;
    width:100%;
    text-align: left;
}
.black-red #guhDatasWrapper label,
.black-red  .strike span{
    color:white;
}
.black-red #guhProfileButtonsWrapper {
    background-color: black;
    padding: 0 20px 20px 20px;
}
.black-red #changeDataPopup #guhDatasWrapper{
    padding:0 0 0 20px;
}
.black-red #guhProfileButtonsWrapper button {
    background-color: #d12d2c;
    color: #000;
    font-weight: bold;
    border: none;
    padding: 5px;
}
.black-red #guhDatasWrapper #cdpNewsletterValue {
    margin: 0 4px 0 0;
    float: left;
    display: block;
    width: auto;
}
/*profil oldal*/
/*BLACK-RED END*/

/*RED-WHITE*/

.auth-widget-wrapper.red-white #login_wrapper{
    width: auto;
    display: block;
    z-index: 999999;
    float: left;
    position: absolute;
    top: 7px;
    right: 0;
    margin: 0;
    background-color: transparent;
    padding: 0;
}
.auth-widget-wrapper.red-white #login_wrapper #login:hover{
    background-color:white;
    color:#CC0000!important;
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.red-white #login_wrapper #login:before {
    margin: 0 5px 0 0;
}
.auth-widget-wrapper.red-white #login_wrapper #login {
    color: #fff !important;
    text-transform: none;
    font-family: "ProxiNormal", Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 10px !important;
    border: solid 2px white;
    border-radius: 50px;
    display: block;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.red-white #login_wrapper #loggedin {
    color: #fff !important;
    text-transform: none;
    font-family: "ProxiNormal", Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    padding: 12px !important;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.red-white #login_wrapper #loggedin .StaticUser{
    display:none;
    position: absolute;
    background-color: #cc0000;
    left:0;
    top: 100%;
    width: 100%;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.red-white #login_wrapper:hover #loggedin .StaticUser{
    display:block;
    min-width: 120px;
}
.ui-dialog.red-white .ui-dialog-content,
.ui-dialog.red-white .ui-widget-content{
    border:none
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.red-white #login_wrapper #loggedin #user_email {
    float:none;
    color: #fff;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.red-white .StaticUser a {
    color: #fff;
    cursor:pointer;
    width: inherit;
    padding: 10px;
    clear:both;
    font-size: 12px;
    line-height: 20px;
    display: block;
    text-align: center;
}
.ui-dialog.red-white {
    font-family: "ProxiNormal", Arial, sans-serif!important;
    font-weight: 400;
    text-align: center;
    max-width: 500px !important;
    width:100%!important;
    background-color: #333333;
}
.ui-dialog.red-white .ui-dialog-titlebar {
    font-family: "ProxiBold", Arial, sans-serif;
    color: #fff;
    font-weight: normal;
    padding: 5px 0;
    background-color: transparent;
    background-image: none;
    border: none;
}
.ui-dialog.red-white .ui-icon.ui-icon-alert {
    display: none;
}
.ui-dialog.red-white .ui-dialog-titlebar-close{
    display:block;
}
.ui-dialog.red-white .ui-dialog-titlebar-close {
    background-image: url('../images/close_button_white.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    top: 5px;
    right: 5px;
}
.ui-dialog.red-white .dialogChangeWrapper {
    padding: 0px 0 10px 0;
    text-align: left;
}
.ui-dialog.red-white .dialogChangeWrapper span {
    color: white;
    border-bottom: 1px solid white;
    font-size: 14px;
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 700;
    padding-top: 0;
}
.ui-dialog.red-white .dialogChangeWrapper span.active_tab {
    color: #cc0000;
    border-bottom-color: #cc0000;
}
.ui-dialog.red-white .loginPopup input,
.ui-dialog.red-white .loginPopup select,
.ui-dialog.red-white .loginPopup input:focus,
.ui-dialog.red-white .loginPopup select:focus {
    background-color: #f1f1f1 !important;
    font-family: "ProxiNormal", Arial, sans-serif;
    font-weight: 300;
    color: #231f20;
    width:100%!important;
    margin: 0 0 10px 0!important;
    height: 40px!important;
    font-size: 13px;
}
.ui-dialog.red-white input:-webkit-autofill,
.ui-dialog.red-white input:-webkit-autofill:hover,
.ui-dialog.red-white input:-webkit-autofill:focus,
.ui-dialog.red-white input:-webkit-autofill {
    background-color: #f1f1f1 !important;
    color: #231f20;
}
.ui-dialog.red-white input::-webkit-input-placeholder{
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.red-white input::-moz-placeholder{
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.red-white input:-ms-input-placeholder{
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.red-white input:-moz-placeholder {
    color: #3d363b !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.red-white #registrationPopup>div label[for="rpNewsletterValue"],
.ui-dialog.red-white #registrationPopup>div input#rpNewsletterValue {
    display: block;
    margin: 0 10px 0 0;
    vertical-align: middle;
    color: white;
    float: left;
    width: auto!important;
    height: auto!important;
}
.ui-dialog.red-white #termsofuseRegistration,
.ui-dialog.red-white .conditions_aggree #termsofuseLogin {
    display: block;
    float: left;
    width: auto!important;
    height: auto!important;
}
.ui-dialog.red-white .conditions_aggree #termsofuseLogin,
.ui-dialog.red-white #termsofuseRegistration{
    margin:3px 5px 0 0!important;
}
.ui-dialog.red-white .conditions_aggree .display_inline,
.ui-dialog.red-white #registrationPopup .display_inline {
    float:left;
    display: block;
    color: white;
    padding-left: 0;
    text-align: left;
}
.ui-dialog.red-white a.link_terms_of_use {
    color: #cc0000;
    text-decoration: none !important;
}
.ui-dialog.red-white a.link_terms_of_use:hover {
    text-decoration: underline !important;
}
.ui-dialog.red-white #registrationPopup .requiredFieldTextWrapper{
    text-align:left;
    width: 100% !important;
    margin: 5px auto;
    color: #231f20;
}
.ui-dialog.red-white #loginPopup {
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%!important;
    position: relative;
    box-shadow: none;
    top: 0;
    left: 0;
    background-color: #333333;
    border-top: 0;
}
.ui-dialog.red-white #registrationPopup {
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    background-color: #333333;
    border-top:0;
}
.ui-dialog.red-white .ui-dialog-buttonpane{
    float: left;
    clear: both;
    text-align: center;
    padding: 0 20px 10px 20px;
    width: 100% !important;
    margin: 0 auto;
    box-sizing: border-box;
}
.ui-dialog.red-white .ui-dialog-buttonpane .ui-dialog-buttonset {
    margin:20px auto;
}
.ui-dialog.red-white .ui-dialog-buttonpane .ui-dialog-buttonset button{
    font-family: "ProxiBold", Arial, sans-serif;
    displaY: block;
    background-color: #cc0000;
    color: #fff;
    font-weight:normal;
    text-transform: uppercase;
    float: none;
    margin:0 auto;
}
.ui-dialog.red-white .ui-dialog-buttonpane .ui-dialog-buttonset button:first-of-type{
    float:right;
}
.ui-dialog.red-white[aria-describedby="registrationPopup"] .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type,
.ui-dialog.red-white[aria-describedby="lostpasswordPopup"] .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type{
    float:left;
    margin-right: 10px!important;
}
.ui-dialog.red-white .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type{
    float:none;
    margin:0 auto;
}
.ui-dialog.red-white .native_login-wrapper .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
    background-color: #9e0000;
}
.ui-dialog.red-white .ui-dialog-buttonpane a {
    color: white;
    text-decoration: none;
    font-size: 13px;
    line-height: normal;
}
.ui-dialog.red-white .ui-dialog-buttonpane a:hover {
    text-decoration: underline;
}
.ui-dialog.red-white .ui-dialog-title{
    color: white;
    font-family: ProxiSemiBold, Arial, sans-serif;
    text-align: center;
}
.ui-dialog.red-white .social-login-wrapper{
    float:left;
    position:relative;
    bottom: 0;
    clear:both;
    background-color: #f1f1f1;
    padding: 20px;
}
.ui-dialog.red-white .social-login-wrapper h1 {
    color:  #231f20;
    font-size: 16px;
    font-family: ProxiSemiBold, Arial, sans-serif!important;
    padding: 0;
}
.ui-dialog.red-white .social-login-wrapper h3.social_conditions_text {
    width: 100%;
    color: #231f20;
    font-size: 13px;
    box-sizing: border-box;
}
.ui-dialog.red-white .social-login-wrapper .facebook_login_button span,
.ui-dialog.red-white .social-login-wrapper .facebook_login_button:hover{
    background-color: #3b5998;
}
.ui-dialog.red-white .social-login-wrapper .google_login_button span,
.ui-dialog.red-white .social-login-wrapper .google_login_button:hover{
    background-color: #dd4b39;
}
.ui-dialog.red-white .social-login-wrapper .twitter_login_button span,
.ui-dialog.red-white .social-login-wrapper .twitter_login_button:hover{
    background-color: #5fa9de;
}
.ui-dialog.red-white .social-login-wrapper .microsoft_login_button span,
.ui-dialog.red-white .social-login-wrapper .microsoft_login_button:hover{
    background-color: #0078d7;
}
.ui-dialog.red-white .social-login-wrapper .facebook_login_button:hover p,
.ui-dialog.red-white .social-login-wrapper .google_login_button:hover p,
.ui-dialog.red-white .social-login-wrapper .twitter_login_button:hover p,
.ui-dialog.red-white .social-login-wrapper .microsoft_login_button:hover p{
    color:white;
}
.ui-dialog.red-white .social-login-wrapper .facebook_login_button,
.ui-dialog.red-white .social-login-wrapper .google_login_button,
.ui-dialog.red-white .social-login-wrapper .twitter_login_button,
.ui-dialog.red-white .social-login-wrapper .microsoft_login_button{
    background-color: rgba(51, 51, 51, 0.1);
}
.ui-dialog.red-white .social-login-wrapper .facebook_login_button:hover,
.ui-dialog.red-white .social-login-wrapper .google_login_button:hover,
.ui-dialog.red-white .social-login-wrapper .twitter_login_button:hover,
.ui-dialog.red-white .social-login-wrapper .microsoft_login_button:hover{
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.ui-dialog.red-white .social-login-wrapper>div {
    display: block;
    width: 50%;
    padding: 5px;
    margin: 0;
    float:left;
}
.ui-dialog.red-white .loginPopup .loginWrapper div:nth-of-type(1):before,
.ui-dialog.red-white .loginPopup .loginWrapper div:nth-of-type(2):before{
    height:40px;
    width:10%;
    content:'';
    display:block;
    float:left;
    background-image: url('../images/circle_loggedin_icon_red.svg');
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgb(221, 221, 221);
}
.ui-dialog.red-white .login-error:before {
    display: none!important;
}
.ui-dialog.red-white .loginPopup .loginWrapper div:nth-of-type(2):before{
    background-image: url('../images/password_icon_red.svg');
}
.conditions_aggree div:before,
.conditions_aggree:before{
    display: none!important;
}
.ui-dialog.red-white .requiredFieldText {
    color: white;
    text-align: center;
    width: 100%;
    display: block;
    font-size: 12px;
    float: left;
    margin: 5px 0 15px 0;
}
.ui-dialog.red-white .loginPopup .loginWrapper input[type="text"],
.ui-dialog.red-white .loginPopup .loginWrapper input[type="password"]{
    width:90%!important;
}
.ui-dialog.red-white .facebook_login_button_wrapper,
.ui-dialog.red-white .google_login_button_wrapper,
.ui-dialog.red-white .microsoft_login_button_wrapper,
.ui-dialog.red-white .twitter_login_button_wrapper{
    background-color:transparent;
}
.ui-dialog.red-white .social-login-wrapper>div span {
    margin: 0;
    width: 35px;
    height: 35px;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: center center;
}
.ui-dialog.red-white .facebook_login_button,
.ui-dialog.red-white .twitter_login_button,
.ui-dialog.red-white .google_login_button,
.ui-dialog.red-white .microsoft_login_button{
    width: 100%;
    height: 35px;
    float: left;
    padding: 0;
}
.ui-dialog.red-white .social-login-wrapper>div p {
    color: #333333;
    text-transform: none;
    line-height: 35px;
    text-align: left;
    padding-left: 10px;
    float: left;
    font-size: 12px;
}
.ui-dialog.red-white #lostpasswordPopup {
    width: 100%!important;
    margin: 0 auto;
    text-align: left;
    padding: 0 20px;
    box-sizing: border-box;
}
.ui-dialog.red-white #lostpasswordPopup p {
    color: white;
    text-align: left;
    padding-top: 5px;
}
.ui-dialog.red-white #lostpasswordPopup>div label {
    padding-top: 5px;
    margin-bottom: 0;
    color: white;
}
.ui-dialog.red-white #alertDialog>div {
    width: 100% !important;
    color: #231f20;
}
#ui-datepicker-div.red-white {
    background: #cc0000 !important;
    padding: 4px;
    width: 300px;
}
#ui-datepicker-div.red-white .ui-datepicker-header {
    background-color: #333333!important;
    float: inherit;
    border: none;
    position: relative;
    padding: 3px 0px;
    width: 100%;
    border-radius: 0;
    min-height: 37px;
}
#ui-datepicker-div.red-white .ui-datepicker-title .ui-datepicker-year,
#ui-datepicker-div.red-white .ui-datepicker-title .ui-datepicker-month{
    background-color: rgba(255,255,255,0.1);
    color: white;
}
#ui-datepicker-div.red-white .ui-datepicker-title .ui-datepicker-month option,
#ui-datepicker-div.red-white .ui-datepicker-title .ui-datepicker-year option{
    color: black;
}
.red-white #lostpasswordPopupForm {
    width: 100%;
    float: left;
    margin: 0;
}
#ui-datepicker-div.red-white .ui-datepicker-header .ui-datepicker-title {
    margin: 0;
    padding: 0 35px;
}
#ui-datepicker-div.red-white .ui-datepicker-prev,
#ui-datepicker-div.red-white .ui-datepicker-next {
    width:30px;
    height: 30px;
    border-radius: 0;
    cursor: pointer;
    padding:0;
    margin:0;
    position: absolute;
}
#ui-datepicker-div.red-white .ui-datepicker-prev:hover,
#ui-datepicker-div.red-white .ui-datepicker-next:hover {
    background-color: transparent;
}
#ui-datepicker-div.red-white .ui-datepicker-prev {
    left:0;
}
#ui-datepicker-div.red-white .ui-datepicker-next {
    right: 0;
}
#ui-datepicker-div.red-white .ui-datepicker-prev span {
    background-image: url('../images/datepicker_left_arrow_white.svg')!important;
}
#ui-datepicker-div.red-white .ui-datepicker-next span{
    background-image: url('../images/datepicker_right_arrow_white.svg')!important;
}
#ui-datepicker-div.red-white .ui-datepicker-next span,
#ui-datepicker-div.red-white .ui-datepicker-prev span{
    width: 25px;
    height: 25px !important;
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-left:-12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
#ui-datepicker-div.red-white .ui-datepicker-calendar th {
    color: #fff;
    font-weight: bold;
}
#ui-datepicker-div.red-white .ui-datepicker-calendar .ui-state-default {
    text-align: center;
    min-width: 40px;
    min-height: 24px;
    padding: 0;
    line-height: normal;
    display: table-cell;
    vertical-align: middle;
    background: transparent;
    border-radius: 0;
}
#ui-datepicker-div.red-white .ui-datepicker-calendar .ui-state-default:hover,
#ui-datepicker-div.red-white .ui-datepicker-calendar .ui-state-highlight{
    background-color: #fff;
    color: #cc0000;
    text-decoration: none;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
#ui-datepicker-div.red-white .ui-datepicker-calendar .ui-state-default.ui-state-active {
    border: 1px solid #fff;
}
.ui-dialog.red-white .strength_meter {
    width: 60px;
    left: inherit;
    right: 0;
    z-index: 1;
    margin-top: 0;
    display: table;
    text-align: center;
}
.ui-dialog.red-white .strength_meter>div {
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    height: 38px;
    text-align:center;
}
.ui-dialog.red-white .strength_meter p {
    color: #000;
    font-weight: bold;
    text-shadow: 0 0 1px #fff;
}
.ui-dialog.red-white .registrationCaptcha {
    padding-top: 10px;
    padding-bottom:10px;
    width:90%;
    margin:0 auto;
    position: relative;
}
.ui-dialog.red-white .registrationCaptcha .image {
    display: inline-block;
    width: 48%;
    vertical-align: bottom;
}
.ui-dialog.red-white .registrationCaptcha .image img {
    margin: 0 !important;
}
.ui-dialog.red-white .registrationCaptcha .codeline {
    display: inline-block;
    vertical-align: bottom;
    width: 49%;
}
.ui-dialog.red-white .registrationCaptcha .codeline span {
    width: 100%;
    padding-top: 0;
    text-align: left;
    font-size: 16px;
    line-height:normal;
    color: #231f20;
}
.ui-dialog.red-white .registrationCaptcha .codeline br {
    display: none;
}
.ui-dialog.red-white .registrationCaptcha .code {
    float: none !important;
    margin-left: 0px !important;
    line-height: 25px;
    text-align: left;
}
.ui-dialog.red-white .registrationCaptcha .code input {
    font-size: 16px;
    width: 50% !important;
    display: inline-block !important;
    margin: 0 !important;
    border-width: 1px !important;
}
.ui-dialog.red-white .registrationCaptcha .code img {
    width: 28px !important;
    height: 28px !important;
    max-width: inherit;
    cursor: pointer;
    margin: 5px 0 0 0;
    display: inline-block;
}
.ui-dialog.red-white .login-error {
    background-color: #cc0000;
    color: #fff;
    padding: 3px;
    width: 100%;
    display: none;
    float: left;
    box-sizing: border-box;
    margin-bottom: 10px;
    font-size: 12px;
}
.ui-dialog.red-white .password_wrapper .login-error {
    margin-bottom: 10px;
    box-sizing: border-box;
}
.ui-dialog.red-white  #lblMessage {
    color: white;
}
.ui-dialog.red-white #loginCaptchaWrapper {
    width: 100%;
    float: left;
}
.ui-dialog.red-white #loginCaptchaWrapper div:nth-of-type(1):before{
    display:none;
}
.ui-dialog.red-white #changeDataPopup {
    padding: 0 20px;
    box-sizing: border-box;
}
.ui-dialog.red-white .strike span {
    color: white;
    font-size: 14px;
    display: block;
    margin-bottom: 10px;
}
.ui-dialog.red-white .guh_profile_delete_wrapper button{
    background-color: #cc0000!important;
    color: #fff;
    display: block;
    width: auto!important;
    margin: 0 auto;
    padding: 5px;
}
.ui-dialog-registration.red-white .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type{
    float:left;
}

/*RED-WHITE END*/

/*AFFAIR-WHITE*/
/*.widget_hmsglobaluserhandler .auth-widget-wrapper.affair-white #login_wrapper{
    width: auto;
    display: inline-block;
    background-color: #635280;
}

.widget_hmsglobaluserhandler .auth-widget-wrapper.affair-white #login_wrapper #login {
    color: #fff !important;
    font-family: circe;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 60px;
    padding: 0 10px !important;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.affair-white #login_wrapper #login:before {
    margin: 0 10px 0 0;
    height:60px;
    background-repeat:no-repeat;
    background-position: center center;
}*/
/*-----*/
.widget_hmsglobaluserhandler .auth-widget-wrapper.affair-white #login_wrapper{
    width: auto;
    display: inline-block;
    background-color: #635280;
    z-index: 99999;
    position: relative;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.affair-white #login_wrapper:hover {
    background-color: #635280;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.affair-white #login_wrapper #login:before {
    margin: 0 5px 0 0;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.affair-white #login_wrapper #login {
    color: #fff !important;
    font-family: circe;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 60px;
    padding: 0 10px !important;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.affair-white #login_wrapper #loggedin {
    color: #fff !important;
    font-family: circe;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    line-height: 60px;
    padding: 0 10px !important;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.affair-white #login_wrapper #loggedin .StaticUser{
    display:none;
    position: absolute;
    background-color: #635280;
    left:0;
    top: 100%;
    width: 100%;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.affair-white #login_wrapper:hover #loggedin .StaticUser{
    display:block;
    min-width: 120px;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.affair-white #login_wrapper #loggedin #user_email {
    float:none;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.affair-white .StaticUser a {
    color: #fff;
    cursor:pointer;
    width: inherit;
    padding: 10px;
    clear:both;
    font-size: 12px;
    line-height: 20px;
    display: block;
    text-align: center;
}
.ui-dialog.affair-white {
    font-family: circe;
    font-weight: 400;
    background-color: #fff;
    text-align: center;
    width: 500px !important;
    max-width: 500px;
    position:relative;
    padding: 0;
    min-width: inherit;
    border-radius: 0;
}
.ui-dialog.affair-white .ui-dialog-titlebar {
    font-family: circe;
    color: #635280;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 17px;
    width: 100%;
    margin: 0 auto;
}
.ui-dialog.affair-white .ui-dialog-title{
    width:100%;
    margin:0;
    float:left;
}
.ui-widget-overlay.ui-front.affair-white {
    background: rgba(99, 82, 128, 0.8);
}
.ui-dialog.affair-white .ui-dialog-titlebar-close {
    background-image: url('../images/close_button_grey.png');
    background-size: 20px 20px;
    background-position: center center;
    z-index: 99999;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 20px;
    margin: 0;
    height: 20px;
    background-repeat: no-repeat;
}
.ui-dialog.affair-white .dialogChangeWrapper {
    padding: 0 20px 20px 0;
    position:absolute;
    top: 10px;
}
.ui-dialog.affair-white .dialogChangeWrapper span {
    color: #7b7b7b;
    border-bottom: 1px solid #7b7b7b;
    text-transform:uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-right: 10px;
    padding: 0 5px 0 0;
}
.ui-dialog.affair-white .dialogChangeWrapper span.active_tab {
    color: #635280;
    border-bottom: 1px solid #635280;
}
.ui-dialog.affair-white .native_login-wrapper {
    padding: 0;
    width: 90%;
    margin: 170px auto 20px auto;
}
.ui-dialog.affair-white .native_login-wrapper .loginPopup {
    padding: 0;
    width: 100%!important;
}
.ui-dialog.affair-white .loginPopup input,
.ui-dialog.affair-white .loginPopup select {
    border-color: #ccc;
    border-width: 1px;
    background-color: #fff;
    font-family: circe;
    font-size: 14px;
    font-weight: 500;
    color: #635280;
    margin: 0 0 10px 0!important;
}
.ui-dialog.affair-white .loginPopup input:focus,
.ui-dialog.affair-white .loginPopup input:hover,
.ui-dialog.affair-white .loginPopup input:active{
    border-color: #635280;
}

.ui-dialog.affair-white input::-webkit-input-placeholder{
    color: #635280 !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.affair-white input::-moz-placeholder{
    color: #635280 !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.affair-white input:-ms-input-placeholder{
    color: #635280 !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.affair-white input:-moz-placeholder {
    color: #635280 !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.affair-white #registrationPopup>div label[for="rpNewsletterValue"],
.ui-dialog.affair-white #registrationPopup>div input#rpNewsletterValue {
    display: inline-block;
    width: auto;
    float: left;
    margin: 0 10px 0 0;
}
.ui-dialog.affair-white #termsofuseRegistration,
.ui-dialog.affair-white .conditions_aggree #termsofuseLogin {
    display: inline;
    float:none;
    margin: 10px 0;
}
.ui-dialog.affair-white .conditions_aggree .display_inline,
.ui-dialog.affair-white #registrationPopup .display_inline {
    float:none;
    display: inline;
    color: #7b7b7b;
    padding-left: 0;
}
.ui-dialog.affair-white a.link_terms_of_use {
    color: #635280;
    text-decoration: none !important;
}
.ui-dialog.affair-white a.link_terms_of_use:hover {
    text-decoration: underline !important;
}
.ui-dialog.affair-white #registrationPopup .requiredFieldTextWrapper{
    text-align: center;
    width: 90% !important;
    margin: 5px auto;
    color: #7b7b7b;
}
.ui-dialog.affair-white #registrationPopup {
    text-align: center;
    padding: 0 20px;
}
.ui-dialog.affair-white .ui-dialog-buttonpane{
    float: none;
    clear:both;
    text-align:center;
    padding:0 0 10px 0;
    width: 90% !important;
    margin: 0 auto;
}
.ui-dialog.affair-white .ui-dialog-buttonpane .ui-dialog-buttonset button{
    display: inline-block;
    background-color: #635280;
    color: #fff;
    font-family: circe;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 30px;
    text-transform: uppercase;
    margin: 5px 5px;
    float: none;
}
.ui-dialog.affair-white .ui-dialog-buttonpane br {
    display: none;
}
.ui-dialog.affair-white .ui-dialog-buttonpane a {
    display: inline-block;
}
.ui-dialog.affair-white .ui-dialog-buttonpane a:first-of-type {
    margin-right: 15px;
}
.ui-dialog.affair-white .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
    background-color: #4f3d6d;
}
.ui-dialog.affair-white .ui-dialog-buttonpane a {
    color: #635280;
    text-decoration: none;
    font-size: 14px;
}
.ui-dialog.affair-white .ui-dialog-buttonpane a:hover {
    text-decoration: underline;
}
.ui-dialog.affair-white .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    display: table;
    margin: 10px auto 15px auto;
    text-align: center;
}
.ui-dialog.affair-white .social-login-wrapper{
    float:none;
    position:absolute;
    bottom: inherit;
    top:30px;
    clear:both;
    padding:20px 5%;
    margin: 0;
    width: 100%;
    height: 160px;
    background-color: transparent;
}
.ui-dialog.affair-white .social-login-wrapper h1 {
    color: #635280;
    text-transform: uppercase;
    font-size: 16px;
    font-family: circe !important;
    font-weight: 700;
}
.ui-dialog.affair-white .social-login-wrapper h3.social_conditions_text {
    width: 100%;
    color: #231f20;
}
.ui-dialog.affair-white .social-login-wrapper.element_count_4>div {
    width: 24%;
    text-align: center;
}
.ui-dialog.affair-white .social-login-wrapper.element_count_3>div {
    width: 32%;
    text-align: center;
}
.ui-dialog.affair-white .social-login-wrapper.element_count_2>div {
    width: 48%;
    text-align: center;
}
.ui-dialog.affair-white .social-login-wrapper.element_count_1>div {
    width: 100%;
    text-align: center;
}
.ui-dialog.affair-white .social-login-wrapper>div {
    display: inline-block;
    float: none;
    padding: 0;
    margin: 0;
}
.ui-dialog.affair-white .social-login-wrapper div div {
    width: 40px;
    height: 40px;
    margin: 0 auto!important;
    float: none;
}
.ui-dialog.affair-white .social-login-wrapper .facebook_login_button {
    background-color: #3b5998;
    padding: 5px;
}
.ui-dialog.affair-white .social-login-wrapper .google_login_button {
    background-color: #dd4b39;
    padding: 5px;
}
.ui-dialog.affair-white .social-login-wrapper .twitter_login_button {
    background-color: #5fa9de;
    padding: 5px;
}
.ui-dialog.affair-white .social-login-wrapper .microsoft_login_button {
    background-color: #0078d7;
    padding: 5px;
}
.ui-dialog.affair-white .social-login-wrapper>div span {
    margin: 0;
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
}
.ui-dialog.affair-white .social-login-wrapper>div p {
    display: none;
}

.ui-dialog.affair-white #lostpasswordPopup {
    width:100%;
    margin: 0 auto;
    text-align: left;
}
.ui-dialog.affair-white #lostpasswordPopup p {
    color: #7b7b7b;
    text-align: center;
}
.ui-dialog.affair-white #lostpasswordPopup>div label {
    padding-top: 5px;
    margin-bottom: 0;
    color: #7b7b7b;
}
.ui-dialog.affair-white #alertDialog>div {
    width: 100% !important;
    color: #7b7b7b;
}
#ui-datepicker-div.affair-white {
    background: #635280 !important;
    padding: 4px;
    width: 300px;
}
#ui-datepicker-div.affair-white .ui-datepicker-header {
    background-color: #fff !important;
    float: inherit;
    border: none;
    position: relative;
    padding: 3px 0px;
    width: 100%;
    border-radius: 0;
    min-height: 37px;
}
#ui-datepicker-div.affair-white .ui-datepicker-header .ui-datepicker-title {
    margin: 0;
    padding: 0 35px;
}
#ui-datepicker-div.affair-white .ui-datepicker-prev,
#ui-datepicker-div.affair-white .ui-datepicker-next {
    width:30px;
    height: 30px;
    border-radius: 0;
    cursor: pointer;
    padding:0;
    margin:0px;
    position: absolute;
}
#ui-datepicker-div.affair-white .ui-datepicker-prev:hover,
#ui-datepicker-div.affair-white .ui-datepicker-next:hover {
    background-color: transparent;
}
#ui-datepicker-div.affair-white .ui-datepicker-prev {
    left:0;
}
#ui-datepicker-div.affair-white .ui-datepicker-next {
    right: 0;
}
#ui-datepicker-div.affair-white .ui-datepicker-prev span {
    width: 25px;
    height: 25px !important;
    background-image: url('../images/datepicker_left_arrow_black.svg');
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-left:-12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
#ui-datepicker-div.affair-white select.ui-datepicker-month,
#ui-datepicker-div.affair-white select.ui-datepicker-year {
    width: 49%;
    border: solid 1px rgba(99, 82, 128, 0.2);
}
#ui-datepicker-div.affair-white .ui-datepicker-next span {
    width: 25px;
    height: 25px !important;
    background-image: url('../images/datepicker_right_arrow_black.svg');
    background-position:0 0;
    background-repeat: no-repeat;
    margin-left:-12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}
#ui-datepicker-div.affair-white .ui-datepicker-calendar th {
    color: #fff;
    font-weight: bold;
}
#ui-datepicker-div.affair-white .ui-datepicker-calendar .ui-state-default {
    text-align: center;
    min-width: 40px;
    min-height: 30px;
    padding: 0;
    vertical-align: middle;
    background: rgba(255,255,255,0.1)!important;
    border-radius: 0;
    line-height: 30px;
}
#ui-datepicker-div.affair-white .ui-datepicker-calendar .ui-state-default:hover,
#ui-datepicker-div.affair-white .ui-datepicker-calendar .ui-state-highlight{
    background-color: #fff!important;
    color: #635280;
    text-decoration: none;
}
#ui-datepicker-div.affair-white .ui-datepicker-calendar .ui-state-default.ui-state-active {
    border: 1px solid #fff;
}
.ui-dialog.affair-white .strength_meter {
    width: 60px;
    left: inherit;
    right: 0;
    z-index: 1;
    margin-top: 0;
    display: table;
    text-align: center;
    height: 40px;
}
.ui-dialog.affair-white .strength_meter>div {
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    height: 38px;
    text-align:center;
    border: none;
}
.ui-dialog.affair-white .strength_meter p {
    color: #000;
    font-weight: bold;
    text-shadow: 0 0 1px #fff;
}
.ui-dialog.affair-white .registrationCaptcha {
    padding-top: 10px;
    padding-bottom:10px;
    width:90%;
    margin:0 auto;
    position: relative;
}
.ui-dialog.affair-white .registrationCaptcha .image {
    display: inline-block;
    width: auto;
    margin-left: -60px;
    vertical-align: bottom;
}
.ui-dialog.affair-white .registrationCaptcha .image img {
    margin: 0 auto !important;
    min-width: 200px;
    min-height: 70px;
}
.ui-dialog.affair-white .registrationCaptcha .codeline {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}
.ui-dialog.affair-white .registrationCaptcha .codeline span {
    width: 100%;
    padding: 5px 0px;
    text-align: center;
    font-size: 16px;
    line-height:normal;
    color: #7b7b7b;
}
.ui-dialog.affair-white .registrationCaptcha .codeline br {
    display: none;
}
.ui-dialog.affair-white .registrationCaptcha .code {
    float: none !important;
    margin-left: 0 !important;
    line-height: 25px;
    text-align: center;
}
.ui-dialog.affair-white .registrationCaptcha .code input {
    font-size: 16px;
    width: 50%;
    display: inline-block !important;
    margin: 0!important;
    border-width: 1px !important;
}
.ui-dialog.affair-white .registrationCaptcha .code img {
    width: 28px !important;
    height: 28px !important;
    max-width: inherit;
    cursor: pointer;
    margin: 5px 0 0 0;
    display: inline-block;
    position: absolute;
    top: 30px;
}
.ui-dialog.affair-white .login-error {
    color: #ff0000;
    padding: 1px 3px;
    font-size: 13px;
    width: 100%;
}
.ui-dialog.affair-white .login-error.login-error-margin-zero {
    text-align: center;
}
.ui-dialog.affair-white .password_wrapper .login-error {
    margin-bottom: 10px;
}
/*profil oldal*/

.affair-white .guhProfileHeaderText {
    width: 100%;
    float: left;
    color: #635280;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.affair-white #guhProfileDatasWrapper input,
.affair-white #guhProfileDatasWrapper select{
    background-color:white;
    border:solid 1px #635280;
    color:#635280;
    margin:0 0 10px 0!important;
}
.affair-white #guhProfileDatasWrapper input::-webkit-input-placeholder {
    color:#635280!important;
}
.affair-white #guhProfileDatasWrapper input::-moz-placeholder {
    color:#635280!important;
}
.affair-white #guhProfileDatasWrapper input:-ms-input-placeholder {
    color:#635280!important;
}
.affair-white #guhProfileDatasWrapper input:-moz-placeholder {
    color:#635280!important;
}
.affair-white #guhProfileButtonsWrapper button{
    border:none;
    background-color:#635280;
    color:white;
    padding:5px 10px;
}
.affair-white .changeDataForm #guhDatasWrapper {
    padding: 0 0 0 20px!important;
}
.affair-white .changeDataForm  #changeDataPopup {
    padding: 0;
}
/*AFFAIR-WHITE END*/

/*BLUE-WHITE*/
.widget_hmsglobaluserhandler .auth-widget-wrapper.blue-white #login_wrapper{
    width: auto;
    display: block;
    background-color: #00a0df;
    z-index: 99999;
    position: relative;
    top: 0;
    right: 0;
    float: left;
    padding: 5px;
    height: auto;
}
.blue-white .native_login-wrapper {
    width: 100%;
    float: left;
}
.blue-white #loginPopupForm {
    margin: 0;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.blue-white #login_wrapper:hover {
    background-color: #33bdee;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.blue-white #login_wrapper #login:before {
    margin: 0 5px 0 0;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.blue-white #login_wrapper #login {
    color: #fff !important;
    text-transform: none;
    font-family: 'Arimo', sans-serif !important;
    font-weight: bold;
    font-size: 14px;
    line-height: normal;
    padding: 10px !important;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.blue-white #login_wrapper #loggedin {
    color: #fff !important;
    text-transform: none;
    font-family: 'Arimo', sans-serif !important;
    font-weight: bold;
    font-size: 14px;
    line-height: normal;
    padding: 10px !important;
    position:relative;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.blue-white #login_wrapper #loggedin .StaticUser{
    display:none;
    position: absolute;
    background-color: #00a0df;
    left:0;
    top: 100%;
    width: 100%;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.blue-white #login_wrapper:hover #loggedin .StaticUser{
    display:block;
    width: 120px;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.blue-white #login_wrapper #loggedin #user_email {
    float:none;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.blue-white .StaticUser a {
    color: #fff;
    cursor:pointer;
    width: inherit;
    padding: 10px;
    clear:both;
    line-height:22px;
    display: block;
}
.ui-dialog.blue-white {
    font-weight: 400;
    background-color: #00a0df;
    text-align: center;
    width: 500px !important;
    min-width: inherit;
    max-width: 500px !important;
    position:relative;
    padding: 0;
    font-family: Roboto;
    color: #fff;
}
.ui-dialog.blue-white .ui-dialog-titlebar {
    background-color: transparent;
    color: #fff;
    font-size: 17px;
    width: 100%;
    margin: 0 auto;
    font-family: Roboto;
    background-image: none;
}
.ui-dialog.blue-white #loginPopup,
.ui-dialog.blue-white #registrationPopup{
    background-color: transparent;
    border-top: 0;
    position: relative;
    box-shadow: none;
    right: 0;
    top: 0;
}
.ui-dialog.blue-white .ui-dialog-titlebar-close {
    background-image: url('../images/close_button_white.png');
    background-size: 100%;
    background-repeat:no-repeat;
    background-position:center center;
    top: 5px;
    right: 5px;
    height: 20px;
    width: 20px;
}
.ui-dialog.blue-white .dialogChangeWrapper {
    padding: 0 0 15px 0;
    text-align: left;
    float: left;
}
.ui-dialog.blue-white .dialogChangeWrapper span {
    color: rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(255,255,255,0.5);
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 300;
    display: block;
    float: left;
    margin-right: 5px;
}
.ui-dialog.blue-white .dialogChangeWrapper span.active_tab {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.ui-dialog.blue-white .loginPopup input,
.ui-dialog.blue-white .loginPopup select,
.ui-dialog.blue-white .loginPopup input:focus,
.ui-dialog.blue-white .loginPopup select:focus {
    background-color: #fff !important;
    border: none;
    font-family: Roboto;
}
.ui-dialog.blue-white .loginPopup input[type="text"],
.ui-dialog.blue-white .loginPopup input[type="password"],
.ui-dialog.blue-white .loginPopup input[type="number"]{
    width:100%!important;
    margin: 5px 0;
    height:40px;
}
.ui-dialog.blue-white .loginPopup {
    padding: 0 20px!important;
    box-sizing: border-box;
}
.ui-dialog.blue-white input::-webkit-input-placeholder,
.ui-dialog.blue-white select::-webkit-input-placeholder{
    color: #ccc !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.blue-white input::-moz-placeholder{
    color: #ccc !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.blue-white input:-ms-input-placeholder{
    color: #ccc !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.blue-white input:-moz-placeholder {
    color: #ccc !important;
    opacity: 1 !important;
    font-style: normal !important;
}
.ui-dialog.blue-white #registrationPopup>div label[for="rpNewsletterValue"] {
    display: block;
    float: left;
}
.ui-dialog.blue-white #registrationPopup>div input#rpNewsletterValue{
    margin:3px 0!important;
}
.ui-dialog.blue-white #registrationPopup>div label[for="rpNewsletterValue"],
.ui-dialog.blue-white #registrationPopup>div input#rpNewsletterValue {
    display: inline-block;
    width: auto;
    margin: 0 10px 0 0;
    vertical-align: middle;
    color: #fff;
}
.ui-dialog.blue-white #termsofuseRegistration,
.ui-dialog.blue-white .conditions_aggree #termsofuseLogin {
    display: inline;
    float:none;
    margin: 10px 0;
}
.ui-dialog.blue-white .conditions_aggree .display_inline,
.ui-dialog.blue-white #registrationPopup .display_inline {
    float:none;
    display: inline;
    color: #fff;
}
.ui-dialog.blue-white a.link_terms_of_use {
    color: #fff;
    text-decoration: none !important;
}
.ui-dialog.blue-white a.link_terms_of_use:hover {
    text-decoration: underline !important;
}
.ui-dialog.blue-white #registrationPopup .requiredFieldTextWrapper{
    text-align:center;
    width: 100% !important;
    margin: 5px auto;
    color: #fff;
}
.ui-dialog.blue-white #registrationPopup {
    text-align: center;
}
.ui-dialog.blue-white #registrationPopupForm {
    margin: 0;
}
.ui-dialog.blue-white .ui-dialog-buttonpane{
    float: none;
    clear:both;
    text-align:center;
    padding: 0 0 4px 0;
    width: 90% !important;
    margin: 0 auto;
}
.ui-dialog.blue-white .ui-dialog-buttonpane br {
    display: none
}
.ui-dialog.blue-white .ui-dialog-buttonpane a {
    margin:0 8px;
}
.ui-dialog.blue-white .ui-dialog-buttonpane .ui-dialog-buttonset button{
    displaY: inline-block;
}
.ui-dialog.blue-white .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    display: table;
    margin: 10px auto 15px auto;
    text-align: center;
}
.ui-dialog.blue-white .ui-dialog-buttonpane .ui-dialog-buttonset button {
    background-color: #fff;
    color: #00a0df;
    font-family: Roboto, Arial,sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 5px;
    float: none;
    padding: 10px 25px;
}
.ui-dialog.blue-white .ui-dialog-buttonpane .ui-dialog-buttonset button:hover {opacity: 0.8;}
.ui-dialog.blue-white .ui-dialog-buttonpane a {
    text-decoration:none;
    color: #fff;
    font-weight: 300;
    font-family: Roboto, Arial,sans-serif;
}
.ui-dialog.blue-white .ui-dialog-buttonpane a:hover {
    text-decoration:underline;
}
.ui-dialog.blue-white .social-login-wrapper{
    position:relative;
    bottom: 0;
    clear:both;
    border-top: 1px solid rgba(255,255,255,0.3);
    padding:20px;
    background-color: #00a0df!important;
    width: 100%;
    float: left;
    box-sizing: border-box;
}
.ui-dialog.blue-white .social-login-wrapper h1 {font-weight: 600;font-size: 17px;color: #fff;font-family: Roboto !important;}
.ui-dialog.blue-white .social-login-wrapper h3.social_conditions_text {
    width: 100%;
    color: #fff;
    font-family: Roboto, Arial,sans-serif;
    font-weight: 300;
    box-sizing: border-box;
}
.ui-dialog.blue-white .social-login-wrapper .facebook_login_button {
    background-color: #3b5998;
    padding: 5px;
}
.ui-dialog.blue-white .social-login-wrapper .google_login_button {
    background-color: #dd4b39;
    padding: 5px;
}
.ui-dialog.blue-white .social-login-wrapper .twitter_login_button {
    background-color: #5fa9de;
    padding: 5px;
}
.ui-dialog.blue-white .social-login-wrapper .microsoft_login_button {
    background-color: #0078d7;
    padding: 5px;
}
.ui-dialog.blue-white .social-login-wrapper>div {
    float:left;
    width: 50%;
    padding:10px;
    box-sizing: border-box;
    margin: 0;
}
.ui-dialog.blue-white .social-login-wrapper>div span {
    margin: 0;
}
.ui-dialog.blue-white .social-login-wrapper>div p {
    font-size:12px;
    line-height: 22px;
}
.ui-dialog.blue-white .social-login-wrapper>div div {
    box-sizing: border-box;
    height: 35px;
    width: 100%;
    float: left;
}
.ui-dialog.blue-white #lostpasswordPopup {
    width: 90% !important;
    margin: 0 auto;
    text-align: left;
    padding: 0;
    color: #fff;
    margin-top: -20px;
}
.ui-dialog.blue-white #lostpasswordPopup p {
    margin: 0;
    font-weight:300;
}
.ui-dialog.blue-white #lostpasswordPopup>div label {
    padding-top: 5px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 300;
}
.ui-dialog.blue-white #lostpasswordPopup input {
    margin: 5px 0;
}
.ui-dialog.blue-white #alertDialog>div {
    width: 100% !important;
    color: #fff;
    font-weight: 300;
}
.ui-dialog.blue-white .element_count_3 div:nth-of-type(3),
.ui-dialog.blue-white .element_count_1 .facebook_login_button_wrapper,
.ui-dialog.blue-white .element_count_1 .google_login_button_wrapper,
.ui-dialog.blue-white .element_count_1 .twitter_login_button_wrapper,
.ui-dialog.blue-white .element_count_1 .microsoft_login_button_wrapper{
    float:none;
    margin:0 auto!important;
}

#ui-datepicker-div.blue-white {
    background: #00a0df!important;
    padding: 4px;
    width: 300px;
}
#ui-datepicker-div.blue-white .ui-datepicker-header {
    float: inherit;
    border: none;
    position: relative;
    padding: 3px 0;
    width: 100%;
    border-radius: 0;
    min-height: 37px;
}
#ui-datepicker-div.blue-white .ui-datepicker-header .ui-datepicker-title {
    margin: 0;
    padding: 0 35px;
    box-sizing: border-box;
}
#ui-datepicker-div.blue-white .ui-datepicker-header .ui-datepicker-title select {
    border-radius:4px;
}
#ui-datepicker-div.blue-white .ui-datepicker-prev,
#ui-datepicker-div.blue-white .ui-datepicker-next {
    width:30px;
    height: 30px;
    border-radius: 0;
    cursor: pointer;
    padding:0;
    margin:0px;
    position: absolute;
}
#ui-datepicker-div.blue-white .ui-datepicker-prev:hover,
#ui-datepicker-div.blue-white .ui-datepicker-next:hover {
    background-color: transparent;
}
#ui-datepicker-div.blue-white .ui-datepicker-prev {
    left:0;
}
#ui-datepicker-div.blue-white .ui-datepicker-next {
    right: 0;
}
#ui-datepicker-div.blue-white .ui-datepicker-prev span {
    width: 25px;
    height: 25px !important;
    background-image: url('../images/datepicker_left_arrow_white.svg')!important;
    background-repeat: no-repeat;
    margin-left:-12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    background-position: 0 0!important;
}
#ui-datepicker-div.blue-white .ui-datepicker-next span {
    width: 25px;
    height: 25px !important;
    background-image: url('../images/datepicker_right_arrow_white.svg')!important;
    background-repeat: no-repeat;
    margin-left:-12px;
    margin-top: -12px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
    background-position: 0 0!important;
}
#ui-datepicker-div.blue-white .ui-datepicker-calendar th {
    color: #000;
    font-weight: bold;
}
#ui-datepicker-div.blue-white .ui-datepicker-calendar .ui-state-default {
    text-align: center;
    min-width: 38px;
    min-height: 24px;
    padding: 0;
    line-height: normal;
    display: table-cell;
    vertical-align: middle;
    border-radius: 0;
    background:white!important;
    color:#00a0df!important;
}
#ui-datepicker-div.blue-white .ui-datepicker-calendar .ui-state-default:hover {
    text-decoration: none;
    border-color: #999 !important;
    color: #212121;
    background:rgba(255,255,255,0.9);
}
#ui-datepicker-div.blue-white .ui-datepicker-calendar .ui-state-default.ui-state-active {
    border: 1px solid #fff !important;
    background:  #fff;
}
.ui-dialog.blue-white .strength_meter {
    width: 60px;
    left: inherit;
    right: 0;
    z-index: 1;
    margin-top: 0;
    display: table;
    text-align: center;
    border: none;
    height: 40px;
}
.ui-dialog.blue-white .strength_meter>div {
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
    height: 38px;
    text-align:center;
}
.ui-dialog.blue-white .strength_meter p {
    color: #000;
    font-weight: bold;
    text-shadow: 0 0 1px #fff;
}
.ui-dialog.blue-white .registrationCaptcha {
    padding-top: 10px;
    padding-bottom:10px;
    width:90%;
    margin:0 auto;
    position: relative;
}
.ui-dialog.blue-white .registrationCaptcha .image {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
}
.ui-dialog.blue-white .registrationCaptcha .image img {
    margin: 0 !important;
    min-width:  200px;
    min-height: 70px;
    background-color: rgba(255,255,255,0.3);
    display: inline-block;
}
.ui-dialog.blue-white .registrationCaptcha .codeline {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}
.ui-dialog.blue-white .registrationCaptcha .codeline span {
    width: 100%;
    padding: 10px 0px;
    font-size: 12px;
    line-height:normal;
    color: #fff;
}
.ui-dialog.blue-white .registrationCaptcha .codeline br {
    display: none;
}
.ui-dialog.blue-white .registrationCaptcha .code {
    float: none !important;
    margin-left: 0!important;
    line-height: 25px;
}
.ui-dialog.blue-white .registrationCaptcha .code input {
    font-size: 16px;
    width: 50% !important;
    display: inline-block !important;
    margin: 0!important;
}
.ui-dialog.blue-white .registrationCaptcha .code img {
    width: 20px !important;
    height: 20px !important;
    max-width: inherit;
    cursor: pointer;
    margin: 5px 0px 0px 5px;
    display: inline-block;
}
.ui-dialog.blue-white .login-error {
    background-color: transparent;
    color: #000;
    width: 100%;
    display: none;
    font-size: 12px;
    margin-bottom: 10px;
}
.ui-dialog.blue-white .password_wrapper .login-error {
    margin-bottom: 10px;
}
.ui-dialog.blue-white .conditions_aggree .login-error {
    text-align: center;
}
/*BLUE-WHITE END*/

/*ALERT PAGE*/
.yellow-grey #guhAuthWarningText {
    color: white;
    font-size: 16px;
    text-align: center;
    margin: 0;
    line-height: normal;
    padding: 10px;
}
#guhAuthWarningMsg.yellow-grey {
    width: 50%;
    margin: 30px auto;
    padding: 10px;
    display: table;
    background-color: #393a3e;
}
#guhAuthWarningMsg.yellow-grey span#guhAuthWarningIco {
    width: 70px;
    height: 70px;
    display: block;
    float: none;
    background-image: url('../images/alert_icon_white.svg');
    margin: 0 auto;
}
#guhAuthWarningMsg.yellow-grey #guhAuthWarningText a{
    color:#ffbd00;
    cursor:pointer;
    text-decoration: underline;
}
/*ALERT PAGE END*/

/*DEEP BLUE START*/
.auth-widget-wrapper.deep-blue{
    background-color: rgba(255,255,255,0.05);
    border: solid 1px rgba(255,255,255,0.2);
    font-size: 16px;
    text-align: center;
}
.auth-widget-wrapper.deep-blue #login_wrapper #login{
    padding: 20px 15px;
    background: url('../images/login_icon_mosz.svg') no-repeat  75% 50%;
    background-size:23px 23px ;
}
.ui-dialog.deep-blue.tab-display-mode,
.ui-dialog.deep-blue{
    background-color: #001334;
    border-radius: 0;
}
.ui-dialog.deep-blue.tab-display-mode .social-login-wrapper{
    background-color: transparent;
}
.ui-dialog.deep-blue.tab-display-mode .social-login-wrapper{
    padding: 0 40px;
    position: relative;
    bottom: auto;
    border: none;
    color:white;
}
.ui-dialog.deep-blue.tab-display-mode .dialogChangeWrapper span{
    width:50%;
    float:left;
    padding: 15px;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    border: none;
    text-transform: uppercase;
    font-family: ProxiNormal;
    text-align: center;
}
.ui-dialog.deep-blue.tab-display-mode .dialogChangeWrapper{
    padding:0;
    margin-top: -35px;
    border-bottom: solid 1px rgba(255,255,255,0.2);
    position: relative;
    z-index: 99;
}
.ui-dialog.deep-blue.tab-display-mode input,
.ui-dialog.deep-blue input{
    border-bottom:solid 1px white;
    border-top:none;
    border-left: none;
    border-right: none;
    background-color: transparent;
    font-size: 12px;
    padding: 15px 0!important;
    height: auto;
    color:white;
}
.ui-dialog.deep-blue.tab-display-mode .native_login-wrapper #loginPopup .loginWrapper,
.ui-dialog.deep-blue #lostpasswordPopup{
    padding: 0 50px;
}
.ui-dialog.deep-blue.tab-display-mode,
.ui-dialog.deep-blue.tab-display-mode .ui-widget-content,
.ui-dialog.deep-blue[aria-describedby="changeDataPopup"],
.ui-dialog.deep-blue[aria-describedby="changeDataPopup"] #changeDataPopup,
.ui-dialog.deep-blue[aria-describedby="confirmationDialog"],
.ui-dialog.deep-blue,
.deep-blue #confirmationDialog,
.deep-blue #lostpasswordPopup{
    max-width: 460px!important;
    width: 100%!important;
    padding: 0;
}
.ui-dialog.deep-blue.tab-display-mode input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #001334 inset!important;
    border:none!important;
    border-bottom: solid 1px white!important;
}
.ui-dialog.deep-blue.tab-display-mode input:-webkit-autofill {
    -webkit-text-fill-color: white !important;
}
.ui-dialog.deep-blue.tab-display-mode .ui-dialog-buttonpane .ui-dialog-buttonset button,
.ui-dialog.deep-blue .ui-dialog-buttonpane .ui-dialog-buttonset button{
    border:solid 1px white;
    background-color: rgba(255,255,255,0.2);
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-family: ProxiNormal;
    padding: 10px 20px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.ui-dialog.deep-blue.tab-display-mode .ui-dialog-buttonpane .ui-dialog-buttonset button:hover,
.ui-dialog.deep-blue .ui-dialog-buttonpane .ui-dialog-buttonset button:hover{
    background-color: white;
    color:#001334;
}
.ui-dialog.deep-blue.tab-display-mode a.linkClass,
.ui-dialog.deep-blue.tab-display-mode .requiredFieldTextWrapper{
    color: white;
    margin: 0 auto;
    font-size: 14px;
    display: block;
    font-weight: 400;
    font-family: ProxiLight;
}
.ui-dialog.deep-blue.tab-display-mode .social-login-wrapper h1{
    font-size: 14px;
    text-transform: uppercase;
    font-family: ProxiSemibold!important;
}
.ui-dialog.deep-blue.tab-display-mode h3.social_conditions_text{
    margin: 0 auto!important;
    font-family: ProxiLight;
    padding: 0;
}
.ui-dialog.deep-blue.tab-display-mode .social-login-wrapper p {
    display: none;
}
.ui-dialog.deep-blue.tab-display-mode .facebook_login_button,
.ui-dialog.deep-blue.tab-display-mode .google_login_button,
.ui-dialog.deep-blue.tab-display-mode .twitter_login_button{
    background-color: transparent;
    height: auto;
    padding: 0;
}
.ui-dialog.deep-blue.tab-display-mode,
.ui-dialog.deep-blue[aria-describedby="changeDataPopup"],
.ui-dialog.deep-blue[aria-describedby="confirmationDialog"],
.ui-dialog.deep-blue{
    background-image: url('../images/login_bg.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    position: absolute!important;
    top:50%!important;
    transform: translateY(-50%);
}
.ui-dialog.deep-blue.tab-display-mode .facebook_login_button span,
.ui-dialog.deep-blue.tab-display-mode .google_login_button span,
.ui-dialog.deep-blue.tab-display-mode .twitter_login_button span,
.ui-dialog.deep-blue.tab-display-mode .microsoft_login_button span{
    width: 40px;
    height: 40px;
    border: solid 1px white;
    margin: 20px auto 20px auto;
    float: none;
}
.ui-dialog.deep-blue.tab-display-mode .display_inline{
    font-size: 14px;
    font-family: ProxiLight;
}
.ui-dialog.deep-blue.tab-display-mode .conditions_aggree input[type="checkbox"],
.ui-dialog.deep-blue.tab-display-mode #registrationPopup input[type="checkbox"]{
    margin: 5px 10px 0 0;
}
.ui-dialog.deep-blue.tab-display-mode #registrationPopup{
    padding:0 50px;
}
.ui-dialog.deep-blue.tab-display-mode #reCaptcha div:first-child{
    margin: 15px auto 0 auto;
}
.ui-dialog.deep-blue .login-error {
    width: 100%;
    color: #ff0d00;
    font-size: 12px;
    padding: 0;
    margin: 0;
}
.ui-dialog.deep-blue.tab-display-mode .strength_meter,
.ui-dialog.deep-blue #changeDataPopup .strength_meter {
    position: absolute;
    left: 0;
    top: unset;
    width: 100%;
    height: 50px;
    z-index: -1;
    border-radius: 0;
    margin-top: 0;
    bottom: 0;
}
.ui-dialog.deep-blue.tab-display-mode .strength_meter div{
    height: 50px;
}
.ui-dialog.deep-blue.tab-display-mode .strong {
    background-color: #5dd6a8;
    border-color: #5dd6a8!important;
}
.ui-dialog.deep-blue.tab-display-mode input::-webkit-input-placeholder{
    font-style: normal!important;
    font-family: ProxiLight;
    font-size: 13px;
}
.ui-dialog.deep-blue #changeDataPopup #guhDataChangeWrapper input::-webkit-input-placeholder{
    color:white!important;
    font-style: normal!important;
    font-family: ProxiLight;
    font-size: 13px;
}
.deep-blue #user_email{
    font-family: ProxiBold;
}
.deep-blue .StaticUser a{
    color:white;
    font-size: 13px;
    cursor:pointer;
}
.deep-blue .StaticUser a:first-of-type:after{
    content:'|';
    padding: 0 5px 0 10px;
}
.deep-blue .strike span,
.deep-blue #confirmationDialog span,
.deep-blue #lostpasswordPopup p{
    color: white;
    font-size: 14px;
    text-align: center;
    display: block;
    font-family: ProxiNormal;
}
.ui-dialog.deep-blue[aria-describedby="changeDataPopup"] .ui-dialog-buttonset button:last-of-type{
    float:right;
}
.ui-dialog.deep-blue[aria-describedby="changeDataPopup"] .ui-dialog-buttonset button{
    margin:0;
}
.ui-dialog.deep-blue #init_profile_delete_btn{
    color: #001334;
    font-size: 14px;
    font-family: Proxibold, Arial;
    background-color: white;
    width: auto;
    margin: 0 auto;
    display: block;
}
.ui-dialog.deep-blue .ui-dialog-titlebar{
    color:white;
    font-family: ProxiNormal;
}
.ui-dialog.deep-blue  #changeDataPopup {
    padding: 0;
}
.ui-dialog.deep-blue[aria-describedby="confirmationDialog"] .ui-dialog-buttonpane .ui-dialog-buttonset button,
.ui-dialog.deep-blue[aria-describedby="lostpasswordPopup"] .ui-dialog-buttonpane .ui-dialog-buttonset button,
.ui-dialog.deep-blue[aria-describedby="socialTermsOfUsePopup"] .ui-dialog-buttonpane .ui-dialog-buttonset button{
    margin: 0 10px;
    float:left;
}
.ui-dialog.deep-blue #lostpasswordPopup label{
    color:white;
    font-size: 13px;
}
.ui-dialog.deep-blue #alertDialog .ui-dialog-content,
.ui-dialog.deep-blue #alertDialog,
.ui-dialog.deep-blue #passwordConfirmationWrapper,
.ui-dialog.deep-blue[aria-describedby="socialTermsOfUsePopup"] #socialTermsOfUsePopup
{
    width: 100%!important;
    color: white;
    font-size: 14px;
}
.ui-dialog.deep-blue[aria-describedby="socialTermsOfUsePopup"] #socialTermsOfUsePopup{
    text-align: center;
}
.ui-dialog.deep-blue #passwordConfirmationWrapper {
    padding: 0 40px;
}
.ui-dialog.deep-blue[aria-describedby="passwordConfirmationWrapper"] .ui-dialog-buttonpane button{
    float:left;
}
.ui-dialog.deep-blue .ui-widget-content .ui-icon{
    display:none;
}
.ui-dialog.deep-blue  .codeline {
    color: white;
    font-size: 14px;
    font-family: ProxiNormal;
}
/*DEEP BLUE END*/



/*RESPONSIVE*/
@media all and (max-width:1440px){
    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper{right:7%;}
}
@media all and (max-width:1420px){
    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper{right:15.8%;}
    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper #loggedin #user_email{font-size:12px;max-width:116px;overflow:hidden;}
    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper:before{display:none;}
    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper #loggedin{padding:0;}
}
@media all and (max-width:1366px) {
    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper {right: 14%;}
    .auth-widget-wrapper.deep-blue #login_wrapper #login{font-size: 13px;padding: 17px 15px;}
}
@media all and (max-width:1280px){
    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper { right: 12%;}
}
@media all and (max-width: 1279px) {
    .purple-darkgrey #login_wrapper {right: 140px;}
}
@media all and (max-width:1200px){
    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper { right: 10%;}
}
@media all and (max-width:1024px){
    #guhAuthWarningMsg.yellow-grey {width: 70%;}
    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper:before{display:block;}
    .auth-widget-wrapper.deep-blue #login_wrapper #login{background: url('../images/login_icon_mosz.svg') no-repeat 85% 50%;background-size: 23px 23px;}
}
@media all and (max-width:980px){
    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper {right: 105px;}
}
@media all and (max-width: 960px) {
    .purple-darkgrey #login_wrapper {right: 80px;}
    .purple-darkgrey  #loggedin {padding: 15px 3px;}
    .purple-darkgrey #loggedin #user_email {width: 25px; text-indent: -40000px;}
    .purple-darkgrey #login {width: 40px; text-indent: -40000px;}
    .auth-widget-wrapper.deep-blue{background-color: transparent;border:none;}
    .auth-widget-wrapper.deep-blue #login_wrapper #login {padding: 20px 0; background: url('../images/login_icon_mosz.svg') no-repeat 100% 50%;background-size: 23px 23px;    text-align: right;
        padding-right: 40px;}
}
@media all and (max-width:768px){
    .ui-dialog-login,.ui-dialog-registration,.ui-dialog{max-width: 90%;min-width:90%;}
    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper{top:8px;}
    .ui-dialog.deep-blue.tab-display-mode,
    .ui-dialog.deep-blue.tab-display-mode .ui-widget-content{min-width:unset;}
}
@media all and (max-width:720px){
    .auth-widget-wrapper.red-white #login_wrapper{position: relative;top: 0;float:none;margin:0 auto 10px auto;width: 110px;height: 30px;z-index: 99;}
}
@media all and (max-width:640px){
    .changeDataForm #guhDatasWrapper{width:100%!important;}
    .changeDataForm #guhImgWrapper{margin:0 auto 15px auto;float:none;width:30%;}
    #guhProfileButtonsWrapper button:nth-of-type(1){margin-left:32%;}
    .auth-widget-wrapper.yellow-grey .StaticUser{left:0;transform: none;}
    .auth-widget-wrapper.yellow-grey #loggedin{float:left;}
    .auth-widget-wrapper.yellow-grey #user_email {float: none!important;}
    .grey-white .changeDataForm #guhDatasWrapper {padding:0!important; }
    .affair-white .changeDataForm #guhDatasWrapper { padding: 0!important;}
}
@media (min-width: 560px) {
    .ui-dialog.purple-darkgrey {
        left: 50% !important;
        margin-left: -250px;
        min-width: inherit !important;
    }
}
@media (max-width: 520px) {
    .ui-dialog.affair-white { width: 96% !important;}
    .ui-dialog.affair-white .social-login-wrapper>div {width: 220px; margin: 0 auto;}
    .ui-dialog.affair-white .native_login-wrapper {margin-top:170px;}
    .ui-dialog.red-white { width: 96% !important;}
    .ui-dialog.black-red { width: 96% !important;}
    .ui-dialog.purple-white { width: 96% !important;}
    .ui-dialog.purple-white .social-login-wrapper>div {width: 220px; margin: 0 auto;}
    .ui-dialog.pink-white { width: 96% !important;}
    .ui-dialog.pink-white .social-login-wrapper>div {width: 220px; margin: 0 auto;}
    .ui-dialog.blue-white { width: 100% !important;}
    .ui-dialog.blue-white .social-login-wrapper>div {width: 220px; margin: 5px auto;}
}
@media (max-width: 480px) {
    .ui-dialog.red-white .social-login-wrapper .facebook_login_button_wrapper,
    .ui-dialog.red-white .social-login-wrapper .google_login_button_wrapper,
    .ui-dialog.red-white .social-login-wrapper .microsoft_login_button_wrapper,
    .ui-dialog.red-white .social-login-wrapper .twitter_login_button_wrapper{width:80%;float: none;margin: 0 auto!important;display: table;}
    .ui-dialog.red-white .social-login-wrapper{padding:5px;}
    .ui-dialog.red-white .social-login-wrapper h1{font-size:15px;}
    .ui-dialog.red-white .social-login-wrapper h3.social_conditions_text{font-size:12px!important;padding:5px;}
    .ui-dialog.red-white .ui-dialog-buttonpane .ui-dialog-buttonset {margin: 5px auto;}
    .ui-dialog.red-white .ui-dialog-buttonpane .ui-dialog-buttonset button{font-size:12px;}
    .ui-dialog.red-white .ui-dialog-buttonpane a,
    .ui-dialog.red-white .conditions_aggree .display_inline,
    .ui-dialog.red-white #registrationPopup .display_inline{font-size:12px;}
    .ui-dialog.red-white #loginPopup{padding: 0 10px;}
    .ui-dialog.red-white .ui-dialog-title{font-size:15px;}
    #guhImgWrapper,#guhDatasWrapper { width: 100%;padding:0;}
    .yellow-grey #registrationPopup label.display_inline {float: none;font-size:12px;}
    .yellow-grey #registrationPopup label {margin-right: 10px;}
    #guhProfileButtonsWrapper button:nth-of-type(1) {margin-left: 0;}
    #guhProfileButtonsWrapper button{font-size:12px;}
    #guhAuthWarningMsg.yellow-grey {width: 90%;}
    .yellow-grey #guhAuthWarningText{font-size:13px;}
    #guhAuthWarningMsg.yellow-grey span#guhAuthWarningIco { width: 50px;height: 50px;}
    .ui-dialog.yellow-grey .requiredFieldText,.ui-dialog.yellow-grey .display_inline{font-size:12px;}
    .changeDataForm #guhImgWrapper{width:40%;}
    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper:before{display:none;}
    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper {right: 100px;}
    .auth-widget-wrapper.yellow-grey #login{float:left;}
    .ui-dialog.deep-blue.tab-display-mode .native_login-wrapper #loginPopup .loginWrapper,
    .ui-dialog.deep-blue.tab-display-mode .social-login-wrapper,
    .ui-dialog.deep-blue.tab-display-mode #registrationPopup,
    .ui-dialog.deep-blue #lostpasswordPopup{padding: 0 20px;}
    .ui-dialog.deep-blue.tab-display-mode .dialogChangeWrapper span,
    .ui-dialog.deep-blue.tab-display-mode .ui-dialog-buttonpane .ui-dialog-buttonset button,
    .ui-dialog.deep-blue.tab-display-mode h3.social_conditions_text,
    .ui-dialog.deep-blue.tab-display-mode .display_inline,
    .ui-dialog.deep-blue[aria-describedby="changeDataPopup"] .ui-dialog-buttonset button{font-size: 13px;}
    .ui-dialog.deep-blue.tab-display-mode .social-login-wrapper h1{font-size: 12px;}
    .ui-dialog.deep-blue.tab-display-mode input,
    .ui-dialog.deep-blue input{padding: 8px 0!important;}
    .deep-blue #user_email, .deep-blue .StaticUser{text-align: right;}
}
@media (max-width: 420px) {
    .ui-dialog.affair-white .dialogChangeWrapper span {font-size: 12px;}
    .ui-dialog.affair-white .registrationCaptcha {width:100%}
    .ui-dialog.affair-white .registrationCaptcha .codeline span {font-size: 14px;}
    .ui-dialog.affair-white .registrationCaptcha .image {width: auto;margin-bottom: 5px;}
    .ui-dialog.affair-white .registrationCaptcha .codeline {width: 100%;}
    .ui-dialog.affair-white .registrationCaptcha .codeline span {margin-bottom: 5px;font-size:14px;}
    .ui-dialog.affair-white .registrationCaptcha .code input {width: 70%;}
    .ui-dialog.affair-white .social-login-wrapper{ height: 180px;}
    .ui-dialog.affair-white .native_login-wrapper {margin: 170px auto 20px auto;}
    .ui-dialog.affair-white .ui-dialog-buttonpane .ui-dialog-buttonset button {padding: 10px 20px;float: none;}

    .ui-dialog.red-white .dialogChangeWrapper span {font-size: 12px;}
    .ui-dialog.red-white .registrationCaptcha .codeline span {font-size: 14px;}
    .ui-dialog.red-white .registrationCaptcha .image {width: auto;margin-bottom: 5px;}
    .ui-dialog.red-white .registrationCaptcha .codeline {width: auto;}
    .ui-dialog.red-white .registrationCaptcha .codeline span {margin-bottom: 5px;font-size:14px;}

    .ui-dialog.black-red .dialogChangeWrapper span {font-size: 12px;}
    .ui-dialog.black-red .registrationCaptcha .codeline span {font-size: 14px;}
    .ui-dialog.black-red .registrationCaptcha .image {width: auto;margin-bottom: 5px;}
    .ui-dialog.black-red .registrationCaptcha .codeline {width: auto;}
    .ui-dialog.black-red .registrationCaptcha .codeline span {margin-bottom: 5px;font-size:14px;}

    .ui-dialog.purple-white .dialogChangeWrapper span {font-size: 12px;}
    .ui-dialog.purple-white .registrationCaptcha .codeline span {font-size: 14px;}
    .ui-dialog.purple-white .registrationCaptcha .image {width: auto;margin-bottom: 5px;}
    .ui-dialog.purple-white .registrationCaptcha .codeline {width: auto;}
    .ui-dialog.purple-white .registrationCaptcha .codeline span {margin-bottom: 5px;font-size:14px;}

    .ui-dialog.pink-white .dialogChangeWrapper span {font-size: 12px;}
    .ui-dialog.pink-white .registrationCaptcha .codeline span {font-size: 14px;}
    .ui-dialog.pink-white .registrationCaptcha .image {width: auto;margin-bottom: 5px;}
    .ui-dialog.pink-white .registrationCaptcha .codeline {width: auto;}
    .ui-dialog.pink-white .registrationCaptcha .codeline span {margin-bottom: 5px;font-size:14px;}

    .ui-dialog.red-white .loginPopup input[type='text'],.ui-dialog.red-white .loginPopup input[type='password'],
    .ui-dialog.red-white .loginPopup select,
    .ui-dialog.red-white .loginPopup .loginWrapper div:nth-of-type(1):before,
    .ui-dialog.red-white .loginPopup .loginWrapper div:nth-of-type(2):before{height:30px;}

    .widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white #login_wrapper {top: 0;position: relative;right: 0; float: left;}
}
@media all and (max-width: 425px) {
    .purple-darkgrey .element_count_3 .facebook_login_button_wrapper,
    .purple-darkgrey .element_count_3 .google_login_button_wrapper,
    .purple-darkgrey .element_count_3 .twitter_login_button_wrapper,
    .purple-darkgrey .element_count_3 .microsoft_login_button_wrapper,
    .deep-blue .element_count_3 .facebook_login_button_wrapper,
    .deep-blue .element_count_3 .google_login_button_wrapper,
    .deep-blue .element_count_3 .twitter_login_button_wrapper,
    .deep-blue .element_count_3 .microsoft_login_button_wrapper{float: left !important;}

}
@media all and (max-width:375px) {
    .ui-datepicker{left: 0!important;}
    .ui-dialog.yellow-grey {padding: 0 5px;}
    #guhAuthWarningMsg.yellow-grey { width: 100%;}
    .auth-widget-wrapper.yellow-grey #user_email{background-image:none;padding:5px;}
    .auth-widget-wrapper.yellow-grey .StaticUser{top:35px;}
    .auth-widget-wrapper.yellow-grey #user_email {font-size: 10px;}
}
@media all and (max-width:360px) {
    .ui-datepicker{max-width:330px;}
    .ui-state-default, .ui-widget-content .ui-state-default{padding:6px;}
    .yellow-grey .element_count_4 .facebook_login_button_wrapper,
    .yellow-grey .element_count_4 .google_login_button_wrapper,
    .yellow-grey .element_count_4 .twitter_login_button_wrapper,
    .yellow-grey .element_count_4 .microsoft_login_button_wrapper{float:left!important;}
    .ui-dialog.blue-white .ui-dialog-buttonpane .ui-dialog-buttonset {padding-left: 0; padding-right: 0;}
    .ui-dialog.blue-white .ui-dialog-buttonpane .ui-dialog-buttonset button {clear:both;float: none;margin: 5px 10px !important;}
    .auth-widget-wrapper.yellow-grey #login{max-width:130px;overflow: hidden;}
    .yellow-grey label.display_inline { padding-left: 0;}
    .ui-dialog.deep-blue.tab-display-mode input{padding: 5px 0!important;}
    .deep-blue .StaticUser a:first-of-type:after{padding: 0 1px 0 5px;}
}
@media all and (max-width:320px) {
    .loginPopup {padding: 0 10px;}
    .ui-dialog-login, .ui-dialog-registration {max-width: 100%;min-width: 100%;}
    .ui-dialog.red-white #loginPopup {padding: 0 5px;}
    .ui-dialog.deep-blue.tab-display-mode #reCaptcha div:first-child {margin: 5px 0 0 -6px;}
    .ui-dialog.deep-blue .ui-dialog-buttonpane .ui-dialog-buttonset button{padding: 5px 10px;}
}
@media all and (max-width:310px) {
    .deep-blue .StaticUser a{float:right;}
    .deep-blue .StaticUser a:first-of-type:after{display:none;}
}
@media all and (max-height:550px) {
    .ui-dialog.deep-blue.tab-display-mode,
    .ui-dialog.deep-blue.tab-display-mode .ui-widget-content { top: 0 !important; transform: translateY(0);}
}

/*HIRADO REDESIGN SSO WIDGET LOGIN STYLE*/

.purple-white.redesign .ui-dialog-titlebar.ui-widget-header {
    background: #2843C9;
}
.ui-dialog.purple-white.redesign .dialogChangeWrapper span.active_tab {
    color: #2843C9;
    border-bottom: 1px solid #2843C9;
}
.ui-dialog.purple-white.redesign .ui-dialog-buttonpane .ui-dialog-buttonset button {
    background-color: #2843C9;
}
.ui-dialog.purple-white.redesign .social-login-wrapper h1 {
    color: #2843C9;
}

.ui-dialog.purple-white.redesign a.link_terms_of_use {
    color: #2843C9;
}
.purple-white.redesign #guhProfileButtonsWrapper button {
    background-color: #2843C9;
}
.purple-white.redesign #guhDataChangeWrapper input,
.purple-white.redesign #guhDataChangeWrapper select{
    border:solid 1px #2843C9;
}
.purple-white.redesign span.guhProfileHeaderText {
    color: #2843C9;
}
.ui-dialog.purple-white.redesign .login-error {
    background-color: #2843C9;
}
.ui-dialog.purple-white.redesign .strength_meter {
    border-color: #2843C9;
}
#ui-datepicker-div.purple-white.redesign .ui-datepicker-calendar .ui-state-default:hover {
    color: #2843C9;
}
#ui-datepicker-div.purple-white.redesign .ui-datepicker-calendar .ui-state-highlight{
    color: #2843C9;
}
#ui-datepicker-div.purple-white.redesign {
    background: #2843C9 !important;
}
.ui-dialog.purple-white.redesign .loginPopup input,
.ui-dialog.purple-white.redesign .loginPopup select,
.ui-dialog.purple-white.redesign .loginPopup input:focus,
.ui-dialog.purple-white.redesign .loginPopup select:focus {
    border: solid 1px #2843C9 !important;
}
.login-spinner {
    font-size: 19px;
    position: absolute;
    bottom: 95px;
    left: 145px;
}
.login-spinner::before{
    font-family: 'Font Awesome 6 Pro', sans-serif;
    color: white;
}
.ui-dialog.purple-white.redesign .ui-dialog-titlebar {
    background-color: #2843C9;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white.redesign .StaticUser a:hover {
    background-color: #2843C9;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white.redesign .StaticUser a {
    background-color: #2843C9;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white.redesign #login_wrapper #loggedin .StaticUser {
    background-color: #2843C9;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white.redesign #login_wrapper #loggedin {
    background-color: #2843C9;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white.redesign #login_wrapper:before {
    background-color: #2843C9;
}
.widget_hmsglobaluserhandler .auth-widget-wrapper.purple-white.redesign #login_wrapper #login {
    background-color: #2843C9;
}

.loginWrapper .passwordField{
    position: relative;
}
.loginWrapper .show-password{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
    cursor: pointer;
  }
  .blue-gold-sing.ui-dialog .passwordField input[type="text"]{
    background-image: url("../images/blue-gold-sing/view_2020.svg") !important;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: left;
  }