/* OVERRIDES FOR
assets/third_party/legacy_ui/src/scss/core/_variables.scss */
/* OVERRIDES FOR
assets/third_party/legacy_ui/src/scss/_bootstrap-variables.scss */
/* OVERRIDES FOR
assets/third_party/legacy_ui/src/scss/core/_variables.scss */
/* OVERRIDES FOR
assets/third_party/legacy_ui/src/scss/core/_breadcrumb-menu.scss */
/* OVERRIDES FOR
/assets/third_party/legacy_ui/node_modules/bootstrap/scss/_variables.scss */
/* Reduces padding inside buttons */
/* Lightened table striping */
/* OVERRIDES FOR
/assets/third_party/legacy_ui/src/scss/_bootstrap-variables.scss
--- */
/* custom CSS for the header area - note use of colour variables */
body[data-environment=webpage] .nav {
  display: none;
}
body.themepack {
  background-color: var(--white);
}
body.themepack.header-fixed .app-body {
  margin-top: 90px;
}
body.themepack div#mats_content_wrapper {
  box-shadow: none;
  padding: 1rem 0;
}
body.themepack .custom_header {
  z-index: 1022;
}
body.themepack .custom_header .menu[role=navigation] {
  margin-top: 55px;
  padding: 0 2rem;
  background-color: var(--dark);
  position: fixed;
  width: 100%;
}
body.themepack .custom_header .menu[role=navigation] ul.nav li.nav-item a.nav-link, body.themepack .custom_header .menu[role=navigation] ul.nav li.nav-item span.nav-link {
  display: block;
  background-color: var(--gray);
  margin-right: 2px;
  text-transform: uppercase;
  font-size: smaller;
  font-weight: bold;
  letter-spacing: 0.4px;
  padding: 0.5rem 1rem;
  color: var(--light);
}
body.themepack .custom_header .menu[role=navigation] ul.nav li.nav-item a.nav-link:hover, body.themepack .custom_header .menu[role=navigation] ul.nav li.nav-item span.nav-link:hover {
  background: var(--light);
  color: var(--gray-dark);
  transition: 0.5s background, 0.2s color;
}
body.themepack .custom_header .menu[role=navigation] ul.nav li.nav-item a.nav-link.active, body.themepack .custom_header .menu[role=navigation] ul.nav li.nav-item span.nav-link.active {
  background: var(--white);
  color: var(--gray-dark);
}
body.themepack .custom_header .menu[role=navigation] ul.nav li.nav-item a.nav-link.active:hover, body.themepack .custom_header .menu[role=navigation] ul.nav li.nav-item span.nav-link.active:hover {
  background: var(--white);
  color: var(--gray);
}
body.themepack .custom_header .menu[role=navigation] ul.nav li.nav-item a.nav-link i, body.themepack .custom_header .menu[role=navigation] ul.nav li.nav-item span.nav-link i {
  padding-right: 5px;
}
body.themepack .custom_header .menu[role=navigation] ul.nav li.nav-item a.nav-link .badge, body.themepack .custom_header .menu[role=navigation] ul.nav li.nav-item span.nav-link .badge {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  margin-left: 0;
  padding: 2px;
}
body.themepack .custom_header .sidebar .nav li.nav-item a.nav-link {
  color: var(--light);
}
body.themepack .custom_header .sidebar .nav-link, body.themepack .custom_header .sidebar .navbar .dropdown-toggle, body.themepack .custom_header .navbar .sidebar .dropdown-toggle {
  color: var(--light);
}
@media (max-width: 991.98px) {
body.themepack.header-fixed .app-body {
    margin-top: 90px;
}
body.themepack .custom_header header.app-header.navbar {
    background-color: var(--dark) !important;
}
body.themepack .custom_header header.app-header.navbar .navbar-brand {
    position: initial;
    left: initial;
    margin-left: initial;
}
body.themepack .custom_header .sidebar {
    width: 220px;
    top: 55px;
}
}
@media (max-width: 767.98px) {
body.themepack div#mats_content_wrapper {
    padding: 1rem;
}
}
@media (max-width: 575.98px) {
body.themepack.header-fixed .app-body {
    margin-top: 55px;
}
}
@media (max-width: 991.98px) {
body.errorPages .app-body {
    margin-top: 0;
}
}
	/* insert styles here */
/* OVERRIDES FOR
assets/third_party/legacy_ui/src/scss/core/_variables.scss */
/* OVERRIDES FOR
assets/third_party/legacy_ui/src/scss/_bootstrap-variables.scss */
/* OVERRIDES FOR
assets/third_party/legacy_ui/src/scss/core/_variables.scss */
/* OVERRIDES FOR
assets/third_party/legacy_ui/src/scss/core/_breadcrumb-menu.scss */
/* OVERRIDES FOR
/assets/third_party/legacy_ui/node_modules/bootstrap/scss/_variables.scss */
/* Reduces padding inside buttons */
/* Lightened table striping */
/* OVERRIDES FOR
/assets/third_party/legacy_ui/src/scss/_bootstrap-variables.scss
--- */