.ui.form {
  margin-bottom: 3rem;
}
.ui.form#public-registration-form {
  margin-bottom: 5rem;
}
.ui.form .dropdown-field .other-value-field,
.ui.form .radio-field .other-value-field,
.ui.form .multiple-checkbox-field .other-value-field {
  display: none;
}
.ui.form .dropdown-field.others .other-value-field,
.ui.form .radio-field.others .other-value-field,
.ui.form .multiple-checkbox-field.others .other-value-field {
  display: block;
}
.ui.form .grouped.fields .field {
  margin: 0.05em 0 !important;
}
.ui.form .quill-block {
  margin: 0 0 1rem;
  padding: 0;
}
.ui.form .ql-editor ul,
.ui.form .ql-editor ol {
  padding-left: 2rem;
}
.ui.form .ql-editor li {
  padding: 0 0 0 0.5rem;
}
.ui.form .ql-editor ol li {
  list-style-type: decimal;
}
.ui.form .ql-editor ul li {
  list-style-type: disc;
}
.ui.form .ql-editor div:empty {
  display: block;
  height: 1em;
  content: "";
}
.ui.form .consent-component {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.ui.form > .section {
  margin-bottom: 1em;
}
/* Override Fomantic UI style that shows error msg on load for required file field */
.ui.file.input input[type=file]:required:invalid,
.ui.form .field input[type=file]:required:invalid {
  color: inherit;
  background: inherit;
  border-color: rgba(34, 36, 38, 0.15);
}