@import '../../style/themes/default';
@import '../../style/mixins/index';
@import './transition';
.el-checkbox-group {
  font-size: 0; }
.el-tree {
  position: relative;
  cursor: default;
  background: @white;
  color: @tree-text-color;
  &.is-dragging {
    .el-tree-node__content {
      cursor: move;
      * {
        pointer-events: none;
      }
    }
    &.is-drop-not-allow {
      .el-tree-node__content {
        cursor: not-allowed;
      }
    }
  }
}
.el-tree__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
}
.el-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: mix(@primary-color, rgb(158, 68, 0), 50%);
}
.el-tree__drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color:@primary-color ;
}
.el-tree-node {
  white-space: nowrap;
  outline: none;
  &:focus {
    & > .el-tree-node__content {
      background-color: @tree-node-hover-color;
    }
  }
  &.is-drop-inner {
    & > .el-tree-node__content {
      .el-tree-node__label {
        background-color: @primary-color;
        color: #fff;
      }
    }
  }
  & > .el-tree-node__children {
    overflow: hidden;
    background-color: transparent;
  }
  &.is-expanded {
    & > .el-tree-node__children {
      display: block;
    }
  }
}
.el-tree-node__content {
  display: flex;
  align-items: center;
  height: 26px;
  cursor: pointer;
  & > .el-tree-node__expand-icon {
    padding: 6px;
  }
  & > .el-tree-node-custom__expand-icon {
    padding: 6px;
  }
  & > .ant-checkbox-wrapper {
    margin-right: 8px;
  }
  &:hover {
    background-color:@tree-node-hover-color;
  }
}
.el-tree-node__expand-icon {
  cursor: pointer;
  color: @tree-expand-icon-color;
  font-size: 12px;
  transition: transform 0.1s ease-in-out;
  transform: rotate(-90deg);
  &.expanded {

    transform: rotate(0deg);
  }
  &.is-leaf {
    color: transparent;
    cursor: default;
  }
}
.el-tree-node__label {
  font-size: @font-size-base;
}
.el-tree-node__loading-icon {
  margin-right: 8px;
  font-size: @font-size-base;
  color: @tree-expand-icon-color;
}
.el-tree--highlight-current {
  .el-tree-node {
    &.is-current {
      & > .el-tree-node__content {
        background-color: mix(@white, @primary-color, 92%);
      }
    }
  }
}
.el-icon-caret-right {
  //&:before {
  //  font-family: anticon;
  //  content: "\E606";
  //}
}
.el-tree-node__expand-icon1 {
  transform: scale(0.58333) rotate(0deg);
}
.el-tree-node__expand-custom-icon {
  transform: scale(1) rotate(0deg);
  &.expanded {
    transform: scale(1) rotate(0deg);
  }
}