/* Generated by src/scripts/brand/build-brand.js from theme-ers.scss. Do not edit. */
:root:not(#brand) {
  --theme-white-extra: #afbdd1;
  --theme-white-alt: #eff2f6;
  --theme-primary-color-light: #2c2460;
  --theme-primary-color: #1c1640;
  --theme-primary-color-extra: #120e2c;
  --theme-secondary-color-light: #d42a2a;
  --theme-secondary-color: #aa0000;
  --theme-secondary-color-dark: #8c0000;
  --theme-btn-primary-background: #aa0000;
  --theme-btn-primary-background-active: #8c0000;
  --theme-btn-primary-hover-background: #990000;
  --theme-btn-secondary-background: #5b6573;
  --theme-btn-secondary-background-active: #3c4450;
  --theme-btn-secondary-hover-background: #4a5361;
  --theme-timepicker-color: #aa0000;
  --theme-toolbar-focus-ring: rgba(170, 0, 0, 0.28);
  --sidenav-toolbar-background: rgb(8.7013223894%, 6.836753306%, 19.8887368901%);
  --sidenav-item-background-hover: rgb(9.3524851801%, 7.348381213%, 21.3771089831%);
  --sidenav-item-background-active: #aa0000;
  --sidenav-item-background-open: #aa0000;
  --sidenav-item-background-dropdown-open: rgb(51.6666666667%, 0%, 0%);
  --sidenav-item-level1-color-active: #c4bcff;
  --sidenav-item-level1-font-weight-active: 500;
  --sidenav-item-level1-indicator: 2px solid #c4bcff;
  --sidenav-item-level1-indicator-shadow: -1px 0 0 #c4bcff;
  --sidenav-item-subheading-opacity: 0.5;
  --sidenav-item-subsection-opacity: 0.55;
  --sidenav-item-dropdown-level2: rgb(7.7245782034%, 6.0693114455%, 17.6561787506%);
  --sidenav-item-dropdown-level3: rgb(6.0966712266%, 4.7902416781%, 13.935248518%);
  --sidenav-item-dropdown-level4: rgb(4.4687642499%, 3.5111719106%, 10.2143182855%);
}
:root:not(#brand) .page.ers {
  background: linear-gradient(328deg, rgba(18, 14, 44, 0.62) -1.31%, rgba(49, 36, 111, 0.55) 102.53%), linear-gradient(117deg, #31246f -3.39%, #120e2c 100%);
}
:root:not(#brand) .page.ers::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 28vw;
  height: 25vw;
  background: radial-gradient(circle at 18% 22%, rgba(255, 255, 255, 0.22) 0 3%, transparent 11%), radial-gradient(85% 85% at 0% 0%, transparent 58%, rgba(241, 242, 242, 0.5) 58.5% 63%, transparent 63.5%), linear-gradient(135deg, rgba(18, 14, 44, 0.8784313725) 6%, #3a2f86 76.48%);
  clip-path: polygon(0 0, 100% 0, 0 100%);
  z-index: 0;
  pointer-events: none;
}
:root:not(#brand) .page.ers::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 25vw;
  height: 25vw;
  background: radial-gradient(circle at 100% 100%, transparent 0 70%, rgba(170, 0, 0, 0.7) 70.5% 73%, transparent 73.5%), linear-gradient(309deg, #120e2c 32%, #31246f 84%, #5d4fc0 110%);
  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.ers {
  width: 190px;
}
@media screen and (max-width: 599px) {
  :root:not(#brand) .page .login-card.single .login-form-wrapper .logo-container .logo.ers {
    width: 170px;
  }
}
:root:not(#brand) .sidenav-toolbar .sidenav-toolbar-logo.ers {
  margin-left: 6px;
}
:root:not(#brand) .sidenav-toolbar .sidenav-toolbar-logo.ers img {
  width: auto;
  max-width: 130px;
  max-height: 34px;
}
:root:not(#brand) .not-found-card .logo.ers {
  padding: 10px 16px;
  border-radius: 10px;
  background: #fff;
  line-height: 0;
}
:root:not(#brand) .not-found-card .code {
  background: linear-gradient(135deg, #ffffff 0%, #c4bcff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}