/*
 * This CSS file contains styles specifically targeting the INPUT fields within forms.
 * It defines the appearance, layout, and interactive states (such as focus and hover)
 * for input elements to ensure a consistent and user-friendly experience across the application.
 * The rules may include settings for borders, padding, font, background, and validation feedback.
 */

.form-check-input[type=radio] {
    transform: translateY(-3px);
}

.form-control:focus, .form-check-input:focus {
    border-color: var(--Primary-primary-focus);
    outline: 0;
    box-shadow: 0 0 0 .25rem var(--Primary-primary-35);
}

.form-check-input:checked {
    background-color: var(--Primary-primary)!important;
    border-color: var(--Primary-primary)!important;
}

input[type="checkbox"], input[type="email"], input[type="text"], input[type="password"], select, textarea.form-control {
    border-radius: 0!important;
}