/* 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;}


.legend span[data-img] {image-rendering: -webkit-optimize-contrast;}
.legend span[data-img="folder"] {	background:url('images/folder.png') no-repeat center center / contain; top: 1px;}



/***  ***/

.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: 7px; width: 7px; background-color: #b22222; border-radius: 50%; display: inline-block; left:5px;top:2px; }

.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>");}


/*** 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="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,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="voting_2"] {	background:rgba(255,165,0,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="voting_3"] {	background:rgba(132,112,255,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="voting_4"] {	background:rgba(112,219,147,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-color="voting_5"] {	background:rgba(100,149,237,1);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-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; }


/***Wythecova ***/

.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-img="county_office"] {	background:url('images/office.png') no-repeat center center / contain; }
.legend span[data-img="hospital"] {	background:url('images/Hospital.png') no-repeat center center / contain; }
.legend span[data-img="library"] {	background:url('images/Library.png') no-repeat center center / contain; }

.legend span[data-color="az_conical"] {	background:rgba(255,165,0,.4);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="az_horizontal"] {	background:rgba(100,149,237,.4);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="az_as_20"] {	background:rgba(191,191,191,.4);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="az_as_34"] {	background:rgba(191,191,191,.4);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="az_runway"] {	background:rgba(255,193,193,.4);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="az_runway_2502"] {	background:rgba(205,104,137,.4);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="az_runway_2558"] {	background:rgba(139,0,0,.4);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="az_trans"] {	background:rgba(205,179,139,.4);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="az_mod_trans"] {	background:rgba(154,205,50,.4);border:1px solid rgba(0,0,0,1); }

.legend span[data-color="enterprise_zones"] {	background:rgba(254,223,0,.6);border:1px solid rgba(151,21,0,.6); }

