/* CHECKBOX */
.form-check {
  font-size: 14px;
  font-family: "Roboto";
  padding: 0 !important;
  line-height: 1.2;

  display: grid;
  gap: 0 12px;
  grid-template-columns: 24px 1fr;
}

.form-check input {
  cursor: pointer;

  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;

  border: 1.5px solid var(--uni-blue-3);
  border-radius: 5px;
  height: 24px;
  width: 24px;

  margin: 0 !important;
  position: static;
}

.form-check input:checked {
  background: url(../../images/icons/icon-check.svg) center/70% no-repeat;
  background-color: var(--uni-blue-3);
}

.form-check a {
  color: inherit;
  font-weight: bold;
  text-decoration: underline;
}

.form-check .wrapper-error {
  grid-area: auto / 2 / auto / auto;
}

.form-check .wrapper-error .error-message{
  color: var(--uni-red-1);
  padding: 0;
}

.form-check .wrapper-error .error-message::before{
  content: none;
}

/* ERROR MESSAGE */
.error-form-wrapper {
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.error-message {
  font-family: "Roboto";
  font-size: 12px;
  padding: 5px;
  position: relative;
  z-index: 0;
}

.error-message::before {
  content: "";
  background-color: var(--uni-red-1);
  pointer-events: none;

  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translateY(-10px);

  height: 100%;
  width: 100%;
}