ul.bbtreeview {
  background-image: url("line.png");
  background-position: 4px 8px;
  background-repeat: repeat-y;
  list-style: none;
  padding: 0;
  margin: 0 0 0 8px;
}
ul.bbtreeview ul {
  background-image: url("line.png");
  background-position: 4px 8px;
  background-repeat: repeat-y;
  list-style: none;
  margin: 0 0 0 8px;
  padding: 0;
}
ul.bbtreeview li {
  background-position: 0px calc((1.2em - 9px)/2);
  background-repeat: no-repeat;
  cursor: default;
  display: block;
  padding-left: 14px;
  width: 100%;
}
ul.bbtreeview li.c {
  background-image: url("expand.png");
}
ul.bbtreeview li.e {
  background-image: url("collapse.png");
}
ul.bbtreeview li.hidden {
  display: none;
}
ul.bbtreeview div.li {
  display: block;
  height: 1.2em;
  padding-left: 4px;
}
ul.bbtreeview div.li.highlighted {
  background-color: rgb(169, 201, 249, 0.7);
}
ul.bbtreeview div.li > div.icon {
  background-position: 0px center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 100%;
  width: calc(16px);
}
ul.bbtreeview div.li > div.folder {
  background-image: url("folder.png");
}

ul.bbtreeview li > div.li > div.checkbox {
  background-image: url("uncheckbox.png");
}
ul.bbtreeview li.x > div.li > div.checkbox {
  background-image: url("checkbox.png");
}

ul.bbtreeview div.li > span {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  height: 1.2em;
  line-height: 1.2em;
  overflow: hidden;
  padding-left: 6px;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

ul.bbtreeview div.li > span.noicon {
  padding-left: 0px !important;
}