.semi-dark-layout {
    /************ Main Menu **************/
}

    .semi-dark-layout .main-menu {
        background-color: #283046;
    }

        .semi-dark-layout .main-menu .shadow-bottom {
            background: linear-gradient(180deg, #283046 44%, rgba(40, 48, 70, 0.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 a {
            color: #b4b7bd;
        }

        .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 .nav-item a:after,
        .semi-dark-layout .main-menu-content .navigation-main .nav-item a {
            color: #b4b7bd !important;
        }

        .semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
            background-color: #283046;
        }

            .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 .nav-item .menu-content li:not(.active) a {
                background-color: #283046;
            }

        .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 {
            background-color: #283046;
        }

            .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;
    }