/*========================================================
        DARK LAYOUT
=========================================================*/
body.semi-dark-layout {
}
body.semi-dark-layout .main-menu {
  background-color : #111B2F;
}
body.semi-dark-layout .main-menu .router-link-active
{
  /* background: linear-gradient(118deg, #0b7aff00, rgb(0 111 245 / 91%)) !important; */
  background: linear-gradient(118deg, #0b7aff00, rgb(38 44 73 / 91%)) !important;

}


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 : #111B2F;
}
body.semi-dark-layout .main-menu-content .navigation-main {
  background-color : #111B2F;
}
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 : #111B2F;
}
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 : #111B2F;
}
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 : #111B2F;
}
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 : #111B2F;
  border-radius : 4px;
}
body.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content {
  background-color : #111B2F;
}
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: linear-gradient(118deg, #0b7aff00, rgb(0 111 245 / 91%)) !important;
}