/*========================================================
        DARK LAYOUT
=========================================================*/
body.semi-dark-layout {
    font-family: inherit;
}
body.semi-dark-layout .main-menu {
    background-color: #10163a;
}
body.semi-dark-layout .main-menu .shadow-bottom {
    background: -webkit-linear-gradient(
        top,
        #0f1642 44%,
        rgba(15, 22, 66, 0.51) 73%,
        rgba(44, 48, 60, 0)
    );
    background: linear-gradient(
        180deg,
        #0f1642 44%,
        rgba(15, 22, 66, 0.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: #ffffff;
}
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: #ffffff;
}
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
    background: #10163a;
    border-radius: 4px;
}
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;
}