#app [class*="sidebar-dark-"] {
    background-color: var(--Dark-grey);
}

#app [class*="sidebar-dark"] .brand-link,
#app [class*="sidebar-dark"] .user-panel {
    border-bottom: 1px solid var(--Semilight-grey);
}

#app [class*="sidebar-dark-"] .sidebar a {
    color: #fff;
    font-size: 1rem;
}

#app .user-panel img {
    width: 2rem;
    height: 2rem;
    object-fit: cover;
}

#app .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
#app .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--Orange);
    font-weight: 600;
}

#app .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link > .nav-icon {
    width: 0;
}

#app .user-panel .image {
    display: flex;
    align-items: center;
}