.featherBoxDialog img {
  vertical-align: top;
  max-width: 100%;
}

#paymentForm .fieldList {
  display: block;
}
#paymentForm .fieldValidationMessage {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
}

#patientFirstNameTextbox,
#patientLastNameTextbox,
#emailAddressTextbox,
#invoiceNumberTextbox,
#visitNumberTextbox,
#medicalRecordNumberTextbox,
#confirmEmailAddressTextbox {
  width: 40ex;
}

#amountDueTextbox {
  width: 15ex;
}

.agreeControls {
  font-weight: bold;
}

* + ul.agreeControls {
  margin-top: 0.5em;
}

.helpArea {
  padding: 1rem;
}
.helpArea img {
  border: 2px solid gray;
}

@media all and (max-width: 799px) {
  #paymentForm .fieldValidationMessage {
    display: block;
    padding: 3px 7px 7px 7px;
  }
  #paymentForm .fieldList {
    width: 100%;
  }
  #paymentForm .fieldList[data-fields-direction=vertical] #patientFirstNameTextbox,
  #paymentForm .fieldList[data-fields-direction=vertical] #patientLastNameTextbox,
  #paymentForm .fieldList[data-fields-direction=vertical] #emailAddressTextbox,
  #paymentForm .fieldList[data-fields-direction=vertical] #confirmEmailAddressTextbox,
  #paymentForm .fieldList[data-fields-direction=vertical] #invoiceNumberTextbox,
  #paymentForm .fieldList[data-fields-direction=vertical] #visitNumberTextbox,
  #paymentForm .fieldList[data-fields-direction=vertical] #medicalRecordNumberTextbox {
    width: 100%;
  }
}
@media all and (min-width: 800px) {
  #paymentForm .fieldValidationMessage {
    padding: 7px;
  }
}
[aria-hidden=true] {
  display: none !important;
}

/*# sourceMappingURL=style.css.map */