body.vertical-layout.vertical-menu-modern .horizontal-menu-wrapper {
  display: none;
}

.horizontal-menu > .main-menu {
  display: none;
}

.horizontal-menu .fixed-top {
  left: 0;
}

html body.navbar-static .app-content .header-navbar {
  background: transparent;
  box-shadow: none !important;
}

@media (max-width: 575.98px) {
  body.vertical-layout:not(.horizontal-layout).navbar-floating .header-navbar {
    margin-left: 1.2rem;
    margin-right: 1.2rem;
  }
}

.main-menu.menu-custom {
  color: #fff;
  background: #626262;
}

.main-menu.menu-custom .navigation {
  background: #626262;
}

.main-menu.menu-custom .navigation .navigation-header {
  color: white;
  margin: calc(2rem + 0.286rem) 0 0.8rem 2.2rem;
  padding: 0;
  line-height: 1.5;
  letter-spacing: 0.01rem;
}

.main-menu.menu-custom .navigation .navigation-header span {
  font-weight: 500;
}

.main-menu.menu-custom .navigation li.has-sub > a {
  transition: all 0.5s ease, background 0s, color 0s;
}

.main-menu.menu-custom .navigation li a {
  color: #f3f3f3;
  padding: 10px 15px 10px 15px;
  line-height: 1.45;
}

.main-menu.menu-custom .navigation li a span.menu-sub-title {
  color: white;
}

.main-menu.menu-custom .navigation li a > * {
  transition: transform 0.25s ease;
}

.main-menu.menu-custom .navigation li.nav-item a:hover > * {
  transition: transform 0.25s ease;
  transform: translateX(5px);
}

.main-menu.menu-custom .navigation li.nav-item ul.menu-content li a:hover > * {
  transition: transform 0.25s ease;
  transform: translateX(5px);
}

.main-menu.menu-custom .navigation > li > a {
  margin: 0 15px;
}

.main-menu.menu-custom .navigation > li > a .label {
  margin-top: 4px;
  margin-right: 5px;
}

.main-menu.menu-custom .navigation > li > a i,
.main-menu.menu-custom .navigation > li > a svg {
  position: relative;
  top: 1px;
}

.main-menu.menu-custom .navigation > li > ul li:first-of-type {
  margin-top: 7px !important;
}

.main-menu.menu-custom .navigation > li > ul li:not(.has-sub) {
  margin: 0 15px;
}

.main-menu.menu-custom .navigation > li > ul li.has-sub > a {
  margin: 0 15px;
}

.main-menu.menu-custom .navigation > li > ul li.has-sub > ul > li {
  margin: 0 15px;
}

.main-menu.menu-custom .navigation > li.open:not(.menu-item-closing) > a,
.main-menu.menu-custom .navigation > li.sidebar-group-active > a {
  border-radius: 6px;
}

.main-menu.menu-custom .navigation > li:not(.open) > ul {
  display: none;
}

.main-menu.menu-custom .navigation > li.active {
  z-index: 1;
}

.main-menu.menu-custom .navigation > li.active > a {
  background: linear-gradient(118deg, #245898, rgba(28, 172, 156, 0.7));
  box-shadow: 0 0 10px 1px rgba(36, 88, 152, 0.7);
  color: #fff;
  font-weight: 400;
  border-radius: 4px;
}

.main-menu.menu-custom .navigation > li .active {
  background: #535353;
}

.main-menu.menu-custom .navigation > li .active > a {
  color: #245898;
  margin-bottom: 0;
}

.main-menu.menu-custom .navigation > li .active .hover > a,
.main-menu.menu-custom .navigation > li .active :hover > a {
  background: #585858;
}

.main-menu.menu-custom .navigation > li ul {
  padding: 0;
  margin: 0;
}

.main-menu.menu-custom .navigation > li ul li {
  color: #fff;
  background: transparent;
}

.main-menu.menu-custom .navigation > li ul li > a {
  padding: 10px 15px 10px 20px;
}

.main-menu.menu-custom .navigation > li ul li ul a {
  padding: 10px 15px 10px 53px;
}

.main-menu.menu-custom .navigation > li ul .has-sub:not(.open) > ul {
  display: none;
}

.main-menu.menu-custom .navigation > li ul .open > a,
.main-menu.menu-custom .navigation > li ul .sidebar-group-active > a {
  color: #fff;
  background: #585858;
  border-radius: 6px;
}

.main-menu.menu-custom .navigation > li ul .open > ul,
.main-menu.menu-custom .navigation > li ul .sidebar-group-active > ul {
  display: block;
}

.main-menu.menu-custom .navigation > li ul .open > ul .open > ul,
.main-menu.menu-custom .navigation > li ul .sidebar-group-active > ul .open > ul {
  display: block;
}

.main-menu.menu-custom .navigation > li ul .hover > a,
.main-menu.menu-custom .navigation > li ul:hover > a {
  color: white;
}

.main-menu.menu-custom .navigation > li ul .active {
  background: linear-gradient(-118deg, #245898, rgba(28, 172, 156, 0.7));
  box-shadow: 0 0 10px 1px rgba(36, 88, 152, 0.7);
  border-radius: 4px;
  z-index: 1;
}

.main-menu.menu-custom .navigation > li ul .active > a {
  color: #fff;
}

.main-menu .navbar-header {
  margin-bottom: 100px;
}