/*!  Plugin: treeNav (Tree View from HTML Nested List)
 *   Author: Asif Mughal
 *   URL: www.codehim.com
 *   License: MIT License
 *   Copyright (c) 2019 - Asif Mughal
 */
/* File: tree-nav.css */
 
 #cssmenu > ul > li.has-sub.tree-menu .tree-nav {
  font-family: 'Quicksand', sans-serif; 
   width: 200px;
   height: 100%; /* for zombies browsers*/ 
   height: auto;   
   font-size: 15px;
   background: var(--background);
   overflow: scroll;
}

/* Color Scheme */
#cssmenu ul li.has-sub.tree-menu ul {
  width: 240px;
  z-index: 9;
}


#cssmenu > ul > li.has-sub.tree-menu .tree-nav.default{
  --color:rgb(22, 12, 12);
  --background:  rgba(255, 255, 255, 0.75);
  --folder-color: #c00000;
}

#cssmenu > ul > li.has-sub.tree-menu .tree-nav a {
   color: var(--color);
   text-decoration: none;
   width:160px;
   margin-left: 30px;
   background: #fff;
}
/* Custom Scrollbar For TreeNav */
#cssmenu > ul > li.has-sub.tree-menu .tree-nav::-webkit-scrollbar {
  width: 8px;
}

#cssmenu > ul > li.has-sub.tree-menu .tree-nav::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
#cssmenu > ul > li.has-sub.tree-menu .tree-nav::-webkit-scrollbar-thumb {
  background: #888; 
}

#cssmenu > ul > li.has-sub.tree-menu .tree-nav::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
#cssmenu > ul > li.has-sub.tree-menu .tree-nav ul li{
   list-style: none;   
   position: relative;
   padding: 0px 10px 0 0;
}

#cssmenu > ul > li.has-sub.tree-menu .tree-nav ul li span.folder  { position: absolute; z-index: 9999; left: 8px; top: 8px; }
#cssmenu > ul > li.has-sub.tree-menu .tree-nav li ul li a         {  }
#cssmenu > ul > li.has-sub.tree-menu .tree-nav li ul li a:before  { content: "—"; margin-left: -5px; }
#cssmenu > ul > li.has-sub.tree-menu .tree-nav li ul li           { border-left: 1px dotted var(--color); margin-left: 15px; height:auto; }
#cssmenu > ul > li.has-sub.tree-menu .tree-nav li ul{
display: none;
position: relative;
left:0px;
margin-left: 0px;
box-shadow: none;

}
/* Folder Icon Design */
.folder{
  cursor: pointer;

}
.folder:before{
   font-family: FontAwesome;
   content: "\f055";
   color: var(--folder-color);
   margin-right: 5px;
   display: inline-block;
   padding: 3px;
}
.folder.open:before{
   content: "\f056";
}