/* 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;}

/*** PembinaCo ***/

.legend span[data-img="county-boundary"] {	background: url('images/Corporate Boundary.png') no-repeat center center / contain; }
.legend span[data-img="town_boundary"] {	background: url('images/state_boundary.png') no-repeat center center / contain; }
.legend span[data-img="boundary_incorporated"] {	background: url('images/boundary_incorporated.png') no-repeat center center / contain; }

.legend span[data-color="townships"] {	background:rgba(185,185,185,0);border:2px solid rgba(185,185,185,1); width:10px; height:10px; top: 3px; left: 5px; }
.legend span[data-color="sections"] {	background:rgba(139,35,35,0);border:1px solid rgba(139,35,35,1); width:10px; height:10px; top: 3px; left: 5px; }

.legend span[data-svg="chi_arterial"] {	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%28139%2C139%2C139%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.00px'/></svg>");}
.legend span[data-svg="chi_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%28238%2C0%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.75px'/></svg>");}
.legend span[data-svg="chi_state"] {	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%28238%2C154%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.00px'/></svg>");}
.legend span[data-svg="chi_county"] {	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%28205%2C133%2C63%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.00px'/></svg>");}

.legend span[data-svg="roads"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%2847%2C47%2C47%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.25px'/></svg>");}

.legend span[data-svg="driveways"] {	background-image: url("data:image/svg+xml;utf8,<svg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 18.54 10.88%22><title>Legend</title><path d%3D%22M1.87%2C11.73c0-.05%2C1.09-1.54%2C2.33-3.25%22 transform%3D%22translate%28-1.04 -1.77%29%22 fill%3D%22none%22 stroke%3D%22rgb%2846%2C46%2C46%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><path d%3D%22M5.55%2C6.6%2C7.9%2C3.36%2C10%2C6.79%22 transform%3D%22translate%28-1.04 -1.77%29%22 fill%3D%22none%22 stroke%3D%22rgb%2846%2C46%2C46%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><polyline points%3D%229.44 5.9 11.49 9.33 13.94 6.17%22 fill%3D%22none%22 stroke%3D%22rgb%2846%2C46%2C46%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><line x1%3D%2215.4%22 y1%3D%224.27%22 x2%3D%2217.85%22 y2%3D%221.1%22 fill%3D%22none%22 stroke%3D%22rgb%2846%2C46%2C46%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/></svg>");}

.legend span[data-img="railroad"] {	background: url('images/Railroad.png') no-repeat center center / contain; }

.legend span[data-shape="mile_markers"] {	height: 10px;	width: 11px;	background-color: rgba(0,139,0,1);	border: 1px solid rgba(0,0,0,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}

.legend span[data-img="bridges"] {	background: url('images/bridges.png') no-repeat center center / contain; }



.legend span[data-shape="dams"] {	width: 0;	height: 0;	border-top: 1px solid transparent;	border-left: 5px solid transparent;	border-right: 5px solid transparent;	border-bottom: 10px solid rgba(77,77,255,1);	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-shape="chi_klj"] {	height: 10px;	width: 11px;	background-color: rgba(191,62,255,1);	border: 1px solid rgba(0,0,0,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-shape="chi_pchwy"] {	height: 10px;	width: 11px;	background-color: rgba(0,255,127,1);	border: 1px solid rgba(0,0,0,1);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-svg="water_resource_district_legal_drains"] {	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%2C156%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-color="rivers_lakes_ponds"] {	background:rgba(135,206,250,1);border:1px solid rgba(51,153,204,1); }

.legend span[data-svg="streams"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%2851%2C153%2C204%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.25px'/></svg>");}

.legend span[data-svg="pembina_tongue_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%28135%2C206%2C250%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.25px'/></svg>");}

.legend span[data-color="water_bodies"] {	background:rgba(0,197,255,1);border:1px solid rgba(74,112,139,1); }
.legend span[data-color="red_river"] {	background:rgba(135,206,250,.8);border:1px solid rgba(135,206,250,1); }
.legend span[data-color="drains"] {	background:rgba(72,209,204,.6);border:1px solid rgba(225,225,225,.6); }


.legend span[data-hatch="watershed_lpr"] {
	background: repeating-linear-gradient(45deg,rgba(255,102,0,1),rgba(255,102,0,1) 8%,rgba(129,129,129,0) 8%,rgba(129,129,129,0) 32%);
	border: 2px solid rgba(69,139,116,1);
}
.legend span[data-hatch="watershed_mr"] {
	background: repeating-linear-gradient(45deg,rgba(102,0,0,1),rgba(102,0,0,1) 8%,rgba(129,129,129,0) 8%,rgba(129,129,129,0) 32%);
	border: 2px solid rgba(69,139,116,1);
}
.legend span[data-hatch="watershed_park"] {
	background: repeating-linear-gradient(-45deg,rgba(99,132,151,1),rgba(99,132,151,1) 8%,rgba(129,129,129,0) 8%,rgba(129,129,129,0) 32%);
	border: 2px solid rgba(69,139,116,1);
}

.legend span[data-hatch="watershed_full"] {
	background: repeating-linear-gradient(-45deg,rgba(69,139,116,1),rgba(69,139,116,1) 8%,rgba(129,129,129,0) 8%,rgba(129,129,129,0) 32%);
	border: 2px solid rgba(69,139,116,1);
}

.legend span[data-color="fz_1per"] {	background:rgba(0,242,186,.6);border:1px solid rgba(179,179,179,.6); }
.legend span[data-hatch="fz_reg"] {
	background: repeating-linear-gradient(-45deg,rgba(255,0,0,1),rgba(255,0,0,1) 15%,rgba(129,129,129,0) 15%,rgba(129,129,129,0) 35%);
	border: 1px solid rgba(0,0,0,.1);
}
.legend span[data-color="fz_point2"] {	background:rgba(255,150,0,.6);border:1px solid rgba(179,179,179,.6); }
.legend span[data-hatch="fz_reduced"] {
	background: repeating-linear-gradient(-45deg,rgba(255,150,0,1),rgba(255,150,0,1) 15%,rgba(0,0,0,1) 15%,rgba(0,0,0,1) 35%);
	border: 1px solid rgba(0,0,0,.1);
}


.legend span[data-color="cross_sections"] {	background: rgba(139,87,66,1); border: 2px solid rgba(139,87,66,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-color="base_flood_elevation"] {	background: rgba(83,134,139,1); border: 0px solid rgba(83,134,139,1);height: 2px;top: 5px;border-radius:2px; }


.legend span[data-img="parcel_landhooks"] {	background: url('images/parcel_landhooks.png') no-repeat center center / contain; }
.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="subdivisions"] {	background:rgba(108,123,139,0);border:2px solid rgba(108,123,139,1); width:10px; height:10px; top: 3px; left: 5px; }
.legend span[data-color="parcel_blocks"] {	background:rgba(159,182,205,0);border:2px solid rgba(159,182,205,1); width:10px; height:10px; top: 3px; left: 5px; border-radius:2px; }
.legend span[data-color="parcel_lots"] {	background:rgba(50,153,204,0);border:1px solid rgba(50,153,204,1); width:10px; height:10px; top: 3px; left: 5px; border-radius:2px; }

.legend span[data-hatch="plat_distance"] {
	background: repeating-linear-gradient(90deg,rgba(79,79,79,1),rgba(79,79,79,1) 15%,rgba(0,197,255,0) 15%,rgba(0,197,255,0) 40%);
	border: 0px solid rgba(139,139,139,0); height: 2px;top: 5px;border-radius:2px;
}

.legend span[data-color="tfd_bathgate"] {	background:rgba(51,153,204,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="tfd_cavalier_afs"] {	background:rgba(154,205,50,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="tfd_cavalier"] {	background:rgba(205,198,115,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="tfd_crystal"] {	background:rgba(2,157,116,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="tfd_drayton"] {	background:rgba(250,128,114,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="tfd_edinburg"] {	background:rgba(255,193,37,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="tfd_hoople"] {	background:rgba(224,102,255,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="tfd_mountain"] {	background:rgba(151,255,255,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="tfd_neche"] {	background:rgba(255,246,143,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="tfd_pembina"] {	background:rgba(255,20,147,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="tfd_stthomas"] {	background:rgba(0,104,139,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="tfd_walhalla"] {	background:rgba(127,255,0,.6);border:1px solid rgba(0,0,0,.6); }


.legend span[data-color="sd_06"] {	background:rgba(51,153,204,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="sd_19"] {	background:rgba(154,205,50,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="sd_43"] {	background:rgba(205,198,115,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="sd_100"] {	background:rgba(205,205,0,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="sd_118"] {	background:rgba(250,128,114,.6);border:1px solid rgba(0,0,0,.6); }


.legend span[data-color="cd_01"] {	background:rgba(51,153,204,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="cd_02"] {	background:rgba(154,205,50,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="cd_03"] {	background:rgba(205,198,115,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="cd_04"] {	background:rgba(2,157,116,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="cd_05"] {	background:rgba(250,128,114,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="cd_06"] {	background:rgba(255,235,205,.6);border:1px solid rgba(0,0,0,.6); }

.legend span[data-color="ep_01"] {	background:rgba(51,153,204,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="ep_02"] {	background:rgba(154,205,50,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="ep_03"] {	background:rgba(205,198,115,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="ep_04"] {	background:rgba(2,157,116,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="ep_05"] {	background:rgba(250,128,114,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="ep_06"] {	background:rgba(255,235,205,.6);border:1px solid rgba(0,0,0,.6); }

.legend span[data-color="ld_10"] {	background:rgba(51,153,204,.6);border:1px solid rgba(0,0,0,.6); }


.legend span[data-img="firedept"] {	background: url('images/Fire.png') no-repeat center center / contain; }
.legend span[data-img="ambulance"] {	background: url('images/Rescue.png') no-repeat center center / contain; }
.legend span[data-shape="quickresponders"] {	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-img="lawenforcement"] {	background: url('images/law_enforcement_blk.png') no-repeat center center / contain; }



.legend span[data-color="asz_cavalier"] {	background:rgba(51,153,204,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="asz_drayton"] {	background:rgba(154,205,50,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="asz_parkriver"] {	background:rgba(205,198,115,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="asz_pembina"] {	background:rgba(250,128,114,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="asz_valley"] {	background:rgba(244,164,96,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="asz_walhalla"] {	background:rgba(2,157,116,.6);border:1px solid rgba(0,0,0,.6); }


.legend span[data-color="fdsz_bathcavfd"] {	background:rgba(51,153,204,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="fdsz_cavafsfd"] {	background:rgba(154,205,50,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="fdsz_cavalierfd"] {	background:rgba(205,198,115,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="fdsz_crystalfd"] {	background:rgba(250,128,114,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="fdsz_draytonfd"] {	background:rgba(244,164,96,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="fdsz_edinburgfd"] {	background:rgba(2,157,116,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="fdsz_hooplefd"] {	background:rgba(151,255,255,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="fdsz_mountainfd"] {	background:rgba(0,205,0,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="fdsz_nechefd"] {	background:rgba(193,255,193,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="fdsz_pembinafd"] {	background:rgba(205,175,149,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="fdsz_stthomasfd"] {	background:rgba(238,118,0,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="fdsz_walhallafd"] {	background:rgba(184,134,11,.6);border:1px solid rgba(0,0,0,.6); }


.legend span[data-color="aqr_cavalier"] {	background:rgba(51,153,204,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="aqr_crystal_cavalier"] {	background:rgba(154,205,50,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="aqr_crystal_park"] {	background:rgba(205,198,115,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="aqr_drayton"] {	background:rgba(250,128,114,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="aqr_edinburg_park"] {	background:rgba(244,164,96,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="aqr_hoople_park"] {	background:rgba(2,157,116,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="aqr_mountain_cavalier"] {	background:rgba(151,255,255,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="aqr_mountain_walhalla"] {	background:rgba(0,205,0,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="aqr_neche_cavalier"] {	background:rgba(193,255,193,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="aqr_pembina"] {	background:rgba(205,175,149,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="aqr_stthomas_cavalier"] {	background:rgba(238,118,0,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="aqr_stthomas_drayton"] {	background:rgba(184,134,11,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="aqr_stthomas_valley"] {	background:rgba(255,64,64,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="aqr_walhalla"] {	background:rgba(192,255,62,.6);border:1px solid rgba(0,0,0,.6); }


.legend span[data-color="lsz_cavalier_afs"] {	background:rgba(51,153,204,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="lsz_cavalier_pd"] {	background:rgba(154,205,50,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="lsz_drayton_pd"] {	background:rgba(205,198,115,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="lsz_walhalla_pd"] {	background:rgba(250,128,114,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="lsz_sheriff"] {	background:rgba(2,157,116,.6);border:1px solid rgba(0,0,0,.6); }

.legend span[data-img="celltower"] {	background: url('images/celltower.png') no-repeat center center / contain; }
.legend span[data-shape="cemeteries"] {	height: 10px;	width: 10px;	background-color: rgba(255,140,0,1);	border: 1px solid rgba(0,0,0,1);	display: inline-block;	left: 5px;	top: 2px;}
.legend span[data-img="city_parks"] {	background: url('images/city_parks.png') no-repeat center center / contain; }
.legend span[data-img="schools"] {	background: url('images/school_2.png') no-repeat center center / contain; }
.legend span[data-img="shelters"] {	background: url('images/shelters.png') no-repeat center center / contain; }

.legend span[data-color="soils_old"] {	background: rgba(79,79,79,1); border: 2px solid rgba(162,205,90,1);height: 5px;top: 4px;border-radius:2px; }
.legend span[data-color="soils"] {	background: rgba(238,238,0,1); border: 0px solid rgba(238,238,0,1);height: 3px;top: 5px;border-radius:2px; }

.legend span[data-color="state_park"] {	background:rgba(107,142,35,1);border:1px solid rgba(0,0,0,1); }

.legend span[data-pattern="wildlife_management_area"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAI0lEQVQImWPI6lP+z4AG4GLIkhgKs/qU/2PTjV0Cq1G4LAcAXG8ZOWFs62gAAAAASUVORK5CYII=) repeat;border: 1px solid rgba(179,179,179,1);	height: 10px;	margin-top: 1px; top:1px;}

.legend span[data-pattern="waterfowl_production_area"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAI0lEQVQImWMwnnnmPwMagIshS2IoNJ555j823dglsBqFy3IADG8fFYDJfVYAAAAASUVORK5CYII=) repeat;border: 1px solid rgba(179,179,179,1);	height: 10px;	margin-top: 1px; top:1px;}


/*




*/


.legend span[data-color="structures"] {	background: #CDAA66;}



.legend span[data-svg="water_mains"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%28115%2C223%2C255%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.25px'/></svg>");}
.legend span[data-svg="water_laterals"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%280%2C20%2C255%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.25px'/></svg>");}

.legend span[data-svg="water_bodies"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%2864%2C101%2C235%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.25px'/></svg>");}




.legend span[data-hatch="fz_100"] {
	background: repeating-linear-gradient(45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(102,205,170,1) 2px,rgba(102,205,170,1) 4px);
	border: 1px solid rgba(74,112,139,1);
}
.legend span[data-pattern="fz_100_base"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHElEQVQImWNwbdrynwEK4GzXpi3/kSVQBdC1AACYghPRDWf0mgAAAABJRU5ErkJggg==) repeat; border:1px solid rgba(74,112,139,1);	height: 10px;	margin-top: 1px;}
.legend span[data-hatch="fz_500"] {
	background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(0,0,238,1) 2px,rgba(0,0,238,1) 4px);
	border: 1px solid rgba(74,112,139,1);
}


.legend span[data-img="water_storage_tank"] {	background: url('images/water_storage_tank.png') no-repeat center center / contain; }
.legend span[data-svg="waterlines"] { background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%280%2C0%2C205%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>")}

.legend span[data-shape="master_water_meters"] {  width: 0;   height: 0;   border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-bottom: 11px solid rgb(51,153,204);display: inline-block; left:5px;top: 2px;}
.legend span[data-img="water_meters"] {	background: url('images/water_meters.png') no-repeat center center / contain; }
.legend span[data-img="water_valves"] {	background: url('images/fire_line_valves.png') no-repeat center center / contain; top: 1px; }
.legend span[data-img="fire_hydrants"] {	background: url('images/Fire Hydrant.png') no-repeat center center / contain; }




.legend span[data-shape="fire_line_meters"] {  width: 0;   height: 0;   border-left: 6px solid transparent;  border-right: 6px solid transparent;  border-bottom: 11px solid rgb(139,0,0);display: inline-block; left:5px;top: 2px;}
.legend span[data-img="fire_line_valves"] {	background: url('images/fire_line_valves.png') no-repeat center center / contain; max-height: 10px;}
.legend span[data-shape="blow_off_valves"] { height: 10px; width: 10px; background-color: rgba(51,153,204,1); border-radius: 0; display: inline-block; left:5px;top:2px; }
.legend span[data-img="back_flow"] {	background: url('images/back_flow.png') no-repeat center center / contain; }
.legend span[data-shape="air_release_valves"] { height: 10px; width: 10px; background-color: rgba(51,153,204,1); border-radius: 50%; display: inline-block; left:5px;top:2px; }
.legend span[data-shape="air_release_valves"] { height: 10px; width: 10px; background-color: rgba(51,153,204,1); border-radius: 50%; display: inline-block; left:5px;top:2px; }
.legend span[data-shape="post_indicator_valve"] { height: 10px; width: 10px; background-color: rgba(51,153,204,1); border-radius: 0; display: inline-block; left:5px;top:2px; }
.legend span[data-color="low_pressure_zone"] {	background:rgba(211,255,190,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="high_pressure_zone"] {	background:rgba(190,232,255,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-img="isolation_valves"] {	background: url('images/fire_line_valves.png') no-repeat center center / contain; }

.legend span[data-img="water_storage_tank2"] {	background: url('images/water_storage_tank2.png') no-repeat center center / contain; }
.legend span[data-img="booster_station"] {	background: url('images/booster_station.png') no-repeat center center / contain; }
.legend span[data-img="water_master_meter"] {	background: url('images/water_master_meter.png') no-repeat center center / contain; }
.legend span[data-shape="water_treatment_plant"] { height: 12px; width: 12px; background-color: rgba(0,112,255,1); border-radius: 0; display: inline-block; left:4px;top:0px; }

.legend span[data-img="wf_cross"] {	background: url('images/water_fittings.png') no-repeat center center / contain; }
.legend span[data-img="wf_tee"] {	background: url('images/tee.png') no-repeat center center / contain; }
.legend span[data-img="wf_fhtee"] {	background: url('images/fhtee.png') no-repeat center center / contain; }
.legend span[data-img="wf_wye"] {	background: url('images/wye.png') no-repeat center center / contain; }

.legend span[data-shape="miscellaneous_fire_suppression"] { height: 10px; width: 10px; background-color: rgba(100,170,185,1); border-radius: 50%; display: inline-block; left:5px;top:2px; }

/*

								


*/

.legend span[data-color="wd_cpws"] { background:rgba(0,191,255,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="wd_hbts"] { background:rgba(255,165,0,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="wd_hbts_meter"] { background:rgba(132,112,255,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="wd_maury"] { background:rgba(112,219,147,1);border:1px solid rgba(0,0,0,1); }

.legend span[data-img="manholes"] {	background: url('images/manholes.png') no-repeat center center / contain; }
.legend span[data-img="force_main_valves"] {	background: url('images/force_main_valves.png') no-repeat center center / contain; }
.legend span[data-img="force_main_check_valve"] {	background: url('images/force_main_check_valve.png') no-repeat center center / contain; }
.legend span[data-svg="sewer_gravity_lines"] { background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%2876%2C230%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.5px'/></svg>")}
.legend span[data-img="sewer_gravity_lines_flow"] {	background: url('images/sewer_gravity_lines_flow.png') no-repeat center center / contain; }
.legend span[data-svg="sewer_force_mains"] { background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)'  style='fill%3Anone%3Bstroke%3Argb%28153%2C50%2C204%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2.75px'/></svg>")}
.legend span[data-svg="abandoned_sewer_force_mains"] {	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'%3E%3Cpath d='M1.87,11.73c0-.11,6-8.37,6-8.37l4.63,7.74,6.35-8.23' transform='translate(-0.99 -2)' fill='none' stroke='%23458b2e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' stroke-dasharray='3 3'/%3E%3C/svg%3E");}
.legend span[data-svg="casement_pipes"] {	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 20.02 13.13'%3E%3Cpath d='M1.87,11.57c0-.1,6-8.36,6-8.36L12.53,11l6.35-8.23' transform='translate(-0.37 -0.49)' fill='none' stroke='%23cdaf95' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3'/%3E%3Cpath d='M1.87,11.73c0-.11,6-8.37,6-8.37l4.63,7.74,6.35-8.23' transform='translate(-0.37 -0.49)' fill='none' stroke='%23ffdab9' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.75'/%3E%3C/svg%3E");background-repeat: no-repeat;}
.legend span[data-shape="sewer_facilities"] { height: 12px; width: 12px; background-color: rgba(0,139,0,1); border-radius: 0; display: inline-block; left:4px;top:1px; }
.legend span[data-img="air_release_manholes"] {	background: url('images/air_release_manholes.png') no-repeat center center / contain; }

.legend span[data-color="ep_cpws"] { background:rgba(213,232,188,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="ep_dremc"] { background:rgba(0,113,99,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="ep_mtemc"] { background:rgba(122,193,67,1);border:1px solid rgba(0,0,0,1); }

.legend span[data-shape="storm_shelter"] { height: 12px; width: 12px; background-color: rgba(127,255,212,1); border:1px solid black; border-radius: 0; display: inline-block; left:4px;top:1px; }


.legend span[data-img="sv_arv"] {	background: url('images/arv.png') no-repeat center center / contain; }
.legend span[data-img="sv_gate"] {	background: url('images/water_valves.png') no-repeat center center / contain; }
.legend span[data-img="sv_hydrant"] {	background: url('images/fire_line_valves.png') no-repeat center center / contain; }
.legend span[data-img="water_tank"] {	background: url('images/water_storage_tank2.png') no-repeat center center / contain; }
.legend span[data-shape="water_well"] {	height: 10px;	width: 11px;	background-color: rgba(0,112,255,1);	border: 0px solid rgba(79,79,79,0);	border-radius: 50%;	display: inline-block;	left: 5px;	top: 2px;}

.legend span[data-img="water_meters"] {	background: url('images/water_meters2.png') no-repeat center center / contain; }
.legend span[data-img="blow_off_hydrant"] {	background: url('images/blow_off_hydrant.png') no-repeat center center / contain; }
.legend span[data-img="water_fittings"] {	background: url('images/water_fittings.png') no-repeat center center / contain; }

.legend span[data-img="sewer_lines"] {	background: url('images/sewer_lines2.png') no-repeat center center / contain; }
.legend span[data-img="gravity_flow_direction"] {	background: url('images/sewer_gravity_lines_flow.png') no-repeat center center / contain; }
.legend span[data-img="sewer_force_mains"] {	background: url('images/sewer_force_mains.png') no-repeat center center / contain; }
.legend span[data-svg="sewer_laterals"] {	background-image: url("data:image/svg+xml;utf8,<svg xmlns%3D%22http://www.w3.org/2000/svg%22 viewBox%3D%220 0 18.54 10.88%22><title>Legend</title><path d%3D%22M1.87%2C11.73c0-.05%2C1.09-1.54%2C2.33-3.25%22 transform%3D%22translate%28-1.04 -1.77%29%22 fill%3D%22none%22 stroke%3D%22rgb%28150%2C48%2C0%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><path d%3D%22M5.55%2C6.6%2C7.9%2C3.36%2C10%2C6.79%22 transform%3D%22translate%28-1.04 -1.77%29%22 fill%3D%22none%22 stroke%3D%22rgb%28150%2C48%2C0%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><polyline points%3D%229.44 5.9 11.49 9.33 13.94 6.17%22 fill%3D%22none%22 stroke%3D%22rgb%28150%2C48%2C0%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/><line x1%3D%2215.4%22 y1%3D%224.27%22 x2%3D%2217.85%22 y2%3D%221.1%22 fill%3D%22none%22 stroke%3D%22rgb%28150%2C48%2C0%29%22 stroke-miterlimit%3D%2210%22 stroke-width%3D%221.75%22/></svg>");}
.legend span[data-svg="forcemains"] {	background-image: url("data:image/svg+xml;utf8,%3Csvg version='1.0' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21 14' enable-background='new 0 0 21 14' xml:space='preserve'%3E%3Cimage display='none' overflow='visible' width='18' height='10' xlink:href='E1355E3.jpg' transform='matrix(0.9999 0 0 0.9999 1.5011 2.0006)'%3E%3C/image%3E%3Cpath id='FAT' display='none' fill='none' stroke='%23E6B600' stroke-width='4' stroke-miterlimit='10' d='M3.27,10.82 c0.03-0.08,5.04-6.98,5.04-6.98l3.86,6.46l5.3-6.87'/%3E%3Cpath id='_x33_' display='none' fill='none' stroke='%23000000' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d=' M1.87,11.57C1.9,11.47,7.9,3.21,7.9,3.21l4.63,7.75l6.35-8.23'/%3E%3Cpath id='_x32_.25' display='none' fill='none' stroke='%2300FA9A' stroke-width='2.25' stroke-miterlimit='10' d='M1.87,11.73 C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath id='_x31_.75' display='none' fill='none' stroke='%23FFDAB9' stroke-width='1.75' stroke-linecap='round' stroke-miterlimit='10' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath id='_x31_.75_Dashed' fill='none' stroke='%23008000' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='4,3,6,3,7,3' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath id='_x31_.75_Dashed_1_' display='none' fill='none' stroke='%23458B2E' stroke-width='2.75' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='4,3' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath id='Long_dash_dash' display='none' fill='none' stroke='%239ACD32' stroke-width='3' stroke-miterlimit='10' stroke-dasharray='21,1.5,3,1.5,3' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath display='none' fill='none' stroke='%232E2E2E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='12,4' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3Cpath display='none' fill='none' stroke='%232E2E2E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-dasharray='12,4' d=' M1.87,11.73C1.9,11.62,7.9,3.36,7.9,3.36l4.63,7.75l6.35-8.23'/%3E%3C/svg%3E");background-repeat: no-repeat;}


.legend span[data-svg="sewerlines"] {	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%2C128%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}

.legend span[data-img="pump_station"] {	background: url('images/pump_station.png') no-repeat center center / contain; }
.legend span[data-img="sewer_manholes"] {	background: url('images/manholes.png') no-repeat center center / contain; }
.legend span[data-img="miscellaneous_junctions"] {	background: url('images/miscellaneous_junctions.png') no-repeat center center / contain; }
.legend span[data-img="grease_traps"] {	background: url('images/grease_traps.png') no-repeat center center / contain; }
.legend span[data-img="clean_outs"] {	background: url('images/clean_outs.png') no-repeat center center / contain; }
.legend span[data-img="stubs"] {	background: url('images/stubs.png') no-repeat center center / contain; }
.legend span[data-img="air_release_valve"] {	background: url('images/air_release_valve.png') no-repeat center center / contain; }

.legend span[data-shape="metal_plates"] { height: 10px; width: 10px; background-color: rgba(204,204,204,1);border:1px solid #000; border-radius: 50%; display: inline-block; left:5px;top:2px; }

/*


*/

.legend span[data-pattern="floodplain"] {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAKUlEQVQImWNImfL2PwMaSJ76zjdlytv/CAa6BLoAhgROHQR14rUTn2sBnTs9xq3SepQAAAAASUVORK5CYII=) repeat ; height:10px;margin-top: 1px; border:1px solid rgba(179,179,179,1);background-position: 1px 4px; }
.legend span[data-pattern="floodplain_ae"] {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAARUlEQVQImV2NwQ0AIQzDDGI9GJb7s1pRkFq1l6+dpNk5BjRqJrA7sAAJngdUEPySEECWoOJCgAy9US7GfyoJ77NMxQXYBUBaEtid8uxFAAAAAElFTkSuQmCC) repeat ; height:10px;margin-top: 1px; border:1px solid rgba(179,179,179,1);background-position: 1px 4px; }
.legend span[data-pattern="floodplain_2per"] {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAKUlEQVQImWP4z8DwnwEN/GdgaPjPwPAfwUCXQBfAkMCpg6BOvHbicy0A8usqXJhyTUQAAAAASUVORK5CYII=) repeat ; height:10px;margin-top: 1px; border:1px solid rgba(179,179,179,1);background-position: 1px 4px; }

.legend span[data-color="fld_1per"] {	background:rgba(18,155,223,.50);border:1px solid rgba(0,0,0,.6); }
.legend span[data-hatch="fld_reg_flood"] {	background: repeating-linear-gradient(-45deg,rgba(18,155,223,.5),rgba(18,155,223,.5) 15%,rgba(255,13,0,.5) 15%,rgba(255,13,0,.5) 30%);border:1px solid rgba(85,107,47,1); }
.legend span[data-pattern="fld_special_flood"] {	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPElEQVQYlWP4z8vwH4aFZt/HwDA5BmQOumJkcQZsgtj4DLhMQLeBAZeb0J1BuolEuZEoXxMdjvgUISsGAKZS5U19Qd/fAAAAAElFTkSuQmCC) repeat ;background-position: left 3px top 5px; height:11px;margin-top: 0px;opacity:.5 }
.legend span[data-color="fld_undetermined"] {	background:rgba(241,223,140,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="fld_point2"] {	background:rgba(244,147,24,.5);border:1px solid rgba(0,0,0,.5); }
.legend span[data-hatch="fld_future_1per"] { background: repeating-linear-gradient(45deg,rgba(0,0,0,.5),rgba(0,0,0,.5) 15%,rgba(129,129,129,.8) 15%,rgba(129,129,129,.8) 30%);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="fld_reduced_risk"] { background: repeating-linear-gradient(-45deg,	rgba(0,0,0,.5),rgba(0,0,0,.5) 15%,	rgba(254,130,0,.8) 15%,rgba(254,130,0,.8) 30%);
	border:1px solid rgba(0,0,0,1); }

.legend span[data-color="fld_occasional"] {	background:rgba(202,255,112,.60);border:1px solid rgba(91,140,7,.6); }


.legend span[data-color="dr_nobreach"] {	background:rgba(16,78,139,.6);border:0px solid rgba(0,0,0,0); }
.legend span[data-color="dr_pmf"] {	background:rgba(24,116,205,.6);border:0px solid rgba(0,0,0,0); }
.legend span[data-color="dr_pmfbreach"] {	background:rgba(30,144,255,.6);border:0px solid rgba(0,0,0,0); }
.legend span[data-color="dr_sdf"] {	background:rgba(0,154,205,.6);border:0px solid rgba(0,0,0,0); }
.legend span[data-color="dr_sdfbreach"] {	background:rgba(0,191,255,.6);border:0px solid rgba(0,0,0,0); }
.legend span[data-color="dr_sunnybreach"] {	background:rgba(0,206,209,.6);border:0px solid rgba(0,0,0,0); }


.legend span[data-img="counties"] {	background: url('images/Counties.png') no-repeat center center / contain; }
.legend span[data-img="tracts"] {	background: url('images/Tracts.png') no-repeat center center / contain; }
.legend span[data-img="block-groups"] {	background: url('images/Block Groups.png') no-repeat center center / contain; }

.legend span[data-svg="counties"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%280%2C0%2C255%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="tracts"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%280%2C255%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}
.legend span[data-svg="block_groups"] {	background-image: url("data:image/svg+xml;utf8,<svg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18.54 10.88'><title>line_thin</title><path id='_1.75' data-name='1.75' d='M1.87%2C11.73c0-.11%2C6-8.37%2C6-8.37l4.63%2C7.74%2C6.35-8.23' transform='translate(-1.04 -1.77)' style='fill%3Anone%3Bstroke%3Argb%28255%2C0%2C0%29%3Bstroke-miterlimit%3A10%3Bstroke-width%3A1.75px'/></svg>");}

.legend span[data-color="range001"] {	background:#ffffcc;}
.legend span[data-color="range002"] {	background:#a1dab4;}
.legend span[data-color="range003"] {	background:#41b6c4;}
.legend span[data-color="range004"] {	background:#2c7fb8;}
.legend span[data-color="range005"] {	background:#253494;}

.legend span[data-pattern="checker_lines"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAH0lEQVQImWNggILkaW//M6ADFMHkaW//o2PsKrEJAgBOnRoOzeCVVAAAAABJRU5ErkJggg==) repeat;	height: 10px;	margin-top: 1px;}

.legend span[data-color="cover_11"] {	background:rgba(0,169,230,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_21"] {	background:rgba(77, 0, 116,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_22"] {	background:rgba(51, 51, 51,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_31"] {	background:rgba(255, 255, 255,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_41"] {	background:rgba(36, 116, 0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_42"] {	background:rgba(55, 168, 0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_51"] {	background:rgba(116, 116, 0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_61"] {	background:rgba(159, 36, 31,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_71"] {	background:rgba(206, 169, 102,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_81"] {	background:rgba(153, 230, 0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_82"] {	background:rgba(230, 230, 0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_91"] {	background:rgba(136, 69, 100,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_92"] {	background:rgba(255, 0, 197,.5);border:0px solid rgba(0,0,0,1); }
/*2021*/
.legend span[data-color="cover_water"] { background:rgba(0,92,230,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_impervious_roads"] { background:rgba(0,0,0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_impervious_structures"] { background:rgba(235,6,2,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_impervious_other"] { background:rgba(89,89,89,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_tree_canopy_over_impervious"] { background:rgba(138,138,136,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_tree_canopy_over_turf_grass"] { background:rgba(115,115,0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_turf_grass"] { background:rgba(233,255,190,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_pervious_developed_other"] { background:rgba(255,255,115,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_extractive"] { background:rgba(199,62,119,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_forest"] { background:rgba(38,115,0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_forested_other"] { background:rgba(56,168,0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_natural_succession"] { background:rgba(170,255,0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_harvested_forest"] { background:rgba(99,59,41,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_wetlands_riverine_non-forested"] { background:rgba(77,209,148,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_wetlands_terrene_non-forested"] { background:rgba(186,245,217,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_cropland"] { background:rgba(255,170,0,.5);border:0px solid rgba(0,0,0,1); }
.legend span[data-color="cover_pasture_and_hay"] { background:rgba(255,211,127,.5);border:0px solid rgba(0,0,0,1); }


.legend span[data-color="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;}