.PS_TreeComponentcard {
	width: 100%;
	height:550;
	margin-top: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0
		rgba(0, 0, 0, 0.19);
	background-color: rgb(0, 67, 106);
	margin-bottom: 15px;
}

.PS_TreeComponentheader {
	background-color: rgb(0, 67, 106);
	border-radius: 10px;
	width: 100%;
	height: 40px; 
}
.PS_TreeComponentTitle{
	/* background-color: red; */

	 position: absolute;
	 	 color: white;
	 	 top:15px;
	 	 margin-left: 10px;;
}
.PS_TreeComponentcontainer {
	height:550;
	width: 100%;
}

.PS_TreeComponentChartContainer {
	/* margin: 0 550; */
	width: 92%;
	height: 470px;
	background-color: white;
	margin-left: 4%;
		 text-align:center;
	
}
.PS_AjaxLoadingimg {
    display: block;
    margin: 100px auto;
}

.doc-loader1 
{
   
    width: 100%;
    height: 100%;
    z-index: 1000;	
}

.PS_TreeComponentinner-div {
	/* display: table;
	margin: 0 auto; */
	width: 100%;
	height:490px;
	background-color: white;
	 box-shadow: 5px 5px 5px rgb(0,67,106);

}

.PS_TreeComponentchevron-Right {
	position: absolute;
	right: -190px;
	margin: 200px;
	opacity: 1;
}

.PS_TreeComponentchevron-left {
	position: absolute;
	opacity: 1;
	left:  -185px;
	margin: 200px;
	background-color:"#7FFFD4";
}

.PS_TreeComponentbtn-group {
	position: absolute;
	right: 270px;
	width: 272px;
}

.PS_TreeComponentCloseGroup {
	position: absolute;
	right: 20px;
	margin: 10px;
	width: 20px;
	height: 20px;
	opacity: 1;
}

.PS_TreeComponentSettingsRefresh {
	position: absolute;
	right: 70px;
	margin: 5px;
	opacity: 1;
}

.PS_TreeComponentPreviev:hover {
	color: black;
	
}


.PS_TreeComponentPreviev {
	color: white;
	
}

.glyphicon-remove {
	color: white;
}

.glyphicon-remove:hover {
	color: red;
}
.nav-tabs >li > a:hover,
	
 .nav>li>a:focus{	
	background-color:lemonchiffon;
	color: black;
}

/* effects for side buttons */
.glyphicon-circle-arrow-right:hover,

.glyphicon-circle-arrow-right:focus

{
 color: #CC6666;
 
}


.glyphicon-circle-arrow-left:hover{
 color: #CC6666;
}