.menu-open {
    background: rgb(0 0 0 / 8%);
}

[class*=sidebar-light-] .nav-treeview > .nav-item > .nav-link.active, [class*=sidebar-light-] .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: transparent !important;
    background-image: linear-gradient(
        118deg, rgba(246, 99, 45, .95), rgba(246, 99, 45, .7));
    color: #fff;
    box-shadow: 0 0 8px 1px rgba(246, 99, 45, .7);
}

.sidebar-light-primary .nav-item > .nav-link.active, .nav-treeview > .nav-item > .nav-link.active:hover {
    background-color: transparent !important;
    background-image: linear-gradient(
        118deg, rgba(246, 99, 45, .95), rgba(246, 99, 45, .7));
    color: #fff;
    box-shadow: 0 0 8px 1px rgba(246, 99, 45, .7);
}

.sidebar-light-primary .nav-item > .nav-link.active {
    color: #ffffff !important;
}

.nav.nav-pills .nav-item .nav-link {
    margin-left: 0.5rem;
}

body.dark-mode [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link.active, body.dark-mode [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, body.dark-mode [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, body.dark-mode [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
    background: #333346;
}
body.dark-mode .header-navbar {
    background-color:#223 !important;
}
