div.treeview {
  min-width: 260px;
  min-height: 100px;
  width: 260px;
  max-height: 256px;
  overflow:auto;

  padding: 4px;

  margin-bottom: 20px;

  color: #369;

  border: solid 1px;
  border-radius: 4px;

}
div.treeview ul:first-child:before {
  display: none;
}
.treeview, .treeview ul {
  margin:0;
  padding:0;
  list-style:none;
  
  color: #369;
}

.treeview ul {
  margin-left:1em;
  position:relative
}
.treeview ul ul {
  margin-left:.5em
}
.treeview ul:before {
  content:"";
  display:block;
  width:0;
  position:absolute;
  top:0;
  left:0;
  border-left:1px solid;
  
  /* creates a more theme-ready standard for the bootstrap themes */
  bottom:15px;
}
.treeview li {
  margin:0;
  padding:0 1em;
  line-height:2em;
  font-weight:700;
  position:relative
}
.treeview ul li:before {
  content:"";
  display:block;
  width:10px;
  height:0;
  border-top:1px solid;
  margin-top:-1px;
  position:absolute;
  top:1em;
  left:0
}

.treeview ul li a:hover,ul li.selected a{
  background-color: #F0E68C;
 }

 .treeview  ul a.selected {
  background-color: #F0E68C;
}


.tree-indicator {
  margin-right:5px;
  
  cursor:pointer;
}
.treeview li a {
  text-decoration: none;
  color:inherit;
  
  cursor:pointer;
}
.treeview li button, .treeview li button:active, .treeview li button:focus {
  text-decoration: none;
  color:inherit;
  border:none;
  background:transparent;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  outline: 0;
}

.treeview_activeItem {
  color: #369;
}

.treeview_inactiveItem {
  color: firebrick;
}