// --------------------------------------------------
// BSD LOGIN Page Styles
// --------------------------------------------------

.login-container {
  .login-title {
    font-weight: normal;
  }

  .login-recaptchav2 {
    transform: scale(1);
    transform-origin: 0 0;
    margin-bottom: 20px;
    margin-top: 0;
  }

  @media (max-width: $screen-lg-max) { // 1457
    .login-recaptchav2 {
      transform: scale(0.9);
    }
  }

  @media (max-width: $screen-md-max) { // 1257
    .login-recaptchav2 {
      transform: scale(0.7);
    }
  }

  @media (max-width: $screen-sm-max) { // 997
    .login-recaptchav2 {
      transform: scale(0.7);
    }
  }

  @media (max-width: $screen-xs-max) { // 767
    .login-recaptchav2 {
      transform: scale(1);
    }
  }

  .login-form {
    background: $white;
    border: 1px solid $gray;
    float: left;
    padding: 12px;
    margin: 6px 0;
    width: 100%;

    &-title,
    &-content {
      margin-bottom: 12px;
    }

    .login-action-auto-login {
      @include font-size(20px);
      margin-right: 6px;

      + label {
        @include font-size(14px);
      }
    }

    .login-trouble {
      @include font-size(16px);
    }
  }
}

.odp-login-container, .odp-login-title {
  display: flex;
  justify-content: center;
}

.odp-login-container .block-msg-error {
  width: 370px;
}