/* Map on Traditional Tab */
.st0 { fill: #FFFFFF; }
.st2{fill:#888888;}
	
/* IE 10+ Compatibility */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		#svgMap {
			/*height: 450px;*/
			height: auto;
		}		
}

.mapButton{
	margin-top: 10px;
	border-radius: 16px;
	background: #0047A0;
	border: none;
	padding: 5px;
	color: white;
}

#svgMap {
	height: 450px;
}

#modal h5{
	font-weight:bold;
}

.schoolModalBtn {
	width: 100%;
	border: none;
	background-color: white;
	text-align: left;
}

.icon {
	float: right;
}
	
.modal-content{
	background: #ffffff;
}

a:hover{
	stroke: #0391dd;
	stroke-width: 6;
}

.highlight{
	stroke: #0391dd;
	stroke-width: 20;
}

.outline{
	stroke: #000;
	stroke-width: 8;
}

a{
	stroke: #000;
	stroke-width: 2;
}
	
.tradCol > li > a{
    padding-top: 4px;
    padding-bottom: 4px;
    font-size : 14px;
    max-width: 90%;
}	
	
.q0-5{fill:#8dd3c7;} 
.q1-5{fill:#ffffb3;} 
.q2-5{fill:#bebada;} 
.q3-5{fill:#fb8072;} 
.q4-5{fill:#80b1d3;}

.st0 { fill: #FFFFFF; }
.st-blue { fill: #0391dd; }

.hideSVG{
	stroke: transparent;
	fill: transparent;
	height:0;
}

.showSVG{
	stroke: #000;
	fill: #FFF;
	height: 450px;
}

.hide{
	display:none !important;
}

.show-block{
	display:block;
}

.show-flex{
	display: flex !important;
}

.show-inline{
	display: inline;
}

.blue {
	fill:#337ab7;
}

/* Removing link styles from IET Legend */
#IETHealth a{
	color:#000;
	cursor: default;
	text-decoration: none;
}

#IETManufacturing a{
	color: #000;
	cursor: default;
	text-decoration: none;
}

#IETConstruction a{
	color:#000;
	cursor: default;
	text-decoration: none;
}

#IETHospitality a{
	color: #000;
	cursor: default;
	text-decoration: none;
}

#IETTransportation a{
	color: #000;
	cursor: default;
	text-decoration: none;
}

#IETEntrepreneurship a{
	color: #000;
	cursor: default;
	text-decoration: none;
}

/* Map Area */
/*
#mapArea{
	text-align: center;
}
*/

.noback {
	fill:transparent;
}

a.maplink:hover{
	stroke: black !important;
	opacity:1 !important;
	stroke-width:8 !important;
}

a.maplink:focus{
	stroke: black !important;
	opacity:1 !important;
	stroke-width:8 !important;
}

/* Style when areas are highlighted on map */

.areahighlight{
	stroke: rgb(0, 0, 0);
	opacity: 1.0;
	stroke-width: 8;
}

/* Tooltip styles */

.tooltip{
	position: relative;
  	display: inline-block;
}

.tooltip .tooltiptext{
	visibility: hidden;
  	width: 120px;
  	background-color: black;
  	color: #fff;
  	text-align: center;
  	padding: 5px 0;
  	border-radius: 6px;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 50%;
	margin-left: -60px;
}

.tooltip:hover .tooltiptext{
	visibility: visible;
}

/** Style for area fill colors **/

.legendName{
	text-align: center;
	cursor: pointer;
	/*flex: 1 22%;
	margin-left: 3px;*/
	border-radius: 5px;
	padding: 5px;
}

.legendColor{
	display: block;
	width: 20px;
	height: 20px;
	float: right;
	margin: 1px;
}

/* Legend Captions */
.TANCaption, .WFCaption, .IETCaption{
	margin-bottom: 0;
}

/* TAN */

.tan1_fill{
	fill: #F4D03F;
}

.tan2_fill{
	fill: #337ab7;
}

.tan3_fill{
	fill: #89c4f4;
}

.tan4_fill{
	fill: #be90d4;
}

.pin{
	width: 20px;
	position:absolute;
	left:10px;
	top:10px;
}

.districtSelect h3{
	margin-top:0;
}

.tan1_legend{
	padding:5px;
	border:2px solid gray;
	border-radius: 2px;
	background:yellow;
	display:inline-block;
}

.tan1_back{
	background: #F4D03F !important;
	color:black;
	margin-bottom:10px;
}

#TAN1Color{
	background: #F4D03F;
}

.tan2_back{
	background: #337ab7 !important;
	color:black;
	margin-bottom:10px;
}

#TAN2Color{
	background: #337ab7;
}

.tan3_back{
	background: #89c4f4 !important;
	color:black;
	margin-bottom:10px;
}

#TAN3Color{
	background: #89c4f4;
}

