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

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

.semi-dark-layout .main-menu .shadow-bottom {
  background: linear-gradient(
    180deg,
    #031205 44%,
    rgba(3, 18, 5, 0.51) 73%,
    rgba(3, 18, 5, 0)
  );
}

.semi-dark-layout
  .main-menu:not(.expanded)
  .navigation
  .sidebar-group-active
  > a {
  background-color: #0d4b15 !important;
}

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

.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: #0d4b15;
}

.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: #031205;
}

.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: #031205;
}

.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.menu-light
  .navigation
  > li.open:not(.menu-item-closing)
  > a,
.semi-dark-layout
  .main-menu.menu-light
  .navigation
  > li.sidebar-group-active
  > a {
  background: #0d4b15 !important;
}
.main-menu.menu-light {
  color: #dcdcdc;
}

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

.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: #0d4b15 !important;
  color: #fff !important;
}

.semi-dark-layout .text-heading {
  color: #0d4b15;
}