.treeview,
.treeview ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.treeview ul {
  margin-top: 4px;
}

.treeview img {
  vertical-align: middle;
  margin-right: 5px;
}

.treeview .hitarea {
  /*background: url(images/treeview-default.gif) -64px -25px no-repeat;*/
  height: 16px;
  width: 16px;
  margin-left: -16px;
  float: left;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  padding-top: 3px;
}

/* fix for IE6 */
* html .hitarea {
  display: inline;
  float: none;
}


.treeview nobr {
  position: relative;
  bottom: 1px;
  left: 1px;
}

.treeview li {
  margin: 0;
  padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
  background-color: #e3e3e3;
  color: #000000;
  text-decoration: none;
}

#treecontrol {
  margin: 1em 0;
  display: none;
}

.treeview .hover {
  color: #000000;
  cursor: pointer;
  background-color: #e3e3e3;
  text-decoration: none;
}

.treeview .expandable-hitarea {
  /*background-position: -80px -3px; */
  content: "\f078";
  /* this is your text. You can also use UTF-8 character codes as I do here */
  font-family: FontAwesome;
}

.treeview .placeholder {
  background: url(images/ajax-loader.gif) 0 0 no-repeat;
  height: 16px;
  width: 16px;
  display: block;
}

.filetree li {
  padding: 3px 0 2px 16px;
}

.filetree span.folder,
.filetree span.file {
  padding: 1px 0 1px 20px;
  display: block;
  min-height: 15px;
}

.treeview-bs-search span.folder,
.treeview-bs-search span.file {
  /* background-position: 20px 0;*/
  padding: 2px 0 0px 0px;
  margin: 0px 0px 0px -15px;
}

.treeview-bs-search .hitarea {
  display: none;
}

.treeview-bs-search input {
  margin: -2px 20px 0px 0px;
}

.treeview-bs-search span.folder {
  background: none;
}

.treeview-bs-search li.expandable span.folder {
  background: none;
}

.treeview-bs-search span.file {
  background: none;
}