.legend span[data-color="voting_eastwythe"] {	background:rgba(252,232,179,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="voting_evergreen"] {	background:rgba(182,212,252,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="voting_chiswell"] {	background:rgba(251,182,252,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="voting_huddle"] {	background:rgba(252,197,189,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="voting_jackson"] {	background:rgba(228,252,207,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="voting_max"] {	background:rgba(199,187,252,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="voting_royal"] {	background:rgba(252,231,202,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="voting_rural"] {	background:rgba(215,237,252,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="voting_sheffey"] {	background:rgba(187,252,248,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="voting_westwythe"] {	background:rgba(252,184,216,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="voting_zion"] {	background:rgba(244,215,252,.6);border:1px solid rgba(151,21,0,.6); }

/*
.legend span[data-shape="water_red"] {	height: 8px;	width: 8px;	background-color: rgb(99,0,0);	border: 1px solid #000000;	border-radius: 50%;	display: inline-block;	left: 5px;	top: 3px;}
.legend span[data-shape="water_green"] {	height: 8px;	width: 8px;	background-color: rgb(0,99,0);	border: 1px solid #000000;	border-radius: 50%;	display: inline-block;	left: 5px;	top: 3px;}
.legend span[data-shape="water_yellow"] {	height: 8px;	width: 8px;	background-color: #ffcc00;	border: 1px solid #000000;	border-radius: 50%;	display: inline-block;	left: 5px;	top: 3px;}
*/
.legend span[data-shape="water_green"] {	height: 10px;	width: 10px;	background: repeating-linear-gradient( 
	90deg, 
	rgb(255, 255, 255),rgb(255, 255, 255) 41.25%, 
	rgb(0, 0, 0) 42%,rgb(0, 0, 0) 43%, 
	rgb(0, 99, 0) 43%,rgb(0, 99, 0) 100% 
	);
	border: 1px solid #000000;	border-radius: 50%;	display: inline-block;	left: 5px;	top: 3px;}
.legend span[data-shape="water_yellow"] {	height: 10px;	width: 10px;	background: repeating-linear-gradient( 
	90deg, 
	rgb(255, 255, 255),rgb(255, 255, 255) 41.25%, 
	rgb(0, 0, 0) 42%,rgb(0, 0, 0) 43%, 
	#ffcc00 43%,#ffcc00 100% 
	);
	border: 1px solid #000000;	border-radius: 50%;	display: inline-block;	left: 5px;	top: 3px;}
.legend span[data-shape="water_red"] {	height: 10px;	width: 10px;	background: repeating-linear-gradient( 
	90deg, 
	rgb(255, 255, 255),rgb(255, 255, 255) 41.25%, 
	rgb(0, 0, 0) 42%,rgb(0, 0, 0) 43%, 
	rgb(99,0,0) 43%,rgb(99,0,0) 100% 
	);
	border: 1px solid #000000;	border-radius: 50%;	display: inline-block;	left: 5px;	top: 3px;}


/*
.legend span[data-color=""] {	background:rgba(254,223,0,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color=""] {	background:rgba(254,223,0,.6);border:1px solid rgba(151,21,0,.6); }
*/


.legend span[data-color="supervisor_black"] {	background:rgba(115,199,139,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="supervisor_eastwythe"] {	background:rgba(252,232,179,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="supervisor_chiswell"] {	background:rgba(250,120,87,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="supervisor_lead"] {	background:rgba(72,120,171,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="supervisor_speedwell"] {	background:rgba(0,0,205,.6);border:1px solid rgba(151,21,0,.6); }
.legend span[data-color="supervisor_westwythe"] {	background:rgba(145,52,90,.6);border:1px solid rgba(151,21,0,.6); }

.legend span[data-color="structures"] {	background: rgba(205,170,102,1);	border: 1px solid rgba(79,79,79,1);}
.legend span[data-color="other_structures"] {	background: rgba(145,145,145,1);	border: 1px solid rgba(0,0,0,1);}
.legend span[data-color="parcels_conservation"] {	background: rgba(99,199,99,.6);	border: 1px solid rgba(0,0,0,1);}
.legend span[data-color="parcels_landuse"] {	background: rgba(139,131,120,.6);	border: 1px solid rgba(0,0,0,1);}
.legend span[data-color="parcels_taxexempt"] {	background: rgba(199,199,199,.6);	border: 1px solid rgba(0,0,0,1);}

.legend span[data-color="crocketts"] {	background: rgba(115,199,139,.6);	border: 1px solid rgba(151,21,0,.6);}
.legend span[data-color="fairview"] {	background: rgba(176,78,222,.6);	border: 1px solid rgba(151,21,0,.6);}
.legend span[data-color="gunton"] {	background: rgba(250,120,87,.6);	border: 1px solid rgba(151,21,0,.6);}

.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="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="st_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_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%2C99%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.25px'/></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"] {	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.25%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.25%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.25%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.25%22/></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-img="railroads"] {	background:url('images/Railroad.png') no-repeat center center / contain;}

.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-pattern="floodplain"] {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQImWNggILkaW//M6ADFMHkaW//o2PsKrEJAgBOnRoOzeCVVAAAAABJRU5ErkJggg==) repeat ; height:10px;margin-top: 1px; }

.legend span[data-svg="aep_transmission_lines"] {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>");}


.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-img="dry_hydrants"] {	background:url('images/Fire Hydrant.png') no-repeat center center / contain; }

.legend span[data-color="emsz_lead"] {	background:rgba(222,184,135,.4);border:1px solid rgba(255,0,0,.4); }
.legend span[data-color="emsz_rural"] {	background:rgba(202,255,112,.4);border:1px solid rgba(255,0,0,.4); }
.legend span[data-color="emsz_wythe"] {	background:rgba(238,230,133,.4);border:1px solid rgba(255,0,0,.4); }

.legend span[data-color="esns_330"] {	background:rgba(117,173,142,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_3351"] {	background:rgba(203,227,132,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_3352"] {	background:rgba(154,153,93,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_3353"] {	background:rgba(126,222,151,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_3354"] {	background:rgba(148,222,225,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_350"] {	background:rgba(172,222,167,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_351"] {	background:rgba(138,180,99,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_353"] {	background:rgba(96,161,103,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_355"] {	background:rgba(134,220,183,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_356"] {	background:rgba(107,156,149,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_357"] {	background:rgba(124,154,106,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_358"] {	background:rgba(205,203,136,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_359"] {	background:rgba(106,189,105,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_361"] {	background:rgba(105,189,141,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_362"] {	background:rgba(171,186,105,.4);border:1px solid rgba(0,0,0,.4); }
.legend span[data-color="esns_364"] {	background:rgba(156,217,124,.4);border:1px solid rgba(0,0,0,.4); }


.legend span[data-color="fz_barren"] {	background:rgba(32,178,170,.4);border:1px solid rgba(79,79,79,.4); }
.legend span[data-color="fz_ivanhoe"] {	background:rgba(205,205,180,.4);border:1px solid rgba(79,79,79,.4); }
.legend span[data-color="fz_max"] {	background:rgba(238,230,133,.4);border:1px solid rgba(79,79,79,.4); }
.legend span[data-color="fz_maxdraper"] {	background:rgba(222,184,135,.4);border:1px solid rgba(79,79,79,.4); }
.legend span[data-color="fz_maxwythe"] {	background:rgba(202,255,112,.4);border:1px solid rgba(79,79,79,.4); }
.legend span[data-color="fz_rural"] {	background:rgba(238,207,161,.4);border:1px solid rgba(79,79,79,.4); }
.legend span[data-color="fz_ruralwythe"] {	background:rgba(255,165,0,.4);border:1px solid rgba(79,79,79,.4); }
.legend span[data-color="fz_speedwell"] {	background:rgba(144,238,144,.4);border:1px solid rgba(79,79,79,.4); }
.legend span[data-color="fz_wythe"] {	background:rgba(173,216,230,.4);border:1px solid rgba(79,79,79,.4); }


.legend span[data-color="fz_floodway"] {	background:rgba(110,226,254,.6);border:1px solid rgba(16,78,139,1); }
.legend span[data-color="fz_a"] {	background:rgba(30,144,255,.6);border:1px solid rgba(16,78,139,1); }
.legend span[data-pattern="fz_ae"] {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAI0lEQVQIW2NMnvb2/9wsYUYGKADxwRyYBIxGUQHTgV0lNjMB4Hwh0GvPnj8AAAAASUVORK5CYII=) repeat ;background-position: left 3px top 5px; height:11px;margin-top: 0px;opacity:.5 }
.legend span[data-pattern="fz_2per"] {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2P8z8Dwn5GBAYggAMqHMxhhCtBVgPlgAqYCrhKbmQCx5xICxe5hQgAAAABJRU5ErkJggg==) repeat ;background-position: left 3px top 5px; height:11px;margin-top: 0px;opacity:.5 }




.legend span[data-shape="wl_rawintake"] {	height: 10px; width: 11px; background-color: rgba(158,153,0,1); border: 1px solid rgba(0,0,0,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px; }
.legend span[data-shape="wl_prv"] {	width: 0;	height: 0;	border-top: 5px solid transparent;	border-right: 12px solid rgba(0,0,0,1);	border-bottom: 5px solid transparent;	display: inline-block;	left: 5px;	top: .15rem;}
.legend span[data-img="wl_wells"] {	background:url('images/wl_wells.png') no-repeat center center / contain; }
.legend span[data-shape="wl_caps"] {	height: 10px; width: 11px; background-color: rgba(0,140,49,1); border: 1px solid rgba(0,0,0,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px; }
.legend span[data-img="wl_fillstations"] {	background:url('images/wl_fillstations.png') no-repeat center center / contain; }
.legend span[data-img="wl_gatevalves"] {	background:url('images/wl_gatevalves.png') no-repeat center center / contain; }
.legend span[data-shape="wl_generators"] {	height: 10px; width: 11px; background-color: rgba(255,0,0,1); border: 1px solid rgba(0,0,0,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px; }
.legend span[data-img="wl_hydrants"] {	background:url('images/wl_hydrants.png') no-repeat center center / contain; }
.legend span[data-img="wl_blowoff"] {	background:url('images/wl_blowoff.png') no-repeat center center / contain; }
.legend span[data-img="wl_meters"] {	background:url('images/wl_meters.png') no-repeat center center / contain; }
.legend span[data-shape="wl_bends"] {	height: 8px; width: 8px; background-color: rgba(0,0,255,1); border: 0px solid rgba(0,0,0,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 3px; }
.legend span[data-img="wl_treatmentplants"] {	background:url('images/wl_treatmentplants.png') no-repeat center center / contain; }
.legend span[data-img="ww_treatmentplants"] {	background:url('images/ww_treatmentplants.png') no-repeat center center / contain; }
.legend span[data-img="ww_pumpstations"] {	background:url('images/ww_pumpstations.png') no-repeat center center / contain; }
.legend span[data-shape="wl_arv"] {	width: 0;	height: 0;	border-top: 5px solid transparent;	border-right: 12px solid rgba(0,0,0,1);	border-bottom: 5px solid transparent;	display: inline-block;	left: 5px;	top: .15rem;}
.legend span[data-img="wl_mastermeters"] {	background:url('images/wl_mastermeters.png') no-repeat center center / contain; }
.legend span[data-img="wl_pumpstations"] {	background:url('images/wl_pumpstations.png') no-repeat center center / contain; }
.legend span[data-img="wl_tanks"] {	background:url('images/wl_tanks.png') no-repeat center center / contain; }
.legend span[data-svg="wl_waterlines_proposed"] {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%28169%2C0%2C230%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%28169%2C0%2C230%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%28169%2C0%2C230%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%28169%2C0%2C230%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/></svg>");}
.legend span[data-svg="wl_serviceline"] {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.0px'/></svg>");}
.legend span[data-svg="wl_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%3A2.25px'/></svg>");}
.legend span[data-color="wl_buffer350"] {	background:rgba(190,232,255,.4);border:.125rem solid rgba(179,179,179,.4);border-radius: 30%; }
.legend span[data-color="wl_metered_divisions"] {	background:rgba(190,232,255,.4);border:1px solid rgba(168,168,0,.4); }
.legend span[data-img="wl_controlvalves"] {	background:url('images/wl_controlvalves.png') no-repeat center center / contain; }


.legend span[data-color="waterlines"] {
	background: #2193c9;
	border: 0px solid #2193c9;
	height: 4px;
	top: 4px;
	border-radius: 2px;
}

.legend span[data-img="ww_manholes"] {	background:url('images/ww_manholes.png') no-repeat center center / contain; }
.legend span[data-img="ww_manholes_p"] {	background:url('images/ww_manholes_p.png') no-repeat center center / contain; }
.legend span[data-img="ww_manholes_f"] {	background:url('images/ww_manholes_f.png') no-repeat center center / contain; }

.legend span[data-img="ww_manholes_gray"] {	background:url('images/ww_manholes_gray.png') no-repeat center center / contain; }
.legend span[data-img="ww_manholes_green"] {	background:url('images/ww_manholes_green.png') no-repeat center center / contain; }
.legend span[data-img="ww_manholes_yellow"] {	background:url('images/ww_manholes_yellow.png') no-repeat center center / contain; }
.legend span[data-img="ww_manholes_orange"] {	background:url('images/ww_manholes_orange.png') no-repeat center center / contain; }
.legend span[data-img="ww_manholes_red"] {	background:url('images/ww_manholes_red.png') no-repeat center center / contain; }

.legend span[data-svg="ww_sewer_lines"] {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%2856%2C168%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%2856%2C168%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%2856%2C168%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%2856%2C168%2C0%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/></svg>");}
.legend span[data-svg="ww_forcemains"] {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%28127%2C0%2C173%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.0px'/></svg>");}
.legend span[data-color="ww_buffer300"] {	background:rgba(163,255,115,.4);border:.125rem solid rgba(179,179,179,.4);border-radius: 30%; }
.legend span[data-shape="ww_air_release"] {	height: 10px;	width: 11px;	background-color: rgba(51, 153, 204,1);	border: 0px solid rgba(79,79,79,0);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-shape="wl_survey_responses"] {	height: 10px; width: 11px; background-color: #28a745; border: 1px solid rgba(0,0,0,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px; }
.legend span[data-shape="wl_sample_locations"] {	height: 10px; width: 11px; background-color: #0063bb; border: 1px solid rgba(0,0,0,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px; }



.legend span[data-img="sewer_lines"] {	background:url('images/sewer_lines.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="vac_cohold"] {	background: #ffffff00;	border: 2px solid #c500ff;opacity:.6; }
.legend span[data-color="vac_designation"] {	background: #ffffff00;	border: 2px solid #a87000;opacity:.6; }
.legend span[data-hatch="vac_easement"] {
	background: repeating-linear-gradient(-45deg,
		rgba(255,255,255,0),rgba(255,255,255,0) 2px,
		rgba(255,0,0,1) 2px,rgba(255,0,0,1) 4px);
	border: 1px solid rgba(255,0,0,1);
	opacity:.6;
}
.legend span[data-color="vac_f"] {	background: #5c8944;	border: 1px solid #5c8944;opacity:.6; }
.legend span[data-color="vac_l"] {	background: #4ce600;	border: 1px solid #267300;opacity:.6; }
.legend span[data-color="vac_s"] {	background: #abcd66;	border: 1px solid #728944;opacity:.6; }
.legend span[data-color="vac_p"] {	background: #898944;	border: 1px solid #737300;opacity:.6; }
.legend span[data-color="vac_t"] {	background: #cd6666;	border: 1px solid #894444;opacity:.6; }

.legend span[data-hatch="gas_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-color="z_ag1"] {	background: #e9ffbe;	border: 1px solid #000000;opacity:.6; }
.legend span[data-color="z_ag2"] {	background: #d1ff73;	border: 1px solid #000000;opacity:.6; }
.legend span[data-color="z_comm"] {	background: #0070ff;	border: 1px solid #000000;opacity:.6; }
.legend span[data-color="z_commrec"] {	background: #cdaa66;	border: 1px solid #000000;opacity:.6; }
.legend span[data-color="z_commrecpub"] {	background: #a36b52;	border: 1px solid #000000;opacity:.6; }
.legend span[data-color="z_ind"] {	background: #aa66cd;	border: 1px solid #000000;opacity:.6; }
.legend span[data-color="z_res1"] {	background: #ffbebe;	border: 1px solid #000000;opacity:.6; }
.legend span[data-color="z_res2"] {	background: #ff7f7f;	border: 1px solid #000000;opacity:.6; }

.legend span[data-shape="utility_customers"] {	height: 10px;	width: 11px;	background-color: #FFBF00;	border: 1px solid #8B8000;	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-shape="utility_customers_sewer"] {	height: 6px;	width: 6px;	background-color: #F28C28;	border: 1px solid #C04000;	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-shape="utility_customers_water"] {	height: 8px;	width: 8px;	background-color: #FFBF0000;	border: 2px solid #007FFF;	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}

.legend span[data-color="transportation_corridor"] {	background: transparent;	border: 2px solid #000000; border-radius: 20%; }


.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;}

/*** 
		
	
***/

/*** 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;}




