.#{$form-prefix-cls}-item {

  &__label{
    font-size: $form-label-font-size;
    color: $gray-10;
    @extend %text-truncate;
  }

  &--top{
    margin-bottom: $form-label-top-margin-bottom;
    .#{$form-prefix-cls}-item__label{
      display: block;
      margin-bottom: $form-label-margin-bottom;
    }
  }
}

// Form validation states
.has-success {
  .#{$input-prefix-cls}-control {
    color: $brand-success;
    border-color: $brand-success;
  }
}

.has-warning {
  .#{$input-prefix-cls}-control {
    color: $brand-warning;
    border-color: $brand-warning;
  }
}

.has-danger {
  .#{$input-prefix-cls}-control {
    color: $brand-danger;
    border-color: $brand-danger;
  }
}


// list form
.#{$list-prefix-cls}__body {
  .#{$form-prefix-cls}-item {
    margin-left: $list-item-padding-x;

    &:not(:last-child){
      border-bottom: $border-width-sm solid $gray-12;
    }

    &__label{
      line-height: $input-height;
      color: $gray-9;
    }
  }
}
