/*----------------------------------------
    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;
}

#login-page .login-powered-by {
    margin: 18px 0 8px;
}

#login-page .login-powered-by-label {
    margin-bottom: 8px;
    color: #555;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    line-height: 1;
    text-transform: uppercase;
}

#login-page .login-powered-by-logo {
    display: inline-block;
    max-width: 120px;
    max-height: 38px;
    object-fit: contain;
}

/* 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;
}