/* Auth Sign-In page styles. */

:root { --bs-primary: var(--primary, #0d6efd); }

html, body { height: 100%; }
/* Keep site fonts for header/footer; force Bootstrap typography in the sign-in form only */
.form-signin, .form-signin * { font-family: var(--bs-body-font-family) !important; }

.form-signin { max-width: 330px; padding: 1rem; }
.form-signin .form-floating:focus-within { z-index: 2; }

.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.auth-links a { text-decoration: none; }

/* Password meter spacing */
#pswmeter { margin: .5rem 0; }

/* Make validation feedback visible with our nice bootstrap 5 floating labels */
.form-floating { overflow: visible; }
.form-floating .invalid-feedback { display: block; margin-top: .25rem; }
.form-floating .form-control.is-invalid ~ label { color: var(--bs-danger); }

/* Auth layout container spacing (when header/footer are present) */
.auth-container { min-height: calc(100vh - 6rem); /* header+footer approx */ }
@media (min-width: 768px) {
  .auth-container { padding-top: 2rem; padding-bottom: 2rem; }
}
@media (max-width: 767.98px) {
  .auth-container { padding-top: 1rem; padding-bottom: 1rem; }
}

.oauth-btn-circle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:56px;height:56px;
    border-radius:50%;
    background:#fff;
    border:1px solid #e5e7eb;
    box-shadow:0 1px 2px rgba(16,24,40,.05);
    transition:transform .15s ease, box-shadow .15s ease;
}
.oauth-btn-circle:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(16,24,40,.12)}
.oauth-btn-circle img{display:block;width:24px;height:24px}