@import "mixins/mixins";
@import "common/var";

@include b(transferTree) {
  width: 100%;
  height: 100%;
  color: $--tree-font-color;
  @include e(right) {
    width: 50%;
    overflow-y: auto;
    height: 100%;
    .tree1 {
      padding-left: unset !important;
    }
    .treeLast {
      padding-left: 16px !important;
    }
    .el-tree-node__content {
      line-height: 26px;  
      margin-bottom: 12px;
      white-space: pre-wrap;
      align-items: flex-start;
      .el-tree-node__expand-icon {
        padding: 6px;
        position: relative;
      }
    }
  }
  @include e(left) {
    width: 50%;
    height: 100%;
    overflow-y: auto;
    .el-icon-close {
      position: relative;
      top: 3px;
      color: $--color-gray;
      &:hover {
        color: $--color-brown-black;
      }
    }
  }
}
