.b-tree-view-node-icon {
  color: #fff !important;
}
.b-tree-view-node-title > span {
  color: #ddd;
  display: block;
  padding: 0 !important;
  margin: 0 !important;
}
.b-tree-view-node-title > span span.draggable {
  padding: 0.15em 0 !important;
  display: block;
  border: solid 2px transparent;
}
.b-tree-view-node-title > span span.draggable.bg-primary {
  background-color: #a0a0bc !important;
}
.b-tree-view-node-title > span span.draggable.drag-over.before {
  border-top-color: red;
}
.b-tree-view-node-title > span span.draggable.drag-over.after {
  border-bottom-color: red;
}
.b-tree-view-node-title > span span.draggable.drag-over.child {
  border-left-color: red;
}
.b-tree-view-node-title .action-icons {
  display: inline-block;
  visibility: hidden;
  margin-left: 1.5em;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
.b-tree-view-node-title .action-icons button {
  margin-left: 0.5em;
}
.b-tree-view-node-title:hover {
  background-color: #a0a0bc;
}
.b-tree-view-node-title:hover > span {
  color: #333;
}
.b-tree-view-node-title:hover .action-icons {
  visibility: visible;
  opacity: 1;
}