/* OVERRIDE STYLES */
footer {
    text-align: left;
}

a:hover{
    text-decoration: none;
    color: #002d4b;
}

.main_menu .item {
    font-family: 'Conv_Roboto-Regular';
    font-size: 16px;
    position:static;
}

.main_menu .menu_hamburguer {
    font-size: 17px;
    border:none
}

.main_menu .dropdown .item {
     border:none;
     padding-bottom: 2px;
}

.dropdown-menu>li>a{
    display: block;
    padding: 10px 10px;
    clear: both;
    line-height: 1.42857143;
    color: #002d4b;
    white-space: nowrap;
}

.main_menu .dropdown-menu>li>a:hover {
    color: #ffffff;
    background-color: #002d4b;
}

.dropdown-menu>li>a:active {
    background-color: #8f9092;
}

.main_menu .dropdown-menu a, 
.main_menu .dropdown-menu a:hover {
    height: auto;
    padding-left:25px;
    padding-right:25px;
    font-size:14px;
}

/*  NEW  STYLES */

.main_menu .top_doctors_logo{
    width:260px;
    height:44px !important;
}
.main_menu .top_doctors_logo:hover{
    background-color: transparent !important;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 101%;
    margin-top: -1px;
}

.main_menu .nav-pills.pull-right  > li > a > .item {
    font-family: 'Conv_Roboto-Regular';
    font-size: 14px;
    top:16px;
    position: relative;
}

.main_menu .nav-pills > li > a{
    color: #002d4b;
}

.main_menu .nav-pills > li > a:hover,
.main_menu .nav-pills > li > a[aria-expanded="true"]{
    background-color: #002d4b;
    color: #ffffff;
}

