.ms-header.ms-header-dark {
    background-color: rgb(9,36,50);
    color: #fff;
}

.ms-navbar-dark {
    background-color: #084866;
}

/*Cambia el color del fondo de las opciones una vez que estás encema del nav*/
.ms-navbar .navbar-collapse .navbar-nav .nav-item > a:before, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item > a:before {
    background-color:black;
}

/*Cambia el color de las letras de las opciones una vez que estás encema del nav*/
.ms-navbar .navbar-collapse .navbar-nav .nav-item > a:hover {
    color: #000 !important;
}

/*Cambia el color de las letras de las opciones una vez que estás encema del nav*/
.ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown.show > a, .ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown.show > a:hover {
    color: white !important;
}

/*Cambia el color de las letras y el fondo de las sub opciones una vez que estás encema del nav*/
.ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:hover, .ms-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:focus, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:hover, .ms-lead-navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu li .dropdown-item:focus {
    color: white !important;
    background-color: black;
}

.mrg-fx-dm {
    margin-bottom: -2%;
}


.color-btn-cuenta {
    background: #084866 !important;
}

.cuenta {
    display: block;
    position: absolute;
    top: 2px;
    right: 9px;
    z-index: 1999;
}

.cuentadesplegable {
    left: -154px !important;
}

.reja-nav {
    display: none;
}

.nav-logo-letra-res {
    display: none;
}

@media(max-width:830px) {
    .cuenta {
        display: none;
    }
}

@media(max-width:767px) {
    .reja-nav {
        display: block;
        position: absolute;
        right: 10px;
        top: 1px;
    }

    .nav-logo-letra-res {
        display: block;
    }
}
@media screen and (min-device-width: 1220px) and (max-device-width: 1920px) {
   .cuenta {
       
        right: 50px;
       
    }
    .nafix {
        margin-right: 65% !important;
    }


    .header {
        justify-content: flex-end;
        margin-left: 395px;
    }
    

}