/* password reset */
html, body { margin: 0; padding: 0; font-family: sans-serif; }
html body * { box-sizing: border-box; }

.password-reset .main { visibility: hidden; width: 40%; min-width: 20em; max-width: 30em; margin: 2em auto 0 auto; color: #333; }
.password-reset .main.blocked { color: #ccc; }
.password-reset .main.ready { visibility: visible; }
.password-reset .main .language { position: absolute; top: 0; right: 20%; white-space: nowrap; }
.password-reset .main .language select { background-color: #264066; color: #fff; padding: 0.2em 0.5em; }
.password-reset .main .language select:hover { font-weight: bold; }
.password-reset .main .logo { text-align: center; }
.password-reset .main a.phone { text-decoration: none; color: inherit; }

.password-reset div.lang { display: none; }
.password-reset div.lang.active { display: block; }

.password-reset .step-1 .body form { width: 100%; margin-bottom: 1.5em; }
.password-reset .step-1 .body form .form-element { display: block; width: 100%; max-width: 20em; margin: 0.5em auto; border: 1px solid #ccc; border-radius: 0.5em; }
.password-reset .step-1 .body form input { padding: 0.1em 0.4em; }
.password-reset .step-1 .body form button { background-color: #264066; color: #fff; cursor: pointer; }
.password-reset .step-1 .body form button:hover { font-weight: bold; }
.password-reset .step-1 .body .errors { color: #a00; font-weight: bold; margin-bottom: 2em; }
.password-reset .step-1 .body .errors .error { display: none }
.password-reset .step-1 .body .errors .error.active { display: block; }

.password-reset .step-2 { display: none; }