﻿.fill-Xlight {
    background-color: #f1f5f6!important;
}
footer .base-footer {
    background-color: #f1f5f6!important;
    color: #007780!important;
 
}

#cphMiddle_LostPasswords,.txt-theme{ color: #007780!important;}
.login-content strong, .login-content p {
    color: #333333!important;
}
#cphMiddle_Label2 {
}
.login-content   span  a{text-decoration: underline;  color: #007780!important;}
footer .base-footer .footer-nav li a {
    color: #007780!important;
 
}

header .navigation .main-menu > li > span ,footer .base-footer .block-contain .toll-free,footer .base-footer .block-contain .social-block .social-media li a{
 
    color: #007780!important;
 
}
header .searchbox .searchbtn {
    color: #007780!important;
    font-size: 16px!important;
    font-family: "Dubai Medium";
    line-height: 30px;
    text-transform: uppercase;
}

header .navigation .main-menu > li > a {
    color: #007780!important;
    font-size: 16px!important;
    font-family: "Dubai Medium";
    line-height: 32px;
}

header .navigation .mobile-nav .top-right-nav .language-swticher a {    
 
    color: #007780;
 
}
header .navigation .main-menu > li .sub-menu {
 
    background-color: #f1f5f6!important;
        border-bottom: 4px solid #81ba43;/*value to be added*/
    box-shadow: rgba(0, 0, 0, 0.12) 0px 25px 15px 0px, rgba(0, 0, 0, 0.24) 0px 10px 10px 0;/*value to be added*/

 
}
header .navigation .main-menu > li .sub-menu .container > li a {
    color: #333333!important;
	font-weight: bold;
}
/*    */
a:focus {
    outline:5px auto -webkit-focus-ring-color!important;;outline-offset:-2px!important;}
 

 header .top .dropdown-menu li a{
     padding: 0!important;
    margin: 0!important;
  }

a#YearOfZayed {
    margin-top: 3px;
    /* margin-right: 10px; */
}
 
 

.title > a {
    color: #fff;
}
/* start login page styles */

 label {
  
    font-size: 16px;
   
}
 .form-control + span {
    position: absolute;
    top: 10px;
    left: 3px;
    font-size: 16px;
    color: #666;
    transition: all 0.2s ease-out;
}
.form-control:focus + span, .form-control.has_value + span {
    top: -15px;
    color: #007780;
    font-size: 12px;
}
 
 
.ErrorLabel{right: 0; left: auto;    border-bottom-color: Red; color: red; pointer-events: none; position: absolute; top: 17px;}
.services .col-md-5{ }
/* end login page styles */
 
#registerform > .row > .col-md-6{}
.col-md-offset-3 {
 
}
.forgotpassword .col-md-6,.createcorporate .col-md-6{ }
 

/* end registeration page styles */

.HumanEnsureLabel {
    color: red;
}
/* start registeration page styles */
.icon.icon-icon-home{       margin-left: 7px; margin-right: auto;}
 
.content-img { margin: 4px 2px 4px 10px; }

.content-details h4 a{text-align: right;}
 /* end registeration page styles */
 .services .col-md-4 {
 
}
/* start Main page styles */

 
@media (min-width: 1025px){li.live-icon-mobile { display: none; }}
i.im.im-share {    font-size: 16px;    position: relative;    top: 2px;    padding-right: 4px;}

 
 
 .top .top-right-nav li.accessibility-trigger a { padding-right: 25px; padding-right: Infinity; padding-left: 5px; padding-left: Infinity; }
 
footer .base-footer .foot-contain .toll-free {
    padding: 0px 40px 10px 0px;
    
}
 
a.dropdown-toggle {
    padding-right:  5px !important;
    padding-left: 0px !important;
}
header .top .top-right-nav li.accessibility-trigger a {
    padding-right: 5px;
    padding-right: Infinity;
    padding-left: 5px;
    padding-left: Infinity;
}
.login-en   a{    
     padding-right: 5px !important;
    padding-left: 25px !important;
}
 .nav-tabs li + li {
    border: none!important;
}

#dsg-happiness-box {
    width: 35px;
    height: 30px;
    position: fixed;
    bottom: 0px;
    left: 15px;
    background-color: #84BE00;
    padding: 10px;
    box-sizing: content-box !important;
    z-index: 1;
    /* box-sizing: inherit !important; */
}
.login-content {
 
    text-align: right;
}
/*REST */


/*captcha*/
.CustomLabel .DHALabelLabelContainer {
    font-weight: normal !important;
}

.padErrors {
    padding-left: 20px;
    display: inline-block;
}

.padErrorsOne {
    padding-left: 28px;
    display: inline-block;
} 
.bar {
    position: relative;
    display: block;
    width: 100%;
}

.bar:before,
.bar:after {
    content: '';
    height: 1px;
    width: 0;
    top: -1px;
    position: absolute;
    background: #8cc63f;
    transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -webkit-transition: 0.5s ease all;
}


.bar:after {
    left: 0%;
}

/* active state */
/* input:focus ~ .bar:before, */
input:focus~.bar:after {
    width: 100%;
}

.image-promo {
    padding: 70px 30px 70px;
    height: 100%;
    margin-top: 20px;
}

.bg-imagepromo {
    background: #f1f5f6!important;
}

.promo-caption {
    margin-bottom: 50px;
    line-height: 1.45em;
}

.has-feedback label~.form-control-feedback {
    top: 0px;
    font-size: 10px;
}

#registerform .form-control,
#registerform input[type="text"].form-control,
#registerform input[type="password"].form-control,
#registerform input[type="email"].form-control {
    border-color: #9e9e9e;
}



#registerform .form-group.has-feedback.has-success .form-control:focus,
#registerform .form-group.has-feedback.has-success input[type="text"].form-control:focus,
.form-group.has-feedback.has-success input[type="password"].form-control:focus,
.form-group.has-feedback.has-success input[type="email"].form-control:focus {
    border-color: limegreen;
}

#registerform .form-group.has-feedback.has-error .form-control:focus,
#registerform .form-group.has-feedback.has-error input[type="text"].form-control:focus,
#registerform .form-group.has-feedback.has-error input[type="password"].form-control:focus,
#registerform .form-group.has-feedback.has-error input[type="email"].form-control:focus {
    border-color: #f44336;
}

#registerform .form-group.has-feedback.has-success .form-control,
#registerform .form-group.has-feedback.has-success input[type="text"].form-control,
#registerform .form-group.has-feedback.has-success input[type="password"].form-control,
#registerform .form-group.has-feedback.has-success input[type="email"].form-control {
    border-color: limegreen;
}

#registerform .form-group.has-feedback.has-error .form-control,
#registerform .form-group.has-feedback.has-error input[type="text"].form-control,
#registerform .form-group.has-feedback.has-error input[type="password"].form-control,
#registerform .form-group.has-feedback.has-error input[type="email"].form-control {
    border-color: #f44336;
}

#registerform .form-group.has-feedback.has-error .form-control+label {
    color: #f44336;
}

#registerform .form-group.has-feedback.has-success .form-control+label {
    color: limegreen;
}

.mobnum {
    margin-bottom: 0px;
}

.HumanEnsureGroup .humanQuestionContainer {
    padding: 10px 25px;
    margin: 0px 0;
    border-radius: 30px;
    /* background: #eee; */
    font-size: 18px;
    color: #191919;
    text-align: center;
    font-weight: bold;
    border: 1px solid #707070;
    cursor: auto;
}

.HumanEnsureGroup .humanQuestionOptions {
    padding: 0;
    display: flex;
    margin: 10px 0 0;
}

.HumanEnsureGroup .humanQuestionOptions .imageBtn {
    text-align: center;
    background: rgba(255, 255, 255, .25);
    padding: 0px 0;
    border-radius: 50%;
    margin: 0 10px 0 1px;
    width: 45px;
    height: 56px;
    cursor: pointer;
    font-size: 1.95em;
}

.HumanEnsureGroup .humanQuestionOptions .imageBtn.activeBtn {
    background: #fff;
    color: #84be00;
}

.HumanEnsureGroup .humanQuestionContainer .captchaIcontext {
    font-weight: 300;
}

.form-control-feedback {
    width: 10px;
}

.has-feedback .form-control {
    padding-right: 18.5px;
}

.bg-xlight {
    background: #f1f5f6!important;
}

.col-left {
    background: #ffffff;
}

.has-feedback i.form-control-feedback.glyphicon.glyphicon-asterisk {
    font-size: 6px;
}

.has-feedback i.form-control-feedback.glyphicon-asterisk.glyphicon.glyphicon-ok,
.has-feedback i.form-control-feedback.glyphicon-asterisk.glyphicon.glyphicon-remove {
    font-size: 10px;
}


.radio-grp {
    background: #fbfbfb;
    padding: 10px;
    margin-bottom: 5px;
}

.radio-grp input[type="radio"] {
    display: inline-block;
    cursor: pointer;
}

.radio-grp input[type="radio"]+span {
    top: 0px;
    margin: 10px 0px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #64788a;
    cursor: default;
}

.radio-details {
    position: relative;
    margin-top: 10px;
}

.cont-details {
    color: #080808;
    font-size: 18px;
}

.cont-info {
    font-size: 18px;
    line-height: 1.45em;
}

.radio-details i.fa.fa-mobile {
    position: absolute;
    top: -50px;
    font-size: 48px;
    right: 9px;
    color: #007780;
}

.radio-details i.fa.fa-envelope {
    font-size: 24px;
    position: absolute;
    top: -40px;
    right: 7px;
    color: #007780;
}

.success-box {
    text-align: center;
}

.success-box i.fa {
    font-size: 72px;
    font-weight: 300;
    color: #8cc63f;
}

.success-span {
    display: block;
    text-align: center;
    font-size: 13px;
}

.panel.panel-default.panel-ur {
    border: 0px;
}

.panel.panel-default.panel-ur .panel-body {
    padding: 0px;
}



label ,.form-group > span.active{
    position: absolute;
    top: -18px;
    color: #999;
    font-size: 12px;
    font-weight: 300;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
/*
.form-control[required] + label::before{
 
    font-size: 10px;
    content: " ";
    color: #000;
    left: 0px;
    top:-15px;
    position: absolute;
    transition: all 0.2s ease-out;
}

.form-control + label::before{
 
    font-size: 10px;
    content: "optional";
    color:  #999;
    left: 0px;
    position: absolute;
    top:-15px;
    transition: all 0.2s ease-out;
}

html[dir="rtl"] .form-control[required] + label::before{
 
    font-size: 10px;
    content: " ";
    color: #000;
    left: 0px;
    top:-15px;
    position: absolute;
    transition: all 0.2s ease-out;
}

html[dir="rtl"] .form-control + label::before{
 
    font-size: 10px;
    content: "اختياري";
    color:  #999;
    left: 0px;
    position: absolute;
    top:-15px;
    transition: all 0.2s ease-out;
}
 
.form-control[required]:focus + label::before{
 
    font-size: 10px;
    content: " ";
    color: #000;
    top: 16px;
    left: 0px;
    position: absolute;
    transition: all 0.2s ease-out;
}

.form-control:focus + label::before{
 
    font-size: 10px;
    content: "اختياري";
    color:  #999;
    top:16px;
    left: 0px;
    position: absolute;
    transition: all 0.2s ease-out;
}
html[dir="rtl"] .form-control[required]:focus + label::before{
 
    font-size: 10px;
    content: " ";
    color: #000;
    top: 16px;
    left: 0px;
    position: absolute;
    transition: all 0.2s ease-out;
}

html[dir="rtl"] .form-control:focus + label::before{
 
    font-size: 10px;
    content: " ";
    color:  #999;
    top:16px;
    left: 0px;
    position: absolute;
    transition: all 0.2s ease-out;
}
*/

/*REST OF MAIN From dha portal style*/
 
.HumanEnsureGroup .humanQuestionOptions .imageBtn.activeBtn {
    background: #fff;
    color: #84be00;
}

.HumanEnsureGroup .humanQuestionOptions .imageBtn {
    text-align: center;
    background: rgba(255, 255, 255, .25);
    padding: 0px 0;
    border-radius: 50%;
    margin: 0 10px 0 1px;
    width: 45px;
    height: 56px;
    cursor: pointer;
    font-size: 1.95em;
}
 
/* start registeration page styles */

 

.blind-mode label {
    color: #fff;
}
input,
select,
label,
textarea,
button,
option
{
font-family:inherit;
font-size:inherit;
color:inherit;
  }

 
  .share-twitter:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f081";
    color: #00ACED;
    vertical-align: middle;
    margin: 0 5px 0 10px;
    line-height: 1.17;
    width: 25px;
    height: 25px;
}
.share-facebook:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f230";
    color: #3B5998;
    vertical-align: middle;
    margin: 0 5px 0 15px;
    line-height: 1.17;
    width: 25px;
    height: 25px;
}
.share-linkedin:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f08c";
    color: #007BB5;
    vertical-align: middle;
    margin: 0 5px 0 10px;
    line-height: 1.17;
    width: 25px;
    height: 25px;
}
.share-google-plus:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f2b3";
    color: #DD4B39;
    vertical-align: middle;
    margin: 0 5px 0 15px;
    line-height: 1.17;
    width: 25px;
    height: 25px;
}
.dropdown ul.dropdown-menu li {    float: right;    outline: 0;
    width:auto;}
