.password-criteria {
  .strength {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid $gray;
    display: inline-block;
    background: $white;
    @include margin(0 10px 0 10px);
  }
  .valid {
    color: $gray;
    .strength {
      background: $green;
    }
  }
  li:first-child {
    @include margin(0 0 0 10px);
  }
  .pwd_one_accepted_characters {
    border-top: 1px solid #F1F1F1;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
  }
}

.new-account-form {
  .form-field-group {
    input,
    textarea {
      margin-bottom: 0;
    }
  }
}

.password-criteria-error {
  color : $red;
  @include font-size ($base-font-size - 2);
  padding: 0 4px;
  font-weight: 300;
  @include margin(0 0 0 4px);
}

.email {
  &-block {
    position: relative;
  }

  &-note {
    position: absolute;
    top: 12px;
    left: 53px;
    color: $gray;
    font-weight: 300;
  }
}

.button-block {
  margin-left: 45%;
}

.new-account-next-btn {
  float: none;
  width: 100%;
}

@media only screen and (max-width: 480px),
only screen and (-webkit-min-device-pixel-ratio: 4) and (max-width: 480px) {
  .login-link {
    text-decoration: underline;
  }

  .email {
    &-note {
      top: 16px;
      left: 55px;
    }
  }

  .password-criteria {
    li {
      @include margin(3px 0);
    }
    li:first-child {
      @include margin(0 0 2px 10px);
    }
  }
}

@media all and (orientation:landscape) and (max-width: 768px) {
  .email {
    &-note {
      top: 16px;
      left: 55px;
    }
  }
}

.negative-margin-top-1 {
  margin-top: -1rem;
}