.el-tree{
  background-color: inherit;
  color: #ffffff;
  font-size: 14px;

  .el-tree-node  > .el-tree-node__content,.el-tree-node__content{
    background-color: inherit;
    height: 30px;
    line-height: 30px;
  }

  .el-tree-node.is-current > .el-tree-node__content,.el-tree-node__content:hover {
    background-color: #003E51 !important;
    color: #08A6DC;

  }


  .el-tree-node.is-current > .el-tree-node__content{
    .custom-tree-node .right-icon{
      display: block;
    }
  }
  .custom-tree-node{
    &.node-checked {
      position: relative;
      color: #08A6DC;

      &::after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        top: calc(50% - 3.5px);
        right: -3px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #08A6DC;
        transform: rotate(270deg);
      }
    }
  }
}
.custom-theme .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  background-color: #003E51;
}
.el-tree .is-checked>.el-tree-node__content{
  color: #08A6DC;
}
.custom-theme {
   .el-tree{
    &::v-deep .el-tree-node__content:hover {
      background-color: #003E51;
      background:#003E51;
    }
   }
}
.vue-treeselect{
  .vue-treeselect__control{
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    &:hover{
      border-color:rgba(255, 255, 255, 0.1) !important;
    }
    .vue-treeselect__single-value{
      color: #fff;
    }
  }
}
