.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none;
	
}
.tree ul {
    margin-left:1em;
	
    position:relative;
	
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
	margin-left:5px;
    border-left:4px solid #ddd;
	margin-bottom:5px;
	margin-top:-6px;
}
.tree li {
    
    padding:0 2.1em;
    line-height:2em;
    color:black;
    font-weight:100;
    position:relative;
	font-size:16px;
	
	
	
}

.tree ul li:before {
    content:"";
    display:block;
    width:25px;
    border-top:4px solid #ddd;
    margin-top:5px;
    position:absolute;
    top:1em;
    left:0;
	margin-left:9px;
	
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#369;
	
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}
.branch label{
   border:1px solid #ddd;
	margin-top:5px;
   padding-left:5px;
   padding-right:5px;
   font-size:14px;
   background-color:#f5f5f5;
   
}
 .rolesaction i{
 margin-left:15px;
 font-size:14px;
 visibility:hidden;
}
 .rolesaction:hover i{
 visibility:visible;
}
.permission-btns{
	border:1px solid #ddd;
	margin-top:30px;
	height:auto;
	width:600px;
	margin-left:30px;
	box-shadow: 1px 1px 3px #dddddd;
}
.allRoles{
	border:1px solid #ddd;
	height:250px;
	width:500px;
	padding:10px;
	margin-top:-130px;
	position:absolute;
	z-index:400;
	background:white;
	top:150px;
}

.profiledeletepopup{
	border:1px solid #ddd;
	height:200px;
	width:500px;
	padding:10px;
	margin-top:-130px;
	position:absolute;
	z-index:400;
	background:white;
	top:150px;
}
.Rolesearchicon{
	position:absolute;
	margin-left:160px;
	padding:13px;
	font-size:large
}