/*=============================================
=    OVERRIDE of SOFT-DESIGN-SYSTEM-PRO CSS   =
==============================================*/

.form-control {
  font-size: 0.800rem;
}

/* ---------------------- */

.was-validated .form-control:valid,
.form-control.is-valid {
  background-size: 2rem 2rem;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  background-size: 2rem 2rem;
}

/* ---------------------- */

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  box-shadow: 0 0 0 4px rgba(102, 212, 50, 0.25);
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  background-size: 16px 12px, 2rem 2rem;
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
  box-shadow: 0 0 0 4px rgba(102, 212, 50, 0.25);
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 4px rgba(102, 212, 50, 0.25);
}

.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: 16px 12px, 2rem 2rem;
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
  box-shadow: 0 0 0 4px rgba(253, 92, 112, 0.25);
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 4px rgba(253, 92, 112, 0.25);
}

.modal {
  --bs-modal-border-radius: 1rem;
}

.glide__bullets {
  position: absolute;
  z-index: 2;
  /*bottom: 2em;*/
  left: 50%;
  display: inline-flex;
  list-style: none;
  transform: translateX(-50%);
}

.glide__bullet {
  background-color: #444;
  width: 12px;
  height: 12px;
}

.glide__bullet:focus,
.glide__bullet:hover {
  /* border: 2px solid white; */
  background-color: #29ABE2;
}

.glide__bullet--active {
  background-color: #a9a9a9;
}

.choices__inner {
  background-color: #fff;
}