@import url('https://fonts.googleapis.com/css?family=Patua+One');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Oswald:500');
/* Map Outline*/
.st0 {
	display: none;
}
.st1 {
	display: inline;
	fill: #E53935;
}
.st2 {
	opacity: 0.29;
}
.st3 {
	opacity: 0.67;
}
.st4 {
	fill: #BFBFBF;
	fill-opacity: 0.9;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
}
.st5 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
}
.st6 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 2.8128, 1.4064, 2.8128, 1.4064;
}
.st7 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 3.3468, 1.6734, 3.3468, 1.6734;
}
.st8 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 1.857870e-02, 9.289349e-03, 1.857870e-02, 9.289349e-03;
}
.st9 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 2.2806, 1.1403, 2.2806, 1.1403;
}
.st10 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 0.5272, 0.2636, 0.5272, 0.2636;
}
.st11 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 0.2749, 0.1375, 0.2749, 0.1375;
}
.st12 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 0.8665, 0.4333, 0.8665, 0.4333;
}
.st13 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 0.31, 0.155, 0.31, 0.155;
}
.st14 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 6.4558, 3.2279, 6.4558, 3.2279;
}
.st15 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 6.4558, 3.2279, 6.4558, 3.2279, 6.4558, 3.2279;
}
.st16 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 2.1098, 1.0549, 2.1098, 1.0549;
}
.st17 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 4.9472, 2.4736, 4.9472, 2.4736;
}
.st18 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 1.0542, 0.5271, 1.0542, 0.5271;
}
.st19 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 8.233, 4.1165, 8.233, 4.1165;
}
.st20 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 1.843, 0.9215, 1.843, 0.9215;
}
.st21 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 8.0559, 4.028, 8.0559, 4.028;
}
.st22 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 0.2993, 0.1496, 0.2993, 0.1496;
}
.st23 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 6.1653, 3.0826, 6.1653, 3.0826;
}
.st24 {
	fill: none;
	stroke: #000000;
	stroke-width: 0.5;
	stroke-miterlimit: 10;
	stroke-dasharray: 3.4196, 1.7098, 3.4196, 1.7098;
}
.st25 {
	fill: #E53935;
}
.st26 {
	fill: #FBC02D;
}
.st27 {
	fill: #9C27B0;
}
.st28 {
	fill: #4DB6AC;
}
.st29 {
	fill: #66BB6A;
}
.st30 {
	fill: #757575;
}
.st31 {
	fill: #FF8A65;
}
.st32 {
	fill: #F48FB1;
}
.st33 {
	fill: #03A9F4;
}
.st34 {
	fill: #FF75DD;
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-box {
	border-bottom: 3px solid #fff; /*colored line at popup bottom*/
	background: #fff /*background of popup*/
}
/*arrow and border color depending on where the tooltip opens (for example above or below the element)*/

.tooltipster-sidetip.tooltipster-punk.tooltipster-top.tooltipster-arrow-border {
	border-top-color: #50E3C2
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom.tooltipster-arrow-border {
	border-bottom-color: #fff
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-left.tooltipster-arrow-border {
	border-left-color: #fff
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-right.tooltipster-arrow-border {
	border-right-color: #fff;
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-content {
	color: #000;
	padding: 8px 16px;
	font-family: 'Open Sans', sans-serif;
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-box {
	border-radius: 5px;
	border: none;
	border-bottom: 3px solid #2a2a2a;
	background: #adaa9b;
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-box {
	margin-bottom: 7px;
    border: 1px solid #1e1e1e;
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-content {
	color: #fff;
	padding: 8px 16px;
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-content b {
	color: red;
	padding: 8px 16px;
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-content .data-container h3 {
	padding: 8px 16px;
    background: #1e1e1e;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    color: #fff;
    line-height: 18px;
    position: absolute;
    top: -35px;
    right: 5px;
    left: 5px;
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-content .data-container ul {
	list-style: none;
	padding-left: 0;
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-content .data-container ul li {
	float: left;
	width: 100%;
	border-bottom: 0.7px solid rgba(255, 255, 255, 0.20);
	padding: 2px 0;
	font-size: 12px;
}
/*--------Bullet--------*/


.tooltipster-sidetip.tooltipster-punk .tooltipster-content .data-container .right ul.bullet {
	float: left;
	width: 100%;
	padding: 2px 0;
	font-size: 12px;
	display: block;
	list-style: disc;
	padding-left: 10px;
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-content .data-container .right ul.bullet li {
	border: none;
}
/*--------end bullet--------*/


.tooltipster-sidetip.tooltipster-punk .tooltipster-content .data-container ul li .left {
	float: left;
	color: #1e1e1e;
	padding-right: 10px;
	font-weight: bolder;
	text-transform: uppercase;
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-content .data-container ul li .right {
	float: left;
	color: #fff;
	text-align: left;
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-content h3 {
	color: #fff;
	padding: 8px 16px;
	background: red;
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-arrow-background {
	display: none;
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: #adaa9b;
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border {
	border-left-color: #adaa9b;
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border {
	border-right-color: #adaa9b;
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border {
	border-top-color: #adaa9b;
}
/* Projects Color Scheme*/

#sez-projects circle {
	fill: #E53935;
}
#sez-projects circle:hover {
	stroke: #E53935;
}
#gwadar-ports-projects circle {
	fill: #FBC02D;
}
#gwadar-ports-projects circle:hover {
	stroke: #FBC02D;
}
#energy-projects circle {
	fill: #9c27b0
}
#energy-projects circle:hover {
	stroke: #9c27b0;
}
#road-projects circle {
	fill: #4db6ac;
}
#road-projects circle:hover {
	stroke: #4db6ac;
}
#railway-projects circle {
	fill: #66BB6A;
}
#railway-projects circle:hover {
	stroke: #66BB6A;
}
#educational-projects circle {
	fill: #757575;
}
#educational-projects circle:hover {
	stroke: #757575;
}
#water-projects circle {
	fill: #FF8A65;
}
#water-projects circle:hover {
	stroke: #FF8A65;
}
#airport-projects circle {
	fill: #F48FB1;
}
#airport-projects circle:hover {
	stroke: #F48FB1;
}
#seaport-projects circle {
	fill: #03A9F4;
}
#seaport-projects circle:hover {
	stroke: #03A9F4;
}
#industrial-projects circle {
	fill: #FF75DD;
}
#industrial-projects circle:hover {
	stroke: #FF75DD;
}
/* End Projects Color Scheme*/

