#page-wrapper {
  max-width: 1200px;
  min-height: 460px;
}
#login-auto {
  position: relative;
  max-width: 780px;
  margin: 0 auto;
  padding-bottom: 25px;
  text-align: center;
}
#login-auto #messages {
  padding-left: 0;
  padding-right: 0;
}
#login-auto #login-auto-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  opacity: 0.7;
  cursor: wait;
  z-index: 20;
}
#login-auto .title {
  line-height: 135%;
  font-size: 120%;
  font-weight: bold;
}
#login-auto form {
  max-width: 460px;
  margin: 0 auto;
}
#login-auto form input {
  margin-bottom: 5px;
}
#login-auto form input[type="text"],
#login-auto form input[type="email"],
#login-auto form input[type="tel"],
#login-auto form input[type="password"] {
  width: 100%;
}
#login-auto form input[disabled] {
  cursor: not-allowed;
}
#login-auto form input:focus,
#login-auto form input:active {
  outline: none !important;
}
#login-auto form .input-email,
#login-auto form .input-password,
#login-auto form .input-key {
  display: block;
  position: relative;
}
#login-auto form .input-email input,
#login-auto form .input-password input,
#login-auto form .input-key input {
  padding-left: 35px;
}
#login-auto form .input-email:after,
#login-auto form .input-password:after,
#login-auto form .input-key:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 5px;
  bottom: 0;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  background-size: 18px auto;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
}
#login-auto form .input-email.input-email:after,
#login-auto form .input-password.input-email:after,
#login-auto form .input-key.input-email:after {
  background-image: url("../images/ic_mail_outline_black_24dp.png");
}
#login-auto form .input-email.input-password:after,
#login-auto form .input-password.input-password:after,
#login-auto form .input-key.input-password:after {
  background-image: url("../images/ic_lock_outline_black_24dp.png");
}
#login-auto form .input-email.input-key:after,
#login-auto form .input-password.input-key:after,
#login-auto form .input-key.input-key:after {
  background-image: url("../images/ic_vpn_key_black_24dp.png");
}
#login-auto form .privacy-wrapper {
  padding: 10px 0 20px;
  text-align: left;
  font-size: 15px;
}
#login-auto form .privacy-wrapper p {
  margin-bottom: 15px;
}
#login-auto form .privacy-wrapper label {
  display: flex;
  align-items: flex-start;
  padding: 0 3px;
  margin: 0 !important;
  font-weight: normal !important;
}
#login-auto form .privacy-wrapper label > input {
  margin-top: 3.5px;
  margin-right: 10px;
}
#login-auto form .privacy-wrapper label > span {
  flex: 1 1 auto;
}
#login-auto form .otp-email,
#login-auto form .confirm-email {
  color: #a30900;
  font-size: 115%;
  font-weight: 700;
}
#login-auto form .resend-link {
  text-transform: none !important;
}
#login-auto form .resend-timer {
  opacity: 0.666;
}
#login-auto form .actions {
  display: block;
  text-align: left;
}
#login-auto form .actions a {
  display: inline-block;
  margin-right: 5px;
  padding: 8px 5px;
  font-weight: 600;
  text-transform: lowercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
#login-auto form .actions a:hover {
  text-decoration: underline;
}
#login-auto form .actions a.disabled {
  cursor: not-allowed;
  opacity: 0.4;
  text-decoration: none !important;
}
#login-auto form .actions.actions-vertical {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#login-auto form .actions.actions-vertical a {
  text-transform: none;
}
#login-auto form > .buttons {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: auto;
  margin-bottom: 0;
  text-align: right;
}
#login-auto form > .buttons button,
#login-auto form > .buttons .button {
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 700;
  padding: 11px 25px 9px;
}
#login-auto form > .buttons button .material-icons,
#login-auto form > .buttons .button .material-icons {
  position: relative;
  top: -1px;
  font-size: 26px;
}
#login-auto form > .buttons button.button-prev .material-icons,
#login-auto form > .buttons .button.button-prev .material-icons {
  margin-left: -10px;
}
#login-auto form > .buttons button.button-next .material-icons,
#login-auto form > .buttons .button.button-next .material-icons {
  margin-right: -10px;
}