.um-field .um-field-label label {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 16px !important;
}

.um .um-form .um-field .um-field-area input, .um .um-form .um-field .um-field-area input:focus {
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
    font-weight: 600;
}

span.um-field-checkbox-state i.um-icon-android-checkbox-outline, span.um-field-checkbox-state i.um-icon-android-checkbox-outline-blank {
    color: var(--primary-color) !important;
}

.um-field-checkbox span.um-field-checkbox-option {
    color: var(--primary-color) !important;
    font-size: 16px !important;
    font-weight: 500;
}

.um-col-alt .um-center {
    margin-top: 3rem;
    text-align: start;
}

.um-page-password-reset .um-col-alt .um-center {
    text-align: center;
}

input#um-submit-btn {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color) !important;
    border-radius: 24px !important;
    min-width: auto !important;
    font-size: 18px;
    transition: all ease-in-out 0.3s;
    padding: 16px 3rem !important;
    font-weight: 500;
}

input#um-submit-btn:hover {
    color: var(--primary-color);
    background-color: #FFFFFF;
}

.vl {
    border-left-color: var(--primary-color) !important;
}