/* Semi Dark Layout */
/* ---------------- */
body.semi-dark-layout .main-menu {
  background-color: #1a233a !important;
}

body.semi-dark-layout .main-menu .shadow-bottom {
  background: -webkit-linear-gradient(
    top,
    #1a233af0 44%,
    #1a233abf 73%,
    #2c303c00
  );
  background: linear-gradient(-180deg, #1a233af0 44%, #1a233abf 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: #5a8dee !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: #5a8dee;
}

body.semi-dark-layout
  .main-menu-content
  .navigation-main
  .sidebar-group-active {
  background: var(--bgdarki2) !important;
}

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

body.semi-dark-layout .main-menu .ps__rail-y,
body.semi-dark-layout .main-menu .ps__rail-y:focus {
  background-color: #eeeeee0d !important;
  width: 10px !important;
}

body.semi-dark-layout .main-menu .ps__rail-y .ps__thumb-y,
body.semi-dark-layout .main-menu .ps__rail-y:focus .ps__thumb-y {
  width: 6px !important;
  background-color: #d1d7de !important;
}