/*----------------------------------------
    Login Page
------------------------------------------*/
.login-bg
{
    background-image: url('../../images/gallery/flat-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#login-page
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    height: 100vh;

    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

#login-page .card-panel.border-radius-6.login-card
{
    margin-left: 0 !important;
}

/* MFA method buttons on login 2FA */
#login-page #twofa-method-selector {
    margin-bottom: 20px;
    padding-bottom: 24px;
}
#login-page #twofa-method-selector .login-method-row {
    margin-bottom: 8px;
    width: 100%;
}
#login-page #twofa-method-selector .login-method-row:last-child {
    margin-bottom: 0;
}

/* MFA bootstrap setup screen: method text left, switch right */
#login-page #twofa-setup-screen .mfa-option-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
#login-page #twofa-setup-screen .mfa-option-text {
    flex: 1;
    text-align: left;
    padding-right: 1rem;
}
#login-page #twofa-setup-screen .mfa-option-switch {
    flex-shrink: 0;
}