// Tree view

.tree-view {
  font-family: @font-family-base-component;
  font-size: @tree-view-font-size;
}

.tree-view ul {
  position: @tree-view-ul-li-position;
  top: @tree-view-space-ul;
}

.tree-view li {
  max-width: @tree-view-max-width;
  position: @tree-view-ul-li-position;
  left: @tree-view-adjust-li;
  list-style: none;
}

.tree-item:before {
  content: @content-icon-deploy;
  margin-left: @tree-view-adjust-position-icon;
  padding: @tree-view-adjust-padding-icon;
}

.tree-item.deploy:before {
  content:  @content-icon-deployup;
}

.active-color {
  color: @body-color !important;
  font-weight: bold;
}

.tree-item-disabled:before {
  content: @content-icon-deploy;
  margin-left: @tree-view-adjust-position-icon;
  padding: @tree-view-adjust-padding-icon;
  opacity: @tree-view-item-disabled-opacity;
}

.tree-view li .tree-item {
  text-decoration: none;
}

.tree-view ul li > .tree-item {
  cursor: pointer;
}

.tree-view .parent-li ul li a {
  cursor: pointer;
  color: @gray;
  text-decoration: none;
  margin-left: @tree-view-adjust-position-a;
  padding: @tree-view-adjust-padding-a;
}

.tree-view .parent-li ul li a:hover, .tree-item:hover {
  color: @secondary-color;
  font-weight: bold;
}

.active-child:before {
  content: @content-icon-tree-view;
  margin-left: @tree-view-child-adjust-position-icon;
  padding: @tree-view-child-adjust-padding-icon;
  color: @link-color;
}