/* Estilos para AdminLte */

.main-header {
    background-image: linear-gradient(42deg, rgb(243 170 211 / 80%) 0%, rgba(45, 63, 253, .3) 47%, rgba(195, 34, 37, .1) 100%)
}
.main-header a, .main-header i, .main-header button {
    color: #4d4d4d;
}
.navbar-light .navbar-nav .nav-link {
    color: #4d4d4d;
}

a.nav-link {
    line-height: 1.2;
    font-weight: 500;
}

.icono_borde {
    border: 1px solid #7a7a7a;
    padding: 4px 5px;
}

@media screen and (min-width: 768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, 
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, 
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
    /* margin-left: 230px; */
    }
}

.main-sidebar {
    background: #343a40;
    background-image: linear-gradient(180deg, rgb(151 20 192) 0%, rgb(27 53 120) 20%, rgb(66 193 175) 100%);
    /* width: 230px !important; */
}

.main-sidebar .brand-text, .main-sidebar .info a {
    color: #fff;
}
.main-sidebar a.nav-link, .main-sidebar a.nav-item {
    color: #fff;
}
.main-sidebar .nav-treeview>.nav-item>.nav-link {
    color: #e2e2e2;
}
.main-sidebar .brand-link {
    line-height: 1;
    white-space: normal;
    color: #fff;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, 
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, 
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background-color: rgb(255 255 255 / 80%);
    color: #343a40;
}

.main-footer {
    padding: 15px 20px;
    line-height: 1.2;
    font-size: 12.5px;
    color: #d3d3d3;
    background: #0c273c;
}
.main-footer a {color: #fff;}
@media screen and (max-width: 800px) {
    .main-footer {
    padding: 10px 15px;
    font-size: 11px;
    }
}


.main-header {z-index: 100;}
        
.main-sidebar {
        position: fixed !important;
        top: 0;
        left: 0;
        height: 100%;
        width: 250px;
        background-color: #343a40;
        color: #fff;
        padding-top: 10px;
    }        
        
.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link
    { width: auto; transition: width ease-in-out 0.3s; }

    @media screen and (min-width: 1000px) {
        .celular2 {display: none;}
    }
        .sidebar-dark-primary a {color: #fff;}
        
    h1 {padding: 5px 0; text-align: left;}
        
        .sb_titulo {display: flex; align-items: center; line-height: 1.2; gap: 10px; font-weight: 600;}
        @media screen and (max-width: 1000px) {
        .sb_titulo {font-size: 15px;}
        }
        
    .flex1 {display: flex; align-items: center; line-height: 1.31; gap: 10px;}
    .flex2 {display: flex; align-items: center; line-height: 1.31; gap: 20px;}
        
    hr {border: 0; margin: 12px 0; border-top: 2px solid rgb(143 143 143 / 70%);}

    .nav-sidebar .nav-link>.right:nth-child(2),
    .nav-sidebar .nav-link>p>.right:nth-child(2) {right: 15px;}
        
    .nav-item>.nav-link>.nav-icon {margin-right: 10px;}
    
.main-sidebar .sidebar-scroll {
    /* overflow-y: scroll !important; */
    padding-bottom: 50px;
    /* height: calc(100vh - 50px); */
}