
.horizontaltreeview {
  position: relative;
  overflow: auto;
}

.horizontaltreeview-node {
  position: relative;
  margin-left: $horizontalnodeGutter + $horizontalnodeLabelWidth;
  &:before {
    content: "";
    width: $horizontalnodeGutter / 2;
    border-top: 2px solid $horizontalnodeColor;
    position: absolute;
    left: -$horizontalnodeGutter;
    top: 50%;
    margin-top: 1px;
  }
}

.horizontaltreeview-node-entry {
  position: relative;
  min-height: $horizontalnodeEntryMinHeight;
  &:before {
    content: "";
    height: 100%;
    border-left: 2px solid $horizontalnodeColor;
    position: absolute;
    left: -($horizontalnodeGutter / 2);
  }
  &:after {
    content: "";
    width: $horizontalnodeGutter / 2;
    border-top: 2px solid $horizontalnodeColor;
    position: absolute;
    left: -($horizontalnodeGutter / 2);
    top: 50%;
    margin-top: 1px;
  }
  &:first-child {
    &:before {
      width: $horizontalnodeBorderRadius;
      height: 50%;
      top: 50%;
      margin-top: 2px;
      border-radius: $horizontalnodeBorderRadius 0 0 0;
    }
    &:after {
      height: $horizontalnodeBorderRadius;
      border-radius: $horizontalnodeBorderRadius 0 0 0;
    }
  }
  &:last-child {
    &:before {
      width: $horizontalnodeBorderRadius;
      height: 50%;
      border-radius: 0 0 0 $horizontalnodeBorderRadius;
    }
    &:after {
      height: $horizontalnodeBorderRadius;
      border-top: none;
      border-bottom: 2px solid $horizontalnodeColor;
      border-radius: 0 0 0 $horizontalnodeBorderRadius;
      margin-top: -$horizontalnodeBorderRadius + 1px;
    }
  }
  &.sole {
    &:before {
      display: none;
    }
    &:after {
      width: $horizontalnodeGutter / 2;
      height: 0;
      margin-top: 1px;
      border-radius: 0;
    }
  }
}

.horizontaltreeview-node-label {
  display: block;
  min-width: $horizontalnodeLabelWidth;
  padding: 5px 10px;
  line-height: $horizontalnodeLabelHeight - 5px * 2;
  text-align: center;
 // border: 2px solid $horizontalnodeColor;
  border-radius: $horizontalnodeLabelBorderRadius;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -($horizontalnodeLabelHeight / 2);
  //background-color: $horizontalnodeColor;
  cursor: pointer;

  span{
    padding-right: 5px;
  }
}

// .horizontaltreeview-node-label {
//   width: 20% !important;
// }

.horizontaltreeview-node-label{
  display: flex !important;
  justify-content: space-between;
}
.horizontal-tree-text{
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;

}

.horizontaltreeview-node-label .tooltiptext {
  visibility: hidden;
  text-align: center;
  border-radius: 6px;
  padding: 5px 5px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.horizontaltreeview-node-label:hover .tooltiptext {
  visibility: visible;
  margin: 20px 10px;
}






// Unity 4 css


// .leaf{
//   padding-right: 0 !important;
// }

// .ui-treenode{
//   background-attachment: scroll;
//   background-color: transparent;
//   background-image: none;
//   background-position: 0 0;
//   background-repeat: repeat-y;
//   list-style: none outside none;
//   margin: 0;
//   padding: .125em 0 0 0;
//   background: url("line.gif") repeat-x scroll center center transparent;
//   padding: .25em 2.5em;

// }

// .ui-treenode-connector-line {
//   border-left: 1px solid #c8c8c8;
//   width: 1px;
// }

// // .ui-treenode-connector{
// //   width: 1px;
// // }
// .ui-treenode-content {
//   padding: 0.571em 1em;
//   border-radius: 5px;
//   cursor: pointer;
//   width: 150px;
// }

// .ui-treenode-connector-table {
//   height: 100%;
//   width: 1px;
// }

// .ui-treenode-children {
//   padding: 0;
//   margin: 0;
// }


// .horizontaltreeview {
//   position: relative;
//   overflow: auto;
//   /* padding: 0px 40px 20px 0px; */
// }

// .horizontaltreeview::-webkit-scrollbar
// {
// width: 6px;
// height: 6px;
// }


// .horizontaltreeview::-webkit-scrollbar-track
// {
// margin: 50px 0;

// }

