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

.semi-dark-layout .main-menu {
  background: linear-gradient(90deg, rgb(22, 97, 85) 26%, rgb(167, 198, 168) 49%);
  }

.semi-dark-layout .main-menu .shadow-bottom {
  background: linear-gradient(180deg, #A7C6A8 44%, rgba(40, 48, 70, 0.51) 73%, rgba(40, 48, 70, 0)); }

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

.semi-dark-layout .main-menu-content .navigation-main {
  background: linear-gradient(90deg, rgb(22, 97, 85) 26%, rgb(167, 198, 168) 49%);
  }

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

.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after,
.semi-dark-layout .main-menu-content .navigation-main .nav-item a {
  color: #ffffff !important;
  }

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

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

.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-content .navigation-main .menu-content {
  background-color: #A7C6A8; }

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