/**
 * Shared field-level validation styling. Loaded on every plugin admin page
 * (see classes/class_assets.php). Paired with assets/js/vw_validation.js.
 */

.vw-field-error {
    display: block;
    margin-top: 4px;
    color: #b32d2e;
    font-size: 12px;
    line-height: 1.4;
}

/* Sit correctly under a Select2 single/multi control too. */
.vw-form-field .vw-field-error,
.form-group .vw-field-error {
    width: 100%;
}

.vw-invalid,
.vw-invalid.form-control,
.vw-invalid .select2-selection {
    border-color: #b32d2e !important;
    box-shadow: 0 0 0 1px #b32d2e33 !important;
}

textarea.vw-invalid,
select.vw-invalid {
    border-color: #b32d2e !important;
}