/* Semi Dark Layout */


/* ---------------- */

body.semi-dark-layout .main-menu {
    background-color: #004284 !important;
}

body.semi-dark-layout .main-menu .shadow-bottom {
    background: linear-gradient(180deg, #004284f0 44%, #004284bf 73%, #2c303c00);
}

body.semi-dark-layout .main-menu .navbar-header {
    z-index: 3;
}

body.semi-dark-layout .main-menu .navbar-header .modern-nav-toggle {
    background-color: transparent !important;
}

body.semi-dark-layout .main-menu-content .navigation-main {
    background-color: transparent;
}

body.semi-dark-layout .main-menu-content .navigation-main .nav-item i {
    color: #8a99b5;
}

body.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after {
    color: #8a99b5;
}

body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
    color: #001f53 !important;
}

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;
    font-size: 14px;
}

body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active {
    background: #272e48 !important;
}

body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active {
    background-color: #343b53;
}