/*Sidebar Menu*/
#head_mainmenu ul li a.btn {
    margin: 1rem;
    padding: 0.625rem 1rem;
    border-radius: var(--border-radius);
}

#head_mainmenu ul li a>i {
    min-width: 1.5rem;
    display: inline;
}

#head_mainmenu {
    z-index: 1000;
}

aside {
    color: var(--text-on-surface-bright);
}

aside ul {
    list-style: none;
    padding-left: 0;
    border-radius: var(--border-radius);
}

aside>ul>li {
    border-bottom: 1px solid var(--border);
}

aside>ul>li:last-child {
    border-bottom: 0;
}

aside>ul>li :last-child(2) {
    border-bottom: 0;
}


aside>ul>li>a.active {
    --menu-submenu-active-background: linear-gradient( to right, var(--brand) 4px, #FFC700 8px, var(--surface-dim) 8px, var(--surface-dim) 100%);
    --menu-submenu-active-color: var(--text-on-surface-dim);

    color: var(--menu-submenu-active-color);
    background: var(--menu-submenu-active-background);
}

aside>ul>li>a.active:hover {
    --menu-submenu-hover-background: linear-gradient( to right, var(--brand) 6px, #FFC700 8px, var(--surface-dim) 8px, var(--surface-dim) 100%);
    --menu-submenu-hover-color: var(--text-on-surface-dim);

    color: var(--menu-submenu-hover-color);
    background: var(--menu-submenu-hover-background);
}

aside>ul>li>ul>li>a {
    padding-left: 2.5rem;
}

aside ul li a {
    color: var(--text-on-surface-bright);
    display: block;
    text-decoration-line: none;
    padding: 1rem;
}

aside ul li a:hover {
    background: var(--surface-dim);
    text-decoration-line: none;
    color: unset;
}

aside ul li a>i {
    min-width: 1.5rem;
}

aside ul li a div i.fa,
aside ul li a i.fa {
    color: var(--text-on-surface-bright);
    display: inline;
}