.animation {
	stroke-width: 10px;
}
span {
	font-weight: bold;
}
/* Legend */

.legend-container {
	width: 100%;
}
.legend-container #col1 ul {
	list-style: none;
    background: #f2f2f2;
    border-bottom: 1px solid #990110;
}
.legend-container #col1 ul li {
	display: inline-block;
	width: 100%;
	max-width: 101px;	
	float:left;
}
.legend-container #col1 ul li.text h3 {
	font-size: 40px;
	text-align: center;
	padding: 0;
	margin: 0;
}
.legend-container #col1 ul li.purple h3 {	
	color: #9c27b0;	
}
.legend-container #col1 ul li.red h3 {
	color: #E53935;
}
.legend-container #col1 ul li.lpink h3 {
	color: #F48FB1;
}
.legend-container #col1 ul li.teal h3 {
	color: #4db6ac;
}
.legend-container #col1 ul li.skyblue h3 {
	color: #03A9F4;
}
.legend-container #col1 ul li.orange h3 {
	color: #FF8A65;
}
.legend-container #col1 ul li.gray h3 {
	color: #757575;
}
.legend-container #col1 ul li.green h3 {
	color: #66BB6A;
}
.legend-container #col1 ul li.yellow h3 {
	color: #FBC02D;
}.legend-container #col1 ul li.pink h3 {
	color: #FF75DD;
}





.legend-container #col1 ul li p {
	text-align: center;
	font-size: 10px;
	font-family: 'Open Sans', sans-serif;
	line-height: 11px;
}