.dropdown ul.dropdown-menu li a {
    padding: 0;
    margin: 0;
    font-size: 1.75em;
}
 
.dropdown ul.dropdown-menu li + li {
    padding: 0;
    margin: 0 !important;
}
 
ul.dropdown-menu {
    min-width: 90px;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
    border: 0px;
}
.top .top-right-nav li a {   }
header .accessibility-panel .print-button .print-ico {
 
    float: right;
 margin-left: 10px;
 margin-right:auto;
}
    
header .searchbox .sp_searchcontrol {
    display: none;
}
header .searchbox.open:before {
    height: 2px;
    background: #fff;
    width: 100%;
    content: "";
    top: -2px;
    position: absolute;
    border-bottom: 1px solid #e6e6e6;
}
header .searchbox.open .sp_searchcontrol, .mobile-panel .searchbox.open .sp_searchcontrol {
    display: block;
}
header .searchbox .ms-srch-sb {
 
    max-width: 1200px;
    margin: auto;
    position: relative;
}
.DHAicon a + a > i {
    right: 72px;
    top: 0px;
    position: absolute;
    height: 45px;
    width: 45px;
    color: #8cc63f;
    text-align: center;
    line-height: 60px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1;
 
}
.DHAicon a + a + a > i {
    right: 0px;
    top: 0px;
    position: absolute;
    height: 45px;
    width: 45px;
    color: #8cc63f;
    text-align: center;
    line-height: 60px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 1;
}
.DHAicon a i {
    right: 40px;
    top: 0px;
    position: absolute;
    height: 45px;
    width: 45px;
    color: #8cc63f;
    text-align: center;
    line-height: 60px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-size: 21px;
    z-index: 1;
 
}
header .searchbox.open .searchfield, header .searchbox.open input[type=text] {
    display: block;
    float: none;
    margin: auto;
    padding: 18px 95px 18px 20px!important;
    width: 1200px;
    height: 61px;
    z-index: 1;
    font-size: .9em;
}
header .searchbox .searchfield, header .searchbox input[type=text] {
    padding: 25px 0px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    float: right;
    background-color: #fff;
    height: auto;
    width: 0%;
    border: 0px;
    display: none;
    color: #007780;

}
header .searchbox.open input[type=text] {
    padding: 18px 20px 18px 95px;
}
header .searchbox input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #666;
  }
  header .searchbox input[type=text]::-moz-placeholder { /* Firefox 19+ */
    color: #666;
  }
  header .searchbox input[type=text]:-ms-input-placeholder { /* IE 10+ */
    color: #666;
  }
  header .searchbox input[type=text]:-moz-placeholder { /* Firefox 18- */
    color: #666;
  }
header .navigation .main-menu > li.has-submenu > a .arrow, header .navigation .main-menu > li.has-submenu > span .arrow {
 
    left: auto;
 right: 10px!important;
}
header .navigation .main-menu > li.has-submenu > a, header .navigation .main-menu > li.has-submenu > span {
 
    padding-left: 15px!important;
    padding-right:25px!important;

}

.nav-tabs {padding-right: 0px; border: none;
}
 
header .top .top-right-nav li.language-swticher.arabic a { line-height: 20px; }
header .navigation .mobile-nav .mobile-menu-trigger {
 
    float: right;
 
}
footer .scrolling-logos .container > a {  width: 19%!important; }
footer .footer-bottom .horizontal-menu { margin: 0 0 0 30px; float: left; }

footer .footer-bottom .horizontal-menu li {
    float: right;
}
.smart-dubai{margin-top: 15px;}
footer .footer-bottom .horizontal-menu li + li {
    margin-right: 25px;
    margin-right: Infinity;

    margin-left:0px;

}
.wrapper .overlay-wrap {
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 999999999;
}

 

header .top {
    background: #007780;
     background-color: #008b99;
    font-family: "Dubai", Helvetica, Arial, sans-serif;
    color: #fff;
    float: left;
    width: 100%;
    height: 42px;
   position: absolute!important;
    z-index: 3000;
      top: inherit!important;
    border-bottom: 1px solid #33a2ad;

}
input[type="radio"]:checked + label:before {
    -moz-box-shadow: none!important;
     -webkit-box-shadow:none!important;
    box-shadow: none!important;
}
.link .login .login-en .dropdown .open ul li a{
    display: block;
    float: left;
}
#lsDesktop{font-size: 14px!important;    padding: 11px 12px!important ;
    padding: Infinity Infinity;}


#modifyUserLi a {
    font-size: 14px !important;
    padding: 11px 12px !important;
    padding: Infinity Infinity;
} 

