[class*=sidebar-dark-] {
    background: linear-gradient(150deg, rgba(108,111,128,0.1) 0%, rgba(171,172,175,0.2) 100%);
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: #2d303b;
}

[class*="sidebar-dark"] .brand-link {
    border-bottom: 1px solid #2D2F39;
}

.dark-mode .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .dark-mode .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #3169AD;
    color: #fff;
}

li.nav-item {
    font-size: 0.875rem;
}

.nav-link {
    display: flex;
    padding: 0.8rem 1rem;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 1.5rem;
}

.nav-pills .nav-link {
    border-radius: 0.4rem;
}

.nav-sidebar .nav-link p {
    white-space: nowrap !important;
}

.nav-treeview a.nav-link:not(.active) {
    border-left: 4px solid transparent;
}

[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover,
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus {
    background-color: transparent;
    color: #FFF;
    border-left: 4px solid #3169AD;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active .nav-icon,
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover,
    [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:focus {
        color: #3169AD;
    }

.nav-sidebar .nav-item > .nav-link {
    margin-bottom: 0.8rem;
}

.dark-mode.sidebar-open .sidebar {
    background-color: #2d303b;
}

.carousel-item img {
    height: 240px;
    object-fit: cover !important;
}

.layout-menu .avatar {
    width: 70% !important;
    height: 1.375rem !important;
}