body {
  font-family: Arial, Helvetica, sans-serif;
}

/* forgot pasword main flex container */
.forgot-pass-container {
  padding: 4% 10%;
  padding-bottom: 0%;
}
.dropdown-toggle:after {
  content: none;
}
.auth-content-box,
.auth-content * {
  box-sizing: border-box;
}
.auth-content-box {
  padding: 30px;
  margin-top: 16%;
  width: 480px;
  background: #fff;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
}

.auth-content-title {
  font-weight: 700;
  font-size: 1.8rem;
}

.p-lg-5 {
  padding: 13% !important;
}

@media (max-width: 1400px) {
  .auth-content-box {
    padding: 20px;
    margin: 8% auto;
    width: 400px;
    background: #fff;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 1000px) {
  .auth-content-box {
    padding: 20px;
    margin: 1% auto;
    width: 400px;
    background: #fff;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 800px) {
  .auth-content-box {
    padding: 2%;
    margin-top: 8%;
    width: 340px;
    background: #fff;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 720px) {
  .auth-content-box {
    padding: 2%;
    margin-top: 8%;
    width: 400px;
    background: #fff;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
  }
}

@media (max-width: 415px) {
  .forgot-pass-container {
    padding: 7% 3%;
  }

  .auth-content-box {
    padding: 5px;
    margin-top: 8%;
    width: 310px;
    background: #fff;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.2);
  }
}

#email-success-template,
#spinner-btn {
  display: none;
}