/* Legend */

ul.legend {	margin: 4px 0 .5rem 0 !important;}
.tools ul.legend {	margin: 4px 0 0 0 !important;}

.legend span{	width:20px;	height:12px;	left:0;}
.legend span.color {	border:1px solid #455a64;	height:11px;}

.legend span[data-color="range001"] {	background:#ffffcc;}
.legend span[data-color="range002"] {	background:#a1dab4;}
.legend span[data-color="range003"] {	background:#41b6c4;}
.legend span[data-color="range004"] {	background:#2c7fb8;}
.legend span[data-color="range005"] {	background:#253494;}


.right-sidebar .r-panel-body .tools ul li {	padding: unset;}
.right-sidebar .r-panel-body .tools .small.muted {display: flex; line-height: normal;}
.legend li {	padding-left: 26px !important;	line-height: 10px;	position: relative;	font-size: small;	padding-top: 2px !important; padding-bottom: 5px !important;}
.legend li.flush { padding-top: 0 !important; padding-bottom: 0 !important;	}
.legend li span {	position: absolute;	top: unset;}


.legend span[data-img] {image-rendering: -webkit-optimize-contrast;}

/*** WiseCoVa ***/

.legend span[data-img="county-boundary"] {	background:url('images/Corporate Boundary.png') no-repeat center center / contain; }
.legend span[data-img="town_boundary"] {	background:url('images/state_boundary.png') no-repeat center center / contain; }
.legend span[data-img="municipalities"] {	background:url('images/municipalities.png') no-repeat center center / contain; }
.legend span[data-shape="parks_rec"] {	height: 10px;	width: 11px;	background-color: rgba(205,205,180,1);	border: 1px solid rgba(79,79,79,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-img="trails"] {	background:url('images/trails.png') no-repeat center center / contain; }
.legend span[data-color="forest_tracts"] {	background:rgba(105,139,34,.60);border:1px solid rgba(79,79,79,.60); }

.legend span[data-color="zip_24293"] {	background:rgba(255,182,193,.60);border:1px solid rgba(79,79,79,.60); }
.legend span[data-color="zip_24279"] {	background:rgba(255,174,185,.60);border:1px solid rgba(79,79,79,.60); }
.legend span[data-color="zip_24216"] {	background:rgba(238,162,173,.60);border:1px solid rgba(79,79,79,.60); }
.legend span[data-color="zip_24230"] {	background:rgba(205,140,149,.60);border:1px solid rgba(79,79,79,.60); }
.legend span[data-color="zip_24285"] {	background:rgba(139,95,101,.60);border:1px solid rgba(79,79,79,.60); }
.legend span[data-color="zip_24283"] {	background:rgba(255,160,122,.60);border:1px solid rgba(79,79,79,.60); }
.legend span[data-color="zip_24219"] {	background:rgba(238,149,114,.60);border:1px solid rgba(79,79,79,.60); }
.legend span[data-color="zip_24273"] {	background:rgba(205,129,98,.60);border:1px solid rgba(79,79,79,.60); }


.legend span[data-shape="address_points"] {	height: 6px;	width: 6px;	background-color: rgba(178,34,34,1);	border: 0px solid rgba(79,79,79,0);	border-radius: 50%;	display: inline-block;	left: 7px;	top: 4px;}
.legend span[data-shape="mile_markers"] {	height: 10px;	width: 11px;	background-color: rgba(0,139,0,1);	border: 1px solid rgba(0,0,0,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}


.legend span[data-color="fz_appalachia"] {	background:rgba(127,255,0,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="fz_bsg"] {	background:rgba(255,127,36,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="fz_coeburn"] {	background:rgba(255,211,155,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="fz_dunganno_wise"] {	background:rgba(205,200,177,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="fz_norton"] {	background:rgba(189,183,107,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="fz_pound"] {	background:rgba(180,238,180,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="fz_sandyridge"] {	background:rgba(255,215,0,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="fz_stpaulfire"] {	background:rgba(255,106,106,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="fz_valleyvolunteerfd"] {	background:rgba(178,223,238,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="fz_wise"] {	background:rgba(32,178,170,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="fz_stfd"] {	background:#662d9144;border:1px solid rgba(79,79,79,1); }

.legend span[data-color="pz_appalachia"] {	background:rgba(127,255,0,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_bsg"] {	background:rgba(255,127,36,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_clinchvalleycollege"] {	background:rgba(255,127,36,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_coeburn"] {	background:rgba(255,211,155,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_norton"] {	background:rgba(189,183,107,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_pound"] {	background:rgba(180,238,180,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_scottcounty"] {	background:rgba(255,215,0,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_stpaul"] {	background:rgba(255,106,106,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_wise"] {	background:rgba(32,178,170,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_wisecounty"] {	background:rgba(178,223,238,.4);border:1px solid rgba(79,79,79,1); }


.legend span[data-color="ems_appalachia"] {	background:rgba(127,255,0,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="ems_bigstonegap"] {	background:rgba(255,127,36,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="ems_castlewoodrescue"] {	background:rgba(110,139,61,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="ems_coeburn"] {	background:rgba(255,211,155,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="ems_norton"] {	background:rgba(189,183,107,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="ems_pound"] {	background:rgba(180,238,180,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="ems_sandyridge"] {	background:rgba(255,215,0,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="ems_scottco"] {	background:rgba(255,106,106,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="ems_valleyvolunteerfd"] {	background:rgba(178,223,238,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="ems_wise"] {	background:rgba(32,178,170,.4);border:1px solid rgba(79,79,79,1); }


.legend span[data-color="pb_24273"] {	background:rgba(205,129,98,.5);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pb_24230"] {	background:rgba(205,140,149,.5);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pb_24216"] {	background:rgba(238,162,173,.5);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pb_24283"] {	background:rgba(255,160,122,.5);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pb_24293"] {	background:rgba(255,182,193,.5);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pb_24279"] {	background:rgba(255,174,185,.5);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pb_24219"] {	background:rgba(238,149,114,.5);border:1px solid rgba(79,79,79,1); }

.legend span[data-shape="landing_zones"] {	height: 7px; width: 7px; background-color: rgba(255,0,0,1);	border: 0px solid rgba(79,79,79,1);	display: inline-block;	left: 5px;	top: 4px; transform: rotate(45deg); }
.legend span[data-shape="poi"] {	height: 10px; width: 10px; background-color: rgba(255,0,0,1);	border: 0px solid rgba(79,79,79,1);	display: inline-block;	left: 5px;	top: 2px; }


/*


*/

.legend span[data-color="hydrography_data"] {	background:rgba(30,144,255,1);border:1px solid rgba(24,116,205,1); }
.legend span[data-svg="flood_zones"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%280%2C0%2C255%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.25px'/></svg>");}



.legend span[data-img="fire_hydrants"] {	background:url('images/Fire Hydrant.png') no-repeat center center / contain; }
.legend span[data-hatch="natural_gas_transmission_lines"] {
	background: repeating-linear-gradient(90deg,rgba(205,133,0,1),rgba(205,133,0,1) 15%,rgba(79,79,79,1) 15%,rgba(79,79,79,1) 35%);
	border: 1px solid rgba(205,133,0,1);	height: 3px;	top: 6px;	border-radius: 2px;
}
.legend span[data-img="natural_gas_well_locations"] {	background:url('images/gaswell.png') no-repeat center center / contain; }
.legend span[data-shape="odp_substations"] {	height: 10px;	width: 10px;	background-color: rgba(0,0,0,1);	border: 0px solid rgba(79,79,79,1);	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-hatch="phasepower"] {
	background: repeating-linear-gradient(90deg,rgba(205,112,84,1),rgba(205,112,84,1) 25%,rgba(79,79,79,1) 25%,rgba(79,79,79,1) 50%);
	border: 1px solid rgba(205,112,84,1);	height: 3px;	top: 6px;	border-radius: 2px;
}

.legend span[data-shape="cemeteries"] {	height: 10px;	width: 10px;	background-color: #00f5d4;	border: 1px solid #484848;	display: inline-block;	left: 5px;	top: 2px;}


.legend span[data-hatch="mining_operations"] {
	background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(127,255,0,1) 20%,rgba(127,255,0,1) 25%);
	border: 1px solid rgba(179,179,179,1);
}
.legend span[data-pattern="released_mining_permits"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAHUlEQVQImWNgIBb8b2BIwynxv4HhPx4FytglsAEA5X8KNqQtfBwAAAAASUVORK5CYII=) repeat;	height: 10px;	margin-top: 1px;border: 1px solid rgba(179,179,179,1);background-position: 5px 4px;}
.legend span[data-color="assign_a_highway"] {	background: rgba(255,127,36,1); border: 1px solid rgba(255,127,36,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-color="contours_intermediate"] {	background: rgba(184,134,11,1); border: 1px solid rgba(184,134,11,1);height: 2px;top: 6px;border-radius:2px; }
.legend span[data-shape="economic_development_sites"] {	height: 10px;	width: 11px;	background-color: rgba(30,144,255,1);	border: 1px solid rgba(179,179,179,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-shape="historical_sites"] {	height: 7px;	width: 7px;	background-color: rgba(255,127,36,1);	border: 0px solid rgba(179,179,179,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 3px;}
.legend span[data-color="schools"] {	background:rgba(0,191,255,1);border:1px solid rgba(179,179,179,1); }
.legend span[data-shape="visual_imaging"] {	height: 10px;	width: 10px;	background-color: rgba(255,0,0,1);	border: 0px solid rgba(79,79,79,0);	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-shape="illegal_dumpsites"] {	height: 10px;	width: 11px;	background-color: rgba(34,139,34,1);	border: 1px solid rgba(179,179,179,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-color="landfills"] {	background:rgba(238,230,133,1);border:1px solid rgba(179,179,179,1); }

.legend span[data-color="ed_1"] {	background:rgba(168,112,0,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="ed_2"] {	background:rgba(49,163,47,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="ed_3"] {	background:rgba(132,0,168,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="ed_4"] {	background:rgba(46,141,176,.4);border:1px solid rgba(79,79,79,1); }


.legend span[data-color="id_glade"] {	background:rgba(180,252,179,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="id_lipps"] {	background:rgba(197,251,252,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="id_richmond"] {	background:rgba(252,233,179,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="id_robeson"] {	background:rgba(194,219,252,.6);border:1px solid rgba(79,79,79,1); }

.legend span[data-color="p_appalachia"] {	background:rgba(215,194,159,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="p_bigstonegap"] {	background:rgba(111,69,136,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="p_clinchvalley"] {	background:rgba(159,187,215,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="p_dorchester"] {	background:rgba(206,169,102,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="p_eastpound"] {	background:rgba(136,206,102,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="p_eaststonegap"] {	background:rgba(169,102,206,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="p_guestriver"] {	background:rgba(161,127,69,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="p_northcoeburn"] {	background:rgba(136,206,102,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="p_southcoeburn"] {	background:rgba(102,154,206,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="p_stpaul"] {	background:rgba(69,100,136,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="p_westpound"] {	background:rgba(215,180,142,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="p_wise"] {	background:rgba(168,247,145,.4);border:1px solid rgba(79,79,79,1); }

.legend span[data-shape="convenience_centers"] {	height: 10px;	width: 10px;	background-color: rgba(118,238,198,1);	border: 1px solid rgba(79,79,79,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-shape="superfund"] {	height: 10px;	width: 10px;	background-color: rgba(255,182,193,1);	border: 1px solid rgba(79,79,79,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}


.legend span[data-color="z_a"] {	background:rgba(38,115,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_notzoned"] {	background:rgba(55,81,170,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_ag_r_res"] {	background:rgba(255,190,190,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_bus"] {	background:rgba(36,154,137,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_busdis"] {	background:rgba(191,51,147,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_bypass"] {	background:rgba(55,156,106,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_cenbus"] {	background:rgba(66,103,170,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_cenbusdis"] {	background:rgba(58,176,39,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_com"] {	background:rgba(39,194,88,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_comdis"] {	background:rgba(186,51,180,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_combusdis"] {	background:rgba(166,36,71,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_conrec"] {	background:rgba(191,73,39,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_conres"] {	background:rgba(202,66,133,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_genbus"] {	background:rgba(58,39,176,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_genbusdis"] {	background:rgba(39,197,116,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_gencom"] {	background:rgba(66,166,81,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_genres"] {	background:rgba(156,150,31,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_genresv"] {	background:rgba(58,69,186,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_heaind"] {	background:rgba(202,95,81,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_hisdis"] {	background:rgba(135,161,61,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_hispre"] {	background:rgba(194,182,43,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_ind"] {	background:rgba(161,31,91,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_inddishea"] {	background:rgba(194,36,48,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_inddislig"] {	background:rgba(81,48,154,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_ligind"] {	background:rgba(141,73,202,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_limbus"] {	background:rgba(66,191,141,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_liminddis"] {	background:rgba(90,154,58,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_locbus"] {	background:rgba(173,135,55,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_lonpinair"] {	background:rgba(145,31,161,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_lowdenres"] {	background:rgba(31,105,161,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_manhou"] {	background:rgba(156,36,114,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_manhoures"] {	background:rgba(194,77,110,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_meddenres"] {	background:rgba(154,194,51,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_mobhomres"] {	background:rgba(202,175,79,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_mulfamres"] {	background:rgba(31,127,161,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_neibusdis"] {	background:rgba(71,176,194,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_pladevbustec"] {	background:rgba(199,58,77,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_pub"] {	background:rgba(169,39,202,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_pubdis"] {	background:rgba(164,96,66,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_res"] {	background:rgba(197,139,36,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_resa"] {	background:rgba(194,135,77,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_resb"] {	background:rgba(123,36,189,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_resdis"] {	background:rgba(154,141,51,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_resmhp"] {	background:rgba(186,99,36,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_resmobhom"] {	background:rgba(134,58,163,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_resoff"] {	background:rgba(159,69,31,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_sch"] {	background:rgba(71,159,197,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_sempub"] {	background:rgba(55,199,178,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_sin_famres"] {	background:rgba(75,189,186,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_sinfamres"] {	background:rgba(61,136,189,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_trabusdis"] {	background:rgba(120,199,77,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="z_vacund"] {	background:rgba(159,55,48,.6);border:1px solid rgba(79,79,79,1); }

.legend span[data-color="za_B1"] {	background:rgba(55,81,170,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_B1D"] {	background:rgba(255,190,190,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_B2"] {	background:rgba(36,154,137,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_B2D"] {	background:rgba(191,51,147,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_B3"] {	background:rgba(55,156,106,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_CR"] {	background:rgba(66,103,170,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_M1"] {	background:rgba(58,176,39,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_M2"] {	background:rgba(111,4,106,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_M1D"] {	background:rgba(39,194,88,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_M2D"] {	background:rgba(186,51,180,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_R1"] {	background:rgba(166,36,71,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_R2"] {	background:rgba(191,73,39,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_RAD"] {	background:rgba(202,66,133,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_RBD"] {	background:rgba(58,39,176,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_RCRD"] {	background:rgba(39,197,116,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_PDBT"] {	background:rgba(235,196,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_ARR"] {	background:rgba(66,166,81,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_LPA"] {	background:rgba(168,112,0,.6);border:1px solid rgba(79,79,79,1); }


.legend span[data-color="za_appy1"] {	background:rgba(204,204,204,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_appy2"] {	background:rgba(166,36,71,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_appy3"] {	background:rgba(169,0,230,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_appy4"] {	background:rgba(230,112,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_appy5"] {	background:rgba(255,255,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_appy6"] {	background:rgba(235,196,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-hatch="za_appy7"] {
	background: repeating-linear-gradient(-45deg,
		rgba(230,112,0,.6),rgba(230,112,0,.6) 2px,
		rgba(255,255,255,.6) 2px,rgba(255,255,255,.6) 4px);
	border: 1px solid rgba(0,0,0,1);
}


.legend span[data-color="za_bsg_b1"] {	background:rgba(168,0,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_bsg_b2"] {	background:rgba(255,0,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_bsg_b3"] {	background:rgba(255,107,107,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-hatch="za_bsg_hpd"] {
	background: repeating-linear-gradient(-45deg,
		rgba(76,230,0,.6),rgba(76,230,0,.6) 2px,
		rgba(255,255,255,.6) 2px,rgba(255,255,255,.6) 4px);
	border: 1px solid rgba(0,0,0,1);
}
.legend span[data-color="za_bsg_i"] {	background:rgba(0,77,168,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_bsg_r1"] {	background:rgba(255,255,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_bsg_r2"] {	background:rgba(235,196,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_bsg_r3"] {	background:rgba(230,112,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_bsg_rmh"] {	background:rgba(255,255,190,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-hatch="za_bsg_ro"] {
	background: repeating-linear-gradient(45deg,
		rgba(57,115,172,.6),rgba(57,115,172,.6) 4px,
		rgba(255,255,0,.6) 4px,rgba(255,255,0,.6) 6px);
	border: 1px solid rgba(0,0,0,1);
}


.legend span[data-color="za_c_1"] {	background:rgba(168,0,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_c_2"] {	background:rgba(196,196,196,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-hatch="za_c_3"] {
	background: repeating-linear-gradient(45deg,
		rgba(76,230,0,.6),rgba(76,230,0,.6) 2px,
		rgba(255,255,255,.6) 2px,rgba(255,255,255,.6) 4px);
	border: 1px solid rgba(0,0,0,1);
}
.legend span[data-color="za_c_i"] {	background:rgba(0,197,255,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_c_p"] {	background:rgba(0,76,255,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_c_r1"] {	background:rgba(255,255,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_c_r2"] {	background:rgba(235,196,0,.6);border:1px solid rgba(79,79,79,1); }


.legend span[data-color="za_p_c1"] {	background:rgba(168,0,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_p_r1"] {	background:rgba(255,255,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_p_r2"] {	background:rgba(235,196,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_p_r3"] {	background:rgba(230,112,0,.6);border:1px solid rgba(79,79,79,1); }

.legend span[data-color="za_other"] {	background:rgba(53,94,59,.6);border:1px solid rgba(79,79,79,1); }


.legend span[data-color="za_stp_c1"] {	background:rgba(168,0,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_stp_c2"] {	background:rgba(255,0,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_stp_c3"] {	background:rgba(255,107,107,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_stp_i1"] {	background:rgba(57,115,172,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_stp_i2"] {	background:rgba(159,191,223,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-hatch="za_stp_pd"] {
	background: repeating-linear-gradient(-45deg,
		rgba(230,112,0,.6),rgba(230,112,0,.6) 2px,
		rgba(255,255,255,.6) 2px,rgba(255,255,255,.6) 4px);
	border: 1px solid rgba(0,0,0,1);
}
.legend span[data-color="za_stp_r1"] {	background:rgba(255,255,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_stp_r2"] {	background:rgba(235,196,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_stp_r3"] {	background:rgba(230,112,0,.6);border:1px solid rgba(79,79,79,1); }

.legend span[data-color="za_w_b1"] {	background:rgba(168,0,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_w_b2"] {	background:rgba(255,0,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_w_b3"] {	background:rgba(255,107,107,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_w_il"] {	background:rgba(0,197,255,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_w_ra"] {	background:rgba(255,211,127,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_w_rb"] {	background:rgba(235,196,0,.6);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="za_w_rc"] {	background:rgba(255,255,190,.6);border:1px solid rgba(79,79,79,1); }

/*


*/


.legend span[data-color="enterprise_zones"] {	background:#ACE1AF;border:1px solid #000000;opacity:0.6 }
.legend span[data-color="opportunity_zones"] {	background:rgba(210,255,136,.6);border:1px solid rgba(186, 186, 186,1); }


.legend span[data-color="structures"] {	background: #CDAA66;}

.legend span[data-img="roads"] {	background:url('images/Roads.png') no-repeat center center / contain; }
.legend span[data-svg="roads"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%2847%2C47%2C47%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.25px'/></svg>");}

.legend span[data-img="driveways"] {	background:url('images/Driveways.png') no-repeat center center / contain; }
.legend span[data-svg="driveways"] {	background-image: url("data:image/svg+xml;utf8,<svg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 18.54 10.88%22><title>Legend</title><path d%3D%22M1.87%2C11.73c0-.05%2C1.09-1.54%2C2.33-3.25%22 transform%3D%22translate%28-1.04 -1.77%29%22 fill%3D%22none%22 stroke%3D%22rgb%2846%2C46%2C46%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><path d%3D%22M5.55%2C6.6%2C7.9%2C3.36%2C10%2C6.79%22 transform%3D%22translate%28-1.04 -1.77%29%22 fill%3D%22none%22 stroke%3D%22rgb%2846%2C46%2C46%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><polyline points%3D%229.44 5.9 11.49 9.33 13.94 6.17%22 fill%3D%22none%22 stroke%3D%22rgb%2846%2C46%2C46%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><line x1%3D%2215.4%22 y1%3D%224.27%22 x2%3D%2217.85%22 y2%3D%221.1%22 fill%3D%22none%22 stroke%3D%22rgb%2846%2C46%2C46%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/></svg>");}

.legend span[data-img="railroad"] {	background:url('images/Railroad.png') no-repeat center center / contain; }

.legend span[data-svg="water_mains"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%28115%2C223%2C255%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.25px'/></svg>");}
.legend span[data-svg="water_laterals"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%280%2C20%2C255%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.25px'/></svg>");}

.legend span[data-svg="water_bodies"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%2864%2C101%2C235%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.25px'/></svg>");}

.legend span[data-svg="streams"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%2864%2C101%2C235%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.25px'/></svg>");}

.legend span[data-color="road_forest"] {	background: #dddf00;	border: 1px solid #386641;	height: 4px;	top: 5px;	border-radius: 10px;}
.legend span[data-color="road_private"] {	background: #0039a6;	border: 1px solid #5072A7;	height: 3px;	top: 5px;	border-radius: 10px;}
.legend span[data-color="road_state_pri"] {	background: #8c1c13;	border: 1px solid #6a040f;	height: 4px;	top: 5px;	border-radius: 10px;}
.legend span[data-color="road_state_sec"] {	background: #fcbf49;	border: 1px solid #ca6702;	height: 4px;	top: 5px;	border-radius: 6px;}
.legend span[data-color="road_state_sec4"] {	background: #f3722c;	border: 1px solid #ca6702;	height: 4px;	top: 5px;	border-radius: 6px;}
.legend span[data-color="road_town"] {	background: #98c1d9;	border: 1px solid #495057;	height: 4px;	top: 5px;	border-radius: 6px;}
.legend span[data-color="road_us_pri"] {	background: #e63946;	border: 1px solid #6a040f;	height: 5px;	top: 5px;	border-radius: 6px;}
.legend span[data-color="road_other"] {	background: #212121;	border: 1px solid #ffffff;	height: 5px;	top: 5px;	border-radius: 6px;}


.legend span[data-img="water_storage_tank"] {	background:url('images/water_storage_tank.png') no-repeat center center / contain; }
.legend span[data-svg="waterlines"] { background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%280%2C0%2C255%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>")}
.legend span[data-shape="master_water_meters"] {  width: 0;   height: 0;   border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-bottom: 11px solid rgb(51,153,204);display: inline-block; left:5px;top: 2px;}
.legend span[data-img="water_meters"] {	background:url('images/water_meters.png') no-repeat center center / contain; }
.legend span[data-img="water_valves"] {	background:url('images/water_valves.png') no-repeat center center / contain; top: 1px; }
.legend span[data-shape="fire_line_meters"] {  width: 0;   height: 0;   border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-bottom: 11px solid rgb(139,0,0);display: inline-block; left:5px;top: 2px;}
.legend span[data-img="fire_line_valves"] {	background:url('images/fire_line_valves.png') no-repeat center center / contain; max-height: 10px;}
.legend span[data-shape="blow_off_valves"] { height: 10px; width: 10px; background-color: rgba(51,153,204,1); border-radius: 0; display: inline-block; left:5px;top:2px; }
.legend span[data-img="back_flow"] {	background:url('images/back_flow.png') no-repeat center center / contain; }
.legend span[data-shape="air_release_valves"] { height: 10px; width: 10px; background-color: rgba(51,153,204,1); border-radius: 50%; display: inline-block; left:5px;top:2px; }
.legend span[data-shape="air_release_valves"] { height: 10px; width: 10px; background-color: rgba(51,153,204,1); border-radius: 50%; display: inline-block; left:5px;top:2px; }
.legend span[data-shape="post_indicator_valve"] { height: 10px; width: 10px; background-color: rgba(51,153,204,1); border-radius: 0; display: inline-block; left:5px;top:2px; }
.legend span[data-color="low_pressure_zone"] {	background:rgba(211,255,190,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="high_pressure_zone"] {	background:rgba(190,232,255,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-img="isolation_valves"] {	background:url('images/fire_line_valves.png') no-repeat center center / contain; }

.legend span[data-img="water_storage_tank2"] {	background:url('images/water_storage_tank2.png') no-repeat center center / contain; }
.legend span[data-img="booster_station"] {	background:url('images/booster_station.png') no-repeat center center / contain; }
.legend span[data-img="water_master_meter"] {	background:url('images/water_master_meter.png') no-repeat center center / contain; }
.legend span[data-shape="water_treatment_plant"] { height: 12px; width: 12px; background-color: rgba(0,112,255,1); border-radius: 0; display: inline-block; left:4px;top:0px; }

.legend span[data-color="wd_cpws"] { background:rgba(0,191,255,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="wd_hbts"] { background:rgba(255,165,0,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="wd_hbts_meter"] { background:rgba(132,112,255,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="wd_maury"] { background:rgba(112,219,147,1);border:1px solid rgba(0,0,0,1); }

.legend span[data-img="manholes"] {	background:url('images/manholes.png') no-repeat center center / contain; }
.legend span[data-img="force_main_valves"] {	background:url('images/force_main_valves.png') no-repeat center center / contain; }
.legend span[data-img="force_main_check_valve"] {	background:url('images/force_main_check_valve.png') no-repeat center center / contain; }
.legend span[data-svg="sewer_gravity_lines"] { background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%2876%2C230%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.5px'/></svg>")}
.legend span[data-img="sewer_gravity_lines_flow"] {	background:url('images/sewer_gravity_lines_flow.png') no-repeat center center / contain; }
.legend span[data-svg="sewer_force_mains"] { background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)'  style='fill%3Anone%3Bstroke%3Argb%28153%2C50%2C204%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.75px'/></svg>")}
.legend span[data-svg="abandoned_sewer_force_mains"] {	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'%3E%3Cpath d='M1.87,11.73c0-.11,6-8.37,6-8.37l4.63,7.74,6.35-8.23' transform='translate(-0.99 -2)' fill='none' stroke='%23458b2e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' stroke-dasharray='3 3'/%3E%3C/svg%3E");}
.legend span[data-svg="casement_pipes"] {	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 20.02 13.13'%3E%3Cpath d='M1.87,11.57c0-.1,6-8.36,6-8.36L12.53,11l6.35-8.23' transform='translate(-0.37 -0.49)' fill='none' stroke='%23cdaf95' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3'/%3E%3Cpath d='M1.87,11.73c0-.11,6-8.37,6-8.37l4.63,7.74,6.35-8.23' transform='translate(-0.37 -0.49)' fill='none' stroke='%23ffdab9' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.75'/%3E%3C/svg%3E");background-repeat: no-repeat;}
.legend span[data-shape="sewer_facilities"] { height: 12px; width: 12px; background-color: rgba(0,139,0,1); border-radius: 0; display: inline-block; left:4px;top:1px; }
.legend span[data-img="air_release_manholes"] {	background:url('images/air_release_manholes.png') no-repeat center center / contain; }

.legend span[data-color="ep_cpws"] { background:rgba(213,232,188,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="ep_dremc"] { background:rgba(0,113,99,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="ep_mtemc"] { background:rgba(122,193,67,1);border:1px solid rgba(0,0,0,1); }

.legend span[data-shape="storm_shelter"] { height: 12px; width: 12px; background-color: rgba(127,255,212,1); border:1px solid black; border-radius: 0; display: inline-block; left:4px;top:1px; }


.legend span[data-img="sv_arv"] {	background:url('images/arv.png') no-repeat center center / contain; }
.legend span[data-img="sv_gate"] {	background:url('images/water_valves.png') no-repeat center center / contain; }
.legend span[data-img="sv_hydrant"] {	background:url('images/fire_line_valves.png') no-repeat center center / contain; }
.legend span[data-img="sv_hydrant"] {	background:url('images/fire_line_valves.png') no-repeat center center / contain; }
.legend span[data-img="water_tank"] {	background:url('images/water_storage_tank2.png') no-repeat center center / contain; }
.legend span[data-shape="water_well"] {	height: 10px;	width: 11px;	background-color: rgba(0,112,255,1);	border: 0px solid rgba(79,79,79,0);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}

.legend span[data-img="water_meters"] {	background:url('images/water_meters2.png') no-repeat center center / contain; }
.legend span[data-img="blow_off_hydrant"] {	background:url('images/blow_off_hydrant.png') no-repeat center center / contain; }
.legend span[data-img="water_fittings"] {	background:url('images/water_fittings.png') no-repeat center center / contain; }

.legend span[data-img="sewer_lines"] {	background:url('images/sewer_lines2.png') no-repeat center center / contain; }
.legend span[data-img="gravity_flow_direction"] {	background:url('images/sewer_gravity_lines_flow.png') no-repeat center center / contain; }
.legend span[data-img="sewer_force_mains"] {	background:url('images/sewer_force_mains.png') no-repeat center center / contain; }
.legend span[data-svg="sewer_laterals"] {	background-image: url("data:image/svg+xml;utf8,<svg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 18.54 10.88%22><title>Legend</title><path d%3D%22M1.87%2C11.73c0-.05%2C1.09-1.54%2C2.33-3.25%22 transform%3D%22translate%28-1.04 -1.77%29%22 fill%3D%22none%22 stroke%3D%22rgb%28150%2C48%2C0%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><path d%3D%22M5.55%2C6.6%2C7.9%2C3.36%2C10%2C6.79%22 transform%3D%22translate%28-1.04 -1.77%29%22 fill%3D%22none%22 stroke%3D%22rgb%28150%2C48%2C0%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><polyline points%3D%229.44 5.9 11.49 9.33 13.94 6.17%22 fill%3D%22none%22 stroke%3D%22rgb%28150%2C48%2C0%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><line x1%3D%2215.4%22 y1%3D%224.27%22 x2%3D%2217.85%22 y2%3D%221.1%22 fill%3D%22none%22 stroke%3D%22rgb%28150%2C48%2C0%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/></svg>");}
.legend span[data-img="pump_station"] {	background:url('images/pump_station.png') no-repeat center center / contain; }
.legend span[data-img="sewer_manholes"] {	background:url('images/manholes.png') no-repeat center center / contain; }
.legend span[data-img="miscellaneous_junctions"] {	background:url('images/miscellaneous_junctions.png') no-repeat center center / contain; }
.legend span[data-img="grease_traps"] {	background:url('images/grease_traps.png') no-repeat center center / contain; }
.legend span[data-img="clean_outs"] {	background:url('images/clean_outs.png') no-repeat center center / contain; }
.legend span[data-img="stubs"] {	background:url('images/stubs.png') no-repeat center center / contain; }
.legend span[data-img="air_release_valve"] {	background:url('images/air_release_valve.png') no-repeat center center / contain; }


/*


*/

.legend span[data-pattern="floodplain"] {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAKUlEQVQImWNImfL2PwMaSJ76zjdlytv/CAa6BLoAhgROHQR14rUTn2sBnTs9xq3SepQAAAAASUVORK5CYII=) repeat ; height:10px;margin-top: 1px; border:1px solid rgba(179,179,179,1);background-position: 1px 4px; }
.legend span[data-pattern="floodplain_ae"] {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAARUlEQVQImV2NwQ0AIQzDDGI9GJb7s1pRkFq1l6+dpNk5BjRqJrA7sAAJngdUEPySEECWoOJCgAy9US7GfyoJ77NMxQXYBUBaEtid8uxFAAAAAElFTkSuQmCC) repeat ; height:10px;margin-top: 1px; border:1px solid rgba(179,179,179,1);background-position: 1px 4px; }
.legend span[data-pattern="floodplain_2per"] {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAKUlEQVQImWP4z8DwnwEN/GdgaPjPwPAfwUCXQBfAkMCpg6BOvHbicy0A8usqXJhyTUQAAAAASUVORK5CYII=) repeat ; height:10px;margin-top: 1px; border:1px solid rgba(179,179,179,1);background-position: 1px 4px; }

.legend span[data-color="fld_1per"] {	background:rgba(18,155,223,.50);border:1px solid rgba(0,0,0,.6); }
.legend span[data-hatch="fld_reg_flood"] {	background: repeating-linear-gradient(-45deg,rgba(18,155,223,.5),rgba(18,155,223,.5) 15%,rgba(255,13,0,.5) 15%,rgba(255,13,0,.5) 30%);border:1px solid rgba(85,107,47,1); }
.legend span[data-pattern="fld_special_flood"] {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPElEQVQYlWP4z8vwH4aFZt/HwDA5BmQOumJkcQZsgtj4DLhMQLeBAZeb0J1BuolEuZEoXxMdjvgUISsGAKZS5U19Qd/fAAAAAElFTkSuQmCC) repeat ;background-position: left 3px top 5px; height:11px;margin-top: 0px;opacity:.5 }
.legend span[data-color="fld_undetermined"] {	background:rgba(241,223,140,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="fld_point2"] {	background:rgba(244,147,24,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-hatch="fld_future_1per"] { background: repeating-linear-gradient(45deg,rgba(0,0,0,.5),rgba(0,0,0,.5) 15%,rgba(129,129,129,.8) 15%,rgba(129,129,129,.8) 30%);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="fld_reduced_risk"] { background: repeating-linear-gradient(-45deg,	rgba(0,0,0,.5),rgba(0,0,0,.5) 15%,	rgba(254,130,0,.8) 15%,rgba(254,130,0,.8) 30%);
	border:1px solid rgba(0,0,0,1); }

.legend span[data-color="fz_2per"] {	background:rgba(233,130,255,.50);border:1px solid rgba(0,0,255,.5); }
.legend span[data-color="fz_a"] {	background:rgba(250,0,204,.50);border:1px solid rgba(0,0,255,.5); }
.legend span[data-color="fz_ae"] {	background:rgba(190,20,255,.50);border:1px solid rgba(0,0,255,.5); }
.legend span[data-color="fz_floodway"] {	background:rgba(242,195,255,.50);border:1px solid rgba(0,0,255,.5); }



.legend span[data-svg="dam_retention"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%280%2C01%2C2255%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.00px'/></svg>"); opacity:.6;}

.legend span[data-color="dr_nobreach"] {	background:rgba(16,78,139,.6);border:0px solid rgba(0,0,0,0); }
.legend span[data-color="dr_pmf"] {	background:rgba(24,116,205,.6);border:0px solid rgba(0,0,0,0); }
.legend span[data-color="dr_pmfbreach"] {	background:rgba(30,144,255,.6);border:0px solid rgba(0,0,0,0); }
.legend span[data-color="dr_sdf"] {	background:rgba(0,154,205,.6);border:0px solid rgba(0,0,0,0); }
.legend span[data-color="dr_sdfbreach"] {	background:rgba(0,191,255,.6);border:0px solid rgba(0,0,0,0); }
.legend span[data-color="dr_sunnybreach"] {	background:rgba(0,206,209,.6);border:0px solid rgba(0,0,0,0); }


.legend span[data-img="counties"] {	background:url('images/Counties.png') no-repeat center center / contain; }
.legend span[data-img="tracts"] {	background:url('images/Tracts.png') no-repeat center center / contain; }
.legend span[data-img="block-groups"] {	background:url('images/Block Groups.png') no-repeat center center / contain; }

.legend span[data-svg="counties"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%280%2C0%2C255%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="tracts"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%280%2C255%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="block_groups"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%28255%2C0%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}

.legend span[data-color="range001"] {	background:#ffffcc;}
.legend span[data-color="range002"] {	background:#a1dab4;}
.legend span[data-color="range003"] {	background:#41b6c4;}
.legend span[data-color="range004"] {	background:#2c7fb8;}
.legend span[data-color="range005"] {	background:#253494;}

.legend span[data-pattern="checker_lines"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQImWNggILkaW//M6ADFMHkaW//o2PsKrEJAgBOnRoOzeCVVAAAAABJRU5ErkJggg==) repeat;	height: 10px;	margin-top: 1px;}

.legend span[data-color="cover_11"] {	background:rgba(0,169,230,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_21"] {	background:rgba(77, 0, 116,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_22"] {	background:rgba(51, 51, 51,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_31"] {	background:rgba(255, 255, 255,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_41"] {	background:rgba(36, 116, 0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_42"] {	background:rgba(55, 168, 0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_51"] {	background:rgba(116, 116, 0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_61"] {	background:rgba(159, 36, 31,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_71"] {	background:rgba(206, 169, 102,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_81"] {	background:rgba(153, 230, 0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_82"] {	background:rgba(230, 230, 0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_91"] {	background:rgba(136, 69, 100,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_92"] {	background:rgba(255, 0, 197,.5);border:0px solid rgba(0,0,0,1); }
/*2021*/
.legend span[data-color="cover_water"] { background:rgba(0,92,230,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_impervious_roads"] { background:rgba(0,0,0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_impervious_structures"] { background:rgba(235,6,2,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_impervious_other"] { background:rgba(89,89,89,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_tree_canopy_over_impervious"] { background:rgba(138,138,136,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_tree_canopy_over_turf_grass"] { background:rgba(115,115,0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_turf_grass"] { background:rgba(233,255,190,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_pervious_developed_other"] { background:rgba(255,255,115,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_extractive"] { background:rgba(199,62,119,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_forest"] { background:rgba(38,115,0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_forested_other"] { background:rgba(56,168,0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_natural_succession"] { background:rgba(170,255,0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_harvested_forest"] { background:rgba(99,59,41,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_wetlands_riverine_non-forested"] { background:rgba(77,209,148,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_wetlands_terrene_non-forested"] { background:rgba(186,245,217,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_cropland"] { background:rgba(255,170,0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_pasture_and_hay"] { background:rgba(255,211,127,.5);border:0px solid rgba(0,0,0,1); }


.legend span[data-color="weather_01"] {	background:rgba(0, 236, 236,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_02"] {	background:rgba(1, 160, 246,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_03"] {	background:rgba(0, 0, 246,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_04"] {	background:rgba(0, 255, 0,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_05"] {	background:rgba(0, 200, 0,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_06"] {	background:rgba(0, 144, 0,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_07"] {	background:rgba(255, 255, 0,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_08"] {	background:rgba(231, 192, 0,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_09"] {	background:rgba(255, 144, 0,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_10"] {	background:rgba(255, 0, 0,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_11"] {	background:rgba(215, 0, 0,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_12"] {	background:rgba(192, 0, 0,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_13"] {	background:rgba(255, 0, 255,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_14"] {	background:rgba(153, 85, 201,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="weather_15"] {	background:rgba(255, 255, 255,.5);border:1px solid rgba(0,0,0,.5); }

/*** 
Digitized
***/

/*** Water ***/
.legend span[data-color="water_mains"] {	background: rgba(0,0,255,1); border: 2px solid rgba(0,0,255,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-color="water_laterals"] {	background: rgba(0,0,255,1); border: 0px solid rgba(0,0,255,1);height: 2px;top: 6px;border-radius:2px; }
.legend span[data-img="wv_arv"] {	background:url('images/wv_arv.png') no-repeat center center / contain; }
.legend span[data-img="wv_hydrant"] {	background:url('images/wv_hydrant.png') no-repeat center center / contain; }
.legend span[data-img="wv_ball"] {	background:url('images/wv_ball.png') no-repeat center center / contain; }
.legend span[data-img="wv_butterfly"] {	background:url('images/wv_butterfly.png') no-repeat center center / contain; }
.legend span[data-img="wv_gate"] {	background:url('images/wv_gate.png') no-repeat center center / contain; }
.legend span[data-img="wv_pressurereducer"] {	background:url('images/wv_pressurereducer.png') no-repeat center center / contain; }
.legend span[data-img="wv_airrelease"] {	background:url('images/wv_airrelease.png') no-repeat center center / contain; }
.legend span[data-img="wv_postindicator"] {	background:url('images/wv_postindicator.png') no-repeat center center / contain; }
.legend span[data-img="wv_isolation"] {	background:url('images/wv_isolation.png') no-repeat center center / contain; }

.legend span[data-img="water_storage"] {	background:url('images/water_storage.png') no-repeat center center / contain; }

.legend span[data-img="ws_well"] {	background:url('images/ws_well.png') no-repeat center center / contain; }
.legend span[data-img="ws_treatment"] {	background:url('images/ws_treatment.png') no-repeat center center / contain; }

.legend span[data-img="wm_master"] {	background:url('images/wm_master.png') no-repeat center center / contain; }
.legend span[data-img="wm_service"] {	background:url('images/wm_service.png') no-repeat center center / contain; }

.legend span[data-img="wf_cross"] {	background:url('images/wf_cross.png') no-repeat center center / contain; }
.legend span[data-img="wf_endcap"] {	background:url('images/wf_endcap.png') no-repeat center center / contain; }
.legend span[data-img="wf_reducer"] {	background:url('images/wf_reducer.png') no-repeat center center / contain; }
.legend span[data-img="wf_tapping"] {	background:url('images/wf_tapping.png') no-repeat center center / contain; }
.legend span[data-img="wf_tee"] {	background:url('images/wf_tee.png') no-repeat center center / contain; }
.legend span[data-img="wf_stub"] {	background:url('images/wf_stub.png') no-repeat center center / contain; }
.legend span[data-img="wf_fhtee"] {	background:url('images/wf_fhtee.png') no-repeat center center / contain; }
.legend span[data-svg="water_lines_proposed"] {
	background-image: url("data:image/svg+xml,%3Csvg version='1.2' baseProfile='tiny' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 14' overflow='visible' xml:space='preserve'%3E%3Cpath id='FAT' display='none' fill='none' stroke='rgba(169,0,230,1)' stroke-width='4' stroke-miterlimit='10' d='M3.27,10.82 c0.03-0.08,5.04-6.98,5.04-6.98l3.86,6.46l5.3-6.87'/%3E%3Cpath id='_x33_' display='none' fill='none' stroke='rgba(169,0,230,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d=' M1.87,11.57C1.9,11.47,7.9,3.21,7.9,3.21l4.63,7.75l6.35-8.23'/%3E%3Cpath id='_x32_.25' display='none' fill='none' stroke='%2300FA9A' stroke-width='2.25' stroke-miterlimit='10' d='M1.87,11.73 C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath id='_x31_.75' display='none' fill='none' stroke='%23FFDAB9' stroke-width='1.75' stroke-linecap='round' stroke-miterlimit='10' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath id='_x31_.75_Dashed' fill='none' stroke='rgba(169,0,230,1)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='12.5,5,14,3,7,3' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath id='_x31_.75_Dashed_1_' display='none' fill='none' stroke='%23458B2E' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='4,3' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath id='Long_dash_dash' display='none' fill='none' stroke='%239ACD32' stroke-width='3' stroke-miterlimit='10' stroke-dasharray='21,1.5,3,1.5,3' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath display='none' fill='none' stroke='%232E2E2E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='12,4' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath display='none' fill='none' stroke='%232E2E2E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='12,4' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}
.legend span[data-img="wns_manhole"] {	background:url('images/wns_manhole.png') no-repeat center center / contain; }

.legend span[data-img="wo_rawwater"] {	background:url('images/wo_rawwater.png') no-repeat center center / contain; }
.legend span[data-img="wo_fillstation"] {	background:url('images/wo_fillstation.png') no-repeat center center / contain; }
.legend span[data-img="wo_generator"] {	background:url('images/wo_generator.png') no-repeat center center / contain; }
.legend span[data-img="wo_bends"] {	background:url('images/wo_bends.png') no-repeat center center / contain; }
.legend span[data-img="wo_pumpstation"] {	background:url('images/wo_pumpstation.png') no-repeat center center / contain; }
.legend span[data-img="wo_backflow"] {	background:url('images/wo_backflow.png') no-repeat center center / contain; }
.legend span[data-img="wo_tap"] {	background:url('images/wo_tap.png') no-repeat center center / contain; }

/*** Sewer ***/

.legend span[data-color="sewer_gravity_mains"] {	background: rgba(0,139,69,1); border: 2px solid rgba(0,139,69,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-img="gravity_flow_direction"] {	background:url('images/sewer_gravity_lines_flow.png') no-repeat center center / contain; }
.legend span[data-color="sewer_force_mains"] {	background: rgba(0,0,0,1); border: 2px solid rgba(0,255,127,1);height: 5px;top: 5px;border-radius:2px; }
.legend span[data-color="sewer_laterals"] {	background: rgba(0,205,102,1); border: 0px solid rgba(0,139,69,1);height: 1px;top: 6px;border-radius:2px; }
.legend span[data-color="sewer_lines"] {	background: rgba(255,0,0,1); border: 0px solid rgba(255,0,0,1);height: 2px;top: 6px;border-radius:2px; }
.legend span[data-img="sewer_manholes"] {	background:url('images/manholes.png') no-repeat center center / contain; }
.legend span[data-img="pump_station"] {	background:url('images/pump_station.png') no-repeat center center / contain; }
.legend span[data-img="sewer_misc_junctions"] {	background:url('images/sewer_misc_junctions.png') no-repeat center center / contain; }
.legend span[data-img="sewer_grease_traps"] {	background:url('images/sewer_grease_traps.png') no-repeat center center / contain; }
.legend span[data-img="sewer_clean_outs"] {	background:url('images/sewer_clean_outs.png') no-repeat center center / contain; }
.legend span[data-img="sewer_stubs"] {	background:url('images/sewer_stubs.png') no-repeat center center / contain; }
.legend span[data-img="sewer_air_release_valves"] {	background:url('images/sewer_air_release_valves.png') no-repeat center center / contain; }
.legend span[data-img="so_fmv"] {	background:url('images/so_fmv.png') no-repeat center center / contain; }
.legend span[data-img="so_dishpans"] {	background:url('images/so_dishpans.png') no-repeat center center / contain; }

/*** newmarket addendum ***/
.legend span[data-img="blow_off_hydrant"] {	background:url('images/blow_off_hydrant.png') no-repeat center center / contain; }
.legend span[data-img="sewer_manholes"] {	background:url('images/manholes.png') no-repeat center center / contain; }

/*** 

	
***/



.legend span[data-color="sewer_lines"] {	background: rgba(69,139,116,1); border: 0px solid rgba(255,0,0,1);height: 2px;top: 6px;border-radius:2px; }
.legend span[data-color="water_lines"] {	background: rgba(0,0,255,1); border: 0px solid rgba(255,0,0,1);height: 2px;top: 6px;border-radius:2px; }

.legend span[data-color="dams"] {	background:rgba(135,206,250,1);border:0px solid rgba(0,0,0,1);height: 10px; width: 5px;left: 8px; }

.legend span[data-color="exisiting_fiber"] {	background: rgba(122,55,139,1); border: 0px solid rgba(122,55,139,1);height: 2px;top: 6px;border-radius:2px; }

.legend span[data-shape="solarinstallation"] {	height: 10px;	width: 11px;	background-color: rgba(0, 255, 0,1);	border: 0px solid rgba(79,79,79,0);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}

.legend span[data-hatch="power_46"] {
	background: repeating-linear-gradient(90deg,
		#dbe4ee,#dbe4ee 50%,
		rgba(79,79,79,1) 50%,rgba(79,79,79,1) 100%
	);
	border: 0px solid rgba(205,133,0,1);	height: 4px;	top: 6px;	border-radius: 2px;
}
.legend span[data-hatch="power_69"] {
	background: repeating-linear-gradient(90deg,
		#81a4cd,#81a4cd 50%,
		rgba(79,79,79,1) 50%,rgba(79,79,79,1) 100%
	);
	border: 0px solid rgba(205,133,0,1);	height: 4px;	top: 6px;	border-radius: 2px;
}
.legend span[data-hatch="power_138"] {
	background: repeating-linear-gradient(90deg,
		#ffb703,#ffb703 50%,
		rgba(79,79,79,1) 50%,rgba(79,79,79,1) 100%
	);
	border: 0px solid rgba(205,133,0,1);	height: 4px;	top: 6px;	border-radius: 2px;
}
.legend span[data-hatch="power_161"] {
	background: repeating-linear-gradient(90deg,
		#ff6b6b,#ff6b6b 50%,
		rgba(79,79,79,1) 50%,rgba(79,79,79,1) 100%
	);
	border: 0px solid rgba(205,133,0,1);	height: 4px;	top: 6px;	border-radius: 2px;
}

/*** 

	
***/

/*** 
								
	
***/

/*** Shapes ***/

.legend span[data-shape="green_box"] {	height: 10px;	width: 10px;	background-color: rgba(59,179,0,1);	border: 0px solid rgba(79,79,79,1);	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-shape="blue_triangle_up"] {	width: 0;	height: 0;	border-top: 1px solid transparent;	border-left: 5px solid transparent;	border-right: 5px solid transparent;	border-bottom: 10px solid rgba(0,0,255,1);	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-shape="yellow_circle"] {	height: 10px;	width: 11px;	background-color: rgba(255, 236, 57,1);	border: 0px solid rgba(79,79,79,0);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}

/*** Hatch ***/

.legend span[data-hatch="horizontal_lines"] {
	background: repeating-linear-gradient(0deg,rgba(46,139,87,1),rgba(46,139,87,1) 8%,rgba(255,255,255,.25) 8%,rgba(255,255,255,.25) 33%);
	border: 1px solid rgba(139,139,139,1);
}
.legend span[data-hatch="diag_lines"] {
	background: repeating-linear-gradient(45deg,rgba(0,0,0,1),rgba(0,0,0,1) 2px,rgba(129,129,129,.8) 4px,rgba(129,129,129,.8) 6px);
	border: 1px solid rgba(0,0,0,1);
}

/*** Lines ***/

.legend span[data-svg="solid_line"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%2847%2C79%2C47%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="dashed_line"] {	background-image: url("data:image/svg+xml;utf8,<svg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 18.54 10.88%22><title>Legend</title><path d%3D%22M1.87%2C11.73c0-.05%2C1.09-1.54%2C2.33-3.25%22 transform%3D%22translate%28-1.04 -1.77%29%22 fill%3D%22none%22 stroke%3D%22rgb%28255%2C127%2C36%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><path d%3D%22M5.55%2C6.6%2C7.9%2C3.36%2C10%2C6.79%22 transform%3D%22translate%28-1.04 -1.77%29%22 fill%3D%22none%22 stroke%3D%22rgb%28255%2C127%2C36%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><polyline points%3D%229.44 5.9 11.49 9.33 13.94 6.17%22 fill%3D%22none%22 stroke%3D%22rgb%28255%2C127%2C36%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><line x1%3D%2215.4%22 y1%3D%224.27%22 x2%3D%2217.85%22 y2%3D%221.1%22 fill%3D%22none%22 stroke%3D%22rgb%28255%2C127%2C36%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/></svg>");}

/*** Pattern ***/

.legend span[data-pattern="checker_lines"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQImWNggILkaW//M6ADFMHkaW//o2PsKrEJAgBOnRoOzeCVVAAAAABJRU5ErkJggg==) repeat;	height: 10px;	margin-top: 1px;}



.legend span[data-color="color"] {	background: rgba(205,170,102,1);	border: 1px solid rgba(79,79,79,1); }
.legend span[data-img="image"] {	background: url('Rescue.png') no-repeat center center / contain;}



/*** Map Layer Filters ***/
.base_vedp_opportunity_zones {
	/* RGB: 210,255,136 */
	filter: hue-rotate(160deg) saturate(2) brightness(1.25);
	-webkit-filter: hue-rotate(160deg) saturate(2) brightness(1.25);
	-moz-filter: hue-rotate(160deg) saturate(2) brightness(1.25);
}
.base_vedp_enterprise_zones {
	/* RGB: 38,98,102 */
	filter: hue-rotate(260deg) saturate(3) brightness(.4);
	-webkit-filter: hue-rotate(260deg) saturate(3) brightness(.4);
	-moz-filter: hue-rotate(260deg) saturate(3) brightness(.4);
}
.legend span[data-color="pea_1"] {	background: #88d8ff;	border: 1px solid rgba(79,79,79,1);	opacity:.6;}
.legend span[data-color="pea_2"] {	background: #20b2aa;	border: 1px solid rgba(79,79,79,1);	opacity:.6;}
.legend span[data-color="pea_3"] {	background: #8d83b1;	border: 1px solid rgba(79,79,79,1);	opacity:.6;}
.legend span[data-color="pea_4"] {	background: #b78249;	border: 1px solid rgba(79,79,79,1);	opacity:.6;}
