@charset "UTF-8";

input:disabled, select:disabled, textarea:disabled {
    background-color: #e9ecef;
    border-color: silver !important;
}

.form-area-confirm .f-col .f-col {
    padding-left: 0px !important;
}

.form-check-input[type=checkbox].is-invalid,
input[type=checkbox].is-invalid,
.form-check-input[type=radio].is-invalid,
input[type=radio].is-invalid {
    border-color: var(--bs-form-invalid-border-color) !important;
}

label:has(> .form-check-input[type=checkbox].is-invalid),
label:has(> input[type=checkbox].is-invalid),
label:has(> .form-check-input[type=radio].is-invalid),
label:has(> input[type=radio].is-invalid) {
    color: var(--bs-form-invalid-border-color) !important;
}

/* Hide the default up/down arrows (spinners) for number inputs */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
input[type=number] {
    -moz-appearance: textfield;
}
