/* Generated by src/scripts/brand/build-brand.js from theme-epcg.scss. Do not edit. */
:root:not(#brand) {
  --theme-white-extra: #afbdd1;
  --theme-white-alt: #eff2f6;
  --theme-primary-color-light: #0a1d38;
  --theme-primary-color: #000f22;
  --theme-primary-color-extra: #000816;
  --theme-secondary-color-light: #0090c7;
  --theme-secondary-color: #003067;
  --theme-secondary-color-dark: #00224a;
  --theme-btn-primary-background: #003067;
  --theme-btn-primary-background-active: #00224a;
  --theme-btn-primary-hover-background: #0b4283;
  --theme-btn-secondary-background: #5b6573;
  --theme-btn-secondary-background-active: #3c4450;
  --theme-btn-secondary-hover-background: #4a5361;
  --theme-timepicker-color: #003067;
  --theme-toolbar-focus-ring: rgba(0, 144, 199, 0.32);
  --sidenav-toolbar-background: rgb(0%, 2.7941176471%, 6.3333333333%);
  --sidenav-item-background-hover: rgb(0%, 3.6764705882%, 8.3333333333%);
  --sidenav-item-background-active: #006a9e;
  --sidenav-item-background-open: #006a9e;
  --sidenav-item-background-dropdown-open: rgb(0%, 11.8332381496%, 25.3921568627%);
  --sidenav-item-level1-color-active: #00a9e7;
  --sidenav-item-level1-font-weight-active: 500;
  --sidenav-item-level1-indicator: 2px solid #00a9e7;
  --sidenav-item-level1-indicator-shadow: -1px 0 0 #00a9e7;
  --sidenav-item-subheading-opacity: 0.5;
  --sidenav-item-subsection-opacity: 0.55;
  --sidenav-item-dropdown-level2: rgb(0%, 1.4705882353%, 3.3333333333%);
  --sidenav-item-dropdown-level3: hsl(213.5294117647, 100%, -0.8333333333%);
  --sidenav-item-dropdown-level4: hsl(213.5294117647, 100%, -3.3333333333%);
}
:root:not(#brand) .page.epcg {
  background: linear-gradient(328deg, rgba(0, 8, 22, 0.62) -1.31%, rgba(0, 48, 103, 0.6) 102.53%), linear-gradient(117deg, #003067 -3.39%, #000816 100%);
}
:root:not(#brand) .page.epcg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 28vw;
  height: 28vw;
  background: repeating-conic-gradient(from 90deg at 0 0, rgba(0, 169, 231, 0.55) 0deg 0.6deg, transparent 0.6deg 4.5deg);
  -webkit-mask-image: radial-gradient(circle at 0 0, #000 0%, rgba(0, 0, 0, 0.6) 35%, transparent 72%);
  mask-image: radial-gradient(circle at 0 0, #000 0%, rgba(0, 0, 0, 0.6) 35%, transparent 72%);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  z-index: 0;
  pointer-events: none;
}
:root:not(#brand) .page.epcg::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25vw;
  height: 25vw;
  background: linear-gradient(309deg, #000816 32%, #003067 70%, #00a9e7 112%);
  clip-path: polygon(100% 100%, 0 100%, 100% 0);
  z-index: 0;
  pointer-events: none;
}
:root:not(#brand) .page .login-card .login-form-wrapper .logo-container .logo.epcg {
  width: 180px;
}
@media screen and (max-width: 599px) {
  :root:not(#brand) .page .login-card.single .login-form-wrapper .logo-container .logo.epcg {
    width: 160px;
  }
}
:root:not(#brand) .sidenav-toolbar .sidenav-toolbar-logo.epcg {
  margin-left: 2px;
}
:root:not(#brand) .sidenav-toolbar .sidenav-toolbar-logo.epcg img {
  width: auto;
  max-height: 28px;
}
:root:not(#brand) .not-found-card .logo.epcg {
  padding: 10px 16px;
  border-radius: 10px;
  background: #fff;
  line-height: 0;
}
:root:not(#brand) .not-found-card .code {
  background: linear-gradient(135deg, #ffffff 0%, #00a9e7 100%);
  -webkit-background-clip: text;
  background-clip: text;
}