/*========================================================
        DARK LAYOUT
=========================================================*/
body.semi-dark-layout {
    /************ Main Menu **************/
}

    body.semi-dark-layout .main-menu {
        /*background-color : #10163A;*/
        background-color: #f6f6f6;
    }

        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;*/
        background-color: #1c81c5;
        border-top-right-radius: 24px;
    }

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

        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: #ffffff;
            font-weight: 500;
        }

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