.semi-dark-layout .main-menu{background-color:#283046}.semi-dark-layout .main-menu .shadow-bottom{background:-webkit-linear-gradient(top,#283046 44%,rgba(40,48,70,.51) 73%,rgba(40,48,70,0));background:linear-gradient(180deg,#283046 44%,rgba(40,48,70,.51) 73%,rgba(40,48,70,0))}.semi-dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active>a{background-color:#161D31!important}.semi-dark-layout .main-menu-content .navigation-main{background-color:#283046}.semi-dark-layout .main-menu-content .navigation-main .navigation-header{color:#676D7D}.semi-dark-layout .main-menu-content .navigation-main .nav-item.open:not(.sidebar-group-active)>a{background-color:#161D31}.semi-dark-layout .main-menu-content .navigation-main .menu-content,.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content,.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a{background-color:#283046}.semi-dark-layout .main-menu-content .navigation-main .nav-item a,.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after{color:#B4B7BD!important}.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item{color:#FFF}.semi-dark-layout .main-menu-content .navigation-main .active>a{color:#FFF!important}.semi-dark-layout .main-menu-content .navigation-main .active .menu-title,.semi-dark-layout .main-menu-content .navigation-main .active i{color:#FFF}.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a{border-radius:4px}.semi-dark-layout .main-menu-content .navigation-main .menu-content .active{z-index:1}.semi-dark-layout .main-menu-content .navigation-main .menu-content .active a{background-color:transparent}.semi-dark-layout .menu-collapsed .main-menu:not(.expanded) .navigation-main li.active>a{background:#161D31!important;color:#FFF!important}

.main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a, 
.main-menu.menu-light .navigation > li.sidebar-group-active,
.main-menu.menu-light .navigation > li.sidebar-group-active > a {
    color: #fff !important;
    background: #24262f;
}

.main-menu.menu-light .navigation > li.sidebar-group-active > .menu-content,
.main-menu.menu-light .navigation > li.sidebar-group-active > .menu-content > li:not(.active) > a {
    color: #ccc;
    background: #111;
}

.main-menu.menu-light .navigation > li ul .active,
.main-menu.menu-light .navigation > li.active > a
 {
    background: #111;
    box-shadow: none;
    color: #eee;
    font-weight: bold;
}
.main-menu.menu-light .navigation > li ul .active {
    text-decoration: underline;
}

.main-menu.menu-light .navigation > li:hover > a,
.main-menu.menu-light .navigation > li .hover > a,
.main-menu.menu-light .navigation > li .active .hover > a, 
.main-menu.menu-light .navigation > li .active:hover > a,
.main-menu.menu-light .navigation > li > .menu-content > li:hover > a,
.main-menu.menu-light .navigation > li.sidebar-group-active > .menu-content > li:not(.active):hover > a,
.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active):hover a {
    background: #333
}