.#{$tree-prefix-cls} {
  padding-left: 0;
  user-select:none;

  li {
    list-style: none;
  }

  &__node {
    $node: #{&};

    &-title {
      height: "100%";
      padding-top: 0;
      padding-bottom: 0;
      overflow: hidden;
      font-size: 14px;
      line-height: 16px;

      &--toggle {
        display: inline-block;
        width: 16px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;

        &::before {
          @extend %aid-icon;
          content: "\F567";
          transform: scale(1.6, 1.6);

          #{$node}--open > & {
            content: "\F565";
          }

          #{$node}-leaf > & {
            content: "";
          }
        }
      }
    }

    &-leaf {
      #{$node}-title--toggle {
        // display: none;
        visibility: hidden;
      }
    }
    &-icon {
      top: $tree-node-text-padding-y;
      position: relative;
      font-size: $tree-node-icon-size;
      width: $tree-node-icon-size;
      padding: 3px 0;
      // margin-right: $tree-node-text-padding-x;
    }

    &-content {
      height: $tree-node-height;
    }

    &-text {
      cursor: pointer;
      
      // @include border-radius();
      &--checked {
        background-color: $tree-node-text-check-bg !important;
        @include hover-focus {
          background-color: $tree-node-text-check-bg;
        }
      }

      padding: 7px $tree-node-text-padding-x $tree-node-text-padding-x $tree-node-text-padding-x;
      margin-left: $tree-node-text-padding-x;
      vertical-align: middle;
      display: inline-block;
      height: 100%;
    }
    &-text-hight {
      @include hover-focus {
        background-color: $tree-node-text-hover-bg;
      }
    }
    // &-handle {
    //   cursor: pointer;
    //   height: $tree-node-icon-size + 4 * 2;
    //   padding-top: 4px;
    //   padding-bottom: 4px;
    //   top: 3px;
    // }
    &-high-light{
      @include hover-focus {
        background-color: $tree-node-text-hover-bg;
      }
    }
    &__hight-light{
      background: $brand-primary!important;
      .#{$tree-prefix-cls}__node-text,span {
        color: white
      }
      .form-checkbox,
      .#{$tree-prefix-cls}__node-handle {
        color: white;
      }
      .#{$tree-prefix-cls}__node-icon {
        color: #ffffff
      }
    }

    &__disabled {
      .#{$tree-prefix-cls}__node-leaf {
        .#{$tree-prefix-cls}__node-text {
          cursor: not-allowed;
          color: rgba(0,0,0,.35)
        }
      }
    }

    .#{$checkbox-prefix-cls} {
      margin-bottom: 0;
      margin-top: 4px;
      padding-top: 4px;
      padding-bottom: 4px;

      &__inner {
        width: 14px;
        height: 14px;
        padding: 0 0 0 14px;
        min-height: 14px;
      }

      &__inner::before {
        width: 14px;
        height: 14px;
        font-size: 12px
      }
      &__inner::after {
        display: none
      }
      &--indeterminate{
        .#{$checkbox-prefix-cls}__inner {
          border: 1px solid $checkbox-border-color;
          min-height: 14px;
          padding: 0;
          border-radius: 2px;
          top: 3px;
        }
        .#{$checkbox-prefix-cls}__inner::before {
          content: ' ';
          opacity: 1;
          width: 6px;
          height: 6px;
          background-color: $brand-primary;
          border: 0;
          left: 3px;
          border-radius: 0;
        }
      }
    }
  }

  &__child-tree {

    @at-root {
      .#{$tree-prefix-cls}__node--open > & {
        display: block;
      }
      .#{$tree-prefix-cls}--multiple & {
        padding-left: 0;
      }
    }
    display: none;
    padding-left: 4px;
  }
  &--aux-line {
    li {
      position: relative;
      .subline {
        position: absolute;
        display: block;
        width: 1px;
        height: 100%;
        top: 15px;
        margin: 0 6px;
        border-left: 1px solid #d9d9d9;
      }
    }
    ul>li:last-child>.subline {
      display: none;
    }
    .#{$tree-prefix-cls}__node-icon {
      background: $white;
    }
    // li:not(:last-child)::before {
    //   position: absolute;
    //   left: 6px;
    //   width: 1px;
    //   height: 100%;
    //   margin: 22px 0;
    //   border-left: 1px solid #d9d9d9;
    //   content: ' ';
    // }
  }
  &__node-light-text{
    color: $brand-primary;
  }
  &__node-light-width{
    width: 100%
  }
  &__input-model{
    margin-bottom: 15px;
  }
}