.isa-form-group {
  font-family: $font-family;
  font-weight: $font-weight;
  font-size: $font-size;

  [type='checkbox'] {
    display: none;
  }

  label {
    cursor: pointer;
    padding-left: 14px;
    font-weight: $font-weight-emphasis;
  }

  [type='checkbox']:checked + label {
    font-weight: $font-weight-bold;
  }

  [type='checkbox'] + label::before {
    width: 1rem;
    height: 1rem;
    display: block;
    content: '';
    border: 2px solid #c6cbd0;
    border-radius: 2px;
    float: left;
  }

  [type='checkbox'] + label::after {
    clear: both;
  }

  [type='checkbox']:checked + label::before {
    background-image: url(assets/images/Check_f_b.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid #89949e;
  }

  &.customer {
    [type='checkbox'] + label::before {
      border-color: $isa-customer-light;
    }

    [type='checkbox']:checked + label::before {
      border-color: $isa-customer;
      background-image: url(assets/images/Check_f.svg);
    }
  }
}

.isa-form-header {
  font-family: $font-family;
  font-size: $headline-font-size-m;
  font-weight: $font-weight-bold;
  line-height: 28px;

  border-radius: 5px 5px 0 0;
  margin-bottom: 20px;

  .sticky {
    position: sticky;
    top: 0;
  }
}

.isa-form-field {
  font-family: $font-family;
  display: flex;
  margin: 20px 0;

  label {
    font-size: $font-size;
    margin-right: 20px;
  }

  input {
    font-size: $font-size;
    font-weight: $font-weight-bold;
    border: none;
    outline: none;

    &:disabled {
      background: none;
    }
  }

  .status {
    margin-left: auto;
    color: $isa-customer;
  }
}
