.side-nav li.menuitem-active > a,
.side-nav a.active {
    color: #ffffff !important;
}

.side-nav > .side-nav-item.menuitem-active > .side-nav-link,
.side-nav > .side-nav-item > .side-nav-link.active {
    background-color: var(--sw-sidebar-active) !important;
}

.side-nav .side-nav-second-level li.menuitem-active > a,
.side-nav .side-nav-second-level a.active,
.side-nav .side-nav-third-level li.menuitem-active > a,
.side-nav .side-nav-third-level a.active,
.side-nav .collapse li.menuitem-active > a,
.side-nav .collapse a.active {
    color: #ffffff !important;
    background-color: var(--sw-sidebar-child-active) !important;
}

.side-nav li.menuitem-active > a i,
.side-nav li.menuitem-active > a svg,
.side-nav a.active i,
.side-nav a.active svg {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

.side-nav .side-nav-second-level a,
.side-nav .side-nav-third-level a,
.side-nav .collapse a {
    color: rgba(255, 255, 255, 0.74) !important;
}

.side-nav .side-nav-second-level a:hover,
.side-nav .side-nav-second-level a:focus,
.side-nav .side-nav-third-level a:hover,
.side-nav .side-nav-third-level a:focus,
.side-nav .collapse a:hover,
.side-nav .collapse a:focus {
    color: #ffffff !important;
    background-color: var(--sw-sidebar-hover) !important;
}

.side-nav > .side-nav-item.menuitem-active > .side-nav-link .menu-arrow,
.side-nav > .side-nav-item > .side-nav-link.active .menu-arrow {
    color: #ffffff !important;
}