/* Login screen. The form starts hidden or shown by the script (classes, never inline style). */
.login-box { text-align: center; }
.login-box .login-alert { display: none; margin-bottom: 16px; }
.login-box .login-alert.is-shown { display: block; }
.login-box #context-form { display: none; }
.login-box.is-context #login-form { display: none; }
.login-box.is-context #context-form { display: block; }
.login-box .invalid-feedback .icon { margin-right: 4px; }
.login-box .btn-block + .btn-block { margin-top: 8px; }

/* Step "choose the school" (single login). */
.login-box #school-form { display: none; }
.login-box.is-school #login-form { display: none; }
.login-box.is-school #school-form { display: block; }
.login-box .school-group { margin-bottom: 12px; }
.login-box .school-group-name { margin: 0 0 4px; font-size: 12px; text-transform: uppercase; }
.login-box .school-option { margin-bottom: 8px; text-align: left; white-space: normal; }