/*Mobile styles*/
@media (max-width: 630px) {
    #navbaroptions > li > a {
        color: white !important;
    }

    #lblConexionWA, #lblDashboard, #lblUsuario, #lblSalir {
        display: none !important;
    }
}

#navbaroptions > li > a,
#navbaroptions > li > ul > li > a,
#navbaroptions > li > ul > li > ul > li > a,
#navbaroptions > li > ul > li > ul > li > ul > li > a {
    font-size: .7rem !important;
}

#navbaroptions > li > a {
    color: white !important;
    cursor: pointer;
}

    #navbaroptions > li > a:hover {
        color: var(--color-principal) !important;
        font-weight: bold;
        background-color: white !important
    }

#main_navbar {
    background-color: var(--color-principal) !important;
}

#navbaroptions > li > ul > li > a:hover,
#navbaroptions > li > ul > li > a:focus,
#navbaroptions > li > ul > li > ul > li > a:hover,
#navbaroptions > li > ul > li > ul > li > a:focus,
#navbaroptions > li > ul > li > ul > li > ul > li > a:hover,
#navbaroptions > li > ul > li > ul > li > ul > li > a:focus,
#navbaroptions > li > ul > li.show,
#navbaroptions > li > ul > li > ul > li.show,
#navbaroptions > li > ul > li > ul > li > ul > li.show,
.dropdown-menu > li.show > a {
    color: var(--color-principal) !important;
    background-color: white !important;
    font-weight: bold;
}