/* 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;}
/*** Default ***/
.legend span[data-img="folder"] { background:url('images/folder.png') no-repeat center center / contain; top: 1px;}
.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-shape="section_boundaries"] { height: 10px; width: 10px; background-color: rgba(255,255,255,0); border: 2px solid rgba(0,0,0,1); display: inline-block; left: 5px; top: 2px;}
.legend span[data-shape="township_and_range_boundaries"] { height: 10px; width: 10px; background-color: rgba(255,255,255,0); border: 2px solid rgba(139,35,35,1); display: inline-block; left: 5px; top: 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="cd_1"] { background:rgba(252,232,179,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="cd_2"] { background:rgba(182,212,252,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="cd_3"] { background:rgba(251,182,252,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="sd_Catoosa"] { background:rgba(100,149,237,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="sd_Chelsea"] { background:rgba(0,191,255,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="sd_Claremore"] { background:rgba(30,144,255,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="sd_Collinsville"] { background:rgba(132,112,255,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="sd_Foyil"] { background:rgba(112,219,147,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="sd_Inola"] { background:rgba(112,147,219,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="sd_Justus"] { background:rgba(112,219,219,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="sd_Mayes"] { background:rgba(188,143,143,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="sd_Oologah"] { background:rgba(255,64,64,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="sd_Owasso"] { background:rgba(244,16,96,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="sd_Sequoyah"] { background:rgba(205,170,125,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="sd_Verdigris"] { background:rgba(85,107,47,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="tfd_Claremore"] { background:rgba(95,158,160,.60);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="tfd_Foyil"] { background:rgba(100,149,237,.60);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="tfd_FoyilFD"] { background:rgba(0,191,255,.60);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="tfd_Limestone"] { background:rgba(30,14,255,.60);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="tfd_no"] { background:rgba(132,112,255,.60);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="tfd_Northwest"] { background:rgba(112,219,147,.60);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="tfd_tri"] { background:rgba(112,147,219,.60);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="tfd_Verdigris"] { background:rgba(112,219,219,.60);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="tfd_Fair"] { background:rgba(219,112,219,.60);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="zoning_AG"] { background:rgba(112,168,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_AI"] { background:rgba(154,205,50,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_AO"] { background:rgba(209,255,115,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_AR"] { background:rgba(152,230,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_c1"] { background:rgba(255,190,190,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_c2"] { background:rgba(255,127,127,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_c3"] { background:rgba(255,0,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_c4"] { background:rgba(230,0,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_c5"] { background:rgba(168,0,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_CH"] { background:rgba(137,68,101,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_i1"] { background:rgba(204,204,204,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_i2"] { background:rgba(178,178,178,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_i3"] { background:rgba(156,156,156,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_i4"] { background:rgba(130,130,130,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_lake"] { background:rgba(151,219,242,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-pattern="zoning_m"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAG0lEQVQImWPYvHnzfwY0gE2MBLB58+b/lBkBANSKDGEqQQUvAAAAAElFTkSuQmCC) repeat; height: 12px; margin-top: 1px;
border:1px solid rgba(0,0,0,.3);width:20px;}
.legend span[data-color="zoning_o"] { background:rgba(214,157,188,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_OH"] { background:rgba(245,122,182,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_OM"] { background:rgba(137,68,101,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_open"] { background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rm15"] { background:rgba(232,190,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rm15pud"] { background:rgba(255,215,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rm25"] { background:rgba(223,115,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rm4"] { background:rgba(197,0,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rm6"] { background:rgba(169,0,230,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rs6"] { background:rgba(190,232,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rs10"] { background:rgba(190,255,232,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rs20"] { background:rgba(115,223,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rs25"] { background:rgba(0,197,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rs30"] { background:rgba(0,16,230,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rs40"] { background:rgba(0,132,168,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rs60"] { background:rgba(115,178,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rst6"] { background:rgba(168,112,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rst10"] { background:rgba(255,255,190,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rst20"] { background:rgba(255,211,127,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rst25"] { background:rgba(255,211,127,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rst40"] { background:rgba(230,152,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rst60"] { background:rgba(115,76,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rsts60"] { background:rgba(133,99,99,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_rt"] { background:rgba(255,235,175,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="zoning_cem"] { background:rgba(79,79,79,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-pattern="zoning_pud"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAACCAYAAACddGYaAAAAHElEQVQImWP438Mw838Pw0wGGPjfzdDwv5uhAQByRghdsGiLOQAAAABJRU5ErkJggg==) repeat; height: 12px; margin-top: 1px; border:1px solid rgba(0,0,0,.3);width:20px;}
.legend span[data-color="zoning_waterway"] { background:rgba(151,219,242,.6);border:1px solid rgba(64,101,235,.20); }
.legend span[data-color="zoning_cities"] { background:rgba(250,128,114,.6);border:1px solid rgba(64,101,235,.60); }
.legend span[data-color="zoning_town"] { background:rgba(250,128,114,.6);border:1px solid rgba(64,101,235,.60); }
.legend span[data-color="zoning_fair"] { background:rgba(250,128,114,.6);border:1px solid rgba(64,101,235,.60); }
.legend span[data-color="zoning_valley"] { background:rgba(250,128,114,.6);border:1px solid rgba(64,101,235,.60); }
.legend span[data-color="cflu_ag"] { background:rgba(112,168,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cflu_comm"] { background:rgba(255,190,190,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cflu_ind"] { background:rgba(204,204,204,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cflu_res"] { background:rgba(255,215,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cflu_rd1"] { background:rgba(223,115,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cflu_rd2"] { background:rgba(197,0,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cflu_rd3"] { background:rgba(169,0,230,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cflu_rd4"] { background:rgba(190,23,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cflu_rd5"] { background:rgba(190,255,232,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cflu_rd6"] { background:rgba(115,223,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cflu_rd7"] { background:rgba(0,197,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cflu_rd8"] { background:rgba(0,169,230,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cflu_rd9"] { background:rgba(0,132,168,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cflu_rd10"] { background:rgba(115,178,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_1"] { background:rgba(204,204,204,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_1c"] { background:rgba(112,168,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_2"] { background:rgba(255,190,190,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_2craig"] { background:rgba(255,127,36,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_2mayes"] { background:rgba(139,90,43,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_3"] { background:rgba(74,118,110,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_3wash"] { background:rgba(255,215,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_4"] { background:rgba(223,115,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_5"] { background:rgba(173,255,47,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_5mayes"] { background:rgba(169,0,230,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_6"] { background:rgba(190,232,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_7"] { background:rgba(190,255,232,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_8"] { background:rgba(115,223,255,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_9"] { background:rgba(193,205,193,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_10"] { background:rgba(0,169,230,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_11"] { background:rgba(0,132,168,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_12"] { background:rgba(255,99,71,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_13"] { background:rgba(0,128,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_14"] { background:rgba(204,50,153,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="rwd_15"] { background:rgba(255,255,0,.6);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="eup_Claremore"] { background:rgba(0,255,255,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="eup_Lake"] { background:rgba(69,139,116,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="eup_neok"] { background:rgba(244,164,96,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="eup_PSO"] { background:rgba(255,64,64,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="eup_Public"] { background:rgba(189,183,107,.6);border:1px solid rgba(151,21,0,.60); }
.legend span[data-color="eup_Verdigris"] { background:rgba(238,221,130,.6);border:1px solid rgba(151,21,0,.60); }
/*
*/
.legend span[data-svg="interstate_highways"] { background-image: url("data:image/svg+xml;utf8,");}
.legend span[data-svg="major_roads"] { background-image: url("data:image/svg+xml;utf8,");}
.legend span[data-svg="local_roads"] { background-image: url("data:image/svg+xml;utf8,");}
.legend span[data-svg="roads"] { background-image: url("data:image/svg+xml;utf8,");}
.legend span[data-svg="driveways"] { background-image: url("data:image/svg+xml;utf8,");}
.legend span[data-img="railroad"] { background:url('images/Railroad.png') no-repeat center center / contain; }
.legend span[data-hatch="cm_index"] {
background: repeating-linear-gradient(90deg,rgba(221,168,64,1),rgba(221,168,64,1) 25%,rgba(221,168,64,1) 25%,rgba(221,168,64,1) 35%);
border: 0px solid rgba(139,139,139,0); height: 2px;top: 7px;border-radius:2px;
}
.legend span[data-hatch="cm_indexdepression"] {
background: repeating-linear-gradient(90deg,rgba(221,168,64,0),rgba(221,168,64,0) 10%,rgba(221,168,64,1) 10%,rgba(221,168,64,1) 20%);
border: 1px solid rgba(221,168,64,1); height: 3px;top: 6px;border-radius:2px;
}
.legend span[data-hatch="cm_general"] {
background: repeating-linear-gradient(90deg,rgba(178,178,178,1),rgba(178,178,178,1) 25%,rgba(178,178,178,1) 25%,rgba(178,178,178,1) 35%);
border: 0px solid rgba(178,178,178,0); height: 2px;top: 7px;border-radius:2px;
}
.legend span[data-hatch="cm_generaldepression"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 10%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 20%);
border: 1px solid rgba(0,0,0,1); height: 3px;top: 6px;border-radius:2px;
}
.legend span[data-hatch="cf_index"] {
background: repeating-linear-gradient(90deg,rgba(221,168,64,1),rgba(221,168,64,1) 25%,rgba(221,168,64,1) 25%,rgba(221,168,64,1) 35%);
border: 0px solid rgba(139,139,139,0); height: 2px;top: 7px;border-radius:2px;
}
.legend span[data-hatch="cf_intermediate"] {
background: repeating-linear-gradient(90deg,rgba(178,178,178,1),rgba(178,178,178,1) 25%,rgba(178,178,178,1) 25%,rgba(178,178,178,1) 35%);
border: 0px solid rgba(178,178,178,0); height: 2px;top: 7px;border-radius:2px;
}
.legend span[data-color="lakes"] { background:rgba(151,219,242,1);border:1px solid rgba(64,101,235,1); }
.legend span[data-color="rivers"] { background:rgba(0,112,255,1);border:1px solid rgba(139,139,139,1); }
.legend span[data-svg="streams"] { background-image: url("data:image/svg+xml;utf8,");}
.legend span[data-color="fz_2per"] { background:rgba(3,180,200,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="fz_a"] { background:rgba(202,255,112,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-color="fz_ae"] { background:rgba(102,205,170,.6);border:1px solid rgba(0,0,0,.6); }
.legend span[data-hatch="fz_levee"] {
background: repeating-linear-gradient(45deg,
rgba(0,0,0,0),rgba(0,0,0,0) 2px,
rgba(255,150,0,.6) 2px,rgba(255,150,0,.6) 4px);
border: 1px solid rgba(179,179,179,1);
}
.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-svg="base_flood_elevation"] { background-image: url("data:image/svg+xml;utf8,");}
.legend span[data-shape="firm_index"] { height: 10px; width: 10px; background-color: rgba(0,0,156,0); border: 2px solid rgba(0,0,156,1); display: inline-block; left: 5px; top: 2px;}
/*
*/
.legend span[data-hatch="sfsa_boykins_branchville"] {
background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(233,255,190,.5) 2px,rgba(233,255,190,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_boykins_newsoms"] {
background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(168,0,0,.5) 2px,rgba(168,0,0,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_branchville_boykins"] {
background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,85,0,.5) 2px,rgba(255,85,0,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_branchville_drewryville"] {
background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(104,104,104,.5) 2px,rgba(104,104,104,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_capron_boykins"] {
background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(38,115,0,.5) 2px,rgba(38,115,0,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_capron_courtland"] {
background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,255,115,.5) 2px,rgba(255,255,115,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_capron_drewryville"] {
background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,155,115,.5) 2px,rgba(255,155,115,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_courtland_capron"] {
background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,127,127,.5) 2px,rgba(255,127,127,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_courtland_hunterdale"] {
background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,170,0,.5) 2px,rgba(255,170,0,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_courtland_ivor"] {
background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(115,76,0,.5) 2px,rgba(115,76,0,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_courtland_newsoms"] {
background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(115,76,45,.5) 2px,rgba(115,76,45,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_courtland_sedley"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(233,255,190,.5) 2px,rgba(233,255,190,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_drewryville_branchville"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(168,0,0,.5) 2px,rgba(168,0,0,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_drewryville_capron"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,85,0,.5) 2px,rgba(255,85,0,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_drewryville_emporia"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(104,104,104,.5) 2px,rgba(104,104,104,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_franklin_hunterdale"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(38,115,0,.5) 2px,rgba(38,115,0,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_hunterdale_courtland"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,255,115,.5) 2px,rgba(255,255,115,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_hunterdale_franklin"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,155,115,.5) 2px,rgba(255,155,115,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_hunterdale_newsoms"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,127,127,.5) 2px,rgba(255,127,127,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_hunterdale_sedley"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,170,0,.5) 2px,rgba(255,170,0,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_ivor_sedley"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(115,76,0,.5) 2px,rgba(115,76,0,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_ivor_wakefield"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(115,76,45,.5) 2px,rgba(115,76,45,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_ivor_windsor"] {
background: repeating-linear-gradient(-135deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(233,255,190,.5) 2px,rgba(233,255,190,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_newsoms_boykins"] {
background: repeating-linear-gradient(-135deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(168,0,0,.5) 2px,rgba(168,0,0,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_newsoms_courtland"] {
background: repeating-linear-gradient(-135deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,85,0,.5) 2px,rgba(255,85,0,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_newsoms_hunterdale"] {
background: repeating-linear-gradient(-135deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(104,104,104,.5) 2px,rgba(104,104,104,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_sedley_courtland"] {
background: repeating-linear-gradient(-135deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(38,115,0,.5) 2px,rgba(38,115,0,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_hunterdale_sedley"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(139,58,98,.5) 2px,rgba(139,58,98,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_sedley_hunterdale"] {
background: repeating-linear-gradient(-135deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,255,115,.5) 2px,rgba(255,255,115,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_sedley_ivor"] {
background: repeating-linear-gradient(-135deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,155,115,.5) 2px,rgba(255,155,115,.5) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="sfsa_wakefield_ivor"] {
background: repeating-linear-gradient(-135deg,rgba(0,0,0,0),rgba(0,0,0,0) 3px,rgba(255,127,127,.5) 3px,rgba(255,127,127,.5) 5px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-color="vd_berlin_ivor"] { background:rgba(51,153,204,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vd_boykins"] { background:rgba(154,205,50,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vd_capron"] { background:rgba(205,198,115,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vd_drewryville"] { background:rgba(2,157,116,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vd_franklin"] { background:rgba(250,128,114,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vd_jerusalem"] { background:rgba(255,235,205,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vd_newsoms"] { background:rgba(255,165,0,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vp_berlin"] { background:rgba(60,180,75,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vp_blackwater"] { background:rgba(255,225,25,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vp_boykins"] { background:rgba(0,130,200,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vp_branchville"] { background:rgba(245,130,48,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vp_capron"] { background:rgba(145,30,180,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vp_courtland"] { background:rgba(70,240,240,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vp_drewryville"] { background:rgba(170,255,125,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vp_forks"] { background:rgba(255,190,190,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vp_hunterdale"] { background:rgba(0,128,128,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vp_ivor"] { background:rgba(170,110,40,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vp_newsoms"] { background:rgba(128,0,0,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vp_sebrell"] { background:rgba(170,255,195,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="vp_sedley"] { background:rgba(128,128,0,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_appleton"] { background:rgba(85,107,47,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_applewhite"] { background:rgba(124,210,141,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_bluepond"] { background:rgba(131,22,164,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_boykins"] { background:rgba(13,246,33,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_brandypond"] { background:rgba(165,72,102,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_burntreed"] { background:rgba(184,52,103,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_cabinpond"] { background:rgba(154,45,73,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_crosskeys"] { background:rgba(8,238,254,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_cypressbridge"] { background:rgba(167,132,67,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_dardenpond"] { background:rgba(27,133,127,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_drewryville"] { background:rgba(239,10,8,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_flaggyrun"] { background:rgba(227,143,78,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_fortsville"] { background:rgba(108,233,244,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_honeyhole"] { background:rgba(20,173,158,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_hugo"] { background:rgba(21,203,25,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_indiantown"] { background:rgba(209,71,151,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_ivor"] { background:rgba(206,219,203,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_knight"] { background:rgba(110,108,248,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_littletexas"] { background:rgba(139,53,40,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_meherrinriver"] { background:rgba(207,234,106,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_odomchapel"] { background:rgba(75,235,100,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_peeteschurch"] { background:rgba(183,211,209,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_pinopolis"] { background:rgba(12,208,254,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_popesstation"] { background:rgba(30,93,242,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_porterhouse"] { background:rgba(80,154,11,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_proctorsbridge"] { background:rgba(127,5,171,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_riversmill"] { background:rgba(133,65,58,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_riverdale"] { background:rgba(172,46,62,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_sandsstatesville"] { background:rgba(53,54,192,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_seacock"] { background:rgba(187,102,47,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_sebrell"] { background:rgba(221,96,65,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_shiloh"] { background:rgba(134,52,172,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_sycamorebend"] { background:rgba(131,231,39,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_tarraracreek"] { background:rgba(186,120,16,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_thehall"] { background:rgba(22,253,224,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_threebees"] { background:rgba(201,107,176,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_twelveoaks"] { background:rgba(205,198,115,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_vaughnsbridge"] { background:rgba(127,9,96,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_vicksmillpond"] { background:rgba(116,212,180,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="agd_windbornesmill"] { background:rgba(30,132,48,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_a1"] { background:rgba(211,255,190,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_a2"] { background:rgba(133,255,115,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_b1"] { background:rgba(168,0,0,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_b2"] { background:rgba(255,0,0,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_b3"] { background:rgba(255,107,107,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_b4"] { background:rgba(255,190,190,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_cb2"] { background:rgba(230,152,0,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_cm1"] { background:rgba(255,255,190,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_cm2"] { background:rgba(230,230,0,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_crr"] { background:rgba(230,230,0,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_m1"] { background:rgba(225,225,225,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_m2"] { background:rgba(156,156,156,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_m3"] { background:rgba(78,78,78,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_r1"] { background:rgba(169,0,230,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_r2"] { background:rgba(223,115,255,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_rmh"] { background:rgba(232,190,255,.60);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="z_rcr"] { background:rgba(223,115,255,.60);border:1px solid rgba(0,0,0,.60); }
/*
*/
.legend span[data-hatch="cz_a1"] {
background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(56,168,0,.6) 2px,rgba(56,168,0,.6) 3px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-color="cz_b1"] { background:rgba(242,217,255,.650);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cz_b2"] { background:rgba(255,170,0,.650);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="cz_c1"] { background:rgba(211,255,191,.650);border:1px solid rgba(0,0,0,.60); }
.legend span[data-hatch="cz_m1"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,255,217,.6) 2px,rgba(255,255,217,.6) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-hatch="cz_m2"] {
background: repeating-linear-gradient(90deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(242,217,255,.6) 2px,rgba(242,217,255,.6) 4px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-color="cz_r1"] { background:rgba(255,255,217,.650);border:1px solid rgba(0,0,0,.60); }
.legend span[data-hatch="cz_r2"] {
background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 2px,rgba(255,255,0,.6) 2px,rgba(255,255,0,.6) 3px);
border: 1px solid rgba(0,0,0,.6);
}
.legend span[data-color="cz_r3"] { background:rgba(255,255,0,.650);border:1px solid rgba(0,0,0,.60); }
.legend span[data-color="structures"] { background: #CDAA66;}
.legend span[data-svg="water_mains"] { background-image: url("data:image/svg+xml;utf8,");}
.legend span[data-svg="water_laterals"] { background-image: url("data:image/svg+xml;utf8,");}
.legend span[data-svg="water_bodies"] { background-image: url("data:image/svg+xml;utf8,");}
.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,")}
.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,")}
.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,")}
.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,");}
.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,");}
.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="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,");}
.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-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('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-img="pro_bridges"] { background: url('images/bridge.png') no-repeat center center / contain;}
.legend span[data-img="pro_pipes"] { background: url('images/pipe.png') no-repeat center center / contain;}
.legend span[data-img="pro_signs"] { background: url('images/sign.png') no-repeat center center / contain;}
.legend span[data-shape="act_clients"] { height: 8px; width: 8px; background-color: rgb(255,204,0); border: 1px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="act_nse"] { height: 8px; width: 8px; background-color: rgb(0,0,199); border: 1px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="act_office_locations"] { height: 8px; width: 8px; background-color: rgb(240,240,240); border: 1px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="act_nsa_add"] { height: 8px; width: 8px; background-color: #708090; border: 1px solid #4f4f4f; border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="act_service_tech"] { height: 8px; width: 8px; background-color: rgb(80,0,0); border: 1px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="act_projects"] { height: 8px; width: 8px; background-color: rgb(255, 204, 0); border: 1px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="act_leads"] { height: 8px; width: 8px; background-color: rgb(8,146,208); border: 1px solid rgba(80,80,80,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="square_ylw"] { height: 8px; width: 8px; background-color: rgb(255,255,99);; border: 1px solid rgba(80,80,80,1); border-radius: 0%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="circle_blu"] { height: 8px; width: 8px; background-color: #007bff; border: 1px solid rgba(80,80,80,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="square_blu"] { height: 8px; width: 8px; background-color: #007bff; border: 1px solid rgba(80,80,80,1); border-radius: 0%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-img="triangle_blu"] { background: url('images/triangle_blu.png') no-repeat center center / 45%;left: -1px;}
.legend span[data-img="star_blu"] { background: url('images/star_blu.png') no-repeat center center / 55%;top: -1px;}
.legend span[data-shape="square_gry"] { height: 7px; width: 7px; background-color: rgb(186,186,186);; border: 1px solid rgba(80,80,80,1); border-radius: 0%; display: inline-block; left: 5px; top: 3px;transform: rotate(45deg);}
.legend span[data-shape="circle_ltgrn"] { height: 8px; width: 8px; background-color: #90EE90; border: 1px solid rgba(80,80,80,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
/*
*/
.legend span[data-color="sales_ne"] { background:#566489;border:1px solid rgba(255,255,255,1);opacity:.7; }
.legend span[data-color="sales_se"] { background:#3ca280;border:1px solid rgba(255,255,255,1);opacity:.7; }
.legend span[data-color="sales_w"] { background:#c6943d;border:1px solid rgba(255,255,255,1);opacity:.7; }
.legend span[data-color="sales_mw"] { background:#a1536b;border:1px solid rgba(255,255,255,1);opacity:.7; }
.legend span[data-color="sales_sc"] { background:#867bd4;border:1px solid rgba(255,255,255,1);opacity:.7; }
.legend span[data-color="sales_nec"] { background:#566489;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_nee"] { background:#3ca280;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_nwc"] { background:#c6943d;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_nww"] { background:#a1536b;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_sec"] { background:#867bd4;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_see"] { background:#578acc;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_swc"] { background:#a5c867;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_sww"] { background:#ece07d;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_bluegray"] { background:#566489;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_green"] { background:#3ca280;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_orange"] { background:#c6943d;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_red"] { background:#a1536b;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_purple"] { background:#867bd4;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_blue"] { background:#578acc;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_lightgreen"] { background:#a5c867;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-color="sales_yellow"] { background:#ece07d;border:1px solid rgba(255,255,255,1);opacity:.6; }
.legend span[data-shape="crm_leads"] { height: 8px; width: 8px; background-color: rgb(255,255,99); border: 1px solid #000000; border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="crm_sites"] { height: 8px; width: 8px; background-color: #28a745; border: 1px solid #000000; border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="crm_sites_leads"] { height: 8px; width: 8px; background-color:rgb(99,255,255); border: 1px solid #000000; border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="crm_office_locations"] { height: 8px; width: 8px; background-color: rgb(240,240,240); border: 1px solid rgba(0,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="circle_yellow"] { height: 8px; width: 8px; background-color: #ffff63; border: 1px solid #000000; border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="circle_amber"] { height: 8px; width: 8px; background-color: #FFBF00; border: 1px solid #000000; border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="circle_red"] { height: 8px; width: 8px; background-color: #D20A2E; border: 1px solid #000000; border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="crm_subcontractors"] { height: 8px; width: 8px; background-color: #FFCC00; border: 1px solid rgba(255,255,255,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="act_customers"] { height: 8px; width: 8px; background-color: rgb(0,102,0); border: 1px solid rgba(0,102,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="act_customers_fl37"] { height: 8px; width: 8px; background-color: rgb(255,0,0); border: 1px solid rgba(255,0,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="crm_noke_sites"] { height: 8px; width: 8px; background-color: rgb(0,187,0); border: 1px solid rgba(0,102,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="crm_noke_opportunity"] { height: 8px; width: 8px; background-color:#CC5500; border: 1px solid rgba(0,102,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="crm_subcontractors_tech"] { height: 8px; width: 8px; background-color: #0000FF; border: 1px solid rgba(255,255,255,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-shape="crm_accounts"] { height: 8px; width: 8px; background-color: rgb(147,112,219); border: 1px solid rgba(0,102,0,1); border-radius: 50%; display: inline-block; left: 5px; top: 3px;}
.legend span[data-color="tt_incident_unknown"] { background:#0000004C;border:1px solid rgba(79,79,79,1);opacity:1; }
.legend span[data-color="tt_incident_minor"] { background:#FFCE43;border:1px solid rgba(79,79,79,1);opacity:1; }
.legend span[data-color="tt_incident_moderate"] { background:#FF8939;border:1px solid rgba(79,79,79,1);opacity:1; }
.legend span[data-color="tt_incident_major"] { background:#F40000;border:1px solid rgba(79,79,79,1);opacity:1; }
.legend span[data-color="tt_incident_undefined"] { background:#C1272D;border:1px solid rgba(79,79,79,1);opacity:1; }
.legend span[data-color="tt_flow_major"] { background:#777777;border:1px solid rgba(79,79,79,1);opacity:1; }
.legend span[data-color="tt_flow_moderate"] { background:#FF2323;border:1px solid rgba(79,79,79,1);opacity:1; }
.legend span[data-color="tt_flow_minor"] { background:#FFFF37;border:1px solid rgba(79,79,79,1);opacity:1; }
.legend span[data-color="tt_flow_normal"] { background:#2BC82B;border:1px solid rgba(79,79,79,1);opacity:1; }
/*** 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('Rescue.png') no-repeat center center / contain;}