.espf-wrap {
  border: 1px solid #d7d7d7;
  border-radius: 12px;
  padding: 24px;
  margin: 24px 0;
  background: #fff;
}
.espf-document {
  border: 1px solid #ececec;
  border-radius: 10px;
  padding: 18px;
  margin-bottom: 24px;
  background: #fafafa;
}
.espf-document h2,
.espf-form h2 {
  margin-top: 0;
}
.espf-field {
  margin-bottom: 16px;
}
.espf-field label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
}
.espf-field input[type="text"],
.espf-field input[type="email"],
.espf-field textarea,
.espf-field select {
  width: 100%;
  max-width: 720px;
  padding: 10px;
  border: 1px solid #bcbcbc;
  border-radius: 6px;
}
.espf-field textarea {
  min-height: 110px;
}
.espf-checkbox {
  font-weight: 400 !important;
}
.espf-signature-block {
  margin: 24px 0;
}
.espf-signature {
  display: block;
  width: 100%;
  max-width: 720px;
  min-height: 180px;
  border: 2px solid #222;
  border-radius: 8px;
  background: #fff;
  touch-action: none;
}
.espf-clear-signature {
  margin-top: 10px;
}
.espf-submit {
  padding: 12px 20px;
  border: 0;
  border-radius: 7px;
  cursor: pointer;
  font-weight: 700;
}
.espf-submit:disabled {
  cursor: wait;
  opacity: 0.7;
}
.espf-message {
  margin: 14px 0;
  padding: 12px;
  border-radius: 7px;
  display: none;
}
.espf-message:not(:empty) {
  display: block;
}
.espf-success {
  background: #e8f7e8;
  border: 1px solid #7abd7a;
}
.espf-error {
  background: #fdeaea;
  border: 1px solid #db7777;
}