/* For treemenu.js */
.treemenu li { list-style: none; }
.treemenu .toggler { cursor: pointer; }
.treemenu .toggler:before { display: inline-block; margin-right: 2pt; }
li.tree-empty > .toggler { opacity: 0.3; cursor: default; }

/**
li.tree-empty > .toggler:before { content: "\2212"; }
li.tree-closed > .toggler:before { content: "+"; }
li.tree-opened > .toggler:before { content: "\2212"; }
**/

.tree
{
	color: #999999;
	/**font-weight: 500;**/
	font-size: 13px;
	/**text-transform: uppercase;**/
}

.tree > li
{
	border-bottom: solid 1px #dedede;
	padding-bottom: 10px;
	padding-left: 20px;

	padding-right: 20px;

}

.tree > li:last-child
{
	border-bottom: solid 1px transparent;
}


.tree > li > a
{
	color: #999999;
	text-decoration: none;
}

.tree > .active > a
{
	color: #06a7e2;
	text-decoration: none;
}

.swx-subtree .active > a
{
	color: #06a7e2;
	text-decoration: none;
}

.swx-subtree > li > a
{
	color: #999999;
	text-decoration: none;
}

li.tree-empty > .toggler:before
{
	/**
	content: "\f054";
	font-family: FontAwesome;
	**/

	content: "\f054";
	font-family: FontAwesome;
	padding-right: 10px;
	color: transparent;

	
}
li.tree-closed > .toggler:before
{
	content: "\f054";
	font-family: FontAwesome;
	padding-right: 10px;
	color: #999999;
	font-size: 9px;
}

.active .tree-closed .toggler
{
	content: "\f054";
	font-family: FontAwesome;
	padding-right: 10px;
	color: #06a7e2;
}


li.tree-opened > .toggler:before
{
	content: "\f078";
	font-family: FontAwesome;
	padding-right: 10px;
	color: #999999;
	font-size: 9px;
}


#swx-subtree
{
	padding-left: 25px;
}