.forgot-password-container .formDiv {
  height: 100vh;
}

@media only screen and (max-width: 756px) {
  .forgot-password-container .saarc-without-dpssadmin-modal {
    width: 328px !important;
  }
  .forgot-password-container .forgot-email-field {
    margin-top: 10px !important;
  }
  .saarc-without-dpssadmin-modal .modal-content {
    width: 328px !important;
    height: 361px !important;
  }
  .saarc-without-dpssadmin-modal .modal-body {
    padding: 60px 0px 90px 0px !important;
  }
  .forgot-password-container .saarc-with-password-success {
    width: 328px !important;
  }
  .saarc-with-password-success .modal-content {
    width: 328px !important;
    height: 361px !important;
  }
  .saarc-with-password-success .modal-body {
    padding: 60px 0px 90px 0px !important;
  }
  .saarc-with-password-success .modal-dialog-centered .modal-dialog {
    align-items: center !important;
    display: flex !important;
    min-height: calc(100% - 1rem) !important;
  }
  .saarc-without-dpssadmin-modal .lock-icon {
    margin-top: 4px;
  }
  .saarc-with-password-success .success-icon {
    margin-top: 21px;
  }
  .saarc-without-dpssadmin-modal .forgot-title {
    margin-top: 21px;
    display: flex;
    justify-content: center !important;
    font-size: var(--fnt_20);
    font-family: var(--fontFamilyLibre);
    font-weight: var(--bold);
  }
  .saarc-with-password-success .forgot-title {
    margin-top: 20px;
    display: flex;
    justify-content: center !important;
    font-size: var(--fnt_20);
    font-family: var(--fontFamilyLibre);
    font-weight: var(--bold);
  }
  .saarc-with-password-success .popup-description-text {
    font-size: var(--fnt_12) !important;
    margin: 8px !important;
    line-height: 18px !important;
  }
  .saarc-without-dpssadmin-modal .support {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    max-width: 263px !important;
    margin: auto;
  }
  .saarc-with-password-success .support {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
    max-width: 263px !important;
    margin: auto;
  }
  .saarc-without-dpssadmin-modal .email {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    max-width: 263px !important;
    margin: auto;
  }
  .forgot-password-container .note {
    font-size: var(--fnt_10) !important;
    color: var(--color-grey-secondary);
    font-weight: var(--normal);
    margin-top: var(--fnt_10);
    display: inline-block;
    line-height: var(--global-line-height);
  }
  .forgot-password-container .otp-resend {
    font-size: var(--fnt_12) !important;
  }
}
@media only screen and (min-width: 757px) {
  .forgot-password-container .saarc-without-dpssadmin-modal {
    width: 750px !important;
  }
  .saarc-without-dpssadmin-modal .modal-content {
    width: 750px !important;
    height: 450px !important;
  }
  .forgot-password-container .saarc-with-password-success {
    max-width: 750px !important;
    height: 100vh;
    display: flex;
    justify-content: center;
  }
  .forgot-password-container .note {
    font-size: var(--fnt_14) !important;
    color: var(--color-grey-secondary);
    font-weight: var(--normal);
    margin-top: var(--fnt_10);
    display: inline-block;
    line-height: var(--global-line-height);
  }
  .saarc-with-password-success .modal-content {
    width: 750px !important;
    height: 450px !important;
  }
  .saarc-with-password-success .closePopUp-wrapper {
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 700;
  }
  .saarc-without-dpssadmin-modal .closePopUp-wrapper {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 700;
  }
  #forgotPasswordModal .closePopUp-wrapper {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 700;
  }
  .saarc-with-password-success .modal-body {
    overflow: hidden;
  }
  .saarc-without-dpssadmin-modal .modal-body {
    padding: 90px 0px 121px 0px !important;
    overflow: hidden;
  }
  .saarc-with-password-success .modal-content {
    width: 750px !important;
    height: 450px !important;
  }
  .saarc-with-password-success .login-btn-row {
    display: flex;
    justify-content: center;
  }
  .saarc-with-password-success .modal-body {
    padding: 70px 0px 71px 0px !important;
  }
  .saarc-without-dpssadmin-modal .lock-icon img {
    padding: 10px;
  }
  .saarc-with-password-success .success-icon {
    margin-top: 5px;
  }
  .saarc-with-password-success .success-icon img {
    padding: 10px;
  }
  .saarc-without-dpssadmin-modal .forgot-title {
    margin-top: 36px;
    display: flex;
    justify-content: center !important;
    font-size: var(--fnt_32);
    font-family: var(--fontFamilyLibre);
    font-weight: var(--bold);
  }
  .saarc-with-password-success .forgot-title {
    margin-top: 20px;
    display: flex;
    justify-content: center !important;
    font-size: var(--fnt_32);
    font-family: var(--fontFamilyLibre);
    font-weight: var(--bold);
  }
  .saarc-with-password-success .popup-description-text {
    font-size: var(--fnt_12);
    font-family: var(--fontFamily);
    font-weight: var(--normal);
    line-height: 18px;
  }
  .saarc-with-password-success .support {
    margin-top: 24px !important;
  }
  .saarc-without-dpssadmin-modal .support {
    margin-top: 24px !important;
  }
  .forgot-password-container .common-modal-body-content {
    padding: 60px 22px 60px 67px !important;
  }
}
body.is_user.dark-theme .forgot-password-container label {
  color: var(--white);
}

body.is_user.dark-theme .forgot-password-container .note {
  color: var(--white);
}

body.is_user.dark-theme .forgot-password-container .modal-content {
  border: 1px solid var(--box-border-color) !important;
}

body.is_user.dark-theme .forgot-password-container .errors-common, body.is_user.dark-theme .forgot-password-container .errors-common .error-icon-wrap {
  background: var(--black-bg);
}

body.is_user.dark-theme .forgot-password-container .errors-common .arrow-up {
  border: 11px solid var(--black-bg);
}