/*========================================================
        DARK LAYOUT
=========================================================*/
body.semi-dark-layout
{
    /************ Main Menu **************/
}
body.semi-dark-layout .main-menu
{
    background-color: #10163a;
}
body.semi-dark-layout .main-menu .shadow-bottom
{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(44%, #0f1642), color-stop(73%, rgba(15, 22, 66, .51)), to(rgba(44, 48, 60, 0)));
    background: -webkit-linear-gradient(top, #0f1642 44%, rgba(15, 22, 66, .51) 73%, rgba(44, 48, 60, 0));
    background:    -moz-linear-gradient(top, #0f1642 44%, rgba(15, 22, 66, .51) 73%, rgba(44, 48, 60, 0));
    background:      -o-linear-gradient(top, #0f1642 44%, rgba(15, 22, 66, .51) 73%, rgba(44, 48, 60, 0));
    background:         linear-gradient(180deg, #0f1642 44%, rgba(15, 22, 66, .51) 73%, rgba(44, 48, 60, 0));
}
body.semi-dark-layout .main-menu:not(.expanded) .navigation .sidebar-group-active a
{
    background-color: #262c49;
}
body.semi-dark-layout .main-menu-content .navigation-main
{
    background-color: #10163a;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item i
{
    color: #c2c6dc;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item.open a
{
    background-color: #262c49;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after,
body.semi-dark-layout .main-menu-content .navigation-main .nav-item a
{
    color: #c2c6dc;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content
{
    background-color: #10163a;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item
{
    color: #fff;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a
{
    background-color: #10163a;
}
body.semi-dark-layout .main-menu-content .navigation-main .active .menu-title,
body.semi-dark-layout .main-menu-content .navigation-main .active i
{
    color: #fff;
}
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a
{
    border-radius: 4px; 
    background: #10163a;
}
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content
{
    background-color: #10163a;
}
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active
{
    z-index: 1;
}
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active a
{
    background-color: transparent;
}
body.semi-dark-layout.menu-collapsed .main-menu:not(.expanded) .navigation-main li.active a
{
    background: #262c49 !important;
}
