html{
    direction: rtl;
}

body {
    text-align: right;

}
.for-email-login .page-card .page-card-body .field-icon, .for-forgot .page-card .page-card-body .field-icon, .for-login .page-card .page-card-body .field-icon, .for-signup .page-card .page-card-body .field-icon{
    left: unset;
    right: 9px;
}


.for-email-login .page-card .page-card-body .email-field .toggle-password, .for-email-login .page-card .page-card-body .password-field .toggle-password, .for-forgot .page-card .page-card-body .email-field .toggle-password, .for-forgot .page-card .page-card-body .password-field .toggle-password, .for-login .page-card .page-card-body .email-field .toggle-password, .for-login .page-card .page-card-body .password-field .toggle-password, .for-signup .page-card .page-card-body .email-field .toggle-password, .for-signup .page-card .page-card-body .password-field .toggle-password{
    right: unset;
    left: 9px;
}

.custom-control-label{
    padding-left: 0;
    padding-right: calc(var(--text-base) * 1.5);
}

.custom-checkbox .custom-control-label::before{
    left: unset;
    right: 0;
}

.for-login .sign-up-message a, .for-forgot .sign-up-message a, .for-signup .sign-up-message a, .for-email-login .sign-up-message a{
    color: var(--primary-color);
}

a{
    color: var(--primary-color);
}

#login-splash-title *{
    color: var(--primary);
    margin-bottom: 50px;
    font-size: 50px;
    font-weight: 900;
}