/* ------- tree menu style -------  */


.FK_special_treemenu.layout2 {
	text-align: left;
	direction: ltr;
}
.FK_special_treemenu.layout2 .change-me {
    position: absolute;
    right: 0;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    top: 0;
    z-index: 2;
}
.FK_special_treemenu.layout2 > li:not(:last-child) {
	border-bottom: 1px solid #ddd;
}
.FK_special_treemenu.layout2 a {
	color: #555;
	padding: 10px !important;
	font-size: 12pt;
	transition: 0.35s;
	display: block;
	font-weight: 500;
	background-color: #fff;

}

.FK_special_treemenu.layout2 .active {
	 color: #337AB7;
    background-color: #F2F2F2;
    border-color: #F2F2F2;

}

.FK_special_treemenu.layout2 ul {
	padding:0px;
}

.FK_special_treemenu.layout2 li {
	position: relative;
	list-style:none;
}
/*---*/
.FK_special_treemenu.layout2 li ul {
	background: #49505a;
}

.FK_special_treemenu.layout2 li ul li:not(:last-child) {
	border-bottom: 1px solid #ddd;
}

.FK_special_treemenu.layout2 li ul li a:hover {
	background: #eee;
}


.FK_special_treemenu.layout2 li a:hover::after {	
    font-family: "icomoon";
	content: "\e641";	
	font-size: 35px;
	font-weight: bold;	
	font-variant: normal;
	line-height: 20px;
    margin-left: 5px;
    margin-top: 5px;
	right:0;
	color:#337ab7;
	float:right;
}



.FK_special_treemenu.layout2 li a.active:hover::after {	
    font-family: "icomoon";
	content: "\e641";	
	font-size: 35px;
	font-weight: bold;	
	font-variant: normal;
	line-height: 20px;
    margin-left: 5px;
    margin-top: 5px;
	right:0;
	color:#fff;
	float:right;
}

.FK_special_treemenu.layout2 li a.active::after {	
    font-family: "icomoon";
	content: "\e641";	
	font-size: 35px;
	font-weight: bold;	
	font-variant: normal;
	line-height: 20px;
    margin-left: 5px;
    margin-top: 5px;
	right:0;
	color:#337AB7;
	float:right;
}








.FK_special_treemenu.layout2 li ul li .active {
	color: #fff;
    background-color: #777;
    border-color: #777;

}

.FK_special_treemenu.layout2 a {
	position: relative;
	overflow: hidden;
}

.FK_special_treemenu.layout2 > li .nav-child > li:hover > a:before {
	left: 0;
	transition: 0.35s;
}
/*----*/
.FK_special_treemenu.layout2 .nav-child {
	width: 100% !important;
	background: #fff !important;
}
.FK_special_treemenu.layout2 li > .nav-child > li > a {
	padding: 10px 10px 10px 30px !important;
}
.FK_special_treemenu.layout2 li > .nav-child ul {
	padding: 0 0 0 30px !important;
	position: relative;
}

.FK_special_treemenu.layout2 li > .nav-child ul a:hover {
	transition: 0.35s;
}
/*---*/
.FK_special_treemenu.layout2 span {
	color: #000;
	float: left;
	font-size: 18pt;
	font-weight: bold;
	cursor: pointer;
}

.FK_special_treemenu.layout2 .active span {
	 color: #fff;
    

}

.FK_special_treemenu.layout2 li.current.active>span,
.FK_special_treemenu.layout2 li.current.active>a,
.FK_special_treemenu.layout2>li.current.active.parent>a,
.FK_special_treemenu.layout2>li.current.active.parent>.change-me>span,
.nav-child>li.current.active,
.nav-child>li.current.active>a,
.nav-child>li.current.active>.change-me>span {
	color: #fff;
	background: none;
}
.FK_special_treemenu.layout2 li.active>* {
	background: none;
	color: #fff;
}
.hide {
	display: none!important;
}