/* 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 */
/* h1, h2, h3, h4, h5 {font-family: "VAG Rounded Bold"!important, Arial;}

span.col-form-label, label.col-form-label {
	font-family: "VAG Rounded Bold", Arial, sans-serif;
	color:#747678;
    font-weight: 600;
}

.page_fragment .help-block{
    display: block;
    width: 100%;
    padding-bottom: 5px;
	color:#20a8d8!important;
	}


span.help-block {
    opacity: 1!important;
    padding-top: .5rem;
    display: block;
    float: left;
}

h3, .h3 {
    border-top: 0px solid rgba(34,43,50,.2)!important;
    padding-top: 1rem!important;
}

*/
/* */
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;
}
body.themepack .custom_header header.app-header.navbar {
  height: 94px;
}
body.themepack .custom_header header.app-header.navbar .navbar-brand {
  background-image: url("data:image/png;base64,");
}
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 .app-header.navbar {
    background-color: #fff !important;
    position: relative !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: 90px;
}
}
@media (max-width: 991.98px) {
body.errorPages .app-body {
    margin-top: 90px;
}
}
	/* 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
--- */
.custom_error_container[data-v-e7333b82] {
  width: 100%;
  height: 100%;
}
.errorPage[data-v-e7333b82] {
  background-color: #ffffff;
  width: 100vw;
  height: 100vh;
  padding: 20vh 30vw 0 10vw;
}
.errorPage h1[data-v-e7333b82], .errorPage h2[data-v-e7333b82] {
  color: #6e2f92;
}
.errorPage p[data-v-e7333b82] {
  color: var(--secondary);
}
.errorPage p a[data-v-e7333b82] {
  color: var(--warning);
}
.errorPage .logo[data-v-e7333b82] {
  width: 250px;
  height: 60px;
  background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
.app-body[data-v-e7333b82] {
    margin-top: 0;
}
}/* 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
--- */
.maintenancePage[data-v-ce2cb18e] {
  background-color: #ffffff;
  width: 100vw;
  height: 100vh;
  padding: 20vh 30vw 0 10vw;
}
.maintenancePage h1[data-v-ce2cb18e] {
  color: var(--white);
}
.maintenancePage p[data-v-ce2cb18e] {
  color: var(--secondary);
}
.maintenancePage .logo[data-v-ce2cb18e] {
  width: 250px;
  height: 60px;
  background-repeat: no-repeat;
}