@charset "UTF-8";

.bonsai,
.bonsai > li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.bonsai > li {
  position: relative;
  padding-left: 1.3em; /* padding for the thumb */
}

.bonsai > li .thumb {
  margin: -1px 0 0 -1em; /* negative margin into the padding of the li */
  position: absolute;
  cursor: pointer;
}

.bonsai > li.has-children > .thumb:after {
  content: '▸';
  font-size: 22px;
  color: #c1c2d1;
}

.bonsai > li.has-children.expanded > .thumb:after {
  content: '▾';
}

.bonsai > li.collapsed > ol.bonsai {
  height: 0;
  overflow: hidden;
}

.bonsai .all,
.bonsai .none {
  cursor: pointer;
}