:root {
    /* Sidebar Base */

    --el-sidebar-background-color-elinu: #151B26;

    --el-sidebar-width: 14rem;
    --el-sidebar-margin: 1rem;
    --el-sidebar-padding-menu-top: 0.5rem;
    --el-sidebar-padding-menu-item: 0.2rem 0.5rem;

    --el-sidebar-font-size-menu: 1rem;
    --el-sidebar-font-size-menu-item: 0.9rem;
    --el-sidebar-font-size-sidebar-list: 1rem;
    --el-sidebar-font-weight-menu: 600;
    --el-sidebar-font-weight-menu-item: 400;
    --el-sidebar-line-height-heading: 1.2;

    --el-sidebar-background-color-menu-item-hover: #2c2766;
    --el-sidebar-transition: 0.5s cubic-bezier(0.05, 0, 0, 1);

    --el-sidebar-z-index: 3001;

}
/* Sidebar */
.el-layout-aside {
    overflow-x: hidden;
    overflow-y: auto;
}

.el-aside-sidebar {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    height: 100% !important;
    margin: var(--el-sidebar-margin);
}

.el-sidebar-menu .el-menu-title {
    color: #ffffff;
    line-height: var(--el-sidebar-line-height-heading);
    font-size: var(--el-sidebar-font-size-menu);
    font-weight: var(--el-sidebar-font-weight-menu);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: var(--el-sidebar-padding-menu-top);
    border-radius: 0.5rem;
    background-color: var(--el-sidebar-background-color-elinu);
}

.el-sidebar-menu .el-menu-nav {
    font-size: var(--el-sidebar-font-size-menu-item);
    font-weight: 600;
    margin: 0.5rem 0;
}

.el-sidebar-menu .menu-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: var(--el-sidebar-padding-menu-item);
}

.el-sidebar-menu .menu-item:hover {
    color: #ffffff;
    background-color: var(--el-sidebar-background-color-menu-item-hover);
    border-radius: 0.3rem;
    transition: background-color var(--el-sidebar-transition);
}