/* 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 span {
	position: absolute;
	top: unset;
}

.legend span[data-img] {image-rendering: -webkit-optimize-contrast;}



/*** Blacksburg ***/

.legend span[data-color="afd"] {	background:rgba(0,100,0,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-svg="airport"] {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%3A%234f4f4f%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-shape="airport_safety_zones"] { height: 10px; width: 16px; background-color: transparent; border-radius: 40%;border:2px solid rgb(139,139,131); display: inline-block; left:2px;top:2px; }

.legend span[data-svg="bike_1"] {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%28102%2C205%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="bike_1p"] {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%28102%2C205%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%28102%2C205%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%28102%2C205%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%28102%2C205%2C0%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/></svg>");}
.legend span[data-svg="bike_2"] {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%2824%2C116%2C205%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="bike_2p"] {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%2824%2C116%2C205%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%2824%2C116%2C205%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%2824%2C116%2C205%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%2824%2C116%2C205%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/></svg>");}
.legend span[data-svg="bike_3"] {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%2834%2C139%2C34%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="bike_3p"] {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%2834%2C139%2C34%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%2834%2C139%2C34%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%2834%2C139%2C34%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%2834%2C139%2C34%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/></svg>");}

.legend span[data-img="corporate_limits"] {	background:url('images/Corporate Boundary.png') no-repeat center center / contain; }
/*
.legend span[data-hatch="creek_valley_overlay"] {	background: repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,245,255,1) 4px,rgba(0,245,255,1) 6px);border:1px solid rgba(0,245,255,1); }
*/
.legend span[data-svg="edge_of_pavement"] {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%2879%2C79%2C79%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="historic_district"] {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%2867%2C110%2C238%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%223%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%2867%2C110%2C238%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%223%22/><polyline points%3D%229.44 5.9 11.49 9.33 13.94 6.17%22 fill%3D%22none%22 stroke%3D%22rgb%2867%2C110%2C238%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%223%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%2867%2C110%2C238%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%223%22/></svg>");}

.legend span[data-svg="mapc"] {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-svg="natural_water"] {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-color="neighborhoods"] {background:rgba(186,154,123,1);border:1px solid rgba(0,0,0,1); }

.legend span[data-color="parks"] {	background:rgba(110,139,61,1);border:1px solid rgba(85,107,47,1); }
.legend span[data-hatch="parks_undev"] {	background: repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(110,139,61,1) 4px,rgba(110,139,61,1) 6px);border:1px solid rgba(85,107,47,1); }

.legend span[data-hatch="creek_valley_overlay"] {	background: repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(0,245,255,.65) 4px,rgba(0,245,255,.65) 6px);border:1px solid rgba(0,245,255,.65); }

.legend span[data-shape="places_of_interest"] { height: 10px; width: 10px; background-color: rgba(255,185,15,1); border:1px solid rgb(255,254,255); display: inline-block; left:5px;top:2px; }

.legend span[data-color="sidewalks"] {	background:rgba(205,197,191,1);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="urban_development_areas"] {	background:rgba(221,160,221,.65);border:1px solid rgba(79,79,79,.65); }

.legend span[data-color="gilbert_linkous"] {	background:rgba(238,158,83,.65);border:1px solid rgba(90,90,90,.65); }
.legend span[data-color="harding"] {	background:rgba(130,217,188,.65);border:1px solid rgba(90,90,90,.65); }
.legend span[data-color="kipps"] {	background:rgba(97,128,205,.65);border:1px solid rgba(90,90,90,.65); }
.legend span[data-color="margaret_beeks"] {	background:rgba(125,250,90,.65);border:1px solid rgba(90,90,90,.65); }

.legend span[data-color="quadrant_sw"] {	background:rgba(252,199,251,.65);border:1px solid rgba(90,90,90,.65); }
.legend span[data-color="quadrant_nw"] {	background:rgba(213,222,206,.65);border:1px solid rgba(90,90,90,.65); }
.legend span[data-color="quadrant_ne"] {	background:rgba(222,255,207,.65);border:1px solid rgba(90,90,90,.65); }
.legend span[data-color="quadrant_se"] {	background:rgba(196,222,255,.65);border:1px solid rgba(90,90,90,.65); }

.legend span[data-color="zoning_dc"] {	background:rgba(157,157,157,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_gc"] {	background:rgba(255,148,148,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_in"] {	background:rgba(231,159,255,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_mxd"] {	background:rgba(150,157,192,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_o"] {	background:rgba(255,205,205,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_otr"] {	background:rgba(161,255,224,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_pc"] {	background:rgba(214,214,214,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_phm"] {	background:rgba(205,242,255,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_pmh"] {	background:rgba(205,242,255,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_pr"] {	background:rgba(206,238,91,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_r4"] {	background:rgba(117,255,117,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_r5"] {	background:rgba(255,241,194,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_rd"] {	background:rgba(255,236,255,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_rm27"] {	background:rgba(241,203,99,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_rm48"] {	background:rgba(189,157,123,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_rr1"] {	background:rgba(255,255,168,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_rr2"] {	background:rgba(237,254,237,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="zoning_univ"] {	background:rgba(220,148,184,.65);border:1px solid rgba(0,0,0,.65); }

.legend span[data-color="land_use_civic"] {	background:rgba(205,242,255,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="land_use_commercial"] {	background:rgba(255,148,148,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="land_use_hdr"] {	background:rgba(189,157,123,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="land_use_industrial"] {	background:rgba(231,159,255,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="land_use_ldr"] {	background:rgba(255,255,168,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="land_use_mdr"] {	background:rgba(241,203,117,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="land_use_mixed"] {	background:rgba(150,157,192,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="land_use_park_open"] {	background:rgba(117,255,117,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="land_use_prof"] {	background:rgba(255,205,205,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="land_use_research"] {	background:rgba(255,236,255,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="land_use_row"] {	background:rgba(214,214,214,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="land_use_undev"] {	background:rgba(206,238,91,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="land_use_univ"] {	background:rgba(220,148,184,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="land_use_vld"] {	background:rgba(237,254,237,.65);border:1px solid rgba(0,0,0,.65); }


.legend span[data-color="future_use_vld"] {	background:rgba(255,255,135,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="future_use_ldr"] {	background:rgba(255,255,168,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="future_use_mdr"] {	background:rgba(241,203,99,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-pattern="future_use_lhdr"] {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAANklEQVQYlWNgQANNTU3/m5qa/qOLYyjCxsapCKcYPqvgcgTdA1NDtEKircbnTqJ8TlRYYlMEAE9gMmUzopVmAAAAAElFTkSuQmCC) repeat ;background-position: left 3px top 4px; height:11px;margin-top: 0px; }
.legend span[data-color="future_use_hdr"] {	background:rgba(189,157,123,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="future_use_park"] {	background:rgba(117,236,117,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="future_use_civic"] {	background:rgba(205,242,255,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="future_use_low_impact"] {	background:rgba(255,205,205,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="future_use_high_impact"] {	background:rgba(255,148,148,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="future_use_research"] {	background:rgba(255,236,255,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="future_use_ind"] {	background:rgba(231,159,255,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="future_use_univ"] {	background:rgba(221,221,221,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="future_use_airport"] {	background:rgba(171,179,206,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="future_use_460"] {	background:rgba(181,181,181,.65);border:1px solid rgba(0,0,0,.65); }

.legend span[data-color="mixed_use"] {	background:transparent;border:1px solid rgba(255,0,0,1);border-radius: 20%; }

.legend span[data-color="structures"] {	background:rgba(205,170,102,1);border:1px solid rgba(79,79,79,1); }
/*.legend span[data-shape="address_points"] { height: 10px; width: 10px; background-color: rgba(255,0,0,1); border-radius: 50%; display: inline-block; left:5px;top:2px; }*/
.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-color="nh_airport_acres"] {	background:rgba(186,154,123,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_alleghany"] {	background:rgba(73,73,207,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_apperson"] {	background:rgba(81,220,86,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_bennett"] {	background:rgba(250,90,189,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_downtown"] {	background:rgba(189,189,189,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_eastside"] {	background:rgba(96,243,228,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_ellett"] {	background:rgba(66,127,170,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_farmview"] {	background:rgba(232,230,93,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_glade"] {	background:rgba(142,55,66,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_grissom"] {	background:rgba(191,150,227,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_hethwood"] {	background:rgba(58,135,73,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_houston"] {	background:rgba(81,69,133,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_kabrich"] {	background:rgba(165,211,250,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_main"] {	background:rgba(225,135,162,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_mcBryde"] {	background:rgba(225,135,162,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_miller"] {	background:rgba(128,243,163,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_mountain"] {	background:rgba(64,151,138,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_murphy"] {	background:rgba(225,137,81,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_northend"] {	background:rgba(182,86,222,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_northside"] {	background:rgba(207,220,147,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_shenandoah"] {	background:rgba(128,189,85,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_tom"] {	background:rgba(130,81,48,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_university"] {	background:rgba(133,61,108,.65);border:1px solid rgba(0,0,0,.65); }
.legend span[data-color="nh_woodbine"] {	background:rgba(179,245,90,.65);border:1px solid rgba(0,0,0,.65); }

.legend span[data-svg="major_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%2890%2C90%2C90%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}

.legend span[data-svg="perennial_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.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="road_parkway"] {	background: #4ccf00;	border: 0px solid #4ccf00;	height: 2px;	margin-top: 3px;	border-radius: 4px;}
.legend span[data-color="road_public"] {	background: #005ce6;	border: 0px solid #005ce6;	height: 2px;	margin-top: 3px;	border-radius: 4px;}
.legend span[data-color="road_public_maj"] {	background: #005ce6;	border: 0px solid #005ce6;	height: 4px;	margin-top: 3px;	border-radius: 4px;}
.legend span[data-color="road_private"] {	background: #fa3411;	border: 0px solid #fa3411;	height: 2px;	margin-top: 3px;	border-radius: 4px;}
.legend span[data-color="road_town"] {	background: #00a9e6;	border: 0px solid #00a9e6;	height: 2px;	margin-top: 3px;	border-radius: 4px;}

.legend span[data-color="rh_dis"] {	background: #e600c2;	border: 0px solid #e600c2;	height: 4px;	margin-top: 3px;	border-radius: 4px;}
.legend span[data-color="rh_abd"] {	background: #a900e6;	border: 0px solid #a900e6;	height: 4px;	margin-top: 3px;	border-radius: 4px;}

/*



**/
/*** Tangi ***/

.legend span[data-img="corporate_boundary"] {	background:url('images/Corporate Boundary.png') no-repeat center center / contain; }

/*.legend span[data-svg="city_limits"] {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%28139%2C139%2C139%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%28139%2C139%2C139%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%28139%2C139%2C139%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%28139%2C139%2C139%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/></svg>");}*/

.legend span[data-color="city_limits"] {	background:rgba(137,252,0,.33);border:2px dashed rgba(245,183,0,1); }

.legend span[data-color="ward_1"] {	background:rgba(0,191,255,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="ward_2"] {	background:rgba(255,165,0,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="ward_3"] {	background:rgba(132,112,255,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="ward_4"] {	background:rgba(112,219,147,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="ward_5"] {	background:rgba(100,149,237,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="ward_6"] {	background:rgba(244,164,96,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="ward_7"] {	background:rgba(0,100,0,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="ward_8"] {	background:rgba(173,255,47,1);border:1px solid rgba(0,0,0,1); }


.legend span[data-color="tax_municipal"] {	background:rgba(0,191,255,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="tax_parish"] {	background:rgba(255,165,0,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="tax_third"] {	background:rgba(132,112,255,1);border:1px solid rgba(0,0,0,1); }


.legend span[data-color="district_1"] {	background:rgba(0,191,255,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="district_2"] {	background:rgba(255,165,0,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="district_3"] {	background:rgba(132,112,255,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="district_4"] {	background:rgba(112,219,147,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="district_5"] {	background:rgba(100,149,237,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="district_6"] {	background:rgba(244,164,96,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="district_7"] {	background:rgba(0,100,0,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="district_8"] {	background:rgba(173,255,47,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="district_9"] {	background:rgba(107,142,35,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="district_10"] {	background:rgba(205,92,92,1);border:1px solid rgba(0,0,0,1); }


.legend span[data-svg="interstate"] {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%2C38%2C115%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="highway"] {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%28250%2C52%2C17%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="state_route"] {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%2856%2C168%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="local_route"] {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%2879%2C79%2C79%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}



.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); }


/*** Floydcova ***/

.legend span[data-img="corporate_boundary"] {	background:url('images/Corporate Boundary.png') no-repeat center center / contain; }
.legend span[data-svg="city_limits"] {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%28139%2C139%2C139%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%28139%2C139%2C139%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%28139%2C139%2C139%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%28139%2C139%2C139%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/></svg>");}
.legend span[data-color="vof_easements"] {	background:rgba(69,139,116,1);border:1px solid rgba(79,79,79,1); }

.legend span[data-color="voting_1"] {	background:rgba(0,191,255,.5);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="voting_2"] {	background:rgba(255,165,0,.5);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="voting_3"] {	background:rgba(132,112,255,.5);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="voting_4"] {	background:rgba(112,219,147,.5);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="voting_5"] {	background:rgba(100,149,237,.5);border:1px solid rgba(139,139,139,1); }


.legend span[data-color="magisterial_alum"] {	background:rgba(0,191,255,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="magisterial_burks"] {	background:rgba(255,165,0,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="magisterial_court"] {	background:rgba(132,112,255,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-hatch="magisterial_court"] {	background: repeating-linear-gradient(-45deg,rgba(132,112,255,1),rgba(132,112,255,1) 8%,rgba(255,255,255,.25) 8%,rgba(255,255,255,.25) 20%);border:1px solid rgba(85,107,47,1); }
.legend span[data-color="magisterial_indian"] {	background:rgba(112,219,147,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="magisterial_little"] {	background:rgba(100,149,237,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="magisterial_locust"] {	background:rgba(240,230,140,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="magisterial_floyd"] {	background:rgba(139,26,2,1);border:1px solid rgba(139,139,139,1); }

.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="voting_location"] { 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="county_properties"] {	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;}
.legend span[data-hatch="potential_growth_areas"] {	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-color="magisterial_alum"] {	background:rgba(0,191,255,1);border:1px solid rgba(139,139,139,1); }

.legend span[data-color="usps_check"] {	background:rgba(250,128,114,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="usps_copper"] {	background:rgba(244,164,96,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="usps_floyd"] {	background:rgba(151,255,255,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="usps_indian"] {	background:rgba(0,205,0,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="usps_laurel"] {	background:rgba(193,255,193,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="usps_pilot"] {	background:rgba(238,118,0,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="usps_meadows"] {	background:rgba(205,175,149,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="usps_radford"] {	background:rgba(184,134,11,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="usps_riner"] {	background:rgba(255,64,64,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="usps_shawsville"] {	background:rgba(192,255,62,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="usps_willis"] {	background:rgba(51,153,204,1);border:1px solid rgba(139,139,139,1); }

.legend span[data-img="mobile_home_parks"] {	background:url('images/mobile_home_parks.png') no-repeat center center / contain; }

.legend span[data-color="structures"] {	background: rgba(205,170,102,1);	border: 1px solid rgba(79,79,79,1);}
.legend span[data-color="sheds"] {	background: rgba(145,145,145,1);	border: 1px solid rgba(0,0,0,1);}

.legend span[data-color="esn_1214"] {	background:rgba(0,191,255,.6);border:1px solid rgba(139,139,139,.6); }
.legend span[data-color="esn_1241"] {	background:rgba(255,165,0,.6);border:1px solid rgba(139,139,139,.6); }
.legend span[data-color="esn_1313"] {	background:rgba(132,112,255,.6);border:1px solid rgba(139,139,139,.6); }
.legend span[data-color="esn_2114"] {	background:rgba(252,179,245,.6);border:1px solid rgba(139,139,139,.6); }
.legend span[data-color="esn_2141"] {	background:rgba(197,234,252,.6);border:1px solid rgba(139,139,139,.6); }
.legend span[data-color="esn_2441"] {	background:rgba(0,191,255,.6);border:1px solid rgba(139,139,139,.6); }
.legend span[data-color="esn_2454"] {	background:rgba(255,165,0,.6);border:1px solid rgba(139,139,139,.6); }
.legend span[data-color="esn_3113"] {	background:rgba(189,252,240,.6);border:1px solid rgba(139,139,139,.6); }
.legend span[data-color="esn_3131"] {	background:rgba(241,252,215,.6);border:1px solid rgba(139,139,139,.6); }
.legend span[data-color="esn_4141"] {	background:rgba(184,252,190,.6);border:1px solid rgba(139,139,139,.6); }
.legend span[data-color="esn_4241"] {	background:rgba(252,215,247,.6);border:1px solid rgba(139,139,139,.6); }
.legend span[data-color="esn_8383"] {	background:rgba(190,232,255,.6);border:1px solid rgba(139,139,139,.6); }

.legend span[data-img="fire"] {	background:url('images/Fire.png') no-repeat center center / contain; }
.legend span[data-img="rescue"] {	background:url('images/Rescue.png') no-repeat center center / contain; }

.legend span[data-img="fire_hydrants"] {	background:url('images/Fire Hydrant.png') no-repeat center center / contain; }
.legend span[data-svg="fiber_optics"] {	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="major_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%2856%2C168%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.5px'/></svg>");}
.legend span[data-svg="private_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%28150%2C150%2C150%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="driveways_and_trails"] {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%2846%2C46%2C46%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="blue_ridge_parkway"] {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%28168%2C112%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A3.0px'/></svg>");}
.legend span[data-hatch="driveways"] {
	background: repeating-linear-gradient(90deg, rgba(79,79,79,1),rgba(79,79,79,1) 25%, rgba(79,79,79,0) 25%,rgba(79,79,79,0) 40%);
	border: 0px solid rgba(205,112,84,1);
	height: 2px;
	top: 5px;
	border-radius: 2px;
}


.legend span[data-svg="river"] {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%2C225%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.75px'/></svg>");}
.legend span[data-svg="stream"] {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%283%2C180%2C204%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="waterbodies"] {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%2C134%2C139%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="culvert"] {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%2882%2C139%2C139%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.25px'/></svg>");}
.legend span[data-pattern="floodplain"] {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQImWNggILkaW//M6ADFMHkaW//o2PsKrEJAgBOnRoOzeCVVAAAAABJRU5ErkJggg==) repeat ; height:10px;margin-top: 1px; }


.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="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-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="acceptable_openland"] {	background:rgba(255,255,102,.6);border:1px solid rgba(102,102,15,1); }
.legend span[data-color="acceptable_forest"] {	background:rgba(154,205,50,.6);border:1px solid rgba(69,92,23,1); }
.legend span[data-color="psa_waterarea"] {	background:rgba(30,144,255,.6);border:1px solid rgba(25,25,112,1); }
.legend span[data-color="psa_sewerarea"] {	background:rgba(204,85,0,.6);border:1px solid rgba(86,36,0,1); }


.legend span[data-color="reassess_multi"] {		background: #98FB98;	border: 1px solid #000000; opacity:.6; }
.legend span[data-color="reassess_single"] {	background: #FFFAA0;	border: 1px solid #000000; opacity:.6; }


/*


								<li><span class="icon" data-color="reassess_multi"></span> Part of a Multi-Parcel Sale</li>
								<li><span class="icon" data-color="reassess_single"></span> Single Parcel Sale</li>


*/



/*** 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('images/Rescue.png') no-repeat center center / contain;}