.tan4_back{
	background: #be90d4 !important;
	color:black;
	margin-bottom:10px;
}

#TAN4Color{
	background: #be90d4;
}

/* Highlights */

.Highlight{
	background: #FFF1E4;
	outline: 2px solid blue;
	border-radius: 2px;
	font-weight: bold;
}

.Outline{
	stroke: black;
	stroke-width: 8px;
}

/** Map Legends **/

.intro{
	margin-top: 20px;
}

#AreaLegend{
	position: relative;
	/*height: 400px;*/
}

#TANLgd{
	/*display: flex !important;*/
	flex-wrap: wrap;
	border: 1px solid grey;
	/*border-radius: 5px;
	padding: 5px;
	position: absolute;*/
	bottom: 0;
}

#TANLgd .legendName{
	flex: 1 22%;
}

#TANLgd div{
	
	text-align: center;
	/*border: 1px solid grey;*/
	color: black;
}

/* Workforce */

#WFLgd{
	/*display: flex !important;*/
	flex-wrap: wrap;
	border: 1px solid grey;
	border-radius: 5px;
	padding: 3px;
	/*position: absolute;*/
	bottom: 0;
}

#WFLgd .legendName{
	flex: 1 27%;
}

#WFLgd div{
	
	text-align: center;
	/*border: 1px solid grey;*/
	color: black;
}

#IETLgd{
	/*display: flex !important;*/
	flex-wrap: wrap;
	border: 1px solid grey;
	border-radius: 5px;
	padding: 3px;
	/*position: absolute;*/
	bottom: 0;
}

#IETLgd div{
	
	text-align: center;
	/*border: 1px solid grey;*/
	color: black;
}
 
#WFLegend ul{
	margin: 0;
	padding: 0;
	list-style-type: none !important;
}

#WFLegend li{
	list-style-type: none !important;
	flex: 1;
}

.WorkforceLegend{
	float:left;
}

.wf1_back{
	background: #5cbbb2;
}

#CatawbaColor{
	background: rgb(92, 187, 178);
}

.wf2_back{
	background: #738be3;
}

#GreenvilleColor{
	background: #738BE3;
}

.wf3_back{
	background: #2191ec;
}

#LowcountryColor{
	background: #2191EC;
}

.wf4_back{
	background: #f79797;
}

#LSavannahColor{
	background: #F79797;
}

.wf5_back{
	background: #1F3A93;
}

#MidlandsColor{
	background: #1F3A93;
}

.wf6_back{
	background: #68370d;
}

#PeeDeeColor{
	background: #68370D;
}

.wf7_back{
	background: #f78206;
}

#SanteeColor{
	background: #F78206;
}

.wf8_back{
	background: #b53b8b;
}

#TridentColor{
	background: #B53B8B;
}

.wf9_back{
	background: #F4D03F;
}

#USavannahColor{
	background: #F4D03F;
}

.wf10_back{
	background: #C8F7C5;
}

#UpstateColor{
	background: #C8F7C5;
}

.wf11_back{
	background: #b8ca65;
}

#WaccamawColor{
	background: #b8ca65;
}

.wf12_back{
	background: #1d6c6c;
}

#WorklinkColor{
	background: #1d6c6c;
}

/*- IET -*/

/* IET Spacing */

#IETLgd .legendName{
	flex:1 25%;
}

#IETLgd .legendColor{
	align-self: center;
}

/* IET Colors */

#HealthColor{
	background: #c66600;
}

#ManufacturingColor{
	background: #0a87a4;
}

#ConstructionColor{
	background: #e0db05;
}

#HospitalityColor{
	background: #7ed272;
}

#TransportationColor{
	background: #b1fde4;
}

#EntrepreneurshipColor{
	background: #6130ce;
}

/* HS Testing Back */
.testingback{
	background: red;
}

/* County links */

#CountyLinks ul{
	margin: 0;
}

#CountyLinks li{
	width: 120px;
	float:left;
	cursor:pointer;
}

.dataBody ul{
	margin:0;
}

.dataBody ul li{
	width: 50%;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.infobox{
	display: block;
	position:absolute;
}

.mapIntro{
	padding-top: 10px;
}


/* MODAL */

.AEmodal{
	overflow-x:hidden;
}

.modal-body{
	overflow-y: auto;
}

.adult-ed-modal{
	margin-top: 12%;
}

.centerOption{
	display: inline;
}

.underline{
	text-decoration: underline !important;
}

.services ul{
	margin-left: 20px;
}

#center-modal h5{
	margin-bottom:0;
}

#center-modal p{
	margin-top:0;
}

.centerLinks{
	margin: 15px 15px 0 15px;
}

.active{
	top:10px;
	left:15px;
}

.inactive{
	left: -1000px;
}


/* County text list style */

#countyDetails h5{
	font-weight: bold !important;
}