$tree-prefix-cls: $lib-name + "-tree";

.#{$tree-prefix-cls} {
  position: relative;

  &-children {
    margin: 8px 0;
    white-space: nowrap;

    .#{$tree-prefix-cls}-children {
      padding: 0 0 0 18px;
    }
  }

  &-title {
    display: inline-block;
    margin: 0;
    padding: 0 4px;
    border-radius: 3px;
    cursor: pointer;
    vertical-align: top;
    color: $text-color;
    transition: all $transition-time $ease-in-out;

    &:hover {
      background-color: lighten($primary-color, 30%);
    }

    &-selected, &-selected:hover {
      background-color: lighten($primary-color, 20%);
    }
  }

  &-arrow {
    cursor: pointer;
    width: 12px;
    text-align: center;
    display: inline-block;

    i {
      transition: all $transition-time $ease-in-out;
      font-size: $font-size-base;
      vertical-align: middle;

      &.#{$lib-name}-icon-spinner2 {
        animation: rotating 1s linear infinite;
      }
    }

    &-open {
      i {
        transform: rotate(90deg);
      }
    }

    //&-hidden{
    //    cursor: auto;
    //    i{
    //        display: none;
    //    }
    //}
    &-disabled {
      //cursor: @cursor-disabled;
    }
  }

  .#{$lib-name}-checkbox-wrapper {
    margin-right: 4px;
    margin-left: 4px;
  }

  &-context-menu {
    position: absolute;
  }
}