/**
 * TFA module layout helpers only — modal chrome comes from xm-modal-standard.
 */

.xm-tfa-challenge-modal__input,
.modal-popup.xm-tfa-challenge-modal input[type="text"],
.modal-popup.xm-tfa-qr-modal input[type="text"],
.modal-popup.xm-tfa-release-modal input[type="text"] {
    display: block;
    width: 100%;
    max-width: 20rem;
    margin: 0.75rem auto 0;
    text-align: center;
}

.xm-tfa-challenge-modal__error,
.tfa-error-message {
    color: #c62828;
    margin-top: 0.75rem;
    min-height: 1.25em;
}

.tfa-message {
    margin-bottom: 10px;
    text-align: center;
}

.box-providers form .box-actions {
    margin-top: 15px;
}

#hide-btn,
#reset-btn {
    margin-top: 10px;
}

.turnoff-tfa-btn {
    margin-bottom: 20px;
}

.social-login-form input {
    background: #ffffff;
    border: 1px solid #c2c2c2;
    border-radius: 1px;
    font-size: 14px;
    height: 32px;
    padding: 0 9px;
    width: 300px;
}