/* Bootstrap 5 CSS and icons included */

:root {
  --colorPrimaryNormal: #00b3bb;
  --colorPrimaryDark: #00979f;
  --colorPrimaryGlare: #00cdd7;
  --colorPrimaryHalf: #80d9dd;
  --colorPrimaryQuarter: #bfecee;
  --colorPrimaryEighth: #dff5f7;
  --colorPrimaryPale: #f3f5f7;
  --colorPrimarySeparator: #f3f5f7;
  --colorPrimaryOutline: #dff5f7;
  --colorButtonNormal: #00b3bb;
  --colorButtonHover: #00cdd7;
  --colorLinkNormal: #00979f;
  --colorLinkHover: #00cdd7;
}

.upload_dropZone {
  color: #0f3c4b;
  background-color: var(--colorPrimaryPale, #c8dadf);
  outline: 2px dashed var(--colorPrimaryHalf, #c1ddef);
  outline-offset: -12px;
  transition: outline-offset 0.2s ease-out, outline-color 0.3s ease-in-out, background-color 0.2s ease-out;
}

.upload_dropZone.highlight {
  outline-offset: -4px;
  outline-color: var(--colorPrimaryNormal, #0576bd);
  background-color: var(--colorPrimaryEighth, #c8dadf);
}

.upload_svg {
  fill: var(--colorPrimaryNormal);
}

.btn-upload {
  color: #fff!important;
  background-color: #33c8cf!important;
  width: auto;
}

.btn-upload:hover, .btn-upload:focus {
  color: #fff;
  background-color: var(--colorPrimaryGlare);
}

.upload_img {
  width: calc(33.333% - (2rem / 3));
  object-fit: contain;
}

.form-list-input {
  background-color: rgba(255,254,254,0.44);
}

.spacer-1 {
  border-bottom: solid 1px;
  border-bottom-color: #02b3bb;
  padding: 10px;
}

.level_fields {
  padding-top: 10px;
}

.book_fields {
  padding-top: 10px;
}