.cColor1 {
	background: #275fa5;
}
.cColor2 {
	background: #2c6bb8;
}
.cColor3 {
	background: #75a2e0;
}
.cColor4 {
	background: #536bbb;
}
.cColor5 {
	background: #a6a6a6;
}
.cColor6 {
	background: #444444;
}

.masttree h1 {visibility: hidden; font-size:6px; margin:0; line-height: 10px !important;}

.gtree a, .gtree a:hover {color: #777;}

@media (max-width: 580px) {
.circular {
	width: 30px !important;
	height: 30px !important;
}
.circular h1 {
	display: none !Important;
}
.circular img {
	margin-top: 8px !important;
}
}
.no-pad {
	padding: 0 !important;
}
.tree-lastrow .circular2 img {
	margin-top: 8px !important;
}

@media (max-width: 1100px) {
.dropdown-toggle::after {display: none;}
}

@media (max-width: 767px) {
.masttree p {
	font-size: 0.5em !important;
	word-wrap: break-word !important;
	line-height: 12px;
}
.tree-row4 p {display: none;}
span.l-r-pts {
	display: none !important;
}
}

@media (max-width: 736px) {
.circular {
	overflow: hidden;
	border-radius: 50%;
	width: 55px !important;
	height: 55px !important;
	margin: 0 auto;
}
}

@media (max-width: 420px) {
.tree-row4 .circular {
	overflow: hidden;
	border-radius: 50%;
	width: 25px !important;
	height: 25px !important;
	margin: 0 auto;
}
.tree-row3 .circular img, .tree-row2 .circular img, .tree-row1 .circular img {
	margin-top: 14px !important;
}
.tree-row4 .circular img {
	margin-top: 6px !important;
}
.circular2 {
	width: 15px !important;
	height: 15px !important;
}
.circular2 img {
	display: none !important;
}
.list-inline {
	font-size: 12px !important;
}
}
.circular2 {
	overflow: hidden;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}
.circular {
	overflow: hidden;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	margin: 0 auto;
}
.circular h1 {
	text-align: center;
	color: #fff;
	margin: 6px 0 0 0;
	font-size: 16px !important;
}
.circular2 h1 {
	text-align: center;
	color: #fff;
	margin: 5px 0;
	font-size: 13px !important;
}
.circular img {
	width: 50%;
	display: block;
	margin: 0 auto;
}
.circular2 img {
	width: 50%;
	display: block;
	margin: 10px auto 0 auto;
}
.masttree p {
	font-size: 12px;
}
/*
.masttree h1 {
	line-height: 16px !Important;
}
*/
.legend {
	margin-bottom: 40px;
}
.leg {
	width: 60px;
	text-align: center;
	color: #fff;
	padding: 10px 0;
	margin: 5px auto 0 auto;
	float: left;
}
.leg p {
	color: #fff;
	font-size : 11px;
	margin: 0 !important;
}