form span.error {
  width: 100%;
  font-size: 0.857rem;
}
form .error:not(input) {
  color: #ea5455;
}
[dir] form input.error, [dir] form input.error:focus {
  border-color: #ea5455 !important;
}
[dir] form textarea.error {
  border-color: #ea5455 !important;
}
[dir] form .select2.error + .select2-container--classic .select2-selection--single, [dir] form .select2.error + .select2-container--default .select2-selection--single, [dir] form .select2.error + .select2-container--classic .select2-selection--multiple, [dir] form .select2.error + .select2-container--default .select2-selection--multiple {
  border-color: #ea5455 !important;
}

[dir=ltr] .was-validated .form-select:invalid:not([multiple]):not([size]), [dir=ltr] .was-validated .form-select:invalid:not([multiple])[size="1"], [dir=ltr] .form-select.is-invalid:not([multiple]):not([size]), [dir=ltr] .form-select.is-invalid:not([multiple])[size="1"] {
  background-position: right 1rem center, center right 2.5rem;
}

[dir=rtl] .was-validated .form-select:invalid:not([multiple]):not([size]), [dir=rtl] .was-validated .form-select:invalid:not([multiple])[size="1"], [dir=rtl] .form-select.is-invalid:not([multiple]):not([size]), [dir=rtl] .form-select.is-invalid:not([multiple])[size="1"] {
  background-position: left 1rem center, center left 2.5rem;
}