header .top .top-right-nav li #modifyUserLi  {
    color: #fff;
    display: block;
    position: relative;
   
    height: 42px;
}
 
  .radio-group .radio-btn input  + label {
       color:#fff;
           margin-top:0px!important;
        margin-bottom:5px;
    }
    .radio-group .radio-btn input.active + label {
        font-weight: bold;
    
    }
    .radio-group .radio-btn input.active + label:before {
        content: "\e91a";
    }
    input[type="radio"] + label:after {
        top: 49%;
        left: 9px;
        width: 54px;
        height: 54px;
        opacity: 0;
        background: rgba(255, 255, 255, 0.3);
        -moz-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        -webkit-transform: translate(-50%, -50%) scale(0);
        transform: translate(-50%, -50%) scale(0);
    }
    input[type="radio"] + label:before, input[type="radio"] + label:after {
        content: "";
        position: absolute;
        border-radius: 50%;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .access-block h4{    font-weight: 700;}
    .radio-group .radio-btn input + label::before {
        /* left: auto; */
        right: 0px;
        min-height: 31px;
        line-height: 31px;
    }

    header .accessibility-panel {
       
   
         background-color: #027780;
       
    }

    .privacy-details {

        width: 100%;
    /*padding: 10px 0px 5px 0px;*/
    color: #ffffff;
  display:none;
    background: #000000;

    }

  .breadcrumb {
        padding: 0 8px;
        background: 0 0;
        margin: 8px 0 10px;
        display: inline-block;
        width: 100%;
    }
  header .radio-group .radio-btn input + label, header .radio-group .radio-btn input.active + label {
    padding-right: 0px;
    padding-left: 42px;
    background-position: right center;
    min-height: 31px;
    line-height: 31px;
    margin-top: 0px;
    margin-left: 0px;
}
    .breadcrumb .home {
        font-size: 18px;
    }
    .breadcrumb a {
        color: #007780;
        font-size: 13px;
        float: right;
        margin: 0 5px;
    }
    .breadcrumb .home:before {
        font-family: 'FontAwesome';
        content: '\f015';
        color: #007780;
        font-size: 24px;
        padding: 0;
        margin: 2px 0;
        top: -6px;
        position: relative;
    }
    .breadcrumb .home:after {
   content: none;
    }
    .breadcrumb a:after {
        font-family: 'FontAwesome';
        content: '\f104';
        color: #97ca49;
        font-size: 16px;
        padding: 0 6px;
    }

  
    .livechat-section {
        position: fixed;
        z-index: 9999;
        right: 10px;
        background-color: #f9f9f9;
        width: 452px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        bottom: -100%;
        opacity: 0;
        transition: 0.5s ease-in-out;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
           
    }
    

    
/* media queries*/
header .navigation .mobile-nav .top-right-nav li a { 
    color: #007780;
    Padding: 12px 1px;
    min-height: 42px;
    display: block;
    float: left;
      height: auto; 
     width: auto;  
}
header .navigation .mobile-nav .top-right-nav li {
    float: left;
    min-height: 42px;
}
@media (min-width: 991px){
 



footer .base-footer .block-contain .social-block .social-media li a{
 color:#007780!important;
 
}
}
@media (max-width: 991px){
footer .base-footer .block-contain .social-block .social-media a {
  
    border: 1px solid #007780;;
 
}}
@media (max-width: 1024px)
{ 
    .login-en a {
        padding-right: 5px !important;
        padding-left: 0px !important;
    }
  

i.im.im-share {
    font-size: 30px;
    top:4px;
    line-height: 40px;
}
.dropdown-menu {
    max-height: 160px;
    overflow-y: auto;
   right: auto; 
    position: absolute;
    left: 0px;  
}
}
 
@media (max-width: 767px){ 
    header .navigation .mobile-nav .top-right-nav li a {
  
        Padding: 8px 1px!important;
    }
header .navigation .mobile-nav .top-right-nav li a i.im.im-share {
    font-size: 24px;
    line-height: 30px;
}
header .navigation .mobile-nav .top-right-nav .language-swticher a {
 
    line-height: 30px!important;/*update this value*/}

.dropdown ul.dropdown-menu li {
    float: right;
    outline: 0;
    width: auto;
}
header .navigation .mobile-nav .top-right-nav li a .icon {
    font-size: 32px;
    line-height: 30px;
}
footer .scrolling-logos .container > a {
    width: 48%;
}
.col-sm-6 {
    width: 100%;
}
.language-swticher img {
    display: none!important;
}

}
@media (min-width: 320px) and (max-width:767px){
    header .navigation .mobile-nav .top-right-nav li a i.im.im-share {
        font-size: 27px!important;
        line-height: 27px!important;
    
    }

    span.spanShare {
    display: none;
}
}
@media (max-width: 1199px){
    header .navigation .mobile-nav .top-right-nav li a i.im.im-share {
        font-size: 30px;
        line-height: 60px;
    
    }
.mobile-panel {
    left: auto;
 
        background-color: #007780;
        position: fixed;
    
        width: 80%;
        height: 100%;
   
}
html.toggled .wrapper, body.toggled .wrapper {
    left: auto;
    right: 80%;
}
.mobile-panel .slinky-menu a.back {
    border-left: 0px;
    border-right: 5px solid #8cc63f;
}
.slinky-menu a.back:before {
    content: '\276e';
    margin-right: 1em;
    float: right;
}
}

 
input[type="radio"] + label:before, input[type="radio"] + label:after {
 
    -moz-transition: none!important;
    -o-transition:none!important;
  -webkit-transition: none!important;
    transition:none!important;
}
input[type="radio"] + label:after {
 
    -moz-transform: none!important;
    -ms-transform: none!important;
    -webkit-transform: none!important;
      transform: none!important;
    -moz-animation: unset!important;
    -webkit-animation: unset!important;
    animation: unset!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    -webkit-transition: none!important;
    transition: none!important;
 
}
input[type="radio"]:checked + label:after {
    -moz-transform: none!important;
    -ms-transform: none!important;
    -webkit-transform: none!important;
      transform: none!important;
    -moz-animation: unset!important;
    -webkit-animation: unset!important;
    animation: unset!important;
    -moz-transition: none!important;
    -o-transition: none!important;
    -webkit-transition: none!important;
    transition: none!important;
}


/*access*/



/* color blind*/
.color-blind header .navigation .mobile-nav .top-right-nav li a {
    color: #ffffff;
}
.color-blind .form-signin .row .col-md-12 p span:nth-child(1) a ,.color-blind  .form-signin .row .col-md-12 p span:nth-child(3) a{
    color: #262626!important;
}
.color-blind .login-content span a {
   Color: #262626!important;
}
.color-blind .feedback-h div img {
     -webkit-filter: invert(0)!important; 
    -moz-filter: invert(0)!important;
  filter: invert(0)!important; 
}
.color-blind .feedback-h {
    background: #262626;

}
 
  .color-blind .feedback-h div:nth-child(1) { border-right: 1px solid #000;border-left: none;border-left: 0px;  }
 .color-blind .feedback-h div:nth-child(3) { border-left: 1px solid #000;border-right: none;border-right: 0px;  }
.color-blind header .top {
    background-color: #262626;
 
}
.color-blind .voice-content {
 
    Color: #262626;
 
}
.color-blind .livechat-header{
    background: #262626;
    Color: #fff;
}
.color-blind .livechat{
    background: #262626;
    color: white;
}
.color-blind  #registerform .form-control:focus,
.color-blind #registerform input[type="text"].form-control:focus,
.color-blind #registerform input[type="password"].form-control:focus,
.color-blind #registerform input[type="email"].form-control:focus {
    border-color: #262626;
 }

.color-blind #registerform .form-control:focus+label,
.color-blind #registerform .form-control.has_value+label {
    color: #262626;
}
.color-blind .slinky-menu a{ Color: #fff;}
.color-blind .live-chat-box .submit-chat-btn .theme-btn{   background: #262626;}
.color-blind #faqmenu {
    background: #262626;
}
.color-blind .chat-box-body .nav-tabs li a, .color-blind .chat-box-body .nav-tabs li a {
    background: #262626;
    color: white;
}
.color-blind  .chat-header {
    background: #2d2d2d;
    Color: #6e6e6e;
     /* background: -webkit-linear-gradient(left, #1a9172, #007780); */
     background: -moz-linear-gradient(left, #2d2d2d, #2d2d2d)!important;
     background: -o-linear-gradient(left, #2d2d2d, #2d2d2d)!important;
     background: -ms-linear-gradient(left, #2d2d2d, #2d2d2d)!important;
     /* background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#007780)); */
     /* background: linear-gradient(to left, #1a9172, #007780); */
 
}
.color-blind  header .searchbox.open input[type=text] {
    Color: #6e6e6e;
}
.color-blind .share-twitter:before, .color-blind .share-facebook:before, .color-blind .share-linkedin:before, .color-blind .share-google-plus:before {
    Color: #6e6e6e;
}
.color-blind  .feedback-chat{background: #f1f5f6;}
.color-blind  .foot-contain .social-media li {
 
    border: 1px solid #2d2d2d;
 
}
.color-blind  footer .base-footer .foot-contain .toll-free{    color: #2d2d2d;}
.color-blind  .foot-contain .social-media li a {
    color: #2d2d2d;
}
.color-blind  header .navigation .mobile-nav .top-right-nav li a i.im.im-share{
-webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.color-blind ul.dropdown-menu li a {
    color: #2d2d2d !important;
}

.color-blind .mobile-nav .top-right-nav li a {
    color: #2d2d2d;
}
.color-blind .DHAicon a i {
 
    color: #2d2d2d;
 
}
.color-blind  li.login-list-item.selected {
    border: 2px solid #2d2d2d;
}
.color-blind  .txt-theme {
    color:  #2d2d2d!important;
  
}
.color-blind .bg-green, .color-blind .bg-theme, .color-blind .bg-orange {
    background: #2d2d2d;
    color: white;
}
.color-blind #livechat-section button.btn-primary {
    background: #2d2d2d;
}
.color-blind  .bg-green {
    background: #2d2d2d;
    color: #fff;
}
.color-blind  .bg-theme-primary {
    background-color: #2d2d2d!important;
}
.color-blind .better-health .issue-item .title .issue-count, .color-blind .btn-boxed, .color-blind .nav-tabs, .color-blind header .searchbox .easy-autocomplete-container, .color-blind .leaflet-popup-content-wrapper, .color-blind .leaflet-popup-tip {
   background-color:white!important;
}
.color-blind header .navigation .main-menu > li > a {color: #ffffff!important;}
.color-blind header .navigation .main-menu > li > a:hover {color: #2d2d2d!important; background: #ffffff;}
.nav-tabs.nav-justified{
    background: #007780;
}
.color-blind  .nav-tabs > li.active > a {
    border-bottom: 1px solid #000 !important;
}

.color-blind footer .base-footer .footer-nav li a, .color-blind footer .base-footer .block-contain .social-block, .color-blind footer .base-footer .block-contain .social-block .social-media li a, .color-blind footer .base-footer .block-contain .toll-free, .color-blind .feedback-chat a, .color-blind .chat-box-body .nav-tabs.nav-justified li.active a, .color-blind .HumanEnsureGroup .humanQuestionContainer {
    color: #2d2d2d!important;
}
.color-blind  header .searchbox .searchbtn{color: #fff!important;}
.color-blind img, .color-blind .div-img, .color-blind .timeline-Viewport, .color-blind body.plugin, .color-blind .html5-video-player, .color-blind .feeds-scroll,.color-blind .backstretch img,.color-blind .content-img ,.color-blind .banner-slider, .color-blind .issue-item img, .color-blind .image-canvas img, .color-blind .services .list-services img, .color-blind .social-feeds .feed-block .wall-image img, .color-blind .social-feeds .facebook .footer, .color-blind .social-feeds .tumblr .footer, .color-blind .loadmore, .color-blind .smart-apps .apps-box .store-btns, .color-blind .smart-apps .apps-box .icon-canvas, .color-blind .services .blocks-list .box .icon-canvas, .color-blind .social-feeds .instagram .footer, .color-blind .social-feeds .feed-block .footer, .color-blind .services .list-services li a .icon, .color-blind .inner-content, .color-blind .breadcrumb, .color-blind .sidebar.col-md-3.col-lg-3.col-sm-12.col-xs-12, .color-blind .sidebar {
 

    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(../img/desaturate.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);

}

.color-blind #dsg-happiness-box {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(../img/desaturate.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}

/*red green*/
.color-green header .navigation .mobile-nav .top-right-nav li a {
    color: #3c5997;
}
.color-green .feedback-h div:nth-child(1) { border-left: 1px solid #3c5997;border-right: none;border-right: 0px;  }
.color-green .feedback-h div:nth-child(3) { border-right: 1px solid #3c5997;border-left: none;border-left: 0px;  }
.color-green .form-signin .row .col-md-12 p span:nth-child(1) a ,.color-green  .form-signin .row .col-md-12 p span:nth-child(3) a{
    color: #3c5997!important;
}
.color-green .login-content span a {
   Color: #3c5997!important;
}
.color-green .feedback-h {
    background: #3c5997;

}
.color-green header .top {
    background: #3c5997;
 
}
.color-green .voice-content {
 
    color: #3c5997;
 
}
.color-green .livechat{
    background: #3c5997;
    color: white;
}
.color-green #registerform .form-control:focus,
.color-green #registerform input[type="text"].form-control:focus,
.color-green #registerform input[type="password"].form-control:focus,
.color-green #registerform input[type="email"].form-control:focus {
    border-color: #3c5997;
 }

 .color-green #registerform .form-control:focus+label,
 .color-green  #registerform .form-control.has_value+label {
    color: #3c5997;
}
.color-green .live-chat-box .submit-chat-btn .theme-btn{   background: #3c5997;}
.color-green  #faqmenu {
    background: #3c5997;
}
.color-green .chat-box-body .nav-tabs li a,.color-green  .chat-box-body .nav-tabs li a {
    background: #3c5997;
    color: white;
}
.color-green .chat-header {
    background: #3c5997;
    Color: #f1f5f6;
     /* background: -webkit-linear-gradient(left, #1a9172, #007780); */
     background: -moz-linear-gradient(left, #3c5997, #3c5997)!important;
     background: -o-linear-gradient(left, #3c5997, #3c5997)!important;
     background: -ms-linear-gradient(left, #3c5997, #3c5997)!important;
     /* background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#007780)); */
     /* background: linear-gradient(to left, #1a9172, #007780); */
 
}
.color-green .chat-header {
    background: #3c5997;
    Color: #fff;
}
.color-green .livechat-header{
    background: #3c5997;
    Color: #fff;
}
.color-green  header .searchbox.open input[type=text] {
    Color: #3c5997;
}
.color-green  ul.dropdown-menu li a {
    color: #3c5997 !important;
}
.color-green  .share-twitter:before, .color-green .share-facebook:before, .color-green  .share-linkedin:before, .color-green  .share-google-plus:before {
    Color: #3c5997;
}
.color-green .feedback-chat{background: #f1f5f6;}
.color-green .feedback-chat a{   color: #3c5997!important;}
.color-green  .foot-contain .social-media li {
 
    border: 1px solid #3c5997;
 
}
.color-green footer .base-footer .foot-contain .toll-free{    color: #3c5997;}
.color-green .foot-contain .social-media li a {
    color: #3c5997;
}
.color-green  header .navigation .mobile-nav .top-right-nav li a i.im.im-share{
    color: #3c5997;
    }
.color-green  .mobile-nav .top-right-nav li a ,.color-green header .navigation .main-menu > li > span, .color-green .services .list-services li a .icon,  .color-green header .navigation .main-menu > li .sub-menu span, .color-green .banner-slider .bx-wrapper .bx-viewport .bxslider .caption h1, .color-green .padding.fill h2, .color-green .padding.fill-Xlight h2, .color-green .well h3, .color-green .services .blocks-list .box h3, .color-green .find-doctor .nav-container .tab-pane .left-side h3, .color-green a, .color-green .find-doctor .nav-container .tab-pane .right-side .alpha-filter .alpha-filter-options a, .color-green .news .news-block .news-desc h5, .color-green .social-feeds .twitter h3 a, .color-green .social-feeds .feed-block .desc h4, .color-green .smart-apps .apps-box .apps-desc h5, .color-green header .searchbox .searchfield, .color-green header .navigation .main-menu > li .sub-menu .container > li .title, .color-green .find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .listing-count h6 span, .color-green .find-doctor .nav-container .tab-pane.detail-map .left-side .list-results-wrapper .list-results li h4, .color-green header .searchbox .easy-autocomplete-container ul li .eac-item:hover, .color-green header .searchbox .easy-autocomplete-container ul li .eac-item:focus, .color-green .services .blocks-list .box .icon-canvas .icon, .color-green .mobile-panel .slinky-menu h2, .color-green .mobile-panel .slinky-menu a.back, .color-green header .navigation .mobile-nav .top-right-nav .language-swticher a, .color-green .btn-inline, .color-green .banner-slider .bxslider.slick-slider .slick-list .slick-track .container .caption h1, .color-green .better-health .issue-item .title, .color-green .better-health .issue-item .title:before, .color-green .better-health .issue-item .title h6, .color-green .loadmore, .color-green .find-doctor .nav-container .tab-pane.detail-map .left-side .filter-panel .advanced-search a, .color-green .find-doctor .nav-container .tab-pane.detail-map .left-side .listing-count h6 span {
    color: #3c5997;
}
.color-green header .searchbox .searchbtn{color: #3c5997!important;}
.color-green header .navigation .main-menu > li > a{  color: #3c5997!important;}
.color-green   .btn-theme-inverse{
    border: 2px solid  #3c5997;
    color: #3c5997;
}
.color-green  .btn-theme-inverse:hover{
    background-color: #3c5997;
    color: #fff;
}
.color-green  strong,.color-green  .login-content p {
    color: #3c5997;
}
.color-green.DHAicon a i {
 
    color: #3c5997;
 
}
.color-green  li.login-list-item.selected {
    border: 2px solid #3c5997;
}
.color-green  .txt-theme {
    color:  #3c5997!important;
  
}
.color-green  .bg-green {
    background: #3c5997;
    color: #fff;
}
.color-green .btn-theme-primary {
    background: #3c5997;
    border-color: #3c5997;
 color:  white;
} 
.color-green .btn-theme-primary:hover {
    color: #3c5997;
    border-color: #3c5997;
    background: white;
    -moz-box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.09);
 
   
}
.color-green  .bg-theme-primary {
    background: #3c5997 !important;
}
.color-green  .form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="email"].form-control {
 
    border-color: #9e9e9e;
 
}
.color-green #livechat-section button.btn-primary {
    background: #3b5998;
}
.color-green div#floatlivechat i, .color-green span.chat {
    color: #ffffff;
}
.color-green .DHAicon  a   i ,.color-green .DHAiconinner a + a > i, .color-green .DHAiconinner a i, .color-green .DHAiconinner a + a + a > i, .color-green .DHAicon a + a + a > i, .color-green .DHASearchiconinner a + a + a > i, .color-green .DHASearchiconinner a + a > i, .color-green .DHASearchiconinner a > i {
    color: #3b5998;
}
.color-green img, .color-green .div-img, .color-green .timeline-Viewport, .color-green body.plugin, .color-green .html5-video-player, .color-green .feeds-scroll, .color-green .backstretch img, .color-green .content-img, .color-green .banner-slider, .color-green .issue-item img, .color-green .image-canvas img, .color-green .services .list-services img, .color-green .social-feeds .feed-block .wall-image img, .color-green .social-feeds .facebook .footer, .color-green .social-feeds .tumblr .footer, .color-green .loadmore, .color-green .smart-apps .apps-box .store-btns, .color-green .smart-apps .apps-box .icon-canvas, .color-green .services .blocks-list .box .icon-canvas, .color-green .social-feeds .instagram .footer, .color-green .social-feeds .feed-block .footer, .color-green .services .list-services li a .icon, .color-green .inner-content, .color-green .breadcrumb, .color-green .sidebar.col-md-3.col-lg-3.col-sm-12.col-xs-12, .color-green .sidebar {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(../img/desaturate.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}
.color-green .head-content {
 
    color: #3b5998;
 
}
.color-green footer .base-footer .footer-nav li a, .color-green footer .base-footer .block-contain .social-block, .color-green footer .base-footer .block-contain .social-block .social-media li a, .color-green footer .base-footer .block-contain .toll-free, .color-green .chat-box-body .nav-tabs.nav-justified li.active a, .color-green .HumanEnsureGroup .humanQuestionContainer {
    color: #3b5998!important;
}
.color-green footer .footer-bottom {
    background: #3b5998;
}

.color-green #dsg-happiness-box {
    background: #3b5998;
}
.color-green .bg-orange ,.color-green .bg-theme{
    background: #3b5998;
    color: #fff;
}
.color-green .nav-tabs > li.active > a {
    border-bottom: 1px solid #3b5998 !important;
}
/*font sizes variat
all-font .login-title {
    font-size:14px;
    font-size: Infinity;
}
..x-small-font .login-title {
    font-size:12px;
    font-size: Infinity;
}
..
large-font .login-title {
        font-size: 24px;
}
.large-font .login-title {
        font-size: 22px;
}
..ion*/
.large-font .login-title {
font-size:22px !important;
}
.large-font header .navigation .main-menu > li > a {
        font-size: 24px !important;
}
.x-large-font header .navigation .main-menu > li > a {
        font-size: 26px !important;
}
.x-large-font .content-desc li a {
        font-size: 15px !important;
}
.large-font .content-desc li a {
        font-size: 14px  !important;
}
.large-font header .searchbox .searchbtn {
    height: 55px !important;
}
.x-large-font header .searchbox .searchbtn {
    height: 58px !important;
}
.large-font a, .large-font p, .large-font label, .large-font header .navigation .main-menu > li .sub-menu a, .large-font .btn-arrow, .large-font .health-updates .btn, .large-font .services .list-services li a h5, .large-font h6, .large-font .selectize-dropdown, .large-font .selectize-input, .large-font .selectize-input input, .large-font .smart-apps .apps-box .apps-desc p, .large-font .easy-autocomplete-container ul {
    font-size: 18px !important;
}
.x-large-font .login-title {
font-size:20px !important;
}
.x-large-font a, .x-large-font p, .x-large-font label, .x-large-font header .navigation .main-menu > li .sub-menu a, .x-large-font .btn-arrow, .x-large-font .health-updates .btn, .x-large-font .services .list-services li a h5, .x-large-font h6, .x-large-font .selectize-dropdown, .x-large-font .selectize-input, .x-large-font .selectize-input input, .x-large-font .smart-apps .apps-box .apps-desc p, .x-large-font .easy-autocomplete-container ul {
    font-size: 20px !important;
}
.x-small-font .login-title {
font-size:12px !important;
}
.x-small-font a, .x-small-font p, .x-small-font label, .x-small-font header .navigation .main-menu > li .sub-menu a, .x-small-font .btn-arrow, .x-small-font .health-updates .btn, .x-small-font .services .list-services li a h5, .x-small-font h6, .x-small-font .selectize-dropdown, .x-small-font .selectize-input, .x-small-font .selectize-input input, .x-small-font .smart-apps .apps-box .apps-desc p, .x-small-font .easy-autocomplete-container ul {
        font-size: 12px;
}
.small-font .login-title {
font-size:14px !important;
}
.small-font a, .small-font p, .small-font label, .small-font header .navigation .main-menu > li .sub-menu a, .small-font .btn-arrow, .small-font .health-updates .btn, .small-font .services .list-services li a h5, .small-font h6, .small-font .selectize-dropdown, .small-font .selectize-input, .small-font .selectize-input input, .small-font .smart-apps .apps-box .apps-desc p, .small-font .easy-autocomplete-container ul
{
      font-size: 14px;
}
.small-font .content-details h4 a{ font-size: 12px!important;}
.x-small-font  .content-details h4 a{ font-size: 10px!important;}
.small-font footer .base-footer .footer-nav li a{font-size: 14px!important;}
.x-small-font footer .base-footer .footer-nav li a{font-size: 12px!important;}

.small-font footer p.foot-update{font-size: 12px!important;}
.x-small-font footer p.foot-update{font-size: 10px!important;}

.small-font header .searchbox .searchbtn ,.small-font header .searchbox.open input[type=text]{
    height: 58px !important;
}
.x-small-font header .searchbox .searchbtn ,.x-small-font header .searchbox.open input[type=text]{
    height: 54px !important;
}
/**/
 
        /* .bar{
              position: relative;
              display: block;
              width: 100%;
              height: 4px;
              width:0;
              border:1px;
              background-color: #9b59b6;
              transition: all .4s;
              -webkit-transition: all .4s;
              -moz-transition: all .4s;
            }
            input:focus ~ .bar,input:valid ~ .bar{
                width:100%;
            } */
        /* BOTTOM BARS ================================= */
        /* input:focus{ outline:none; } */
        .bar {
            position: relative;
            display: block;
            width: 100%;
        }
    
            .bar:before, .bar:after {
                content: '';
                height: 1px;
                width: 0;
                top: -1px;
                position: absolute;
                background: #8cc63f;
                transition: 0.5s ease all;
                -moz-transition: 0.5s ease all;
                -webkit-transition: 0.5s ease all;
            }
            /* .bar:before {
              left:0%;
            } */
            .bar:after {
                left: 0%;
            }
        /* active state */
        /* input:focus ~ .bar:before, */
        input:focus ~ .bar:after {
            width: 100%;
        }
    
        .image-promo {
            padding: 70px 30px 70px;
            height: 100%;
            margin-top: 20px;
        }
    
        .bg-imagepromo {
            background: #F2F2F2;
        }
    
        .promo-caption {
            margin-bottom: 50px;
            line-height: 1.45em;
        }
    
        .has-feedback label ~ .form-control-feedback {
            top: 0px;
            font-size: 10px;
        }
    
        #registerform .form-control, #registerform input[type="text"].form-control, #registerform input[type="password"].form-control, #registerform input[type="email"].form-control {
            border-color: #9e9e9e;
        }
    
            #registerform .form-control:focus, #registerform input[type="text"].form-control:focus, #registerform input[type="password"].form-control:focus, #registerform input[type="email"].form-control:focus {
                border-color: #007780;
            }
    
                #registerform .form-control:focus + label, #registerform .form-control.has_value + label {
                    color: #007780;
                }
    
        #registerform .form-group.has-feedback.has-success .form-control:focus, #registerform .form-group.has-feedback.has-success input[type="text"].form-control:focus, .form-group.has-feedback.has-success input[type="password"].form-control:focus, .form-group.has-feedback.has-success input[type="email"].form-control:focus {
            border-color: limegreen;
        }
    
        #registerform .form-group.has-feedback.has-error .form-control:focus, #registerform .form-group.has-feedback.has-error input[type="text"].form-control:focus, #registerform .form-group.has-feedback.has-error input[type="password"].form-control:focus, #registerform .form-group.has-feedback.has-error input[type="email"].form-control:focus {
            border-color: #f44336;
        }
    
        #registerform .form-group.has-feedback.has-success .form-control, #registerform .form-group.has-feedback.has-success input[type="text"].form-control, #registerform .form-group.has-feedback.has-success input[type="password"].form-control, #registerform .form-group.has-feedback.has-success input[type="email"].form-control {
            border-color: limegreen;
        }
    
        #registerform .form-group.has-feedback.has-error .form-control, #registerform .form-group.has-feedback.has-error input[type="text"].form-control, #registerform .form-group.has-feedback.has-error input[type="password"].form-control, #registerform .form-group.has-feedback.has-error input[type="email"].form-control {
            border-color: #f44336;
        }
    
            #registerform .form-group.has-feedback.has-error .form-control + label {
                color: #f44336;
            }
    
        #registerform .form-group.has-feedback.has-success .form-control + label {
            color: limegreen;
        }
    
        .mobnum {
            margin-bottom: 0px;
        }
    
        .HumanEnsureGroup .humanQuestionContainer {
            padding: 10px 25px;
            margin: 0px 0;
            border-radius: 30px;
            /* background: #eee; */
            font-size: 18px;
            color: #191919;
            text-align: center;
            font-weight: bold;
            border: 1px solid #707070;
            cursor: auto;
        }
    
        .HumanEnsureGroup .humanQuestionOptions {
            padding: 0;
            display: flex;
            margin: 10px 0 0;
        }
    
            .HumanEnsureGroup .humanQuestionOptions .imageBtn {
                text-align: center;
                background: rgba(255, 255, 255, .25);
                padding: 0px 0;
                border-radius: 50%;
                margin: 0 10px 0 1px;
                width: auto!important;
                height: 56px;
                cursor: pointer;
                font-size: 1.95em;
            }
    
                .HumanEnsureGroup .humanQuestionOptions .imageBtn.activeBtn {
                    background: #fff;
                    color: #84be00;
                }
    
        .HumanEnsureGroup .humanQuestionContainer .captchaIcontext {
            font-weight: 300;
        }
    
        .form-control-feedback {
            width: 10px;
        }
    
        .has-feedback .form-control {
            padding-right: 18.5px;
        }
    
        .bg-xlight {
            background: #F2F2F2;
        }
    
        .col-left {
            background: #ffffff;
        }
    
        .has-feedback i.form-control-feedback.glyphicon.glyphicon-asterisk {
            font-size: 6px;
        }
    
        .has-feedback i.form-control-feedback.glyphicon-asterisk.glyphicon.glyphicon-ok, .has-feedback i.form-control-feedback.glyphicon-asterisk.glyphicon.glyphicon-remove {
            font-size: 10px;
        }
        /* .col-left {
                border: 1px solid #9e9e9e47;
                padding-bottom: 15px;
                box-shadow: 0 2px 10px rgba(30, 70, 95, 0.1);
                margin-top: 20px;
            } */
    
        .radio-grp {
            background: #fbfbfb;
            padding: 10px;
            margin-bottom: 5px;
        }
    
            .radio-grp input[type="radio"] {
                display: inline-block;
                cursor: pointer;
            }
    
                .radio-grp input[type="radio"] + label {
                    top: 0px;
                    margin: 10px 0px;
                    padding-left: 10px;
                    font-size: 16px;
                    font-weight: 500;
                    color: #64788a;
                    cursor: default;
                }
    
        .radio-details {
            position: relative;
            margin-top: 10px;
        }
    
        .cont-details {
            color: #080808;
            font-size: 18px;
            padding-top: 8px;
        }
    
        .cont-info {
            font-size: 18px;
            line-height: 1.45em;
        }
    
        .radio-details i.fa.fa-mobile {
            position: absolute;
            top: -50px;
            font-size: 48px;
            right: 9px;
            color: #007780;
        }
    
        .radio-details i.fa.fa-envelope {
            font-size: 24px;
            position: absolute;
            top: -40px;
            right: 7px;
            color: #007780;
        }
    
        .success-box {
            text-align: center;
        }
    
            .success-box i.fa {
                font-size: 72px;
                font-weight: 300;
                color: #8cc63f;
            }
    
        .success-span {
            display: block;
            text-align: center;
            font-size: 13px;
        }
        .panel.panel-default.panel-ur{
            border:0px;
        }
        .panel.panel-default.panel-ur .panel-body {
            padding: 0px;
        }
    
        .ar-form {
            direction: rtl;
        }
    
            .ar-form .form-control + label {
                right: 3px;
                left: auto;
            }
    
            .ar-form .has-feedback label ~ .form-control-feedback {
                left: 0;
                right: auto;
            }
    
            .ar-form .has-feedback .form-control {
                padding-left: 18.5px;
                padding-right: 0px;
            }
    
        .mt0 {
            margin-top: 0px;
        }
    
        .pl0 {
            padding-left: 0px;
        }
    
        .pwd i.fa {
            position: absolute;
          left: 95%;
            top: 10px;
            font-size: 14px;
            cursor: pointer;
            color: #999;
            z-index: 2;
            transition: left 0.5ms ease;
        }
    
            .pwd i.fa.active {
                color: dodgerblue;
            }
    
        input#cphMiddle_UserRegistrationControl1_password, input#cphMiddle_UserRegistrationControl1_ConfirmPassword {
            padding-right: 35px;
            font-size: 13px;
        }
    
        .form-group.pwd.has-feedback.has-error i#eye, .form-group.pwd.has-feedback.has-error i#confirmeye {
            left: 135px;
            font-size: 14px;
            color: #f44336;
        }
    
        .form-group.pwd.has-feedback.has-success i#eye, .form-group.pwd.has-feedback.has-success i#confirmeye {
            left: 135px;
            font-size: 14px;
            color: #3c763d;
        }
        .btn-otp .btn-theme-success{
        background: none;
        color: #8cc63f;
        border: 0px;
        padding: 5px;
        box-shadow: none;
        margin-bottom: 15px;
        }
        .mr0{
            margin:0px !important;
        }
        .pad0{
            padding:0px;
        }
        input#cphMiddle_UserRegistrationControl1_btnRegister {
            margin-bottom: 15px;
        }
        @media(max-width:768px) {
            .pwd i.fa {
                left: 95%;
            }
        }
        #dsg-happiness-box{
    z-index: 3;
    }
    @media (min-width:375px) and (max-width: 767px){
    .form-group.pwd.has-feedback.has-success i#eye, .form-group.pwd.has-feedback.has-success i#confirmeye{
        left: 91%;
    }
    .form-group.pwd.has-feedback.has-error i#eye, .form-group.pwd.has-feedback.has-error i#confirmeye{
    left:91%;
    }
    }
    
    @media(min-width:991px) and (max-width:1024px){
        .pwd i.fa{
            left:117px;
        }
        .form-group.pwd.has-feedback.has-success i#eye, .form-group.pwd.has-feedback.has-success i#confirmeye{
            left: 102px;
        }
        .form-group.pwd.has-feedback.has-error i#eye, .form-group.pwd.has-feedback.has-error i#confirmeye{
        left: 102px;
        }
    }
    @media (max-width: 420px) {
        .bg-xlight{
            background:#ffffff;
        }
        .bg-imagepromo{
            margin-bottom:15px;
        }
        .pl0{
            padding-left:15px;
            margin-top:15px;
        }
        .bg-imagepromo img {
            width: 250px;
        }
    }
    @media (max-width:320px){
    .form-group.pwd.has-feedback.has-success i#eye, .form-group.pwd.has-feedback.has-success i#confirmeye{
        left: 89%;
    }
    .form-group.pwd.has-feedback.has-error i#eye, .form-group.pwd.has-feedback.has-error i#confirmeye{
    left: 89%;
    }
    .bg-imagepromo img {
            width: 200px;
        }
    }
 


    .voice-content span{display: block;}
    .fancybox_smartdubai {
        position: fixed;
        bottom: 0px;
        left: 10px;
        background-color: #84be00;
        padding: 10px;
        z-index: 10;
    }
    .fancybox-OutSideURL .fancybox-inner {
        overflow: hidden !important;
        height: auto !important;
    }    
    /*chat reset*/
    span#close-chat-box {
        margin-right: 0px!important;
        margin-left: 5px;
    }
 
 
 .livechat-form .form-group input[type="text"]{background:#fff;}
  .livechat-form .form-group input[type="text"]::placeholder, .livechat-form .form-group textarea::placeholder{color:#666666;}
    .livechat-header.clearfix span {
        display: inline-block;
    }
    .live-chat-box .form input::placeholder {
       color: #9e9e9e;
    }
    .livechat {
        position: fixed;
        right: 10px;
        bottom: 60px;
        z-index: 999;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        line-height: 68px;
        text-align: center;
        color: #fff;
        background: #8cc63f;
        background: -webkit-linear-gradient(left, #1a9172, #8cc63f);
        background: -moz-linear-gradient(left, #1a9172, #8cc63f);
        background: -o-linear-gradient(left, #1a9172, #8cc63f);
        background: -ms-linear-gradient(left, #1a9172, #8cc63f);
        background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#8cc63f));
        background: linear-gradient(to left, #1a9172, #8cc63f);
    }
    .livechat a {
        color: #fff;
        font-family: 'Dubai', sans-serif;
        line-height: 10px;
    }
    div#floatlivechat i {
        font-size: 24px;
        position: absolute;
        top: 15px;
        right: 13px;
        color: #fff;
    }
    .open-chat-box {
        bottom: 55px!important;
        opacity: 1;
    }
    .livechat-section {
        position: fixed;
        z-index: 9999;
        right: 25px;
        background-color: #f9f9f9;
        width: 452px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        bottom: -100%;
        opacity: 0;
        transition: 0.5s ease-in-out;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        
    }
    #faqmenu {
        background: -webkit-linear-gradient(left, #007780, #1a9172);
background: -moz-linear-gradient(left, #007780, #1a9172);
background: -o-linear-gradient(left, #007780, #1a9172);
background: -ms-linear-gradient(left, #007780, #1a9172);
background: -webkit-gradient(linear, left top, right top, from(#007780), to(#1a9172));
background: linear-gradient(to left, #007780, #1a9172);

    }
    iframe {
        border-width: 0px;
    border: none;
    }
    .live-chat-box {
        background: #fff;
        width: 420px;
        position: fixed;
        right: 10px;
        bottom: -100%;
        opacity: 0;
        border-radius: 5px;
        z-index: 9999;
        transition: 0.5s ease-in-out;
    }
    .feedback-chat {
        position: fixed;
        right: 10px;
        bottom: 10px;
        z-index: 999;
        width: 125px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        color: #fff;
        background: #8cc63f;
        background: -webkit-linear-gradient(left, #1a9172, #8cc63f);
        background: -moz-linear-gradient(left, #1a9172, #8cc63f);
        background: -o-linear-gradient(left, #1a9172, #8cc63f);
        background: -ms-linear-gradient(left, #1a9172, #8cc63f);
        background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#8cc63f));
        background: linear-gradient(to left, #1a9172, #8cc63f);
    }

.feedback-chat a {
    color: #fff;
    font-family: 'Dubai', sans-serif;
}
/*Feedback form css starts here*/

.voice, .keyboard {
    cursor: pointer;
}
.voice-content {
    display: block;
    padding: 70px 25px;
    background: white;
    text-align: center;
    font-size: 36px;
    width: 300px;
    border-radius: 60px;
    color: #007780;
    margin: 0px auto;
}
.feedback-chat {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 999;
    width: 125px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #8cc63f;
    background: -webkit-linear-gradient(left, #1a9172, #8cc63f);
    background: -moz-linear-gradient(left, #1a9172, #8cc63f);
    background: -o-linear-gradient(left, #1a9172, #8cc63f);
    background: -ms-linear-gradient(left, #1a9172, #8cc63f);
    background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#8cc63f));
    background: linear-gradient(to left, #1a9172, #8cc63f);
}

    .feedback-chat a {
        color: #fff!important;
        font-family: 'Dubai', sans-serif;
    }

        .feedback-chat a i.fa.fa-comments {
            padding-right: 5px;
        }

.live-chat-box {
    background: #fff;
    width: 420px;
    position: fixed;
    right: 10px;
    bottom: -100%;
    opacity: 0;
    border-radius: 5px;
    z-index: 9999;
    transition: 0.5s ease-in-out;
}

.open-chat-box {
    bottom: 10px;
    opacity: 1;
}

.chat-header {
    background-color: #007780;
    text-align: center;
    padding: 13px 15px;
    position: relative;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
    background: -webkit-linear-gradient(left, #1a9172, #007780);
    background: -moz-linear-gradient(left, #1a9172, #007780);
    background: -o-linear-gradient(left, #1a9172, #007780);
    background: -ms-linear-gradient(left, #1a9172, #007780);
    background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#007780));
    background: linear-gradient(to left, #1a9172, #007780);
}

.live-chat-box .chat-header h3 {
    font-size: 1em;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
}

.live-chat-box .chat-header button {
    background-color: transparent;
    border: 0;
    padding: 0;
    outline: 0;
    color: #fff;
    position: absolute;
    left: 20px;
    top: 56%;
    transform: translateY(-50%);
}

.live-chat-box .chat-box-body {
    padding: 25px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.live-chat-box .form > div {
    margin-bottom: 15px;
}

.live-chat-box .form label {
    font-size: .865em;
}

.live-chat-box .form input {
    height: 35px;
}

.live-chat-box .form .submit-chat-btn {
    margin: 10px 0 0;
    text-align: center;
}

.live-chat-box .submit-chat-btn .theme-btn {
    width: 130px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    font-weight: normal;
    text-transform: uppercase;
    border: 0;
    padding: 0;
    background: #8cc63f;
    color: #fff;
    background: -webkit-linear-gradient(left, #1a9172, #8cc63f);
    background: -moz-linear-gradient(left, #1a9172, #8cc63f);
    background: -o-linear-gradient(left, #1a9172, #8cc63f);
    background: -ms-linear-gradient(left, #1a9172, #8cc63f);
    background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#8cc63f));
    background: linear-gradient(to left, #1a9172, #8cc63f);
}

.chat-box-body .nav-tabs.nav-justified li a {
    padding: 6px 12px;
    border-radius: 0px !important;
    color: white;
}

.chat-box-body .nav-tabs.nav-justified li.active a {
    background: #ddd;
    color: #8cc63f;
}

.mt10 {
    margin-top: 10px;
}

/*.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';  essential for enabling glyphicon 
    content: "\e114";  adjust as needed, taken from bootstrap.css 
    float: right;
    position: absolute;
    right: -8px;
    top: 1px;
}
.panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}*/

#faqmenu .panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    /*float: right;*/
    position: absolute;
    right: -8px;
    top: 1px;
}

#faqmenu .panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}

div#faqmenu .panel-group .panel {
    border-radius: 0px;
    border: 1px solid #ddd;
}

@media only screen and (max-width: 767px) {
    .live-chat-box {
        width: 300px;
    }
}
/*Feedback form css ends here*/

/*captcha*/
.HumanEnsureGroup .CaptchaErrorMsg {
    color: #000;
    background: 0 0;
    height: auto;
}

.HumanEnsureGroup .CaptchaErrorMsg {
    color: #fff;
    background: rgba(0, 0, 0, .9);
    height: auto;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
}

.HumanEnsureGroup .humanQuestionContainer {
    padding: 0px 0;
    margin: 0px 0;
    border-radius: 30px;
    background: rgba(255, 255, 255, .25);
    font-size: 18px;
    font-weight: bold;
    color: #8cc63f;
}

    .HumanEnsureGroup .humanQuestionContainer .humanQuestionImge {
        text-align: right;
        background: url(../img/refresh.png) center no-repeat;
        height: 20px;
        width: auto;
        float: right;
        margin-right: 15px;
    }

    .HumanEnsureGroup .humanQuestionContainer .refreshBtn {
        -webkit-animation: refresh 4s linear infinite;
        -moz-animation: refresh 4s linear infinite;
        animation: refresh 4s linear infinite;
    }

.HumanEnsureGroup .humanQuestionOptions {
    padding: 0;
    display: inline-flex!important;
    margin: 0px 0;
}

    .HumanEnsureGroup .humanQuestionOptions .imageBtn {
        text-align: center;
        background: rgba(255, 255, 255, .25);
        padding: 0px 0;
        border-radius: 50%;
        margin: 0 10px 0 1px;
        width: 45px;
        height: 56px;
        cursor: pointer;
        font-size: 1.95em;
    }

        .HumanEnsureGroup .humanQuestionOptions .imageBtn.activeBtn {
            background: #fff;
            color: #84be00;
        }

        .chat-box-body .tab-content > #home.active, .chat-box-body .tab-content > #faqmenu.active {
            display: block;
            height: 300px;
            padding: 10px 10px 10px 0;
            overflow-y: auto;
            overflow-x: hidden;
        }



 #keyboardInputMasterUserScript {  position:absolute;
      font:normal 13px Dubai,sans-serif;
        -webkit-box-shadow:0px 2px 10px rgba(68, 68, 68, 0.4);
          -moz-box-shadow:0px 2px 10px rgba(68, 68, 68, 0.4);
            box-shadow:0px 2px 10px rgba(68, 68, 68, 0.4);  opacity:1;
              filter:alpha(opacity=100);  background-color:#212121;  text-align:center;  z-index:1000000;  width:auto;  height:auto;  min-width:0;
                min-height:0;  margin:0px;  padding:0px;  line-height:normal;  -moz-user-select:none;  cursor:default;}
                #keyboardInputMasterUserScript * {  position:static;  color:#fff;  background:transparent;  font:normal 13px Dubai,sans-serif;  width:auto;  height:auto; 
                     min-width:0;  min-height:0;  margin:0px;  padding:0px;  border:0px none;  outline:0px;  vertical-align:baseline;  line-height:1.3em;  margin-bottom: 2px;}
                     #keyboardInputMasterUserScript table {  table-layout:auto;}
                     #keyboardInputMasterUserScript.keyboardInputSize1,#keyboardInputMasterUserScript.keyboardInputSize1 * {  font-size:9px;}
                     #keyboardInputMasterUserScript.keyboardInputSize3,#keyboardInputMasterUserScript.keyboardInputSize3 * {  font-size:13px;}
                     #keyboardInputMasterUserScript.keyboardInputSize4,#keyboardInputMasterUserScript.keyboardInputSize4 * {  font-size:16px;  text-align:center;}
                     #keyboardInputMasterUserScript.keyboardInputSize5,#keyboardInputMasterUserScript.keyboardInputSize5 * {  font-size:20px;}
                     #keyboardInputMasterUserScript thead tr th {  padding:0.3em 0.3em 0.1em 0.3em;  background-color:#212121;  white-space:nowrap;}
                     #keyboardInputMasterUserScript thead tr th div {  float:left;  font-size:130% !important;  height:1.3em;
                          font-weight:bold;  position:relative;  z-index:1;  margin-right:0.5em;  cursor:pointer;  background-color:transparent;}
                          #keyboardInputMasterUserScript thead tr th div ol {  position:absolute;  left:0px;  top:90%;  list-style-type:none;  height:3.5em;  
                            overflow-y:auto;  overflow-x:hidden;  background-color:#007780;  border:1px solid #999999;  display:none;  text-align:left;  width:6.5em;}
                            #keyboardInputMasterUserScript thead tr th div ol li {  padding:0.2em 0.1em;  cursor:pointer;  white-space:nowrap;  width:6.5em;}
                            #keyboardInputMasterUserScript thead tr th div ol li.selected {  background-color:#fff;  color: #212121;}
                            #keyboardInputMasterUserScript thead tr th div ol li:hover,#keyboardInputMasterUserScript thead tr th div ol li.hover {  background-color:#fff;  color: #212121;}
                            #keyboardInputMasterUserScript thead tr th span,#keyboardInputMasterUserScript thead tr th strong,#keyboardInputMasterUserScript thead tr th small,
                            #keyboardInputMasterUserScript thead tr th big {  display:inline-block;  padding:0px 0.4em;  height:1.4em;  
                                line-height:1.4em;  border-top:1px solid #e5e5e5;  border-right:1px solid #5d5d5d;  border-bottom:1px solid #5d5d5d;  
                                border-left:1px solid #e5e5e5;  background-color:#212121;  cursor:pointer;  margin:0px 0px 0px 0.3em;  vertical-align:middle;  
                                -webkit-transition:background-color .15s ease-in-out;  -o-transition:background-color .15s ease-in-out;  transition:background-color .15s ease-in-out;}
                                #keyboardInputMasterUserScript thead tr th strong {  font-weight:bold;}#keyboardInputMasterUserScript thead tr th small {  border-right:1px solid #aaaaaa;  
                                    padding:0px 0.2em 0px 0.3em;}#keyboardInputMasterUserScript thead tr th big {  border-left:0px none;  margin:0px;  padding:0px 0.3em 0px 0.2em;}
                                    #keyboardInputMasterUserScript thead tr th span:hover,#keyboardInputMasterUserScript thead tr th span.hover,#keyboardInputMasterUserScript thead tr th strong:hover,
                                    #keyboardInputMasterUserScript thead tr th strong.hover,#keyboardInputMasterUserScript thead tr th small:hover,
                                    #keyboardInputMasterUserScript thead tr th small.hover,#keyboardInputMasterUserScript thead tr th big:hover,#keyboardInputMasterUserScript thead tr th big.hover {  
                                        background-color:#dddddd;}#keyboardInputMasterUserScript tbody tr td {  text-align:left;  padding:0.2em 0.3em 0.3em 0.3em;  vertical-align:top;}
                                        #keyboardInputMasterUserScript tbody tr td div {  text-align:center;  position:relative;  zoom:1;}
                                        #keyboardInputMasterUserScript tbody tr td table {  white-space:nowrap;  width:100%;  border-collapse:separate;  border-spacing:0px;}
                                        #keyboardInputMasterUserScript tbody tr td#keyboardInputNumpad table {  margin-left:0.2em;  width:auto;
                                        }#keyboardInputMasterUserScript tbody tr td table.keyboardInputCenter {  width:auto;  margin:0px auto;}
                                        #keyboardInputMasterUserScript tbody tr td table tbody tr td {  vertical-align:middle;  padding:0px 0.45em;  white-space:pre;  height:2.8em;  font-family:'Dubai','Arial Unicode MS',monospace;  background-color:#212121;  cursor:default;  min-width:1.75em;  border: 1px solid #424242;  -webkit-transition:background-color .15s ease-in-out;  -o-transition:background-color .15s ease-in-out;  transition:background-color .15s ease-in-out;}#keyboardInputMasterUserScript tbody tr td table tbody tr td.last {  width:99%;}#keyboardInputMasterUserScript tbody tr td table tbody tr td.space {  padding:0px 4em;}#keyboardInputMasterUserScript tbody tr td table tbody tr td.deadkey {  background-color:#ccccdd;}#keyboardInputMasterUserScript tbody tr td table tbody tr td.target {  background-color:#ddddcc;}#keyboardInputMasterUserScript tbody tr td table tbody tr td:hover,#keyboardInputMasterUserScript tbody tr td table tbody tr td.hover {  border-top:1px solid #d5d5d5;  border-right:1px solid #555555;  border-bottom:1px solid #555555;  border-left:1px solid #d5d5d5;  background-color:#cccccc;}#keyboardInputMasterUserScript thead tr th span:active,#keyboardInputMasterUserScript thead tr th span.pressed,#keyboardInputMasterUserScript tbody tr td table tbody tr td:active,#keyboardInputMasterUserScript tbody tr td table tbody tr td.pressed {  border-top:1px solid #555555 !important;  border-right:1px solid #d5d5d5;  border-bottom:1px solid #d5d5d5;  border-left:1px solid #555555;  background-color:#cccccc;}
                                        #keyboardInputMasterUserScript tbody tr td table tbody tr td small {  display:block;  text-align:center;  font-size:0.6em !important;  line-height:1.1em;}
                                        #keyboardInputMasterUserScript tbody tr td div label {  position:absolute;  bottom:0.2em;  left:0.3em;}
                                        #keyboardInputMasterUserScript tbody tr td div label input {  background-color:#f6f6f6;  vertical-align:middle;  font-size:inherit;  width:1.1em;  height:1.1em;}
                                        #keyboardInputMasterUserScript tbody tr td div var {  position:absolute;  bottom:0px;  right:3px;  font-weight:bold;  font-style:italic;  color:#444444;}
                     

                                        /*RESET*/
                                     

.DHALabelContainer {
   clear: none!important; 
       float: left;
    padding: 1px 5px 5px 5px!important;
}


.footer-bottom .container .row .col-md-6:nth-child(2) {
    clear: left;
}
footer .footer-bottom .horizontal-menu {
    margin: 0 0 0 30px;
    float: left!important;
 
}
.feedback-h {
    position: fixed;
    right: 25px;
    bottom: 0px;
    background: #007780;
    color: #fff;
    width: 42%;
    z-index: 10;
    -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
    border-radius: 6px 6px 0px 0px;

}
 .feedback-h div {
    line-height: 55px;
    height: 55px;
    width: 33.3333333%;
    float: left;
    text-align: center;

 }

.feedback-h div a {
    color: #fff;
    display: block;
    cursor: pointer;
}
.feedback-h div a:hover,.chatactive {
    background: #005359;
    text-decoration: none!important;
}
.feedback-h div img {
    padding-left: 5px;
}
.feedback-h div img {
    height: 35px;
    padding-right: 5px;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 120px;
    left: 10px;
    display: none;
    height: 40px;
    line-height: 30px;
}

.fancybox_smartdubai {
    /*chat .css*/
    position: fixed;
    bottom: 0px;
    right: 10px;
    background-color: #84be00;
    padding: 10px;
    z-index: 10;
    -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
}

.fancybox_smartdubai {
    /* main .css */
    position: fixed;
    bottom: 0px;
    /* left: 10px; */
    background-color: #84be00;
    padding: 10px;
    z-index: 10;
}

 .feedback-h div:nth-child(1) { border-right: 1px solid #005359;border-left: none;border-left: 0px;  border-radius: 6px 0px 0px 0px; }
 .feedback-h div:nth-child(3) { border-left: 1px solid #005359;border-right: none;border-right: 0px;   border-radius: 0px 6px 0px 0px; }


 .livechat-section {
   width: auto!important ;
}

 .form-signin .row .col-md-12 p span:nth-child(1) {
        float: left;
    margin-right: 5px;
}
.form-signin .row .col-md-12 p span:nth-child(1) a {
   color:#007780!important;
}
.form-signin .row .col-md-12 p span:nth-child(2) {
        float: left;
    margin-right: 5px;
}
.form-signin .row .col-md-12 p span:nth-child(3) {
        float: left;
 
}
.form-signin .row .col-md-12 p span:nth-child(3) a {
     color:#007780!important;
 
}

#livechat .livechat-section {padding-bottom: 22px!important;}
#livechat {
display:none;
    max-height: 420px!important;
    overflow: auto!important;
}

  #wasselsotak{
     max-height: 420px!important; 
  overflow: auto!important; 
}


#livechat-section button.btn-primary {
padding-bottom:25px!important;}

.ms-core-overlay {
 
    overflow: hidden!important;
}
.wasselchat-section {
    background: #fff;
   /* width: 420px;*/
    position: fixed;
    right: 25px;
    bottom: -100%;
    opacity: 0;
    border-radius: 5px;
    z-index: 9999;
    transition: 0.5s ease-in-out;
}

    .wasselchat-section .chat-header h3 {
        font-size: 1em;
        color: #fff;
        margin: 0;
        text-transform: uppercase;
    }

    .wasselchat-section .chat-header button {
        background-color: transparent;
        border: 0;
        padding: 0;
        outline: 0;
        color: #fff;
        position: absolute;
        right: -20px;
        top: 56%;
        transform: translateY(-50%);
    }

    .wasselchat-section .chat-box-body {
        padding: 25px;
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }

    .wasselchat-section .form > div {
        margin-bottom: 15px;
    }

    .wasselchat-section .form label {
        font-size: .865em;
    }

    .wasselchat-section .form input {
        height: 35px;
    }

    .wasselchat-section .form .submit-chat-btn {
        margin: 10px 0 0;
        text-align: center;
    }

    .wasselchat-section .submit-chat-btn .theme-btn {
        width: 130px;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
        font-weight: normal;
        text-transform: uppercase;
        border: 0;
        padding: 0;
        background: #8cc63f;
        color: #fff;
        background: -webkit-linear-gradient(left, #1a9172, #8cc63f);
        background: -moz-linear-gradient(left, #1a9172, #8cc63f);
        background: -o-linear-gradient(left, #1a9172, #8cc63f);
        background: -ms-linear-gradient(left, #1a9172, #8cc63f);
        background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#8cc63f));
        background: linear-gradient(to left, #1a9172, #8cc63f);
    }

@media only screen and (max-width: 767px) {
    .wasselchat-section {
        width: 320px;
    }
}

 .wasselchat-section .chat-header button {
    left: -20px;
    right: inherit;
}

.color-blind .wasselchat-section .submit-chat-btn .theme-btn, .color-blind #faqmenu button.btn.btn-default {
    background: #2d2d2d;
}

.color-green .feedback-chat, .color-green .back-to-top, .color-green .chat-header, .color-green .wasselchat-section .submit-chat-btn .theme-btn, .color-green #faqmenu button.btn.btn-default {
    background: #3b5998;
}


.live-latifa-box {
    background: #fff;
    width: 420px;
    position: fixed;
    right: 25px;
    bottom: -100%;
    opacity: 0;
    border-radius: 5px;
    z-index: 9999;
    transition: 0.5s ease-in-out;
}

    .live-latifa-box .chat-header h3 {
        font-size: 1em;
        color: #fff;
        margin: 0;
        text-transform: uppercase;
    }

    .live-latifa-box .chat-header button {
        background-color: transparent;
        border: 0;
        padding: 0;
        outline: 0;
        color: #fff;
        position: absolute;
        right: 20px;
        top: 56%;
        transform: translateY(-50%);
    }

    .live-latifa-box .chat-box-body {
        padding: 25px;
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
    }

    .live-latifa-box .form > div {
        margin-bottom: 15px;
    }

    .live-latifa-box .form label {
        font-size: .865em;
    }

    .live-latifa-box .form input {
        height: 35px;
    }

    .live-latifa-box .form .submit-chat-btn {
        margin: 10px 0 0;
        text-align: center;
    }

    .live-latifa-box .submit-chat-btn .theme-btn {
        width: 130px;
        height: 35px;
        line-height: 35px;
        font-size: 13px;
        font-weight: normal;
        text-transform: uppercase;
        border: 0;
        padding: 0;
        background: #8cc63f;
        color: #fff;
        background: -webkit-linear-gradient(left, #1a9172, #8cc63f);
        background: -moz-linear-gradient(left, #1a9172, #8cc63f);
        background: -o-linear-gradient(left, #1a9172, #8cc63f);
        background: -ms-linear-gradient(left, #1a9172, #8cc63f);
        background: -webkit-gradient(linear, left top, right top, from(#1a9172), to(#8cc63f));
        background: linear-gradient(to left, #1a9172, #8cc63f);
    }

@media only screen and (max-width: 767px) {
    .live-latifa-box {
        width: 300px;
    }
}

.ae .live-latifa-box .chat-header button {
    left: -20px;
    right: inherit;
}

.color-blind .live-latifa-box .submit-chat-btn .theme-btn, .color-blind #faqmenu button.btn.btn-default {
    background: #2d2d2d;
}

.color-green .feedback-chat, .color-green .back-to-top, .color-green .chat-header, .color-green .live-latifa-box .submit-chat-btn .theme-btn, .color-green #faqmenu button.btn.btn-default {
    background: #3b5998;
}

.rsbtn span:nth-child(2) {
    display: none;
}

.rsbtn .rsbtn_exp .rsbtn_exp_inner .rsbtn_player_item {
     padding: 0 4px !important; /*this value needs to be updated in order to override */
    min-width: auto;
}

.intro-head {
    min-height: 50px;
    display: block;
}

.searchBox_mobile ,#searchBox_mobile{
/*display:none;*/

}



@media (min-width:320px) and (max-width:991px) {
            footer .footer-bottom {
                padding-bottom: 45px;
            }
        }
        
        
        
        .fa-refresh {
            left: 40px;
            /*update in ar.css*/
            right: auto!important;
        }
.searchAlert {
background: #ffffff; text-align: center; padding: 15px; color: red;
 }


.language-swticher a{    padding: 6px!important;} 
.language-swticher img{    padding-right: 5px!important;width: auto;height: 22px;}

@media (max-width: 767px) {
    header.navigation .mobile-nav .top-right-nav .language-swticher a {
        font-size: 14px;
        line-height: 50px !important;
        padding-right: 0px !important;
        margin-left: 8px !important;
    }
}


.comment.more {
    /*max-height: 80px;*/
    padding: 10px;
    float: left;
    width: 100%;
    line-height: 1.1em;
}

@media (max-width: 767px) {
    footer .scrolling-logos .container > a {
        width: 48% !important;
    }
}

@media (max-width: 560px) {
    .feedback-h {
        width: calc(100% - 85px);
    }
}

@media (max-width: 767px) {
    #livechat {
        width: 300px;
        max-height: 345px!important;
    }
    .livechat-section {
      width: 300px;
}

    #wasselsotak {
   /*max-height: 320px!important;*/
     width: 300px;
    overflow: auto!important;
}
    #s4-workspace {
  overflow-x:auto!important;
  overflow-y:hidden!important;
 
}
}
#s4-workspace {

overflow: hidden!important;  
}

header .branding-section {
  
    
 
}

.small-font .btn-theme-primary {font-size: 12px;}
.x-small-font .btn-theme-primary {font-size: 10px;}


#dsg-happiness-box  
{
border-radius: 6px 6px 0px 0px;
-webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.35), 0 0px 10px 0 rgba(0, 0, 0, 0.35);
}
 
 .feedback-h div:nth-child(1) a, .feedback-h div:nth-child(1) a:hover{
    border-radius:  6px 0px 0px 0px;
}
 
  .feedback-h div:nth-child(3) a,.feedback-h div:nth-child(3) a:hover{
  border-radius: 0px 6px 0px 0px;
}


                                                                    /* add the following */
.small-font .btn-theme-primary {font-size: 12px;}
.x-small-font .btn-theme-primary {font-size: 10px;}

.color-blind .login-list-item a img {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(../img/desaturate.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}

.color-blind .brang img{
            filter: gray!important; /* IE6-9 */
  -webkit-filter: grayscale(1)!important; /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1)!important; /* Microsoft Edge and Firefox 35+ */
        }


.color-green  .radio-details i.fa.fa-envelope{    color: #3c5997;}
.color-blind  .radio-details i.fa.fa-envelope{    color: #666;}


.color-green .btn-otp .btn-theme-success{    color: #3c5997;}


.color-green .success-box i.fa {  color: #3c5997; }
.color-green blockquote.theme { border-left: 5px solid #3c5997;  }
.color-blind blockquote.theme {border-left: 5px solid #666666; }
.color-blind .head-content {color:#3c5997;}
.color-blind .head-content i,.color-blind .head-content span {color:#3c5997;}
.color-blind  .btn-theme-success {background:#000;}
.color-green  .btn-theme-success {background:#3c5997;}

.color-blind #dsg-happiness-box{background:#000;}


.color-blind #registerform .form-control:focus, .color-blind #registerform input[type='text'].form-control:focus, .color-blind #registerform input[type='password'].form-control:focus, .color-blind #registerform input[type='email'].form-control:focus ,.color-blind .form-control:focus, .color-blind input[type='text'].form-control:focus, .color-blind input[type='password'].form-control:focus, .color-blind input[type='email'].form-control:focus
{border-color:#262626;}
.color-green #registerform .form-control:focus, .color-green #registerform input[type='text'].form-control:focus, .color-green #registerform input[type='password'].form-control:focus, .color-green #registerform input[type='email'].form-control:focus ,.color-green .form-control:focus, .color-green input[type='text'].form-control:focus, .color-green input[type='password'].form-control:focus, .color-green input[type='email'].form-control:focus
{border-color:#3c5997;}


.color-blind .form-control:focus + span,.color-blind .has_value.form-control + span{color:#666666;}


.color-blind header .navigation .main-menu > li.has-submenu > a .arrow, .color-blind header .navigation .main-menu > li.has-submenu > span .arrow{color:#666666;}
.color-green header .navigation .main-menu > li.has-submenu > a .arrow, .color-green header .navigation .main-menu > li.has-submenu > span .arrow{color:#3c5997;}
footer .footer-bottom { height: auto!important; }


.color-green .feedback-h a:hover ,.color-green .chatactive{  background: #2f4a82;  }
.color-blind .feedback-h a:hover,.color-blind .chatactive { background: #666; }
.color-green header .accessibility-panel .title a{color:#fff;}
.color-blind header .accessibility-panel .title a{color:#fff;}


.color-blind .HumanEnsureGroup .humanQuestionOptions .imageBtn.activeBtn {color:#666;}
.color-green .HumanEnsureGroup .humanQuestionOptions .imageBtn.activeBtn {color:#3c5997;}


.color-blind header .navigation .main-menu > li .sub-menu { border-bottom: 4px solid #666; }
.color-green header .navigation .main-menu > li .sub-menu { border-bottom: 4px solid #3c5997; }

@media (max-width: 480px){

.feedback-h div img {
    height: 25px;
    display: block;
    margin: auto;
}
.feedback-h div a {
    line-height: 30px;
    padding-top: 5px;
}
}


.x-small-font header .searchbox .searchbtn{height:48px;}
 
.small-font header .searchbox .searchbtn{height:48px;}
.x-large-font .content { min-height:120px;}


       
.color-blind .chat-header  { background: #acacac;}
.color-green .chat-header { background: #3b5998;}
               
.color-blind .theme-btn ,  .color-blind .btn .btn-primary{ background: black;}
.color-green .theme-btn,  .color-green .btn .btn-primary { background: #3b5998;}


.color-blind .HumanEnsureGroup .humanQuestionContainer{color:black}
.color-green .HumanEnsureGroup .humanQuestionContainer{color:#3b5998}



.x-large-font .ChatTitle,.x-large-font .chat-header h3 {font-size:18px;}
.large-font .ChatTitle ,.large-font .chat-header h3 {font-size:16px;}
  


.color-blind .HumanEnsureGroup .humanQuestionOptions .activeBtn.imageBtn {color: #666;}
.color-green .HumanEnsureGroup .humanQuestionOptions .activeBtn.imageBtn {color: #3b5998;}


.x-small-font .HumanEnsureLabel{font-size:12px;}
.small-font .HumanEnsureLabel{font-size:14px;}
.large-font .HumanEnsureLabel{font-size:18px;}
.x-large-font .HumanEnsureLabel{font-size:20px;}


.x-small-font .captchaIcon{font-size:16px;}
.small-font .captchaIcon{font-size:17px;}
.large-font .captchaIcon{font-size:19px;}
.x-large-font .captchaIcon{font-size:20px;}



@media (max-width: 767px){
  
.slinky-menu a.next:after {
      
float: right;
}
 
.slinky-menu a.back:before {
  
float: left;
}
}


header .navigation .mobile-nav .top-right-nav .language-swticher a img {
    display: none;
}

/*add new in both */
@media (max-width: 767px){
header .navigation .mobile-nav .top-right-nav li + li {
  
    /*padding-right: 10px;*/
}}

.x-large-font .chat-box-body input.form-control::placeholder{font-size: 16px;}
.large-font .chat-box-body input.form-control::placeholder{font-size: 15px;}
.x-large-font #chat-header h3{font-size: 18px;}
.large-font #chat-header h3{font-size: 17px;}


.x-large-font #startchat + p ,.x-large-font #startchat .form-group label{font-size: 16px;}
.large-font #startchat + p ,.large-font #startchat .form-group label{font-size: 15px;}

 header .navigation .accessibility-panel {
        top: 123px!important;;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
        padding-bottom: 123px;
    }
   header .accessibility-panel.topPanel {
    top: 96px!important;;
}
 

@media (max-width: 1199px) and (min-width: 992px) {
    header .accessibility-panel.topPanel {
        /*top: 115px!important;*/
    }
}
@media (max-width: 991px) {
     header .accessibility-panel.topPanel {
        /*top: 115px!important;*/
    }
    header .accessibility-panel.topPanel.showing {
        display: block !important;
        /*top: 215px!important;*/
    }
}

@media (max-width: 767px){
     header .accessibility-panel.topPanel {
        /*top: 213px!important;*/
    }
/*header .navigation .accessibility-panel {
    top: 123px!important;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    padding-bottom: 123px;
}*/
}



@media (min-width: 768px) and (max-width:991px) {
    header .accessibility-panel.topPanel {
      top: 213px!important;
    }
     header .accessibility-panel.topPanel.showing {
        display: block !important;
        top: 215px!important;
    }
}


@media (min-width: 320px) and (max-width:767px) {
    header .accessibility-panel.topPanel {
        top: 213px!important;
    }
     header .accessibility-panel.topPanel.showing {
        display: block !important;
        top: 215px!important;
    }
}

header .navigation .mobile-nav .top-right-nav li a .icon {
 
    color: #007780;
    
}


header .navigation .mobile-nav .top-right-nav .language-swticher a {
    font-family: 'Tahoma', Arial;
    
}
header .navigation .mobile-nav .top-right-nav li.active a {
    background-color: #007780;
}




header .navigation .mobile-nav .top-right-nav li.active a {
    background-color: #007780;
}


.feedback-h {
 
    z-index: 999999999;
 
}



@media (max-width: 767px){
    #wasselsotak {
     
        width: 100%;
     
    }
    }


    
    #wasselsotak {
        max-height: 490px!important;
       
    }

    
.color-green .form-control,.color-green input[type="text"].form-control,.color-green input[type="password"].form-control,.color-green input[type="email"].form-control {
  
    border-color: #3b5998;
}
.color-blind .form-control, .color-blind  input[type="text"].form-control,.color-blind  input[type="password"].form-control,.color-blind  input[type="email"].form-control {
  
    border-color: #000;
}

   .color-blind #registerform .form-group.has-feedback.has-error .form-control,.color-blind #registerform .form-group.has-feedback.has-error input[type="text"].form-control,.color-blind #registerform .form-group.has-feedback.has-error input[type="password"].form-control,.color-blind #registerform .form-group.has-feedback.has-error input[type="email"].form-control {
    border-color: #000000!important;
}


.color-green #registerform .form-group.has-feedback.has-success .form-control,.color-green #registerform .form-group.has-feedback.has-success input[type="text"].form-control,.color-green #registerform .form-group.has-feedback.has-success input[type="password"].form-control,.color-green #registerform .form-group.has-feedback.has-success input[type="email"].form-control {
    border-color: #3b5998!important;
}

.x-large-font .share .share-twitter,.x-large-font .share .share-facebook,.x-large-font .share .share-linkedin{font-size:26px!important;}
.large-font .share .share-twitter,.large-font .share .share-facebook,.large-font .share .share-linkedin{font-size:25px!important;}
.x-small-font .share .share-twitter,.x-small-font .share .share-facebook,.x-small-font .share .share-linkedin{font-size:20px!important;}
.small-font .share .share-twitter,.small-font .share .share-facebook,.small-font .share .share-linkedin{font-size:22px!important;}


.color-blind .btn-otp .btn-theme-success {    color: #000;}


.color-blind .success-box i.fa { color: #000; }



.color-blind .ValidationSummary  {
    color: #000;
}


.color-green .ValidationSummary {
    color: #3b5998;
}


.color-blind .head-content {color:#000;}
.color-blind .head-content i,.color-blind .head-content span {color:#000;}

@media (max-width: 767px){
footer .footer-bottom .horizontal-menu {
padding: 20px 0px!important;
}
 .accessibility-trigger {padding-right: 10px;padding-left:10px;}
}

.x-large-font  .share-twitter,.x-large-font  .share-facebook,.x-large-font   .share-linkedin{font-size:26px!important;}
.large-font .share-twitter,.large-font .share-facebook,.large-font   .share-linkedin{font-size:25px!important;}
.x-small-font   .share-twitter,.x-small-font   .share-facebook,.x-small-font   .share-linkedin{font-size:20px!important;}
.small-font  .share-twitter,.small-font   .share-facebook,.small-font   .share-linkedin{font-size:22px!important;}

.title > a,.title > a:hover {
    color: #fff;
}


 
.color-blind .ErrorLabel,.color-blind #cphMiddle_FailureText {    color: #000!important;}
.color-green .ErrorLabel,.color-green #cphMiddle_FailureText {    color: #3b5998!important;}


.small-font .btn, .small-font header .navigation .main-menu > li .sub-menu, .small-font .btn-default, .small-font header .navigation .main-menu > li .sub-menu .container > li .title {
    font-size: 12px!important;
 
}
 
.x-small-font .btn, .x-small-font header .navigation .main-menu > li .sub-menu, .x-small-font .btn-default, .x-small-font header .navigation .main-menu > li .sub-menu .container > li .title {
    font-size: 11px!important;
  
}

#searchBox_mobile   .fa-search  {
    right: 8px!important;
    top: 8px!important;
}
 #searchBox_mobile  .fa-microphone{
    right: 38px!important;
    top: 8px!important;
}


@media (max-width: 1199px) and (max-width: 767px) {
    .mobile-panel .searchbox .searchbtn .icon.search {
        display: none;
    }

    .mobile-panel .fa-keyboard-o {
        display: none;
    }
}

   .print-button {
display:none!important;
}

      #dvWelcomeDesktop {
padding-right: 15px;

}
      .color-blind #A3 img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url(../img/desaturate.svg#grayscale);
    filter: gray;
    -webkit-filter: grayscale(1);
}


      header.sticky .top {
    top: 0px!important;
    position: fixed!important;
}

 


            header .navigation .mobile-nav .top-right-nav {
    margin-right: 0px!important;
    margin-right: Infinity;
}

           #cphMiddle_rdoCorporate,#cphMiddle_rdoIndividual {
    display: inline-block !important;
    margin-right: 5px;
}

          #cphMiddle_rdoCorporate + label,#cphMiddle_rdoIndividual + label {
  
    margin: 0px 0px 0px 5px;
 
}

          footer p.foot-update {
 
    clear: both!important;
    display: block!important;
}

@media (min-width: 768px) and (max-width: 1190px) {
    span.spanShare {
        display: none;
    }
}

.color-green .form-control:focus + span,.color-green .form-control.has_value + span {

    color: #3b5998;
   
}


.color-blind .bg-imagepromo img,.color-green .bg-imagepromo img{
        filter: grayscale(100%)!important;
    -webkit-filter: grayscale(100%)!important;
    -moz-filter: grayscale(100%)!important;
    -ms-filter: grayscale(100%)!important;
    -o-filter: grayscale(100%)!important;
    filter: url(../img/desaturate.svg#grayscale)!important;
    filter: gray!important;
    -webkit-filter: grayscale(1)!important;
}

.color-blind .social-block h6{color:#000;}
.color-green .social-block h6{color:#3b5998;}

.color-blind #cphMiddle_UserManual{color:#000;}
.color-green #cphMiddle_UserManual{color:#3b5998;}


.x-small-font h3 {
    font-size: 24px;
    font-size: Infinity;
}

.x-small-font h3 {
    font-size: 26px;
    font-size: Infinity;
}


.color-blind .has-error .help-block,.color-blind .has-error .control-label,.color-blind .has-error .radio,.color-blind .has-error .checkbox,.color-blind .has-error .radio-inline,.color-blind .has-error .checkbox-inline,.color-blind .has-error.radio label,.color-blind .has-error.checkbox label,.color-blind .has-error.radio-inline label,.color-blind .has-error.checkbox-inline label {
    color: #000;
}
.color-green .has-error .help-block,.color-green .has-error .control-label,.color-green .has-error .radio,.color-green .has-error .checkbox,.color-green .has-error .radio-inline,.color-green .has-error .checkbox-inline,.color-green .has-error.radio label,.color-green .has-error.checkbox label,.color-green .has-error.radio-inline label,.color-green .has-error.checkbox-inline label {
    color: #3b5998;
}

@media (min-height:400) and (max-height:480px) {


   #wasselsotak {
    max-height: 261px!important;
}
   #livechat {
   max-height: 261px!important;
}
}

.color-blind .padErrorsOne,.color-blind  #cphMiddle_PasswordRecoveryControl1_lblError {color:#000;}
.color-green .padErrorsOne,.color-green #cphMiddle_PasswordRecoveryControl1_lblError {color:#3b5998;}


#DHAMenu .searchbox {
width:auto!important;

}

 @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 768px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {
     .feedback-h {
                    display:none!important;
                    }

}

  @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
     .feedback-h {
                    display:none!important;
                    }

}
 

  
#registerform .capchaContainer .imageBtn {    width: 45px!important;
}
.color-blind #privacy-close,.color-blind #privacy {
color:#fff;}
.color-green #privacy-close,.color-green  #privacy {
color:#fff;}

.color-green .privacy-details {
background:#3b5998;}

header .navigation .main-menu > li .sub-menu .container > li .title {
    color: #007780!important;
    /* font-family: "robotomedium", Helvetica, Arial, sans-serif; */
    cursor: default;
    text-decoration: none;
}

 .color-blind header .navigation .main-menu > li .sub-menu{
    background-color: #000!important;
}

  .color-blind  header .navigation .main-menu > li .sub-menu .container > li a {
    color: #fff!important;
}

  .color-green  header .navigation .main-menu > li .sub-menu .container > li .title {
    color: #3b5998!important;
  
}

  @media (max-width: 767px) {
   
    .color-green  .slinky-menu a.back:before {
         color:#3b5998;
    }
    .color-blind  .slinky-menu a.back:before {
         color:#000;
    }
}


  
 header.sticky .navigation .accessibility-panel {
        top: 57px!important;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
        padding-bottom: 123px;
    }
   header.sticky .accessibility-panel.topPanel {
    top: 96px!important;;
}
 

@media (max-width: 1199px) and (min-width: 992px) {
    header .accessibility-panel.topPanel {
        /*top: 115px!important;*/
    }
}
@media (max-width: 991px) {
     header.sticky .accessibility-panel.topPanel {
        /*top: 115px!important;*/
    }
    header.sticky .accessibility-panel.topPanel.showing {
        display: block !important;
        /*top: 215px!important;*/
    }
}

@media (max-width: 767px){
     header.sticky .accessibility-panel.topPanel {
        /*top: 213px!important;*/
    }
/*header .navigation .accessibility-panel {
    top: 123px!important;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    padding-bottom: 123px;
}*/
}



@media (min-width: 768px) and (max-width:991px) {
    header.sticky .accessibility-panel.topPanel {
      top: 213px!important;
    }
     header.sticky .accessibility-panel.topPanel.showing {
        display: block !important;
        top: 215px!important;
    }
}


@media (min-width: 320px) and (max-width:767px) {
    header.sticky .accessibility-panel.topPanel {
        top: 57px!important;
    }
     header.sticky .accessibility-panel.topPanel.showing {
        display: block !important;
        top: 58px!important;
    }
}
.dubai-pulse {
    margin-top: 10px;
}

.social-block ul:nth-child(3) li{
border: none!important;
line-height: 45px;
}


footer .base-footer .block-contain .toll-free {
    padding: 0px 0px 10px 40px!important;
}

@media (max-width: 767px)
{
.social-block ul:nth-child(3) li {
border: none!important;
line-height: 26px;
}
}
.social-block ul:nth-child(3) li a {
border: none!important;
}
.social-block ul:nth-child(3) {
clear: left;
}
header .navigation .main-menu {
margin-left: 0px!important;
}