.es-login-background {
  background-color: #393f3f;
}
.es-login-center-vert {
  margin: 0;
  padding: 24px;
}
.es-login-box {
  position: relative;
  box-sizing: border-box;
  max-width: 300px;
  margin: 0 auto;
  padding: 24px 32px;
  background: #fff;
}
.es-login-box .es-checkbox {
  color: #5f5f5f;
}
.es-login-box .es-form-row .es-form-controls input[readonly] {
  background-color: #fff;
}
.es-login-logo {
  height: 36px;
  margin-bottom: 1.71428571em;
  background-image: url("../../images/LoginLogo.svg?v=FF00AF2881F610824C28D33931D4154D");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
}
.es-login-options {
  margin-top: 20px;
}
.es-login-button-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 1.42857143em;
}
.es-login-button-group .separator {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: block;
}
.es-login-button-group .es-login-resetpw a {
  line-height: 2.5;
  font-size: 0.8em;
  white-space: nowrap;
}
#LoginLoading {
  margin-left: 0.5em;
}
.es-login-msg {
  box-sizing: border-box;
  max-width: 300px;
  margin: 8px auto 0 auto;
  padding: 16px 32px;
}
.es-login-msg > *:first-child {
  margin-top: 0;
}
.es-login-msg > *:last-child {
  margin-bottom: 0;
}
.es-login-msg h2 {
  margin: 0.25em 0;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
}
.es-login-msg p {
  margin: 0.25em 0;
}
.es-changepw-content .es-dlgpage-box {
  padding: 24px 32px;
  max-width: 500px;
}
.es-changepw-content .es-dlgpage-box h1 {
  font-size: 1.4em;
}
@media (min-height: 460px) {
  .es-login-center-vert {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -230px;
  }
}
@media (min-height: 400px) and (min-width: 480px) {
  .es-changepw-content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -200px;
  }
}
@media (min-height: 500px) and (min-width: 480px) {
  .es-login-center-vert {
    padding: 32px;
  }
  .es-login-box {
    max-width: 400px;
    padding: 32px 48px;
    font-size: 1.25em;
  }
  .es-login-box .es-checkbox {
    font-size: 0.9em;
  }
  .es-login-logo {
    height: 48px;
  }
  .es-login-msg {
    max-width: 400px;
    padding: 16px 48px;
  }
}
@media (min-width: 720px) {
  .es-login-background {
    background-image: url("../../images/LoginBackground.svg?v=8983AAC766DDDAEEC776657754623C84");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
  }
}