body {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    height: 100vh !important;
    overflow: hidden !important;
    display: flex;
    align-items: center;
}

    body div.body.content {
        margin-top: 4px !important;
        width: 90%;
    }

        body div.body.content h3 {
            margin-top: 0 !important;
            margin-bottom: 30px !important;
        }

.forgot-password {
    float: right;
}

/* MFA dialogs - constrain width below the inherited .modal-block max-width: 1200px.
   Scoped with .mfp-content prefix so the selector specificity beats the generic
   .modal-block rule from magnific-popup-style.css regardless of load order. */
.mfp-content .modal-block.mfa-otp,
.mfp-content .modal-block.mfa-enroll {
    max-width: 600px;
}

.modal.in {
    display: flex !important;
    align-items: center;
}

    .modal.in .modal-dialog {
        margin: 0 auto;
    }