/*========================================================
        DARK LAYOUT
=========================================================*/
body.semi-dark-layout {
    /************ Main Menu **************/
}
body.semi-dark-layout .main-menu {
    background-color : #05091c;
}
body.semi-dark-layout .main-menu .shadow-bottom {
    background : transparent !important;

}
.main-menu a{
    color: white;
}
.main-menu .hover:hover{
    background-color: transparent!important;
}

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 : #05091c;
}
.menu-content i{
    font-size: 1.23rem!important;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item i {
    color : rgba(66, 185, 204, 0.89)
}
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 : #05091c;
}
.notf-btn{
    border: 1px #686868 solid;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: .9rem
}
.notf-btn:hover{
    cursor: pointer;
    color: white!important;
    background: rgb(3, 40, 115);
}
.notf-btn2{
    border: 1px #686868 solid;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: .9rem
}
.notf-btn2:hover{
    cursor: pointer;
    color: white!important;
    background: rgb(219, 0, 0)
}
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;
}