.treeview, .treeview ul {
  padding: 0;
  margin: 0;
  list-style: none;
  }
  
  .treeview .hitarea {
  height: 31px;
  width: 31px;
  margin-left: -12px;
  float: left;
  cursor: pointer;
  margin-top: 10px;
  }
  /* fix for IE6 */
  * html .hitarea {
  display: inline;
  float:none;
  }
  
  .treeview li {
  margin: 0;
  padding: 3px 0pt 3px 16px;
  }
  
  
  #treecontrol { margin: 1em 0; display: none; }
  .treeview .hover { color: #0052ff; cursor: pointer; }
  .treeview li.collapsable, .treeview li.expandable {background: url(images/minus.svg)no-repeat;background-size: 23px;}
  .treeview .expandable-hitarea {background: url(images/plus.svg)no-repeat;background-size: 23px;}
  .treeview .placeholder {
  background: url(images/ajax-loader.gif) 0 0 no-repeat;
  height: 16px;
  width: 16px;
  display: block;
  }
  
  ul.treeview {
  width: 100%;
  }
  
  .treeview li {
  margin: 0;
  padding: 0px 0pt 0px 20px;
  }
  
  ul.treeview li a {
  margin-left: 20px;
  }
  
  .hitarea.collapsable-hitarea {
  margin-left: -12px;
  left: 10px;
  top: 10px;
  margin-top: 6px;
  }
  .treeview li.collapsable, .treeview li.expandable {
  background-position: 8px 10px;
  }
  
  
  ul.treeview li {
  width: 100%;
  border-bottom: 1px solid #f1f2f6;
  }
  
  ul.treeview li:last-child {
  border-bottom: none;
  }
  
  
  .treeview a {
  padding: 10px 10px 10px 0px;;
  display: block;
  }
  
  
  .treeview a.selected{
  font-weight: bold;
  border-right: 3px solid #0052ff;
  color: #0052ff;
  /* Add any other styles you want to apply */
  }
  
  .treeview > li:first-child {
  padding: 0;
  background: none;
  }
  
  
  .treeview > li:first-child a{
  background: none!important;
  }
  ul.treeview a {
  color: #002052;
  }
  
  
  .children li:first-child {
  border-top: 1px solid #f1f2f6;
  }
  
  .treeview li:first-child a.selected {
  border-right: none;
  }