/* Keep the field icons aligned with the inputs when an error message is shown below one of them. */
.patient-contact-form #edit-name-wrapper,
.patient-contact-form #edit-contact-wrapper {
  align-items: flex-start;
}

.patient-contact-form .form-item--error::before {
  top: 16px;
  bottom: auto;
}

.patient-contact-form input.error {
  border-left-color: red !important;
}

.patient-contact-form .form-item--error-message {
  color: red;
  margin-top: 5px;
}