/* 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: #687074;
	/**font-weight: 600;**/
	font-size: 12px;
}

.tree > li
{
	border-bottom: solid 1px #dedede;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
        padding-top: 5px;
	padding-bottom: 5px !important;

}

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


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

	overflow: hidden;
	display: block;
}

.tree > li > a:hover
{
	background: none !important;
	color: #687074 !important;
	text-decoration: none !important;

}

.tree > .active > a
{
	color: #009fe4 !important;
	text-decoration: none;

	overflow: hidden;
	display: block;
}

.tree > .active > a:hover
{
	color: #009fe4 !important;
}


.swx-subtree .active > a
{
	color: #009fe4;
	text-decoration: none;

	overflow: hidden;
	display: block;
}

.swx-subtree > li > a
{
	color: #687074 !important;
	text-decoration: none;

	overflow: hidden;
	display: block;
}

.swx-subtree > li > a:hover
{
	background: none !important;
}


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

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

	float: left;
	line-height: 20px;
	margin-top: 2px;
	display: inline-block;
	
}
li.tree-closed > .toggler:before
{
	content: "\f054";
	font-family: FontAwesome;
	padding-right: 10px;
	color: #687074;

	float: left;
	line-height: 20px;
	margin-top: -2px;
	display: inline-block;
	overflow: hidden;
	font-size: 6px;

}

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


li.tree-opened > .toggler:before
{
	content: "\f078";
	font-family: FontAwesome;
	padding-right: 8px;
	color: #687074;

	float: left;
	line-height: 20px;
	margin-top: -3px;
	display: inline-block;
	font-size: 6px;

}


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


.checkbox-list-megamenu li {
    margin-top: 6px !important;
}