.sidebar{
    /*background: linear-gradient(to bottom, #1f4a6f 0%,#2a5262 100%);*/
    background: linear-gradient(180deg, #91dd8e 0%, #436985 49%, #101421 100%);
}


.sidebar.h-0,
.sidebar.h-1,
.sidebar.h-2{
    background: linear-gradient(180deg, #1e294a 0%, #334b46 49%, #0a0c12 100%);
}

.sidebar.h-3,
.sidebar.h-4,
.sidebar.h-5{
    background: linear-gradient(180deg, #6c2a23 0%, #4b3347 49%, #0a0c12 100%);
}

.sidebar.h-6,
.sidebar.h-7,
.sidebar.h-8{
    background: linear-gradient(180deg, #b6c76e 0%, #366381 49%, #27314e 100%);
}

.sidebar.h-9,
.sidebar.h-10,
.sidebar.h-11{
    background: linear-gradient(180deg, #91dd8e 0%, #436985 49%, #323c5f 100%);
}

.sidebar.h-12,
.sidebar.h-13,
.sidebar.h-14{
    background: linear-gradient(180deg, #8eddb1 0%, #c0cb5d 49%, #202b4e 100%);
}

.sidebar.h-15,
.sidebar.h-16,
.sidebar.h-17{
    background: linear-gradient(180deg, #b76e92 0%, #a8ad7a 49%, #2e3f4a 100%);
}

.sidebar.h-18,
.sidebar.h-19,
.sidebar.h-20{
    background: linear-gradient(180deg, #89363d 0%, #486383 49%, #23313b 100%);

}


.sidebar.h-21,
.sidebar.h-22,
.sidebar.h-23{
    background: linear-gradient(180deg, #5c2d31 0%, #35485f 49%, #0f181e 100%);

}



.sidebar-header{
        background-color: rgba(0,0,0,0.05);

}

.sidebar .menu {
    
}

    .sidebar .menu-link {
        color: #fff;
    }

.menu-category {
    color: #fff;
}

.menu-submenu {
        background-color: rgba(0,0,0,0.15);
}


.sidebar .menu:not(.menu-bordery) > .menu-item.active > .menu-link {
    background-color: rgba(0,0,0,0.15);
}


.sidebar .menu-item .menu-link:hover .icon,
.sidebar .menu-item.active .menu-link .icon
{
    color: #fff;
}


.sidebar .menu-link .icon {
    color: #fff;
}


.sidebar .menu .menu-submenu > .menu-item > .menu-link{
    border-right-color: #313738;
    border-right: 0px;
}

.sidebar .menu:not(.menu-bordery) > .menu-item .menu-submenu .menu-link:hover{
    /*border-right-color: #414a4b;*/
    background-color: rgba(0,0,0,0.15);
}


.sidebar .menu .menu-submenu > .menu-item.active > .menu-link,
.sidebar .menu .menu-submenu > .menu-item > .menu-link:hover {

    border: 0px;
    /*background: linear-gradient(to left, #3d3d40 0%,#454f51 100%);*/
    background-color: rgba(0,0,0,0.25);
    border-right: 0px;
    transition:  all 0.2s linear;
}