/**
 * Sidenav styles (extracted from resources/views/master/sidebar.blade.php).
 */

/* Expanded sidenav is 300px; keep content offset in sync with sb-admin toggled state */
@media (min-width: 992px) {
    body:not(.sidenav-toggled) .content-wrapper {
        margin-left: 300px;
    }

    body.sidenav-toggled .content-wrapper {
        margin-left: 55px;
    }

    #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li > a {
        padding-left: 1.75em;
    }

    #mainNav .navbar-collapse .navbar-sidenav > .nav-item,
    #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-second-level > li,
    #mainNav .navbar-collapse .navbar-sidenav > .nav-item .sidenav-third-level > li {
        width: 300px;
        max-width: 300px;
        min-width: 0;
    }
}

.nav-fullname {
    display: none;
}

#sidenavToggler.binned .fa-thumb-tack {
    transform: rotate(90deg);
}

.side-costom-style {
    background-color: #000000b3;
    z-index: 5;
    padding-left: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 64px);
}

#mainNav .navbar-sidenav small {
    font-size: 1rem;
}

@media (max-width: 991.98px) {
    .side-costom-style {
        background-color: #000000b3;
        z-index: 5;
        padding-left: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        height: auto;
        max-height: calc(100vh - 64px);
        width: 100%;
    }

    body.sidenav-toggled .navbar-sidenav,
    body.sidenav-toggled .navbar-sidenav .nav-item,
    body.sidenav-toggled .navbar-sidenav .nav-link {
        width: 100% !important;
        max-width: 100%;
    }
}

.bg-E6F5FD {
    background: #054e72;
}