table.treetable {
  border-collapse: collapse;
  line-height: 1;
  margin: 0 0 1.1em 0;
  width: 100%;
  position:relative;
}
table.treetable:before {border-top:1px solid #888;width:100%;height:1px;position:absolute;top:0;content:' '}
table.treetable:after {border-top:1px solid #888;width:100%;height:1px;position:absolute;boottom:0;content:' '}

table.treetable thead tr th {
  padding:10px 10px; background:#d5d5d5; border:1px solid #bbb;vertical-align:middle; color: #212529; border-right:none; font:inherit; font-weight:bold; font-size: 0.8rem;
}

table.treetable thead th:first-child { border-left:none; }

table.treetable tbody tr:thoverhover { background-color:#f0f0f0; }

table.treetable tbody tr td {
  cursor: default;
  position:relative;padding:5px 5px 5px 5px; height:20px; line-height:20px;
  font-size:0.8rem;
}

table.treetable tr:nth-child(odd) td {
  background-color:#f5f5f5;
}

table.treetable tr.selected td {
  background-color: #3875d7 !important;
  color: #fff;
}

table.treetable tr.selected a { color:#fff; }
table.treetable a.addchild { display:none; margin-left:20px; color:#ff0 !important;}
table.treetable tr.selected a.addchild { display:inline-block; }


.draggable a.tabledrag-handle {
  cursor: move;
  float: left; /* LTR */
  height: 1.7em;
  margin-left: -1em; /* LTR */
  overflow: hidden;
  text-decoration: none;
}
a.tabledrag-handle:hover {
  text-decoration: none;
}
a.tabledrag-handle .handle {
  background: url('../images/tablednd/draggable.png') no-repeat 6px 9px;
  height: 25px;
  margin: -0.4em 0.5em; /* LTR */
  padding: 0.42em 0.5em; /* LTR */
  width: 20px;
}
a.tabledrag-handle-hover .handle {
  background-position: 6px -11px;
}
div.indentation {
  float: left; /* LTR */
  height: 1.7em;
  margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
  width: 20px;
}
div.tree-child {
  background: url('../images/tablednd/tree.png') no-repeat 11px center; /* LTR */
}
div.tree-child-last {
  background: url('../images/tablednd/tree-bottom.png') no-repeat 11px center; /* LTR */
}
div.tree-child-horizontal {
  background: url('../images/tablednd/tree.png') no-repeat -11px center;
}