:root {
  --aqua-background-color: #ececec;
  --aqua-base-color-darken: rgb(49, 85, 199);
  --aqua-base-color: rgb(69, 105, 219);
  --aqua-base-color-lighten: rgb(79, 115, 229);
  --aqua-white-color: white;
  --aqua-black-color: rgb(17, 22, 41);
  --aqua-secondary-color: #fc3070;
  --aqua-danger-color: #e74c3c;
  --aqua-warning-color: #ff7214;
  --aqua-success-color: #27ae60;
}

#wrapper.login:after, #wrapper.login:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}
#wrapper.login:before {
  filter: saturate(0%);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.5;
}
#wrapper.login:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(45deg, #fc3070 0%, #4569db 50%, #417d99 100%);
  opacity: 0.5;
}
#wrapper .main .brand-logo {
  display: block;
  width: 40%;
}
#wrapper .main .brand-logo img {
  display: block;
  max-width: 100%;
  height: auto;
}

/*@media (max-width: 1199.98px) {*/
 @media (max-width: 1024px) {
    :root {
      --aqua-header-color: #3155c7;
      --aqua-header-bgcolor: #d2ddff;
      --aqua-header-button-color: #ffffff;
      --aqua-header-profile-bgcolor: #d2ddff;
      --aqua-header-button-color: #ffffff;
      --aqua-header-button-bgcolor: #D2DDFF;
      --aqua-header-button-hover-bgcolor: #819fff;
    }
  }

  /*# sourceMappingURL=esa.css.map */