.page-login,
.page-forgot-password-request,
.page-check-email,
.page-reset-password,
.page-create-password {
  height: 100vh;
  width: 100vw;
  background-image: url("../../img/erp/login/background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: relative;
}
.page-login:after,
.page-forgot-password-request:after,
.page-check-email:after,
.page-reset-password:after,
.page-create-password:after {
  content: " ";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.page-login .form-wrapper,
.page-forgot-password-request .form-wrapper,
.page-check-email .form-wrapper,
.page-reset-password .form-wrapper,
.page-create-password .form-wrapper {
  background: #ffffff;
  max-width: calc(100vw - 30px);
  width: 622px;
  max-height: calc(100vh - 30px);
  height: 567px;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-login .form-wrapper > form,
.page-login .form-wrapper > .faked-form,
.page-forgot-password-request .form-wrapper > form,
.page-forgot-password-request .form-wrapper > .faked-form,
.page-check-email .form-wrapper > form,
.page-check-email .form-wrapper > .faked-form,
.page-reset-password .form-wrapper > form,
.page-reset-password .form-wrapper > .faked-form,
.page-create-password .form-wrapper > form,
.page-create-password .form-wrapper > .faked-form {
  width: 100%;
  padding: 66px 15px;
  margin: 0 auto;
}
.page-login .form-wrapper > form:not([name=reset_password_request_form]),
.page-login .form-wrapper > .faked-form:not([name=reset_password_request_form]),
.page-forgot-password-request .form-wrapper > form:not([name=reset_password_request_form]),
.page-forgot-password-request .form-wrapper > .faked-form:not([name=reset_password_request_form]),
.page-check-email .form-wrapper > form:not([name=reset_password_request_form]),
.page-check-email .form-wrapper > .faked-form:not([name=reset_password_request_form]),
.page-reset-password .form-wrapper > form:not([name=reset_password_request_form]),
.page-reset-password .form-wrapper > .faked-form:not([name=reset_password_request_form]),
.page-create-password .form-wrapper > form:not([name=reset_password_request_form]),
.page-create-password .form-wrapper > .faked-form:not([name=reset_password_request_form]) {
  max-width: 272px;
}
.page-login .form-wrapper > form[name=reset_password_request_form], .page-login .form-wrapper > form[name=change_password_form], .page-login .form-wrapper > form.faked-form,
.page-login .form-wrapper > .faked-form[name=reset_password_request_form],
.page-login .form-wrapper > .faked-form[name=change_password_form],
.page-login .form-wrapper > .faked-form.faked-form,
.page-forgot-password-request .form-wrapper > form[name=reset_password_request_form],
.page-forgot-password-request .form-wrapper > form[name=change_password_form],
.page-forgot-password-request .form-wrapper > form.faked-form,
.page-forgot-password-request .form-wrapper > .faked-form[name=reset_password_request_form],
.page-forgot-password-request .form-wrapper > .faked-form[name=change_password_form],
.page-forgot-password-request .form-wrapper > .faked-form.faked-form,
.page-check-email .form-wrapper > form[name=reset_password_request_form],
.page-check-email .form-wrapper > form[name=change_password_form],
.page-check-email .form-wrapper > form.faked-form,
.page-check-email .form-wrapper > .faked-form[name=reset_password_request_form],
.page-check-email .form-wrapper > .faked-form[name=change_password_form],
.page-check-email .form-wrapper > .faked-form.faked-form,
.page-reset-password .form-wrapper > form[name=reset_password_request_form],
.page-reset-password .form-wrapper > form[name=change_password_form],
.page-reset-password .form-wrapper > form.faked-form,
.page-reset-password .form-wrapper > .faked-form[name=reset_password_request_form],
.page-reset-password .form-wrapper > .faked-form[name=change_password_form],
.page-reset-password .form-wrapper > .faked-form.faked-form,
.page-create-password .form-wrapper > form[name=reset_password_request_form],
.page-create-password .form-wrapper > form[name=change_password_form],
.page-create-password .form-wrapper > form.faked-form,
.page-create-password .form-wrapper > .faked-form[name=reset_password_request_form],
.page-create-password .form-wrapper > .faked-form[name=change_password_form],
.page-create-password .form-wrapper > .faked-form.faked-form {
  max-width: 472px;
}
.page-login .form-wrapper > form > .alert,
.page-login .form-wrapper > .faked-form > .alert,
.page-forgot-password-request .form-wrapper > form > .alert,
.page-forgot-password-request .form-wrapper > .faked-form > .alert,
.page-check-email .form-wrapper > form > .alert,
.page-check-email .form-wrapper > .faked-form > .alert,
.page-reset-password .form-wrapper > form > .alert,
.page-reset-password .form-wrapper > .faked-form > .alert,
.page-create-password .form-wrapper > form > .alert,
.page-create-password .form-wrapper > .faked-form > .alert {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.page-login .form-wrapper > form .logo-wrapper,
.page-login .form-wrapper > .faked-form .logo-wrapper,
.page-forgot-password-request .form-wrapper > form .logo-wrapper,
.page-forgot-password-request .form-wrapper > .faked-form .logo-wrapper,
.page-check-email .form-wrapper > form .logo-wrapper,
.page-check-email .form-wrapper > .faked-form .logo-wrapper,
.page-reset-password .form-wrapper > form .logo-wrapper,
.page-reset-password .form-wrapper > .faked-form .logo-wrapper,
.page-create-password .form-wrapper > form .logo-wrapper,
.page-create-password .form-wrapper > .faked-form .logo-wrapper {
  margin-bottom: 56px;
  text-align: center;
}
.page-login .form-wrapper > form [type=submit],
.page-login .form-wrapper > .faked-form [type=submit],
.page-forgot-password-request .form-wrapper > form [type=submit],
.page-forgot-password-request .form-wrapper > .faked-form [type=submit],
.page-check-email .form-wrapper > form [type=submit],
.page-check-email .form-wrapper > .faked-form [type=submit],
.page-reset-password .form-wrapper > form [type=submit],
.page-reset-password .form-wrapper > .faked-form [type=submit],
.page-create-password .form-wrapper > form [type=submit],
.page-create-password .form-wrapper > .faked-form [type=submit] {
  margin: 0 auto;
}
.page-login .form-wrapper > form [type=submit]:after,
.page-login .form-wrapper > .faked-form [type=submit]:after,
.page-forgot-password-request .form-wrapper > form [type=submit]:after,
.page-forgot-password-request .form-wrapper > .faked-form [type=submit]:after,
.page-check-email .form-wrapper > form [type=submit]:after,
.page-check-email .form-wrapper > .faked-form [type=submit]:after,
.page-reset-password .form-wrapper > form [type=submit]:after,
.page-reset-password .form-wrapper > .faked-form [type=submit]:after,
.page-create-password .form-wrapper > form [type=submit]:after,
.page-create-password .form-wrapper > .faked-form [type=submit]:after {
  content: " ";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H15M10 17L15 12M15 12L10 7M15 12H3" stroke="%231E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
}

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