.forgot-pass-page .iot-logo {
  display: block;
  max-width: 161px;
  margin: 35px auto 63px; }
  @media (max-width: 767px) {
    .forgot-pass-page .iot-logo {
      margin: 35px auto 28px; } }

.forgot-pass-page h1 {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.41;
  letter-spacing: 1px;
  color: #294563;
  margin: 0 0 50px;
  text-transform: uppercase; }
  @media (max-width: 767px) {
    .forgot-pass-page h1 {
      font-size: 22px;
      margin: 0 0 20px; } }

.forgot-pass-page .forgot-box {
  max-width: 562px;
  padding: 0 0 10rem;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-wrap: wrap; }
  .forgot-pass-page .forgot-box .help-block {
    position: absolute; }
  .forgot-pass-page .forgot-box .user-email + .help-block {
    position: relative; }
  .forgot-pass-page .forgot-box__text-note {
    font-size: 16px;
    color: #7A7A7A;
    margin-bottom: 3rem;
    margin-top: -1rem; }
  .forgot-pass-page .forgot-box__tab {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    margin-bottom: 4rem; }
  .forgot-pass-page .forgot-box__items-wrap {
    width: 100%; }
  .forgot-pass-page .forgot-box__tab-item {
    font-size: 20px;
    color: #294563;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    display: flex;
    gap: 6px;
    align-items: center;
    border-bottom: 1px solid transparent; }
    @media (max-width: 767px) {
      .forgot-pass-page .forgot-box__tab-item {
        font-size: 18px; } }
    .forgot-pass-page .forgot-box__tab-item.-active {
      color: #32B4C8;
      text-decoration: none;
      border-bottom: 1px solid #32B4C8; }
  .forgot-pass-page .forgot-box .toggle-field.-hidden {
    display: none; }
  .forgot-pass-page .forgot-box__tab-split {
    width: 1px;
    height: 20px;
    margin: 0 18px;
    background-color: #d5d5d5;
    flex-shrink: 0; }
    @media (max-width: 767px) {
      .forgot-pass-page .forgot-box__tab-split {
        margin: 0 10px; } }
  .forgot-pass-page .forgot-box__login-field {
    margin: 0px 0px 22px 0px; }
    .forgot-pass-page .forgot-box__login-field .form-group {
      position: relative;
      width: 100%;
      padding: 0; }
      .forgot-pass-page .forgot-box__login-field .form-group input {
        border: 1px solid #BCC6CF;
        background-color: #ffffff;
        padding: 0px 13px 0 15px;
        width: 100%;
        height: 40px;
        line-height: 40px;
        outline: none;
        border-radius: 4px;
        box-shadow: none;
        -webkit-box-shadow: none;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none; }
        .forgot-pass-page .forgot-box__login-field .form-group input.phone-number {
          width: calc(100% - 80px);
          float: right;
          max-width: none; }
      .forgot-pass-page .forgot-box__login-field .form-group i {
        display: block;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        position: absolute;
        top: 0px;
        left: 0px;
        color: #294563; }
  .forgot-pass-page .forgot-box__label {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0.2px;
    color: #294563;
    margin-bottom: 7px; }
  .forgot-pass-page .forgot-box__remember {
    padding: 15px 0;
    width: 100%;
    max-width: 310px; }
    .forgot-pass-page .forgot-box__remember label {
      display: inline-block;
      padding-left: 27px;
      min-height: 20px;
      margin: 0; }
    .forgot-pass-page .forgot-box__remember .iot-cbx .cb-label {
      font-size: 14px;
      line-height: 1.57;
      color: #9d9d9d;
      white-space: nowrap; }
    .forgot-pass-page .forgot-box__remember .iot-cbx .checkmark {
      height: 20px;
      width: 20px;
      top: 1px; }
  .forgot-pass-page .forgot-box__forgot-pass {
    font-size: 14px;
    line-height: 1.57;
    color: #32b4c8; }
    .forgot-pass-page .forgot-box__forgot-pass:hover {
      color: #32b4c8;
      text-decoration: underline; }
  .forgot-pass-page .forgot-box__have-acc {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: 0.2px;
    color: #7a7a7a;
    margin-top: 20px; }
    .forgot-pass-page .forgot-box__have-acc a {
      font-weight: 800;
      color: #294563; }
      .forgot-pass-page .forgot-box__have-acc a:hover {
        text-decoration: underline; }
  .forgot-pass-page .forgot-box__right {
    width: 50%;
    float: right;
    text-align: right;
    padding: 0; }
    .forgot-pass-page .forgot-box__right.-center {
      align-self: center; }
    @media (max-width: 767px) {
      .forgot-pass-page .forgot-box__right {
        width: 100%;
        float: none;
        max-width: 310px;
        margin: 0 auto; } }
  .forgot-pass-page .forgot-box__social-item {
    display: inline-block;
    margin: 0px 0px 20px 0px;
    height: 52px;
    line-height: 52px;
    width: 100%;
    max-width: 310px;
    border-radius: 4px;
    -moz-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
    color: #fff;
    font-weight: 600;
    text-align: center;
    font-size: 14px;
    background-color: #df4930; }
    .forgot-pass-page .forgot-box__social-item i {
      margin: 0px 19px 0px 0px;
      font-size: 22px;
      position: relative;
      top: 3px; }
    .forgot-pass-page .forgot-box__social-item:hover {
      cursor: pointer;
      opacity: 0.8;
      color: #fff; }
    .forgot-pass-page .forgot-box__social-item.-facebook {
      background-color: #507cc0; }
    .forgot-pass-page .forgot-box__social-item.-twitter {
      background-color: #64ccf1; }
    .forgot-pass-page .forgot-box__social-item.-wechat {
      background-color: #2dc100; }
    @media (max-width: 767px) {
      .forgot-pass-page .forgot-box__social-item {
        font-size: 13px; } }
  .forgot-pass-page .forgot-box__login-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #dcdcdc;
    left: 50%; }
    .forgot-pass-page .forgot-box__login-line span {
      width: 50px;
      height: 50px;
      line-height: 49px;
      border: 1px solid #dcdcdc;
      background-color: #fff;
      display: block;
      text-align: center;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%;
      font-size: 14px;
      font-weight: 800;
      color: #3e6373; }
    @media (max-width: 767px) {
      .forgot-pass-page .forgot-box__login-line {
        position: relative;
        margin: 30px 0px 40px auto;
        top: auto;
        width: 100%;
        height: 1px;
        left: auto;
        bottom: auto; } }
  .forgot-pass-page .forgot-box__create-link {
    text-align: center;
    font-size: 16px;
    line-height: 1.38;
    letter-spacing: 0.2px;
    color: #7a7a7a;
    margin: 50px 0 60px; }
    .forgot-pass-page .forgot-box__create-link a {
      color: #294563;
      font-weight: 600; }
      .forgot-pass-page .forgot-box__create-link a:hover {
        text-decoration: underline; }
  .forgot-pass-page .forgot-box__bottom {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center; }
  .forgot-pass-page .forgot-box__btn {
    min-width: 200px;
    height: 40px; }
  .forgot-pass-page .forgot-box__login-link {
    display: inline-flex;
    margin: 0 auto;
    font-weight: 700;
    font-size: 16px;
    color: #294563;
    margin-top: 1.6rem; }
    .forgot-pass-page .forgot-box__login-link:hover {
      text-decoration: underline; }

.forgot-pass-page .sms-code {
  max-width: 68.2%; }
  @media (max-width: 767px) {
    .forgot-pass-page .sms-code {
      max-width: calc(100% - 166px); } }

.forgot-pass-page .send-smscode {
  max-width: calc(100% - 68.2% - 10px);
  white-space: nowrap; }
  .forgot-pass-page .send-smscode.-disabled {
    background: #F5F5F5;
    border: 1px solid #787878;
    pointer-events: none;
    color: #787878;
    font-weight: normal;
    transition: none; }
  @media (max-width: 767px) {
    .forgot-pass-page .send-smscode {
      min-width: 156px; } }

.forgot-pass-page button.show-pass {
  font-size: 22px; }
  .forgot-pass-page button.show-pass:after {
    height: 22px; }

/*# sourceMappingURL=forgot-password.css.map */