/* TreeJS styling */

.treeview, .treeview ul {
	list-style-type: none;
	overflow: hidden;
}

.treeview li {
	text-indent: 1%;
	margin-top:0.2em;
	padding:0.15em 0 0.5em 1.5em;
	line-height: 22px;
	background-repeat:no-repeat;
	background-size: 24px 24px;
}

.treeview>li:hover {
	cursor: pointer;
	background-size: 24px 24px;
}

.treeview span.has-node-icon {
	text-indent: 2%;
	margin-top:0.2em;
	padding:0.15em 0 0.5em 2.0em;
	line-height: 22px;
	background-repeat:no-repeat;
	background-size: 24px 24px;
}

.treeview span:not(span.has-node-icon):hover{
	background-color: rgba(246, 246, 246, 0.7);
}

.treeview, .treeview ul {
	list-style-type: none;
	overflow: hidden;
  }
  
  .treeview li {
	text-indent: 1%;
	margin-top: 0.2em;
	padding: 0.15em 0 0.5em 1.5em;
	line-height: 26px;
	background-repeat: no-repeat;
	background-size: 24px 24px;
  }
  
  .treeview span.active {
	  background: linear-gradient(90deg, rgba(115, 136, 255, 1) 0%, rgba(112, 151, 255, 1) 53%, rgba(116, 186, 255, 1) 100%);
	  border-radius: 12px;
	  padding: 2px 10px;
	  display: block;
  }
  .treeview span.active a{
	  color: #fff !important;
	  
  }
  
  .treeview li.contains-items { 
	  background-image: url('/templates/default/images/icons/arrow-left.png'); 
	  background-position: 0px 4px;
  }
  .treeview li.items-expanded { 
	  background-image: url('/templates/default/images/icons/arrow-down.png'); 
	  background-position: 0px 4px;
  }