label.output {
  position: absolute;
  transform: translateY(-75%);
  font-size: 0.777rem;
  font-weight: 600;
}

div.output-field {
  padding: 8px;
  font-weight: 700;
}
.form-text {
  color: $it25-gray;
}

.form-group {
  input,
  optgroup,
  textarea {
    color: $black;
  }
  textarea {
    border: 1px solid $input-border;
  }

  input {
    &[type='date'] {
      font-weight: 700;
    }
  }

  label {
    font-size: 1.125rem;
    font-weight: 600;
    color: $it25-gray;
    z-index: 2;
    &.active {
      font-weight: 700;
    }
  }
}

input {
  &[type='checkbox'],
  &[type='radio'] {
    &.just-validate-success-field + label {
      color: $it25-gray;
    }
  }
}

.form-control:disabled {
  //background-color: transparent;
  background-color: $neutral-1-a1;
  opacity: 0.7;
}
.form-control:disabled[type='radio'],
.form-control:disabled[type='checkbox'] {
  opacity: 0;
}
.form-control {
  background-color: transparent;
  &.just-validate-success-field ~ .warning-feedback {
    display: block;
  }
}

.form-check {
  [type='checkbox'] {
    &:not(:checked) + label::after {
      border-color: $neutral-1-a6;
    }
    &:disabled:not(:checked) + label::after {
      border-color: #d9d9d9;
      background-color: #fff;
    }
    &:disabled:checked + label::after {
      background-color: #d9d9d9;
      border-color: #d9d9d9;
    }
    &:disabled.semi-checked + label::after {
      background-color: #d9d9d9;
      border-color: #d9d9d9;
    }
  }
  input.semi-checked:not(:checked) + label::after {
    border-color: $primary; // TODO: Not found
    background-color: $primary; // TODO: Not found
  }
}

.warning-feedback {
  color: adjust-color($warning, $lightness: -25%);
}
.valid-feedback {
  color: adjust-color($success, $lightness: -15%);
}