label.is-invalid, .invalid-feedback {
  color: var(--bs-form-invalid-color);
}
label.required::after {
  color: var(--bs-form-invalid-color);
  content: "*";
  padding-left: .25rem;
  top: -2px;
  font-weight: bolder;
}
.form-control.is-invalid, .form-select.is-invalid {
  background-image: url("exclamation-triangle.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 0.5rem center, center right 2rem !important;
  background-size: 24px 24px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}
.rails-bootstrap-forms-date-select select,
.rails-bootstrap-forms-time-select select,
.rails-bootstrap-forms-datetime-select select {
  display: inline-block;
  width: auto;
}
.invalid-feedback {
  display: block;
}