#test-svg{
    fill: var(--console-switch-theme);
}

.epos-sidemenu-icon{
    display: none;
}


.sidebar {
    background: var(--console-sidebar-bg);
    border-right: 1px solid rgba(255,255,255, .18);
    display: flex;
    flex-direction: column;
    width: 205px;
  
}

.sidebar-sticky {
    overflow-y: auto;
}

.sidebar.col-md-2 {
    padding: 0;
}

.expand_menu {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 10px 0;
    cursor: pointer;
}

    .expand_menu > svg {
        width: 25px;
        height: 17px;
        fill: white;
        margin-right: 10px;
    }

    .expand_menu > span {
        font-size: 16px;
        color: white;
    }

.shrinked_side-menu {
    width: 70px !important;
}

.expand_shrink-icon {
    transform: rotate(180deg);
}

    .expand_shrink-icon.rotate {
        transform: rotate(0);
    }

.hide_menu-content-shrink {
    display: none;
    transition: all .5s ease-in;
}

.sidebar-link_text.hide {
    display: none;
}

.nav-header {
    color: #b5b6ba;
    font-size: 15px;
    text-transform: uppercase;
    margin-left: 10px;
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 5px;
}



a.nav-link.sidebar-link {
    color: white;
    z-index: 100;
    position: relative;
    padding: 8px 15px !important;
    display: flex;
    align-items: center;

}

    a.nav-link.sidebar-link svg {
        width: 20px;
        height: 17px;
        fill: white;
        margin-right: 10px;
    }
.sidebar-link_text {
    font-size: 13px;
}



a.nav-link.sidebar-link.shrinked {
    padding: 10px 0 !important;
    display: flex;
    justify-content: center;
}

li.nav-item.sidebar-item {
    position: relative;
}

    li.nav-item.sidebar-item::after {
        content: "";
        position: absolute;
        background: var(--console-sidebar-hover);
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        transition: all .3s cubic-bezier(1,1,.73,.42);
    }

    li.nav-item.sidebar-item:hover::after,
    .active_section {
        background-color: var(--console-sidebar-hover);
        width: 100%;
        z-index: 8;
    }

.sidebar-ul.shrinked {
    margin: 0;
}

.sidebar-ul {
    margin-bottom: 8px;
}

.active_section {
    border-left: 4px solid var(--console-left-border);
}

.hac_repsonsive-nav-toggler {
    display: none;
}