@import url(https://fonts.googleapis.com/css?family=Karma);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400&subset=latin,latin-ext);

.footer {
    font-family: Roboto, sans-serif;
    color: var(--dark-grey);
    font-weight: normal;
    font-size: 20px;
    line-height: 1.3;
}

/* Left Panel 
-----------------------------------------------------
*/

.login-form .login-left {
    background-color: var(--light-blue);
}

/* Right Panel 
-----------------------------------------------------
*/

.login-form .login-right {
    min-width: 50%;
}

    .login-form .login-right .wizard-container {
        flex-grow: 1;
    }

        .login-form .login-right .wizard-container .wizard {
            display: flex;
            flex-direction: column;
            align-items: stretch;
            border-radius: 2rem;
            box-shadow: var(--light-grey) 0px 0px 4px 5px;
            min-width: 300px;
            max-width: 650px;
        }

            .login-form .login-right .wizard-container .wizard .sign-in {
                padding: 5rem;
                display: flex;
                flex-direction: column;
                align-items: stretch;
                font-size: 20px;
                gap: 2rem;
            }


@media (max-width: 1199.98px) {
    .login-form .login-right .wizard-container .wizard {
        box-shadow: none;
    }

        .login-form .login-right .wizard-container .wizard .sign-in {
            padding: 0;
        }
}

.login-form .login-input-label {
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
    line-height: 1.2;
    display: block;
}

.login-form .login-right .btn-primary {
    min-width: 13rem;
}

.two-factor-options {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

    .two-factor-options .tfa-button {
    }

form .form-group {
    padding-bottom: 2.5rem;
}

    form .form-group .form-control {
        padding: 0.5rem 0.85rem;
        box-shadow: var(--dark-grey) 0px 4px 4px -1px;
    }

.max-h-25 {
    max-height: 25vh;
}

.max-w-75 {
    max-width: 75vw;
}

.mar-auto {
    margin-top: auto;
}

.welcome-form {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
}