table.treetable span.indenter {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: right;

  /* Disable text selection of nodes (for better D&D UX) */
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;

  /* Force content-box box model for indenter (Bootstrap compatibility) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;

  width: 19px;
}

table.treetable span.indenter a {
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: none;
  width: 19px;
}

table.treetable span {
  background-position: center left;
  background-repeat: no-repeat;
  padding: .2em 0 .2em 1.5em;
}

table.treetable span.file {
  background-image: url(/static/images/document.png);
}

table.treetable span.folder {
  background-image: url(/static/images/folder.png);
}

table.treetable tbody tr td {
  cursor: default;
}
table.treetable tr.collapsed span.indenter a {
  background-image: url(/static/images/right_arrow.png)
}

table.treetable tr.expanded span.indenter a {
  background-image: url(/static/images/down_arrow.png);
}

table.treetable tr.selected {
  background-color: #CCC !important;
}

table.treetable tr:hover {
  background-color: #DDD !important;
}

table.treetable td {
  background: none !important;
}

table.treetable tr.collapsed.selected span.indenter a {
  background-image: url(/static/images/right_arrow.png);
}

table.treetable tr.expanded.selected span.indenter a {
  background-image: url(/static/images/down_arrow.png);
}

table.treetable tr.accept {
  background-color: #DDD !important;
}

table.treetable tr.collapsed.accept td span.indenter a {
  background-image: url(/static/images/right_arrow.png);
}

table.treetable tr.expanded.accept td span.indenter a {
  background-image: url(/static/images/down_arrow.png);
}