@font-face {
  font-family: 'roboto';
  src: url('Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.modis {
  font-family: 'roboto' !important;
}

.modis .aside-menu {
  background-color: #161616;
}

.modis .brand {
  background-color: #161616;
}

.modis #kt_brand {
  background-color: #ffffff;
}

.modis .aside {
  background-color: #161616;
}

.modis .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link {
  background-color: #ffb81c;
}

.modis .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-icon,
.modis .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-icon {
  color: #d6d6d6;
}

.modis .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-icon.svg-icon svg g [fill],
.modis .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #262626;
}

.modis .aside-menu .menu-nav>.menu-item>.menu-heading .menu-icon.svg-icon svg g [fill],
.modis .aside-menu .menu-nav>.menu-item>.menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #d6d6d6;
}

.modis .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading .menu-icon.svg-icon svg g [fill],
.modis .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #d6d6d6;
}

.modis .aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-icon.svg-icon svg g [fill],
.modis .aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-icon.svg-icon svg g [fill] {
  fill: #d6d6d6;
}

.modis .aside-menu .menu-nav>.menu-section .menu-text {
  color: #d6d6d6;
}

.modis .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading,
.modis .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link {
  background-color: #161616;
}

.modis .brand-logo {
  margin-top: 1.5rem;
  margin-left: -0.8rem;
}

.modis .aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
.modis .aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
  background-color: #262626;
}

.modis .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-bullet.menu-bullet-dot>span,
.modis .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-bullet.menu-bullet-dot>span {
  background-color: #d6d6d6;
}

.modis .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading,
.modis .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link {
  background-color: #262626;
}

.modis .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading,
.modis .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link {
  background-color: #ffb81c;
}

.modis .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading .menu-bullet.menu-bullet-dot>span,
.modis .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link .menu-bullet.menu-bullet-dot>span {
  background-color: #262626;
}

.modis .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-heading .menu-text,
.modis .aside-menu .menu-nav>.menu-item .menu-submenu .menu-item.menu-item-active>.menu-link .menu-text {
  color: #262626;
}

.modis .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-heading .menu-text,
.modis .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link .menu-text {
  color: #262626;
}

.modis .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-heading .menu-text,
.modis .aside-menu .menu-nav>.menu-item.menu-item-open>.menu-link .menu-text {
  color: #9899ac;
}

.modis .aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-heading .menu-text,
.modis .aside-menu .menu-nav>.menu-item:not(.menu-item-parent):not(.menu-item-open):not(.menu-item-here):not(.menu-item-active):hover>.menu-link .menu-text {
  color: #9899ac;
}

@media (max-width: 991.98px) {
  .header-mobile {
    background-color: #161616;
  }
}