.form-custom .form-control {
  border-color: #eee;
  padding-top: 2.2rem;
  background-color: #FAFAFA;
  border-radius: 0.62rem;
  color: #000;
  font-size: 0.9rem;
}
.form-custom strong {
  font-weight: 500;
}
.form-custom .form-select {
  border-color: #eee;
  background-color: #FAFAFA;
  color: #000;
  font-size: 0.9rem;
}
.form-custom .form-floating {
  margin-bottom: 1rem;
}
.form-custom label:not(.form-check-label) {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  opacity: 0.65;
}
.form-custom .form-text {
  color: #000;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.form-custom .form-radio-inline {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
  margin-bottom: 1rem;
}
.form-custom .form-radio-inline label {
  padding-left: 0;
  padding-right: 0;
}
.form-custom .form-radio-inline label.main {
  display: block;
  opacity: 0.65;
  font-size: 0.85rem;
  padding-left: 0;
}
.form-custom .form-radio-inline .form-text {
  padding-left: 1.5rem;
}
.form-custom .form-radio-inline .invalid-feedback {
  padding-left: 1.5rem;
}
.form-custom .form-spacer {
  height: 2rem;
}
.form-custom .form-check-input:checked {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.form-custom .invalid-feedback {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  display: block;
  color: var(--bs-danger);
}
.form-custom .form-box {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}
.form-custom .form-box .form-headline {
  font-size: 1rem;
  margin-bottom: 1rem;
}
.form-custom .form-box .form-headline a {
  font-weight: normal;
  font-size: 1rem;
}
.form-custom .form-box .form-description {
  font-size: 1rem;
  margin-left: 0;
  margin-right: 0.5rem;
}
.form-custom .was-validated .form-check-input:valid ~ .form-check-label,
.form-custom .form-check-input.is-valid ~ .form-check-label {
  color: #000;
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  background-color: transparent;
}
.form-action {
  text-align: center;
}
.form-action small.not-important {
  color: #888;
  display: block;
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #000;
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
textarea {
  resize: vertical;
  min-height: 33px;
}
textarea.auto-grow {
  overflow: hidden;
}
[type="date"].form-control,
[type="datetime-local"].form-control {
  text-transform: uppercase;
}
/**
 * FIX for textarea and content, that overlaps headline when multiple lines are entered
 * https://stackoverflow.com/questions/66863242/bootstrap-5-floating-label-for-a-textarea-overlaps-with-input-on-scroll/67334114#67334114
 */
/* NOT REQUIRED ANY MORE SINCE TEXTAREA GROWS ???
.form-floating:before {
  content: '';
  position: absolute;
  top: 1px; // border-width (default by BS)
  left: 1px; // border-width (default by BS)
  width: calc(100% - 1.1rem); // reduce width to not overlay scrollbar
  //border: 1px solid #ff0000;
  height: 1.7rem;
  border-radius: 4px; // (default by BS)
  background-color: #FAFAFA;
}

.form-floating textarea.form-control {
  padding-top: 2rem; // height of pseudo element
  min-height: 5rem; // not relevant
}

 */
/*# sourceMappingURL=frontend.forms.css.map */