/* 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:#253494;}
.legend span[data-color="range002"] { background:#2c7fb8;}
.legend span[data-color="range003"] { background:#41b6c4;}
.legend span[data-color="range004"] { background:#a1dab4;}
.legend span[data-color="range005"] { background:#ffffcc;}
.legend span[data-color="range006"] { background:#edfbf0;}
.legend span[data-color="range007"] { background:#c2f8cb;}
.legend span[data-color="range008"] { background:#91ce63;}
.legend span[data-color="range009"] { background:#5aa224;}
.legend span[data-color="range010"] { background:#006600;}
.legend span[data-color="range011"] { background:#D3D3D3;}
.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="county-boundary"] { background:url('images/Corporate Boundary.png') no-repeat center center / contain; }
.legend span[data-img="county-boundary-overlay"] { background:url('images/Corporate Boundary Overlay.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="corporate-boundary"] { background: url('images/Corporate Boundary Light.png') no-repeat center center / contain; }
.legend span[data-img="address-point"] { background: url('images/Address Point.png') no-repeat center center / contain; }
.legend span[data-color="trails"] { background: #06d6a0; border: 1px solid #073b4cbb; height: 4px; top: 5px; border-radius: 4px;}
.legend span[data-color="zone-a"] { background:rgba(38,115,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="zone-b1"] { background:rgba(255,190,190,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="zone-b1c"] { background: repeating-linear-gradient(-45deg,rgba(255,190,190,.65),rgba(255,190,190,.65) 2px,rgba(0,0,0,.65) 2px,rgba(0,0,0,.65) 4px);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="zone-b2"] { background:rgba(255,127,127,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="zone-b3"] { background:rgba(207,0,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="zone-b3c"] { background: repeating-linear-gradient(-45deg,rgba(255,255,255,.65),rgba(255,255,255,.65) 2px,rgba(207,0,0,.65) 2px,rgba(207,0,0,.65) 4px);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="zone-gcr"] { background:rgba(76,230,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="zone-m1"] { background:rgba(204,204,204,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="zone-m1c"] { background: repeating-linear-gradient(-45deg,rgba(255,255,255,.65),rgba(255,255,255,.65) 2px,rgba(204,204,204,.65) 2px,rgba(204,204,204,.65) 4px);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="zone-m2"] { background:rgba(130,130,130,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="zone-m2c"] { background: repeating-linear-gradient(-45deg,rgba(255,255,255,.65),rgba(255,255,255,.65) 2px,rgba(130,130,130,.65) 2px,rgba(130,130,130,.65) 4px);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="zone-o1"] { background:rgba(0,77,168,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="zone-r1"] { background:rgba(255,255,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="zone-r1a"] { background:rgba(255,255,190,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="zone-r2"] { background:rgba(235,196,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="zone-r2c"] { background: repeating-linear-gradient(-45deg,rgba(255,255,255,.65),rgba(255,255,255,.65) 2px,rgba(235,196,0,.65) 2px,rgba(235,196,0,.65) 4px);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="zone-r3"] { background:rgba(230,112,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-img="zone-r3c-r3c1-r3c2"] { background: url('images/Zone R3C-R3C1-R3C2.png') no-repeat center center / contain; }
.legend span[data-color="zone-r4"] { background:rgba(168,112,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-img="zone-rmh"] { background: url('images/Zone RMH.png') no-repeat center center / contain; }
.legend span[data-color="pzone-a"] { background:rgba(38,115,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-b1"] { background:rgba(255,190,190,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="pzone-b1c"] { background: repeating-linear-gradient(-45deg,rgba(255,190,190,.65),rgba(255,190,190,.65) 2px,rgba(0,0,0,.65) 2px,rgba(0,0,0,.65) 4px);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-b2"] { background:rgba(255,127,127,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-b3"] { background:rgba(207,0,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="pzone-b3c"] { background: repeating-linear-gradient(-45deg,rgba(255,255,255,.65),rgba(255,255,255,.65) 2px,rgba(207,0,0,.65) 2px,rgba(207,0,0,.65) 8px);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-frd"] { background:rgba(132,0,168,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-gcr"] { background:rgba(76,230,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-m1"] { background:rgba(204,204,204,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="pzone-m1c"] { background: repeating-linear-gradient(-45deg,rgba(255,255,255,.65),rgba(255,255,255,.65) 2px,rgba(204,204,204,.65) 2px,rgba(204,204,204,.65) 4px);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-m2"] { background:rgba(130,130,130,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="pzone-m2c"] { background: repeating-linear-gradient(-45deg,rgba(255,255,255,.65),rgba(255,255,255,.65) 2px,rgba(130,130,130,.65) 2px,rgba(130,130,130,.65) 4px);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-o1"] { background:rgba(0,77,168,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-r1"] { background:rgba(255,255,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-r1a"] { background:rgba(255,255,190,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-r2"] { background:rgba(235,196,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="pzone-r2c"] { background: repeating-linear-gradient(-45deg,rgba(255,255,255,.65),rgba(255,255,255,.65) 2px,rgba(235,196,0,.65) 2px,rgba(235,196,0,.65) 4px);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-r3"] { background:rgba(230,112,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="pzone-r3c"] { background: repeating-linear-gradient(-45deg,rgba(255,255,255,.65),rgba(255,255,255,.65) 2px,rgba(230,112,0,.65) 2px,rgba(230,112,0,.65) 4px);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="pzone-r3c1"] { background: repeating-linear-gradient(45deg,rgba(255,255,255,.65),rgba(255,255,255,.65) 2px,rgba(230,112,0,.65) 2px,rgba(230,112,0,.65) 4px);border:1px solid rgba(0,0,0,1); }
.legend span[data-hatch="pzone-r3c2"] { background: repeating-linear-gradient(90deg,rgba(255,255,255,.65),rgba(255,255,255,.65) 2px,rgba(230,112,0,.65) 2px,rgba(230,112,0,.65) 4px);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-r4"] { background:rgba(168,112,0,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="pzone-rail"] { background:rgba(215,194,158,.65);border:1px solid rgba(0,0,0,1); }
.legend span[data-img="contour-index"] { background: url('images/Contour Index.png') no-repeat center center / contain; }
.legend span[data-img="contour-intermediate"] { background: url('images/Contour Intermediate.png') no-repeat center center / contain; }
.legend span[data-color="contour_20"] { background: #9b7a2d; border: 1px solid #9b7a2d; height: 3px; top: 5px; border-radius: 2px;}
.legend span[data-color="contour_4"] { background: #d4ac58; border: 1px solid #d4ac58; height: 2px; top: 5px; border-radius: 2px;}
.legend span[data-img="road-centerlines"] { background: url('images/Road Centerlines.png') no-repeat center center / contain; }
.legend span[data-img="right-of-way"] { background: url('images/Right of Way.png') no-repeat center center / contain; }
.legend span[data-img="closed-right-of-way"] { background: url('images/Closed Right of Way.png') no-repeat center center / contain; }
.legend span[data-img="lakes"] { background: url('images/Lakes.png') no-repeat center center / contain; }
.legend span[data-img="water-mains"] { background: url('images/Water Mains.png') no-repeat center center / contain; }
.legend span[data-img="water-laterals"] { background: url('images/Water Laterals.png') no-repeat center center / contain; }
.legend span[data-img="sanitary-mains"] { background: url('images/Sanitary Mains.png') no-repeat center center / contain; }
.legend span[data-color="rgb_255_247_209_40"] { background:rgba(255,247,209,.4); }
.legend span[data-color="rgb_238_230_133_40"] { background:rgba(238,230,133,.4); }
.legend span[data-color="rgb_255_140_0_40"] { background:rgba(255,140,0,.4); }
.legend span[data-color="rgb_50_205_50_40"] { background:rgba(50,205,50,.4); }
.legend span[data-color="rgb_255_182_193_40"] { background:rgba(255,182,193,.4); }
.legend span[data-color="rgb_32_178_170_40"] { background:rgba(32,178,170,.4); }
.legend span[data-color="rgb_173_234_234_40"] { background:rgba(173,234,234,.4); }
.legend span[data-color="rgb_139_139_0_40"] { background:rgba(139,139,0,.4); }
.legend span[data-color="rgb_255_0_0_100"] { background:rgba(255,0,0,1); }
.legend span[data-color="rgb_255_190_190_100"] { background:rgba(255,190,190,1); }
.legend span[data-color="rgb_174_241_176_100"] { background:rgba(174,241,176,1); }
.legend span[data-color="rgb_190_210_255_100"] { background:rgba(190,210,255,1); }
.legend span[data-color="rgb_255_255_0_100"] { background:rgba(255,255,0,1); }
.legend span[data-color="airport-overlay-zone"] { background:#C9C3FF; }
/* ZIP */
.legend span[data-color="bristol"] { background:#FFF7D1; }
.legend span[data-color="abingdon"] { background:#FFD9D4; }
.legend span[data-color="damascus"] { background:#CCEDFC; }
.legend span[data-color="mendota"] { background:#D2B48C; }
.legend span[data-color="emory"] { background:#C9C3FF; }
.legend span[data-color="glade-spring"] { background:#FFDBF3; }
.legend span[data-color="meadowview"] { background:#E3FCD7; }
.legend span[data-color="chilhowie"] { background:#FFD9D4; }
.legend span[data-color="hilton"] { background:#FFE8BA; }
.legend span[data-color="saltville"] { background:#FFA54F; }
.legend span[data-color="national-forest-land"] { background:#91E711; }
/* Districts */
.legend span[data-color="harrison"] { background:#d3d3d3; }
.legend span[data-color="jefferson"] { background:#fff7d1; }
.legend span[data-color="madison"] { background:#ebc79e; }
.legend span[data-color="monroe"] { background:#ccedfc; }
.legend span[data-color="taylor"] { background:#ffdbf3; }
.legend span[data-color="tyler"] { background:#ffe8ba; }
.legend span[data-color="wilson"] { background:#e3fcd7; }
/* Precincts*/
.legend span[data-color="glade-spring-p"] { background:#fafcd2; }
.legend span[data-color="east-abingdon-p"] { background:#fcc2ca; }
.legend span[data-color="west-abingdon-p"] { background:#d0c2fc; }
.legend span[data-color="hayters-gap-p"] { background:#b3b8fc; }
.legend span[data-color="clinchburg-p"] { background:#fcd7ef; }
.legend span[data-color="greendale-p"] { background:#f4cafc; }
.legend span[data-color="meadowview-p"] { background:#fcf8b6; }
.legend span[data-color="south-abingdon-p"] { background:#fccbb6; }
.legend span[data-color="damascus-p"] { background:#d7fcb3; }
.legend span[data-color="green-cove-p"] { background:#d4e6fc; }
.legend span[data-color="mendota-p"] { background:#fce2cc; }
.legend span[data-color="rhea-valley-p"] { background:#b3defc; }
.legend span[data-color="watauga-p"] { background:#fcb3d1; }
.legend span[data-color="high-point-p"] { background:#fcb8fc; }
.legend span[data-color="wallace-p"] { background:#d4d4fc; }
.legend span[data-color="burson-place-p"] { background:#d4fcf1; }
.legend span[data-color="valley-institute-p"] { background:#b6fccb; }
.legend span[data-color="john-battle-p"] { background:#dbfcca; }
.legend span[data-color="woodland-hills-p"] { background:#fcf8b6; }
/* Fire Dept*/
.legend span[data-color="abingdon-fd"] { background:#fcc7fb; }
.legend span[data-color="brumley-gap-fd"] { background:#d5dece; }
.legend span[data-color="clinch-fd"] { background:#deffcf; }
.legend span[data-color="damascus-fd"] { background:#c4deff; }
.legend span[data-color="glade-spring-fd"] { background:#ffffd4; }
.legend span[data-color="goodson-kinderhook-fd"] { background:#ffffba; }
.legend span[data-color="green-spring-fd"] { background:#b6fcb9; }
.legend span[data-color="meadowview-fd"] { background:#fcc8bb; }
.legend span[data-color="mt-rogers-fd"] { background:#cafcec; }
.legend span[data-color="washington-county-fd"] { background:#fce5c2; }
/* Rescue Dept */
.legend span[data-color="damascus-rs"] { background:#fcb6fa; }
.legend span[data-color="glade-spring-rs"] { background:#b6f9fc; }
.legend span[data-color="goodson-kinderhook-rs"] { background:#cabbfc; }
.legend span[data-color="mt-rogers-rs"] { background:#c7fcd2; }
.legend span[data-color="saltville-rs"] { background:#bdd6fc; }
.legend span[data-color="valley-rs"] { background:#fcc6b3; }
.legend span[data-color="washington-county-rs"] { background:#fcd7f2; }
.legend span[data-color="washington-county-lsc-rs"] { background:#fcf6b3; }
/* Industrial Parks */
.legend span[data-color="industrial-parks"] { background:#8b7e66; }
/* Land Records */
.legend span[data-color="structures"] { background:#CDAA66; }
.legend span[data-color="structures-other"] { background:#919191; }
.legend span[data-img="us-highway"] { background: url('images/US Highway.png') no-repeat center center / contain; }
.legend span[data-img="interstate"] { background:url('images/Interstate.png') no-repeat center center / contain; }
.legend span[data-img="private"] { background:url('images/Private.png') no-repeat center center / contain; }
.legend span[data-img="public"] { background:url('images/Public.png') no-repeat center center / contain; }
.legend span[data-img="railroad"] { background:url('images/Railroad.png') no-repeat center center / contain; }
.legend span[data-img="pending-vdot"] { background: url('images/Pending VDOT.png') no-repeat center center / contain; }
.legend span[data-img="private-required"] { background: url('images/Private - Required.png') no-repeat center center / contain; }
.legend span[data-img="town"] { background:url('images/Town.png') no-repeat center center / contain; }
.legend span[data-img="withheld"] { background:url('images/Withheld.png') no-repeat center center / contain; }
.legend span[data-img="unaddressed-roads"] { background: url('images/Unaddressed Roads.png') no-repeat center center / contain; }
.legend span[data-img="interstate-mile-markers"] { background: url('images/Interstate Mile Markers.png') no-repeat center center / contain; }
.legend span[data-img="roads"] { background:url('images/Roads.png') no-repeat center center / contain; }
.legend span[data-svg="roads"] { background-image: url("data:image/svg+xml;utf8,");}
.legend span[data-color="roads"] {
background: #969696;
border: 1px solid #495057;
height: 3px;
top: 5px;
border-radius: 2px;
}
.legend span[data-img="sign_warning"] { background:url('images/sign_warning.png') no-repeat center center / contain; }
.legend span[data-img="sign_regulatory"] { background:url('images/sign_regulatory.png') no-repeat center center / contain; }
.legend span[data-img="sign_street"] { background:url('images/sign_street.png') no-repeat center center / contain; }
.legend span[data-img="sign_general"] { background:url('images/sign_general.png') no-repeat center center / contain; }
.legend span[data-img="sign_informational"] { background:url('images/sign_informational.png') no-repeat center center / contain; }
.legend span[data-img="sign_ped"] { background:url('images/sign_ped.png') no-repeat center center / contain; }
.legend span[data-img="sign_other"] { background:url('images/sign_other.png') no-repeat center center / contain; }
.legend span[data-color="pa_01"] { background:rgba(19, 42, 19,.8);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="pa_02"] { background:rgba(49, 87, 44,.8);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="pa_03"] { background:rgba(79, 119, 45,.8);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="pa_04"] { background:rgba(144, 169, 85,.8);border:1px solid rgba(0,0,0,.5); }
.legend span[data-color="pa_05"] { background:rgba(236, 243, 158,.8);border:1px solid rgba(0,0,0,.5); }
.legend span[data-img="fire-hydrant"] { background: url('images/Fire Hydrant.png') no-repeat center center / contain; }
.legend span[data-img="manhole"] { background:url(images/manholes.png) no-repeat center center / contain;}
.legend span[data-img="manhole_yellow"] { background:url(images/manholes_yellow.png) no-repeat center center / contain;}
.legend span[data-color="sewer_pumpstation"] { background:#e5e444;border:1px solid rgba(0,0,0,1); }
.legend span[data-color="water_pumpstation"] { background:#295bde;border:1px solid #295bde; }
/* Hydrography */
.legend span[data-img="stream"] { background:url(Stream.png) no-repeat center center / contain; }
.legend span[data-color="lakes"] { background:#97dbf2; }
.legend span[data-color="flood-zone-02"] { background:#03b4c8; }
.legend span[data-color="flood-zone-a"] { background:#cd6600; }
.legend span[data-color="flood-zone-ae"] { background:#e9967a; }
/* Default */
.legend span[data-svg="counties"] { background-image: url("data:image/svg+xml;utf8,");}
.legend span[data-svg="tracts"] { background-image: url("data:image/svg+xml;utf8,");}
.legend span[data-svg="block_groups"] { background-image: url("data:image/svg+xml;utf8,");}
.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-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="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); }
/***DISPATCH***/
.legend span[data-color="pdz_a"] { background:rgba(238,230,133,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pdz_b"] { background:rgba(255,140,0,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pdz_c"] { background:rgba(50,205,50,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pdz_d"] { background:rgba(255,182,193,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="pdz_e"] { background:rgba(0,77,168,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="fd_1"] { background:rgba(238,230,133,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="fd_2"] { background:rgba(255,140,0,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="fd_3"] { background:rgba(50,205,50,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="d_blsc"] { background:rgba(238,230,133,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="d_medic1"] { background:rgba(255,140,0,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="d_rescue3"] { background:rgba(50,205,50,.4);border:1px solid rgba(79,79,79,1); }
.legend span[data-color="paving_inventory"] { background: rgba(0,0,255,1); border: 1px solid rgba(0,99,0,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-color="paving_excellent"] { background: rgba(0,99,0,1); border: 1px solid rgba(0,99,0,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-color="paving_good"] { background: rgba(0,199,0,1); border: 1px solid rgba(0,199,0,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-color="paving_fair"] { background: rgba(255,255,0,1); border: 1px solid rgba(255,255,0,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-color="paving_critical"] { background: rgba(255,140,0,1); border: 1px solid rgba(255,140,0,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-color="paving_lost"] { background: rgba(255,0,0,1); border: 1px solid rgba(255,0,0,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-shape="paving_drain"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid rgba(255,127,36,1); display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="paving_massstructural"] { height: 8px; width: 8px; background-color: rgba(0,255,255,1); border: 0px solid rgba(79,79,79,1); display: inline-block; left: 6px; top: 3px;transform: rotate(45deg);}
.legend span[data-shape="paving_pothole01"] { height: 10px; width: 11px; background-color: rgba(238,201,0,1); border: 2px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="paving_pothole02"] { height: 10px; width: 11px; background-color: rgba(255,48,48,1); border: 2px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="paving_proposedmaint"] { height: 10px; width: 11px; background-color: rgba(72,118,255,1); border: 1px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="paving_structural"] { height: 10px; width: 11px; background-color: rgba(139,102,139,1); border: 1px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="paving_surfacel"] { height: 8px; width: 8px; background-color: rgba(205,92,92,1); border: 1px solid rgba(79,79,79,1); display: inline-block; left: 6px; top: 3px;transform: rotate(45deg);}
.legend span[data-img="paving_surfacem"] { background: url('images/paving_surfacem.png') no-repeat center center / contain; }
.legend span[data-img="paving_drain"] { background: url('images/paving_drain.png') no-repeat center center / contain; bottom: 4px;}
.legend span[data-img="paving_massstructural"] { background: url('images/paving_massstructural.png') no-repeat center center / contain; bottom: 4px;}
.legend span[data-img="paving_pothole01"] { background: url('images/paving_pothole01.png') no-repeat center center / contain; bottom: 4px;}
.legend span[data-img="paving_pothole02"] { background: url('images/paving_pothole02.png') no-repeat center center / contain; bottom: 4px;}
.legend span[data-img="paving_structural"] { background: url('images/paving_structural.png') no-repeat center center / contain; bottom: 4px;}
.legend span[data-img="paving_surfacem"] { background: url('images/paving_surfacem.png') no-repeat center center / contain; }
.legend span[data-img="paving_surfacel"] { background: url('images/paving_surfacel.png') no-repeat center center / contain; }
.legend span[data-color="rz_central"] { background:#7a90b9;border:1px solid rgba(79,79,79,1);opacity:.6;}
.legend span[data-color="rz_southeast"] { background:#c5ccd9;border:1px solid rgba(79,79,79,1); opacity:.6;}
.legend span[data-color="col_z_mon"] { background:#f06d6d;border:1px solid rgba(79,79,79,1); opacity:.6;}
.legend span[data-color="col_z_tue"] { background:#3dafd6;border:1px solid rgba(79,79,79,1); opacity:.6;}
.legend span[data-color="col_z_wed"] { background:#b5cf56;border:1px solid rgba(79,79,79,1); opacity:.6;}
.legend span[data-color="col_z_thu"] { background:#af72ad;border:1px solid rgba(79,79,79,1); opacity:.6;}
.legend span[data-color="col_z_fri"] { background:#fca443;border:1px solid rgba(79,79,79,1); opacity:.6;}
.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;}
.legend span[data-color="paving_inventory"] { background: rgba(0,0,255,1); border: 1px solid rgba(0,99,0,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-color="paving_excellent"] { background: rgba(0,99,0,1); border: 1px solid rgba(0,99,0,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-color="paving_good"] { background: rgba(0,199,0,1); border: 1px solid rgba(0,199,0,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-color="paving_fair"] { background: rgba(255,255,0,1); border: 1px solid rgba(255,255,0,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-color="paving_critical"] { background: rgba(255,140,0,1); border: 1px solid rgba(255,140,0,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-color="paving_lost"] { background: rgba(255,0,0,1); border: 1px solid rgba(255,0,0,1);height: 3px;top: 5px;border-radius:2px; }
.legend span[data-shape="paving_drain"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid rgba(255,127,36,1); display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="paving_massstructural"] { height: 8px; width: 8px; background-color: rgba(0,255,255,1); border: 0px solid rgba(79,79,79,1); display: inline-block; left: 6px; top: 3px;transform: rotate(45deg);}
.legend span[data-shape="paving_pothole01"] { height: 10px; width: 11px; background-color: rgba(238,201,0,1); border: 2px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="paving_pothole02"] { height: 10px; width: 11px; background-color: rgba(255,48,48,1); border: 2px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="paving_proposedmaint"] { height: 10px; width: 11px; background-color: rgba(72,118,255,1); border: 1px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="paving_structural"] { height: 10px; width: 11px; background-color: rgba(139,102,139,1); border: 1px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="paving_surfacel"] { height: 8px; width: 8px; background-color: rgba(205,92,92,1); border: 1px solid rgba(79,79,79,1); display: inline-block; left: 6px; top: 3px;transform: rotate(45deg);}
.legend span[data-img="paving_surfacem"] { background: url('images/paving_surfacem.png') no-repeat center center / contain; }
.legend span[data-img="paving_drain"] { background: url('images/paving_drain.png') no-repeat center center / contain; bottom: 4px;}
.legend span[data-img="paving_massstructural"] { background: url('images/paving_massstructural.png') no-repeat center center / contain; bottom: 4px;}
.legend span[data-img="paving_pothole01"] { background: url('images/paving_pothole01.png') no-repeat center center / contain; bottom: 4px;}
.legend span[data-img="paving_pothole02"] { background: url('images/paving_pothole02.png') no-repeat center center / contain; bottom: 4px;}
.legend span[data-img="paving_structural"] { background: url('images/paving_structural.png') no-repeat center center / contain; bottom: 4px;}
.legend span[data-img="paving_surfacem"] { background: url('images/paving_surfacem.png') no-repeat center center / contain; }
.legend span[data-img="paving_surfacel"] { background: url('images/paving_surfacel.png') no-repeat center center / contain; }
.legend span[data-color="administrative_appalachian_trail"] { background: rgba(107,66,38,1); border: 0px solid rgba(107,66,38,1); height: 2px; top: 6px; border-radius: 2px;}
.legend span[data-color="pz_bland"] { background: rgba(255,217,212,1); border: 1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_eggleston"] { background: rgba(255,247,209,1); border: 1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_glenlyn"] { background: rgba(255,217,212,1); border: 1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_narrows"] { background: rgba(204,237,252,1); border: 1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_newcastle"] { background: rgba(255,219,243,1); border: 1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_newport"] { background: rgba(255,232,186,1); border: 1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_pearisburg"] { background: rgba(227,252,215,1); border: 1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_pembroke"] { background: rgba(210,180,140,1); border: 1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_richcreek"] { background: rgba(255,165,79,1); border: 1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_ripplemead"] { background: rgba(127,255,212,1); border: 1px solid rgba(79,79,79,1); }
.legend span[data-color="pz_staffordsville"] { background: rgba(188,238,104,1); border: 1px solid rgba(79,79,79,1); }
.legend span[data-color="trails"] { background: rgba(107,66,38,1); border: 0px solid rgba(107,66,38,1); height: 2px; top: 6px; border-radius: 2px;}
.legend span[data-shape="administrative_calls"] { height: 10px; width: 11px; background-color: rgba(255, 0, 0,1); border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 5px; top: 2px;}
.legend span[data-color="new_river"] { background:rgba(51,153,255,.5);border:1px solid rgba(0,102,204,1); }
.legend span[data-img="landings"] { background: url('images/landing.png') no-repeat center center / contain; display: inline-block; left:0px;top:1px; }
.legend span[data-img="class_locations"] { background: url('images/class_locations.png') no-repeat center center / contain; display: inline-block; left:0px;top:1px; }
.legend span[data-svg="hydrology_features"] {background-image:url("data:image/svg+xml;utf8,");}
.legend span[data-color="flood_zone_a"] { background:rgba(100,149,237,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-color="flood_zone_b"] { background:rgba(233,150,122,1);border:1px solid rgba(0,0,0,1); }
.legend span[data-svg="waterlines"] { background-image: url("data:image/svg+xml;utf8,")}
.legend span[data-color="d_eggleston"] { background:rgba(250,252,210,.6); }
.legend span[data-color="d_glen"] { background:rgba(252,194,202,.6); }
.legend span[data-color="d_narrows"] { background:rgba(208,194,252,.6); }
.legend span[data-color="d_newport"] { background:rgba(179,184,252,.6); }
.legend span[data-color="d_pearisburg"] { background:rgba(252,215,239,.6); }
.legend span[data-color="d_pembroke"] { background:rgba(244,202,252,.6); }
.legend span[data-color="d_richcreek"] { background:rgba(252,248,182,.6); }
.legend span[data-color="d_staffordsville"] { background:rgba(252,203,182,.6); }
.legend span[data-color="d_whitegate"] { background:rgba(188,238,104,.6); }
.legend span[data-color="hydrology_features"] { background: rgba(151,219,242,1); border: 0px solid rgba(151,219,242,1); height: 2px; top: 6px; border-radius: 2px;}
.legend span[data-color="util_waterlines"] { background: rgba(154,192,205,1); border: 1px solid rgba(154,192,205,1); height: 4px; top: 4px; border-radius: 2px;}
.legend span[data-shape="master_meter"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid rgba(51,153,204,1); display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="t_junction"] { height: 11px; width: 11px; background-color: #375f58; border: 4px solid #70C1B3; border-radius: 50%; display: inline-block; left: 5px; top: 1px;}
.legend span[data-shape="utility_misc"] { 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="vault"] { height: 11px; width: 11px; background-color: #375f58; border: 4px solid #247BA0; border-radius: 0; display: inline-block; left: 5px; top: 1px;}
.legend span[data-img="well"] { background: url('images/halfhex_blue.png') no-repeat center center / contain; display: inline-block; left:0px;top:1px; }
.legend span[data-shape="bmp_updates"] { height: 10px; width: 11px; background-color: #ff9900; border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 5px; top: 2px;}
.legend span[data-img="workorder"] { background: url('images/workorder.png') no-repeat center center / contain; display: inline-block; left:0px;top:1px; }
.legend span[data-shape="wireless_communication_facility"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid #781ba1; display: inline-block; left: 5px; top: 2px;}
.legend span[data-img="ccc_1"] { background: url('images/box-m.png') no-repeat center center / contain; display: inline-block; left:0px;top:1px;height:14px; }
.legend span[data-shape="ccc_2"] { height: 10px; width: 10px; background-color: #d130a4; border: 1px solid #000000; display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="ccc_3"] { height: 10px; width: 10px; background-color: #781ba1; border: 1px solid #000000; display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="ccc_4"] { height: 10px; width: 10px; background-color: #69160c; border: 1px solid #000000; display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="vdot_office"] { height: 9px; width: 9px; background-color: #000099; border: 1px solid #000000; border-radius: 50%; display: inline-block; left: 5px; top: 2px;}
.legend span[data-img="post_office"] { background: url('images/envelope_blue.png') no-repeat center center / contain; display: inline-block; left:0px;top:0px;height:14px; }
.legend span[data-img="library"] { background: url('images/library.png') no-repeat center center / contain; display: inline-block; left:0px;top:0px;height:14px; }
.legend span[data-color="town_of_bedford_park"] { background:#8b8b00;border:1px solid #4f4f4f;opacity:.6; }
.legend span[data-color="town_of_bedford_cemetery"] { background:#8F9779;border:1px solid #4f4f4f;opacity:.6; }
.legend span[data-color="business_park"] { background:#f6e5cc;border:1px solid #885333;opacity:.6; }
.legend span[data-color="hospital"] { background:#f1d2d1;border:1px solid #cd0202;opacity:.6; }
.legend span[data-color="placesofinterest"] { background:#f6e5cc;border:1px solid #804040;opacity:.6; }
.legend span[data-color="subdivision_county"] { background:transparent;border:2px solid #afa6c8;opacity:1; }
.legend span[data-color="road_primary"] { background: #da0000; border: 1px solid #000000; height: 5px; top: 4px; border-radius: 25%;}
.legend span[data-color="road_secondary"] { background: #c68f25; border: 1px solid #000000; height: 4px; top: 4px; border-radius: 25%;}
.legend span[data-color="road_other"] { background: #a5a5a5; border: 1px solid #000000; height: 3px; top: 5px; border-radius: 25%;}
.legend span[data-hatch="driveways"] {
background: repeating-linear-gradient(90deg, rgba(79,79,79,1),rgba(79,79,79,1) 25%, rgba(79,79,79,0) 25%,rgba(79,79,79,0) 40%);
border: 0px solid rgba(205,112,84,1);
height: 2px;
top: 5px;
border-radius: 2px;
}
.legend span[data-color="sidewalk_town_of_bedford"] { background: #4C516D; border: 1px solid #ffffff; height: 5px; top: 4px; border-radius: 10%;}
/* Zoning */
.legend span[data-color="z_ap"] { background:#70a800; }
.legend span[data-color="z_ar"] { background:#98e600; }
.legend span[data-color="z_av"] { background:#d1ff73; }
.legend span[data-color="z_b1"] { background:#ff0000; }
.legend span[data-color="z_b2"] { background:#e60000; }
.legend span[data-color="z_c1"] { background:#ffbebe; }
.legend span[data-color="z_c2"] { background:#ff7f7f; }
.legend span[data-color="z_cli"] { background:#a80000; }
.legend span[data-color="z_cnw"] { background:#C19A6B; }
.legend span[data-color="z_ep"] { background:#894465; }
.legend span[data-color="z_he"] { background:#828282; }
.legend span[data-color="z_i1"] { background:#cccccc; }
.legend span[data-color="z_i2"] { background:#b2b2b2; }
.legend span[data-color="z_lp"] { background:#fa8072; }
.legend span[data-color="z_m1"] { background:#FFFF00; }
.legend span[data-color="z_nc"] { background:#97dbf2; }
.legend span[data-color="z_pcd_"] { background:#d69dbc; }
.legend span[data-color="z_pd1"] { background:#f57ab6; }
.legend span[data-color="z_pid"] { background:#cd6699; }
.legend span[data-color="z_pmd"] { background:#beffe8; }
.legend span[data-color="z_pmp"] { background:#0084a8; }
.legend span[data-color="z_prd"] { background:#894465; }
.legend span[data-color="z_r1"] { background:#e8beff; }
.legend span[data-color="z_r2"] { background:#df73ff; }
.legend span[data-color="z_r3"] { background:#c500ff; }
.legend span[data-color="z_r4"] { background:#4B0082; }
.legend span[data-color="z_tno"] { background:#fa8072; }
.legend span[data-color="z_wc"] { background:#F0E68C; }
.legend span[data-color="zc_ap"] { background:#c7c1fb; }
.legend span[data-color="zc_ar"] { background:#cafbfe; }
.legend span[data-color="zc_av"] { background:#cbfdc2; }
.legend span[data-color="zc_b1"] { background:#ff0000; }
.legend span[data-color="zc_b2"] { background:#e60000; }
.legend span[data-color="zc_c1"] { background:#f0c2fc; }
.legend span[data-color="zc_c2"] { background:#e836f8; }
.legend span[data-color="zc_cli"] { background:#a80000; }
.legend span[data-color="zc_cnw"] { background:#C19A6B; }
.legend span[data-color="zc_ep"] { background:#5aa42d; }
.legend span[data-color="zc_he"] { background:#828282; }
.legend span[data-color="zc_i1"] { background:#f2af38; }
.legend span[data-color="zc_i2"] { background:#96663a; }
.legend span[data-color="zc_lp"] { background:#fa8072; }
.legend span[data-color="zc_m1"] { background:#FFFF00; }
.legend span[data-color="zc_nc"] { background:#0a037c; }
.legend span[data-color="zc_pcd_"] { background:#f5c8ae; }
.legend span[data-color="zc_pd1"] { background:#ee9232; }
.legend span[data-color="zc_pid"] { background:#cfcfcf; }
.legend span[data-color="zc_pmd"] { background:#beffe8; }
.legend span[data-color="zc_pmp"] { background:#0084a8; }
.legend span[data-color="zc_prd"] { background:#e87f2d; }
.legend span[data-color="zc_r1"] { background:#ffff4c; }
.legend span[data-color="zc_r2"] { background:#fef9ac; }
.legend span[data-color="zc_r3"] { background:#fae546; }
.legend span[data-color="zc_r4"] { background:#69164c; }
.legend span[data-color="zc_tno"] { background:#fa8072; }
.legend span[data-color="zc_wc"] { background:#F0E68C; }
.legend span[data-color="zt_b1"] { background:#ea9690; }
.legend span[data-color="zt_b2"] { background:#e65442; }
.legend span[data-color="zt_cli"] { background:#c5d1e9; }
.legend span[data-color="zt_cnw"] { background:#ecb293; }
.legend span[data-hatch="zt_cnw"] {
background: repeating-linear-gradient(-45deg, #ecb293,#ecb293 7%, rgba(0,197,255,0) 7%,rgba(0,197,255,0) 23%);
}
.legend span[data-color="zt_he"] { background:#8090e5; }
.legend span[data-color="zt_lp"] { background:#f3e2d5; }
.legend span[data-color="zt_m1"] { background:#9f52e4; }
.legend span[data-color="zt_pmd"] { background:#dbf3eb; }
.legend span[data-color="zt_pmp"] { background:#7eb8da; }
.legend span[data-color="zt_prd"] { background:#e2f5be; }
.legend span[data-color="zt_r1"] { background:#f5f26c; }
.legend span[data-color="zt_r2"] { background:#f7f7c4; }
.legend span[data-color="zt_r3"] { background:#edb657; }
.legend span[data-color="zt_tno"] { background:#f0c5e1; }
.legend span[data-color="zt_wc"] { background:#e55545; }
.legend span[data-pattern="zt_wc"] {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAATElEQVQYV2NkIAIwEqGGAUPRs1C3tP8M/2eCNDMyMKZLrd41C0PR01DX/zDTsSpCNgWkUHr1brAhKCZhMwVFES5TcCqCuQXhNiLCAABSWiQKEQ/pvwAAAABJRU5ErkJggg==) repeat;
height: 10px;
margin-top: 1px;
/*border: 2px solid #80875f;*/
background-position: -1px -1px;
}
.legend span[data-color="enterprise_zone_town"] { background:#f7d387;border:1px solid #000000;opacity:.6; }
.legend span[data-color="overlay_district_county"] { background:#f7d387;border:1px solid #000000;opacity:.6; }
.legend span[data-pattern="od_ao"] {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAKklEQVQYlWP4z8DwnwEHgMthU4QhhiyA09T/DAz/8VmJXwFeK/A6kpA3AXF4H+H+fg3DAAAAAElFTkSuQmCC) repeat;
height: 10px;
margin-top: 1px;
border: 1px solid rgba(255,0,0,1);
background-position: 1px 4px;
border:1px solid #B3B3B3;
}
.legend span[data-pattern="od_co"] {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAOUlEQVQIW2NcHGv9P3bxUUYGJAASAwsgS8LYcJUgAQZGxsbYRUcaQIoREnE2DQz//9fDjMVtFC7LAWXyJ3uZDeqVAAAAAElFTkSuQmCC) repeat;
height: 10px;
margin-top: 1px;
border: 1px solid rgba(255,0,0,1);
background-position: 1px 4px;
border:1px solid #B3B3B3;
}
.legend span[data-hatch="od_ho"] {
background: repeating-linear-gradient(-45deg,
#bda492,#bda492 20%,
rgba(0,0,0,0) 20%,rgba(0,0,0,0) 40%);
border:1px solid #B3B3B3;
}
.legend span[data-hatch="od_po"] {
background: repeating-linear-gradient(-45deg,
#94ca5e,#94ca5e 10%,
rgba(0,0,0,0) 10%,rgba(0,0,0,0) 25%);
border:1px solid #94ca5e;
}
.legend span[data-pattern="od_rmh"] {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAOUlEQVQIW2N8vSP6v6jHUkYGJAASAwsgS8LYcJUgAYb/jI2inksaQIoREttjGhgY/9fDjMVtFC7LAQGCKQE0d2tyAAAAAElFTkSuQmCC) repeat;
height: 10px;
margin-top: 1px;
border: 1px solid rgba(255,0,0,1);
background-position: 1px 4px;
border:1px solid #ebb85b;
}
.legend span[data-hatch="od_whp"] {
background: repeating-linear-gradient(-45deg,
#5d98bd,#5d98bd 10%,
rgba(0,0,0,0) 10%,rgba(0,0,0,0) 25%);
border:1px solid #5d98bd;
}
.legend span[data-color="flu_ag"] { background:#d7f48f;opacity:0.6; }
.legend span[data-color="flu_com"] { background:#d36f45;opacity:0.6; }
.legend span[data-color="flu_comind"] { background:#a98545;opacity:0.6; }
.legend span[data-color="flu_ind"] { background:#a6a6a4;opacity:0.6; }
.legend span[data-color="flu_mu"] { background:#eec4c3;opacity:0.6; }
.legend span[data-color="flu_res"] { background:#f7f766; opacity:0.6;}
.legend span[data-color="flu_rur"] { background:#ecb557;opacity:0.6; }
.legend span[data-color="flu_twn"] { background:#f7f7f6;opacity:0.6; }
.legend span[data-img="gps_monument"] { background: url('images/triangle_dot_yellow.png') no-repeat center center / contain; display: inline-block; left:0px;top:1px; }
.legend span[data-color="soils"] { background:transparent;border:2px solid #81693b;opacity:1; }
.legend span[data-img="polling"] { background: url('images/polling.png') no-repeat center center / contain; display: inline-block; left:0px;top:1px; }
.legend span[data-color="magisterial_district"] { background:transparent;border:2px solid #6976c7;opacity:1; }
.legend span[data-hatch="voting_precinct"] {
background: repeating-linear-gradient(90deg, #6976c7,#6976c7 25%, rgba(0,0,0,0) 25%,rgba(0,0,0,0) 35%);
border: 0px solid rgba(205,112,84,1);
height: 5px;
top: 5px;
border-radius: 2px;
}
.legend span[data-color="vd_1"] { background:#bae8b0;opacity:0.6; }
.legend span[data-color="vd_2"] { background:#d4d4d2;opacity:0.6; }
.legend span[data-color="vd_3"] { background:#a4c2f1;opacity:0.6; }
.legend span[data-color="vd_4"] { background:#abc4be;opacity:0.6; }
.legend span[data-color="vd_5"] { background:#f3e8c2;opacity:0.6; }
.legend span[data-color="vd_6"] { background:#e4cdf4;opacity:0.6; }
.legend span[data-color="vd_7"] { background:#eec786;opacity:0.6; }
.legend span[data-color="house_delegates_district"] { background:transparent;border:2px solid #4d75de;opacity:1; }
.legend span[data-color="us_congressional_district"] { background:transparent;border:2px solid #639752;opacity:1; }
.legend span[data-color="state_senate_district"] { background:transparent;border:2px solid #d6a936;opacity:1; }
.legend span[data-shape="sml_green"] { height:7px; width:7px; transform: rotate(45deg); background-color: #6db156; border: 1px solid rgba(79,79,79,1); display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="sml_red"] { height:7px; width:7px; transform: rotate(45deg); background-color: #df584e; border: 1px solid rgba(79,79,79,1); display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="leesville_lake_marker"] { height:7px; width:7px; transform: rotate(45deg); background-color: #000bf6; border: 1px solid rgba(79,79,79,1); display: inline-block; left: 5px; top: 3px;}
.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-color="fire_service_boundary"] { background:transparent;border:2px solid #e83522;opacity:1; }
.legend span[data-color="rescue_service_boundary"] { background:transparent;border:2px solid #285ade;opacity:1; }
.legend span[data-color="no_dogs_area_county"] { background:rgba(79, 79, 79,.1);border:2px solid #4f4f4f;opacity:1; }
.legend span[data-img="schools"] { background: url('images/School.png') no-repeat center center / contain; }
.legend span[data-color="attendance_zones_elem"] { background:transparent;border:2px solid #224da1;opacity:1; }
.legend span[data-color="attendance_zones_middle"] { background:transparent;border:2px solid #737321;opacity:1; }
.legend span[data-color="attendance_zones_high"] { background:transparent;border:2px solid #805c49;opacity:1; }
.legend span[data-color="hydrologic_boundary"] { background:transparent;border:2px solid #4ca5e0;opacity:1; }
.legend span[data-pattern="fp_2per"] {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAKUlEQVQImWNImfL2PwMaSJ76zjdlytv/CAa6BLoAhgROHQR14rUTn2sBnTs9xq3SepQAAAAASUVORK5CYII=) repeat;
height: 10px;
margin-top: 1px;
border: 1px solid #000066;
background-position: 1px 4px;
}
.legend span[data-color="fp_a"] { background:#6cdbb8;border:1px solid #000066;opacity:1; }
.legend span[data-color="fp_ae"] { background:#52a3a8;border:1px solid #000066;opacity:1; }
.legend span[data-color="flood_bfe"] {
background: #000000;
border: 1px solid #000000;
height: 3px;
top: 5px;
border-radius: 30%;
}
.legend span[data-color="flood_index"] { background:transparent;border:2px solid #355e99;opacity:1; }
.legend span[data-pattern="brwa_service_area"] {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAKUlEQVQImWNImfL2PwMaSJ76zjdlytv/CAa6BLoAhgROHQR14rUTn2sBnTs9xq3SepQAAAAASUVORK5CYII=) repeat;
height: 10px;
margin-top: 1px;
border: 1px solid #000066;
background-position: 1px 4px;
}
.legend span[data-color="water_mains"] {
background: rgba(0,0,255,1);
border: 2px solid rgba(0,0,255,1);
height: 3px;
top: 5px;
border-radius: 2px;
}
.legend span[data-color="sewer_force_mains"] {
background: rgba(0,0,0,1);
border: 2px solid rgba(0,255,127,1);
height: 5px;
top: 5px;
border-radius: 2px;
}
.legend span[data-color="sewer_gravity_mains"] {
background: rgba(0,139,69,1);
border: 2px solid rgba(0,139,69,1);
height: 3px;
top: 5px;
border-radius: 2px;
}
/***
***/
/*** Shapes ***/
.legend span[data-shape="green_box"] { height: 10px; width: 10px; background-color: rgba(59,179,0,1); border: 0px solid rgba(79,79,79,1); display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="blue_triangle_up"] { width: 0; height: 0; border-top: 1px solid transparent; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 10px solid rgba(0,0,255,1); display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="yellow_circle"] { height: 10px; width: 11px; background-color: rgba(255, 236, 57,1); border: 0px solid rgba(79,79,79,0); border-radius: 50%; display: inline-block; left: 5px; top: 2px;}
/*** Hatch ***/
.legend span[data-hatch="horizontal_lines"] {
background: repeating-linear-gradient(0deg,rgba(46,139,87,1),rgba(46,139,87,1) 8%,rgba(255,255,255,.25) 8%,rgba(255,255,255,.25) 33%);
border: 1px solid rgba(139,139,139,1);
}
.legend span[data-hatch="diag_lines"] {
background: repeating-linear-gradient(45deg,rgba(0,0,0,1),rgba(0,0,0,1) 2px,rgba(129,129,129,1) 2px,rgba(129,129,129,1) 4px);
border: 1px solid rgba(0,0,0,1);
}
/*** Lines ***/
.legend span[data-svg="solid_line"] { background-image: url("data:image/svg+xml;utf8,");}
.legend span[data-svg="dashed_line"] { background-image: url("data:image/svg+xml;utf8,");}
/** "color" line **/
.legend span[data-color="color_line"] { background: rgba(0,0,205,1); border: 2px solid rgba(0,0,205,1); height: 3px; top: 4px; border-radius: 2px;}
.legend span[data-color="color_line_border"] { background: #b11600; border: 1px solid #575757; height: 5px; top: 5px; border-radius: 4px;}
.legend span[data-hatch="color_line_dashed"] {background: repeating-linear-gradient(90deg,
rgba(205,112,84,1),rgba(205,112,84,1) 20%,
rgba(79,79,79,1) 20%,rgba(79,79,79,1) 40%);
border: 1px solid rgba(205,112,84,1); height: 3px; top: 6px; border-radius: 2px;}
/*** 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;}