#loading{
	background: rgba(0,0,0,0.6);
}
#loading .loading-message{
	position: absolute;
    top: 60%;
    left: 50%;
    color: white;
    transform: translate(-50%,0);
}

.spinner-wrapper{
  top:50%;
  transform: translate(-50%,-50%);
}

.spinner {
    margin: 0px auto 0;
}

.login-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    text-align: left;
}

#login .login-form .form-control,
#login .login-form > .btn {
    width: 100%;
}

.login-form__remember {
    display: flex;
    align-items: center;
    gap: 8px;
    color: white;
    font-size: 13px;
}

.login-form__remember input,
.login-form__remember label {
    margin: 0;
}

.login-form__reset {
    text-align: center;
    font-size: 13px;
}

/* Dark sign-in and account recovery, matching the client and backend workspaces. */
body#login { color-scheme:dark; background:#202125; color:#e5e7eb; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
#login h1,#login h2,#login h3,#login label { color:#e5e7eb; }
#login .form-control { background:#292b30; color:#e5e7eb; border-color:#626773; }
#login .form-control::placeholder { color:#b6bac3; opacity:1; }
#login .form-control:focus { border-color:#8abbff; box-shadow:0 0 0 3px #8abbff33; }
#login a { color:#9ac5ff; }
#login .btn-blue { background:#0071e3; color:#fff; }
#login .btn-dark { background:#34373e; color:#e5e7eb; }
#login .alert-danger { background:#493335; color:#ffb4aa; border-color:#946461; }

.login-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:100%;max-width:320px;margin:1.4rem auto 0}
#login .login-social .login-social__button{display:flex;align-items:center;justify-content:center;white-space:normal;min-height:44px;min-width:0;width:100%;margin:0;padding:.65rem .5rem;border-radius:8px;font-size:13px}
.login-social [aria-disabled="true"]{opacity:.65;cursor:default}
.login-social small{grid-column:1/-1;line-height:1.5;color:#e2e5e9}
.login-association-intro{margin:0 0 1rem;font-size:14px;line-height:1.5;color:#e2e5e9}
.login-association-cancel{margin:.75rem auto 0}
#login .login-association-cancel .btn{background:transparent;color:#b9c2ce;width:auto;margin:0;padding:.35rem .75rem}
@media(max-width:380px){.login-social{grid-template-columns:1fr}}