/* Presentation only: native reset forms, scripts and validation stay intact. */
body.doiteasy-reset #login-wrapper {padding-top: 56px; padding-bottom: 48px;}
.doiteasy-reset #login-container {max-width: 500px;}
.doiteasy-reset #login-sub-container {padding: 34px 38px;}
.doiteasy-reset #login-sub-header {text-align: center; padding-bottom: 26px;}
.doiteasy-reset #login-sub-header img {width: 222px; max-width: 90%; height: auto;}
.doiteasy-reset .doiteasy-title {margin-top: 24px;}
.doiteasy-reset #resetpass #reset-sub, .doiteasy-reset #reset-forms, .doiteasy-reset #reset_form,
.doiteasy-reset #content, .doiteasy-reset #forms {
  position: relative; top: auto; left: auto; right: auto; width: 100%; height: auto;
  margin: 0; padding: 0; box-sizing: border-box;
}
.doiteasy-reset #reset_form .controls, .doiteasy-reset #reset_form .login-btn,
.doiteasy-reset #reset_form .reset-pw {width: 100%; box-sizing: border-box;}
.doiteasy-reset #reset_form .input-req-login {padding: 0 0 8px;}
.doiteasy-reset #reset_form label {font-size: 14px; color: #274b39; font-weight: 600;}
.doiteasy-reset #reset_form .input-field-login {height: 46px; border: 1px solid #cbdcd1; border-radius: 8px; box-sizing: border-box;}
.doiteasy-reset #reset_form .input-field-login input.std_textbox {height: 38px; margin-top: 3px; width: calc(100% - 48px); font-size: 14px; box-sizing: border-box;}
.doiteasy-reset #reset_form .input-field-login.no-icon input.std_textbox {width: calc(100% - 20px); margin-left: 10px; margin-right: 10px;}
.doiteasy-reset #reset_form .login-btn {padding-top: 24px;}
.doiteasy-reset #reset_form .login-btn input[type="submit"],
.doiteasy-reset #reset_form .login-btn button, .doiteasy-reset a.loginbtn {
  width: 100%; min-height: 46px; padding: 12px 16px; box-sizing: border-box;
  background: #0b6e3e; border: 1px solid #0b6e3e; border-radius: 8px;
  color: #fff; font: 600 14px/1.5 "Open Sans", sans-serif; box-shadow: none;
}
.doiteasy-reset #reset_form .login-btn input[type="submit"]:hover,
.doiteasy-reset #reset_form .login-btn button:hover {background: #064e3b;}
.doiteasy-reset #reset_form .login-btn input:disabled,
.doiteasy-reset #reset_form .login-btn button:disabled {opacity: .5; cursor: not-allowed;}
.doiteasy-reset #reset_form .reset-pw {padding: 20px 0 0; text-align: center;}
.doiteasy-reset #reset_form .reset-pw a {font-size: 13px;}
.doiteasy-reset .doiteasy-reset-help {margin-top: 26px; border-top: 1px solid #e5eee8; padding-top: 20px; text-align: center; font-size: 12px;}
.doiteasy-reset .reset-input-note, .doiteasy-reset .pnlResend {font-size: 13px; line-height: 1.65; margin: 16px 0; color: #597064;}
.doiteasy-reset .reset-input-group {margin: 18px 0;}
.doiteasy-reset #notify {margin: 0 0 20px; width: 100%;}
.doiteasy-reset #notify .login-status-message {font-size: 13px; overflow-wrap: anywhere;}
.doiteasy-reset input:focus-visible, .doiteasy-reset button:focus-visible {outline: 3px solid #d4af37; outline-offset: 3px;}
@media(max-width:600px) {
  body.doiteasy-reset #login-wrapper {padding: 24px 16px;}
  .doiteasy-reset #login-sub-container {padding: 28px 24px;}
}