/*LOGIN*/
.login-bg {
    background-image: linear-gradient(80deg, #5197d2, #276096) !important;
}
.auth.theme-one .auto-form-wrapper {
    box-shadow: 0 -25px 37.7px 11.3px #5197d212;
}


/*PAGINA PRINCIPAL*/

.content-wrapper {
    background: #e4e4e4;
}
.footer {
    background: #2c5373;
    color: #dcdcdcd6 !important;
    padding: 5px 10px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 270px;
    z-index: 1;
}

@media (max-width: 991px){
    .footer {
        left: 0;
    }
}

.footer a, .footer a:hover {
    color: #f4be1f;
}

#sidebar {
    background: #5197d2;
    box-shadow: inset 0 10px 16px -8px rgba(0, 0, 0, 0.25), 
                      0 0    10px 0    rgba(0, 0, 0, 0.5);
}

.sidebar > .nav {
    margin-top: 10px;
}

.navbar-brand-wrapper { /*Contenedor del logo*/
    box-shadow: 0 2px 12px 0 rgba(44, 83, 115, 0.4) !important;
}

.navbar > div{ /*Fondo del logo*/
    z-index: 10;
    background: #2c5373!important;
}

a.navbar-brand.brand-logo { /*Logo*/
    margin-top: 8px;
}



#UserDropdown, #ManagerUserDropdown{ /*Contenedor imagen perfil*/
    max-width: 44px;
}

#UserDropdown img, #ManagerUserDropdown img{
    width: 50px;
    min-width: 50px;
    height: 50px;
    z-index: 11;
}

#UserDropdown + div {
    margin-top: 12px;
}

@media (max-width: 991px){
    #UserDropdown{ /*Contenedor imagen perfil*/
        margin-right: 50px;
    }

    #UserDropdown img{
        transform: translateX(25px);
    }

    .navbar.default-layout .navbar-menu-wrapper{ /*Barra superior*/
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.25), inset -146px 0 0 0 #f4be1f, inset -160px 0 5px -10px rgba(0, 0, 0, 0.25)!important;
    }
}

.navbar.default-layout .navbar-menu-wrapper{ /*Barra superior*/
    background: #276096;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.25), inset -68px 0 0 0 #f4be1f, inset -82px 0 5px -10px rgba(0, 0, 0, 0.25);
    z-index: 9;
}

.sidebar > .nav:not(.sub-menu) > .nav-item:hover:not(.nav-profile):not(.hover-open) > .nav-link:not([aria-expanded="true"]) { /*Pasar raton por menus*/
    background: #51b7d2;
}

.sidebar > .nav .nav-item:not(.hover-open) .collapse .sub-menu .nav-item .nav-link:before, .sidebar > .nav .nav-item:not(.hover-open) .collapsing .sub-menu .nav-item .nav-link:before{
    background: #51b7d2;
}

.navbar-toggler span.mdi-menu{
    color: white;
}