.branch {
  margin-left: 20px;
  overflow: hidden;
}

.treenode {
  color: #333;
  margin: 0;
  white-space: nowrap;
  display: flex;
  margin-right: 2px;
}

.treenode:hover {
  background-color: #edf8fa;
}

.icon {
  display: inline-block;
  width: 16px;
  text-align: center;
}

.fill {
  flex: 1;
}

.clickable {
  cursor: pointer;
}

.disabled {
  color: dimgray;
  opacity: 0.5;
}

.right {
  float: right;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.treenode:hover > .action {
  visibility: visible;
  width: auto;
}

.action {
  visibility: hidden;
  width: 0px;
  padding-left: 2px;
}