/* LOGOS */
.top_doctors_logo_ribbon{
    background-image: url(top_doctors_ribbon.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.top_doctors_logo_es{
    background-image: url(top_doctors_es.png);
    background-image: url(top_doctors_es.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.top_doctors_logo_it{
    background-image: url(top_doctors_it.png);
    background-image: url(top_doctors_it.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.top_doctors_logo_en{
    background-image: url(top_doctors_en.png);
    background-image: url(top_doctors_en.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.top_doctors_logo_en_ribbon{
    background-image: url(/img/logo-uk-ribbon.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.top_doctors_logo_mx{
    background-image: url(top_doctors_mx.png);
    background-image: url(top_doctors_mx.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.top_doctors_logo_co{
    background-image: url(top_doctors_co.png);
    background-image: url(top_doctors_co.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.top_doctors_logo_cl{
    background-image: url(top_doctors_cl.png);
    background-image: url(top_doctors_cl.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}
.top_doctors_logo_ar{
    background-image: url(top_doctors_ar.png);
    background-image: url(top_doctors_ar.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

/* ICONOS DROPDOWN */

.bg-flag_ch {
    width: 30px; height: 30px;
    background: url('css_sprites.png') -68px -6px;
}

.bg-flag_co {
    width: 30px; height: 30px;
    background: url('css_sprites.png') -90px -104px;
}

.bg-flag_it {
    width: 30px; height: 30px;
    background: url('css_sprites.png') -6px -62px;
}

.bg-flag_mx {
    width: 30px; height: 30px;
    background: url('css_sprites.png') -48px -62px;
}

.bg-flag_uk {
    width: 30px; height: 30px;
    background: url('css_sprites.png') -110px -6px;
}

.bg-flag_us {
    width: 30px; height: 30px;
    background: url('css_sprites.png') -110px -48px;
}

.bg-flag_es {
    width: 30px; height: 30px;
    background: url(css_sprites.png) -166px -181px;
}

.bg-flag_ar {
    width: 30px; height: 30px;
    background: url(css_sprites.png) -197px -181px;
}

.bg-ico_awards_dark {
    margin-right: 18px;
    width: 25px; height: 31px;
    background: url('css_sprites.png') -152px -88px;
}

a:hover .bg-ico_awards_dark, span.encoded_data:hover .bg-ico_awards_dark {
    background: url('css_sprites.png') -6px -146px;
}

.bg-ico_blog_dark {
    margin-right: 13px;
    width: 30px; height: 24px;
    background: url('css_sprites.png') -193px -6px;
}

a:hover .bg-ico_blog_dark {
    background: url('css_sprites.png') -193px -42px;
}

.bg-ico_doctor_dark {
    width: 23px; height: 25px;
    background: url('css_sprites.png') -193px -152px;
}

a:hover .bg-ico_doctor_dark, 
a[aria-expanded="true"] .bg-ico_doctor_dark{
    background: url('css_sprites.png') -235px -6px;
}

.bg-ico_how_dark {
    margin-right:15px;
    width: 29px; height: 29px;
    background: url('css_sprites.png') -152px -47px;
}

a:hover .bg-ico_how_dark {
    background: url('css_sprites.png') -152px -6px;
}

.bg-ico_lang_dark {
    width: 21px; height: 25px;
    background: url('css_sprites.png') -235px -81px;
}

a:hover .bg-ico_lang_dark, 
a[aria-expanded="true"] .bg-ico_lang_dark {
    background: url('css_sprites.png') -235px -43px;
}

.bg-ico_magazine_dark {
    margin-right: 18px;
    width: 24px; height: 31px;
    background: url('css_sprites.png') -115px -146px;
}

a:hover .bg-ico_magazine_dark, span.encoded_data:hover .bg-ico_magazine_dark  {
    background: url('css_sprites.png') -151px -146px;
}

.bg-ico_patient_dark {
    width: 25px; height: 25px;
    background: url('css_sprites.png') -193px -115px;
}

a:hover .bg-ico_patient_dark, 
a[aria-expanded="true"] .bg-ico_patient_dark{
    background: url('css_sprites.png') -193px -78px;
}

.bg-ico_patient_light {
    width: 25px; height: 25px;
    background: url('css_sprites.png') -193px -78px;
}

.bg-ico_sites_dark {
    margin-right:15px;
    width: 30px; height: 30px;
    background: url('css_sprites.png') -48px -104px;
}

a:hover .bg-ico_sites_dark{
    background: url('css_sprites.png') -6px -104px;
}

.bg-ico_who_dark {
    margin-right:12px;
    width: 33px; height: 19px;
    background: url('css_sprites.png') -6px -189px;
}

a:hover .bg-ico_who_dark, span.encoded_data:hover .bg-ico_who_dark {
    background: url('css_sprites.png') -51px -189px;
}

.bg-ico_why_dark {
    margin-right:17px;
    width: 24px; height: 31px;
    background: url('css_sprites.png') -79px -146px;
}

a:hover .bg-ico_why_dark,  span.encoded_data:hover .bg-ico_why_dark{
    background: url('css_sprites.png') -43px -146px;
}

.bg-ico_selection_dark {
    width: 50px; height: 44px;
    background: url('css_sprites.png') -6px -6px;
}

a:hover .bg-ico_selection_dark {
    background: url('css_sprites.png') -224px 78px;
}

.bg-ico_rating_dark {
    margin-right: 13px;
    width: 30px; height: 24px;
    background: url('css_sprites.png') -94px -187px;
}

a:hover .bg-ico_rating_dark, span.encoded_data:hover .bg-ico_rating_dark  {
    background: url('css_sprites.png') -133px -187px;
}

.bg-ico_pharmacy_logo_dark {
    margin-right: 18px;
    width: 26px;
    height: 31px;
    background: url(css_sprites.png) -231px -180px;
}

a:hover .bg-ico_pharmacy_logo_dark {
    background: url(css_sprites.png) -260px -180px;
}
.bg-ico_categories_dark {
    margin-right:15px;
    width: 30px; height: 30px;
    background: url(css_sprites.png) -282px -2px;
}
a:hover .bg-ico_categories_dark { background: url(css_sprites.png) -316px -2px; }

.bg-ico_doctor_user_dark {
    width: 30px; height: 30px;
    background: url(css_sprites.png) -282px -50px;
}
a:hover .bg-ico_doctor_user_dark { background: url(css_sprites.png) -316px -50px; }

.bg-ico_center_dark {
    width: 30px; height: 30px;
    background: url(css_sprites.png) -282px -100px;
}
a:hover .bg-ico_center_dark { background: url(css_sprites.png) -316px -100px; }

.bg-ico_dentists_dark {
    width: 30px; height: 30px;
    background: url(css_sprites.png) -282px -150px;
}
a:hover .bg-ico_dentists_dark { background: url(css_sprites.png) -316px -150px; }

.bg-ico_insurances_dark {
    width: 30px; height: 30px;
    background: url(css_sprites.png) -357px 0px;
}
a:hover .bg-ico_insurances_dark { background: url(css_sprites.png) -392px 0px; }

.bg-ico_articles_dark {
    width: 30px; height: 30px;
    background: url(css_sprites.png) -357px -50px;
}
a:hover .bg-ico_articles_dark { background: url(css_sprites.png) -392px -50px; }

.bg-ico_dictionary_dark {
    width: 30px; height: 30px;
    background: url(css_sprites.png) -357px -101px;
}
a:hover .bg-ico_dictionary_dark { background: url(css_sprites.png) -392px -101px; }

.bg-ico_e-consultation_dark {
    width: 30px; height: 30px;
    background: url(css_sprites.png) -357px -150px;
}
a:hover .bg-ico_e-consultation_dark { background: url(css_sprites.png) -392px -150px; }

@media (max-width:1199px){
        .main_menu .top_doctors_logo{
           width:190px;height:36px;
       }
}
    

@media (max-width:990px){
    .main_menu .top_doctors_logo{
        position: relative; 
        margin: auto !important;
        top:13px;
    }
    .main_menu .dropdown-menu .text-nowrap{
        white-space: normal !important;
    }
    .main_menu .dropdown-menu a, .main_menu .dropdown-menu a:hover{
        padding-left:12px;
    }
    .css_sprite.bg-ico_selection_dark{
        left:7px !important;
    }
    .dropdown-submenu .dropdown-menu {
        left: 0;
        top: 50px;
        width:99.9%;
    }
    .nav-pills>li.top_doctors_logo_container{
        width: 215px;
        float:none;
        margin-top:0px !important;
        margin-bottom:0px !important;
        margin:auto;        
    }
    
    @media (max-width:767px){
        .main_menu .top_doctors_logo{
           top:2px;
        }
    }
}

@media (max-width: 480px) {
    .submenu-xs-right > .nav-pills .menu_options > .dropdown-menu {
        float: none;
        left: 0px;
        position: fixed;
        top: 50px;
        border-radius: 0;
        border: 0;
        height: 100%;
        margin-top: 0;
        box-shadow: none;
        background-color: #0C3A5C;
        padding-top: 0;
    }

    .submenu-xs-right > .nav-pills .menu_options > .dropdown-menu .dropdown-menu {
        display: block;
        background-color: #7B90B4;
        border-radius: 0;
        border: 0;
        padding: 0;
        top: 0px;
        position: relative;
        box-shadow: none;
    } 
    
    .submenu-xs-right .nav-pills .dropdown-menu > li > a {
        color: #ffffff;
        padding: 20px 23px;
        border-bottom: 1px solid #dddddd;
        background-color: inherit;
    }

    .submenu-xs-right .nav-pills .dropdown-menu .dropdown-menu > li > a {
        border-bottom: none;
        padding: 20px 20px 20px 68px;
    }

    .submenu-xs-right .nav-bottom-buttons {
        position: absolute;
        bottom: 12%;
        display: flex;
        flex-direction: column;
        gap: 10px;
        width: 100%;
    }

    .submenu-xs-right .nav-bottom-buttons .btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 10px!important;
        border-radius: 4px!important;
    }

    .submenu-xs-right .nav-bottom-buttons li {
        display: block;
        width: 100%;
    }

    .submenu-xs-right .dropdown-menu .fa-caret-down,
    .submenu-xs-right .dropdown-menu .fa-caret-up {
        position: absolute;
        right: 8%;
        top: 35%;
        font-size: 20px;
    }

    .submenu-xs-right .submenu-xs-img {
        width: 35px;
        height: 35px;
    }

    .submenu-xs-right .submenu-xs-text {
        font-family: 'Conv_Roboto-Regular';
        font-size: 15px;
    }

    .submenu-xs-right .dropdown-menu > li .item {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .submenu-xs-right .btn-nav-professional {
        background-color: #ffffff;
        color: #009bde;
    }

    .submenu-xs-right .menu_options > .dropdown-toggle {
        right: -1px;
        top: -1px;
    }

    .submenu-xs-right .menu_options > .dropdown-toggle[aria-expanded="true"] {
        background-color: #0C3A5C;
        border: none;
        box-shadow: none;
        box-sizing: initial;
    }
}

@media (max-width: 320px) {
    .submenu-xs-right .nav-bottom-buttons {
        bottom: 8%;
        gap: 0px;
    }
}