@import '~@od/global-resources/scss/settings/index';

$odp-busines-header-background-color: #0F2B4D;
.modal-body {
  .note {
    @include font-size($base-font-size - 4);
    color: $gray;
    margin: 10px 0;
  }

  .select-tropo-method ul li {
    @include font-size($base-font-size - 2);
    margin: 15px 0;
  }

  hr.separator-or:after {
    content: "or";
    position: relative;
    top: -0.7em;
    @include font-size($base-font-size - 4);
    padding: 0 1.25em;
    background: $white;
    color: $gray-medium;
  }

  hr.separator-or {
    overflow: visible;
    padding: 0;
    border: 1px solid $gray-light;
    color: $gray-medium;
    text-align: center;
  }

  .disclaimer {
    color: $gray;
    @include font-size($base-font-size - 2);
    line-height: $base-font-size + 2;
  }

  .password-criteria {
    .strength {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 1px solid $gray;
      display: inline-block;
      margin-right: 12px;
      background: $white
    }
    .valid {
      .strength {
        background: $green;
      }
    }
    ul {
      margin-left: 40px;
    }
    .pwd_one_accepted_characters {
      border-top: 1px solid #F1F1F1;
      margin-top: 0.5rem;
      padding-top: 0.5rem;
    }
  }

  .reset-password-success {
    .inline-success {
      @include font-size($base-font-size);
    }

  }

  .modal-min-height100 {
    min-height: 130px
  }

  .tropo_choice {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

}

.header-layout-hg{
  background: inherit;
  height: auto;
}

@media only screen and (max-width : 480px),
only screen and (-webkit-min-device-pixel-ratio: 4)  and  (max-width : 480px) {
  .modal-overlay header {
    display: block!important;
  }
  .logo-container {
    top: 1px;
    left: 28px;
    img {
      width: 60px;
      height: 60px;
    }
  }
  .header-layout-hg {
    background-color: $odp-busines-header-background-color;
    height: 65px;
  }
}
.g-recaptcha-bubble-arrow {
  margin-top: -44px !important;
}

.g-recaptcha-bubble-arrow:nth-child(odd) + div {
  margin-left: -2px;
}

.is-fluid article.reset-password .form-field-group.has-danger input.float-label  {
  border: 1px solid $red;
}

.is-fluid article.reset-password .form-field-group.has-danger label.form-control-label{
  color: $red;
}

.reset-callout-icon {
  float: left;
  width: 6%;
  padding: 15px;
}
.reset-callout-content {
  float: left;
  width:92%;
  padding: 10px;
  h3 {
    padding-bottom: 2%;
    font-weight: 600;
  }
  p {
    font-size: .9375rem;
  }
}
/* Clear floats after the columns */
.reset-callout-section {
  content: "";
  display: table;
  clear: both;
  border-radius: 6px;
  background: #F2F5FA;
  border: 1px solid #D5D5D5;
  border-left: 6px solid #255891;
  box-shadow: 2px 2px #D5D5D5;
  margin-bottom: 5%;
}
.display-none {
  display: none !important;
}

@media (max-width: 987px) {
  .reset-callout-icon {
    padding: 15px 5px;
  }
  .reset-callout-content {
    width: 94%;
  }
}