/*
    This file is for CSS only used within the Login Views
*/


.login-body-pb-150px
{
    padding-bottom: 150px;
}

/*#region Login Views Header */
.login-header-logo {
    width: 250px;
    height: 50px;
    flex: none;
    order: 0;
    flex-grow: 0;
    content: var(--theme-logo-image-path);
}

.login-header-cta {
    display: flex;
    gap: 0.625rem;
    flex: none;
}

.login-header-cta-label {
    font-size: 0.875rem;
    align-items: center;
    text-transform: none;
}

.login-hearder-btn {
    padding: .8125rem 1.5625rem;
    min-width: 210px;
}

/*#endregion */

/*#region Login Views Custom Classes */

.welcome-header {
    font-family: var(--theme-font-family);
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: var(--theme-primary-color);
}

.sign-into-account-header {
    /* Sign into your account. */
    font-family: var(--theme-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: var(--theme-primary-color);
}

.radio-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    justify-content: space-evenly;
}

.login-alert-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

/*#endregion */