/* BATES_FORM_VALIDATION_UX1_V0261 */
.bates-validation-summary {
    margin: 0 0 18px;
    padding: 13px 15px;
    border: 1px solid #fecaca;
    border-left: 4px solid #dc2626;
    border-radius: 10px;
    background: #fef2f2;
    color: #991b1b;
    font-size: 14px;
    line-height: 1.45;
}
.bates-validation-summary[hidden] { display: none !important; }
.bates-validation-summary strong { display: block; margin-bottom: 3px; color: #7f1d1d; }
.bates-validation-summary button {
    margin-top: 8px; padding: 0; border: 0; background: transparent; color: #b91c1c;
    font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer;
}
.bates-field-invalid,
.bates-field-invalid input:not([type="checkbox"]):not([type="radio"]),
.bates-field-invalid select,
.bates-field-invalid textarea,
input.bates-control-invalid:not([type="checkbox"]):not([type="radio"]),
select.bates-control-invalid,
textarea.bates-control-invalid {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .10) !important;
}
.bates-field-invalid { border-radius: 10px; }
.bates-field-invalid > span:first-child,
.bates-field-invalid > strong:first-child { color: #991b1b; }
input[type="checkbox"].bates-control-invalid,
input[type="radio"].bates-control-invalid {
    outline: 2px solid #dc2626;
    outline-offset: 2px;
}
.bates-field-error {
    display: block; margin-top: 5px; color: #b91c1c; font-size: 12px; font-weight: 650; line-height: 1.35;
}
.bates-radio-group-error { margin-top: 7px; }