.input-group {
  margin-bottom: 0.5em;
}

.formheading {
  margin-top: 1em;
  margin-bottom: 1.3em;
}

@media (min-width: 992px) {
  .formheading {
    margin-top: 2em;
    margin-bottom: 2.3em;
  }
}

.input-group-text {
  background: var(--bs-secondary);
  color: white;
}

.formsection {
  padding: 0 0.2em 0 0.2em;
}

@media (min-width: 992px) {
  .formsection {
    padding: 0 1em 0 1em;
  }
}

.halfwidthoption {
  margin: 0.25rem 0 0.25rem 0;
  flex: 0 0 auto;
  width: 50%;
}

#templates, .templates, .ui-helper-hidden-accessible {
  display: none;
}

.pointer {
  cursor: pointer;
}

input, select, label, p, li, textarea, h6, .input-group-text, button {
  font-size: x-small !important;
}

@media (min-width: 768px) {
  input, select, label, p, li, textarea, h6, .input-group-text, button {
    font-size: small !important;
  }
}

@media (min-width: 1200px) {
  input, select, label, p, li, textarea, h6, .input-group-text, button {
    font-size: initial !important;
  }
}

h4, h5 {
  font-size: large;
}

@media (min-width: 768px) {
  h4, h5 {
    font-size: larger;
  }
}

@media (min-width: 1200px) {
  h4, h5 {
    font-size: x-large;
  }
}