#map { 
   position: absolute;
   height: 100%; 
   width: 100%; 
   margin: 0px; 
   padding: 0px; 
   font-size: 16px;
}

.groups {
   position: absolute;
   display: none;
   top: 3px;
   left: 3px;
   font-size: 14px;
   text-align: left;
   height: fit-content;
   max-height: 85%;
   width: fit-content; 
   background-color: white;
   border: 1px solid #aaa;
   border-radius: 5px;
   min-width: 400px;
   padding: 10px;
   padding-top: 0px;
   margin: 0px;
   margin-bottom: 0px;
   overflow: auto;
   z-index: 2200;
   border-bottom: 2px solid #aaa;
   border-right: 2px solid #aaa;
   border-left: 2px solid #eee;
   border-top: 2px solid #eee;
   box-shadow: 5px 5px 5px #99999960;
}

#crosshair {
   position: absolute;
   padding: 0px;
   margin-left: -10px;
   margin-top: -10px;
   left: 50%;
   top: 50%;
   z-index: 5000;
}

#info {
   width: fit-content;
   border: 1px solid #aaa;
   background-color: white;
   padding: 7px;
   text-align: center;
   border-radius: 5px;
   z-index: 2005;
   box-shadow: 5px 5px 5px #99999960;
}

#island {
   position: absolute;
   left: 3px;
   top: 3px;
   margin: 0px;
   z-index: 2000;
}

#bounds {
   font-size: .8em;
}

#location {
   font-size: .8em;
}

#fixed {
   font-size: .8em;
}

#loading {
   position: absolute;
   left: 50%;
   top: 45%;
   display: none;
   padding: 10px;
   background-color: #ffffffaa;
   z-index: 2100;
   margin: 0;
   transform: translate(-50%, -50%);
   border-radius: 5px;
   width: fit-content;
}

.legend {
   position: absolute;
   right: 10px;
   top: 100px;
   width: fit-content;
   display: block;
   z-index: 2005;
}

.state {
   background-color: #ffffff00; 
   color: #000000;
   weight: 2;
}
.county {
   background-color: #ffffff00; 
   color: #000000;
   weight: 1;
}

.legendClass {
   position: absolute;
   display: block;
   top: 85px;
   right: 10px;
   margin: 0px;
   padding: 15px;
   padding-bottom: 0px;
   font-size: 12px;
   background-color: white;
   border-radius: 5px;
   overflow: hidden;
   max-height: 50%;
   z-index: 2005;
   border: 1px solid #aaa;
}

.horizLegendClass {
   position: absolute;
   display: block;
   width: 300px;
   max-width: 50%;
   top: 10px;
   right: 50px;
   margin: 5px;
   margin-top: 0px;
   padding: 5px;
   padding-bottom: 5px;
   font-size: 12px;
   background-color: white;
   border-radius: 5px;
   border: 1px solid #aaaaaa;
   overflow: hidden;
   z-index: 1500;
}

#layersIcon {
   display: inline-block;
   margin: 0.25em;
   background-color: none;
   z-index: 2010;
}

#layersIconImg {
   height: 50px;
   filter: drop-shadow(5px 5px 5px #99999960);
}

#locateIcon {
   display: inline-block;
   margin: 0.25em;
   background-color: none;
   z-index: 2010;
}
input[type="radio"] {
   width: 15px;
   height: 15px;
   appearance: none; /* Removes default styles */
   background-color: #fafafa; /* Default background */
   border: 1px solid gray;
   border-radius: 50%;
   vertical-align: -15%;
   cursor: pointer;
}
input[type="radio"]:checked {
   width: 15px;
   height: 15px;
   background-color: #1c5f2c77; /* Changes background when checked */
   border-color: #1c5f2c;
}

.markerLevel {
   width: 1rem;
   height: 1rem;
   display: block;
   left: -.5rem;
   top: -.5rem;
   position: relative;
   border-radius: 1rem 1rem 0;
   transform: rotate(45deg);
   border: 2px solid #000000;
   background-color: white;
}

input[type="checkbox"] {
   width: 15px;
   height: 15px;
   appearance: none; /* Removes default styles */
   background-color: #fafafa; /* Default background */
   border: 1px solid gray;
   border-radius: 1px;
   vertical-align: -25%;
   cursor: pointer;
}
input[type="checkbox"]:checked {
   background-color: #1c5f2c77; /* Changes background when checked */
   border-color: #1c5f2c;
}
input[type="checkbox"]:disabled+label {
   color: #aaa;
   cursor: not-allowed;
}
input[type="radio"]:disabled+label {
   color: #aaa; /* Change text color */
   cursor: not-allowed; /* Change cursor style */
}

.closer { 
   position: sticky; 
   bottom: 0px;
   left: 50%;
   transform: translate(-50%, 0);
   text-align: center;
   vertical-align: middle;
   line-height: 25px;
   width: 25px; 
   height: 25px; 
   margin: 5px;
   margin: 5px;
   padding: 0px;
   border: 2px solid #1c5f2c;
   color: #1c5f2c;
   cursor: pointer;
   background-color: white; 
   font-weight: bold; 
   font-size: 1em; 
   border-radius: 50%;
}

table.nriDisplay {
   font-size: .9em;
}

table.nriDisplay td {
   padding-right: 10px;
}

#latlon { font-size: 14px; }
#bookmarkDiv { margin: 5px; margin-bottom: 10px; margin-top: 0px; padding: 2px; border-bottom: 1px solid #ccc; letter-spacing: .25em; font-weight: bold; }
#patronBtn { margin: 5px; padding: 2px; border-radius: 5px 5px; color: #ffffff; border: 1px solid #b37400; background-color: #ff7900; font-weight: bold; }
#portfolio { margin: 5px; padding: 2px; border-radius: 5px 5px; color: #ffffff; background-color: #1c5f2c; text-align: center; font-weight: bold; }
.groupTitle { margin: 0px; padding: 3px; color: #1c5f2c; text-align: center; background-image: linear-gradient(350deg, #eee, white); border-top: 2px solid #f7f7f7; border-bottom: 2px solid #ddd; }
.groupDiv { padding: .5rem; }
.groupSep { display: grid; grid-column: span 2; padding-top: 10px; text-align: left; }
.groupFooter { grid-column: span 2; margin: 0px; padding: 0px; padding-top: 5px; text-align: center; font-style: italic; font-size: .9em; }
.defaultLegendClass { height: 300px; background-color: white; border: 1px solid black; padding: 5px; }
.cus-con { width: 13px; height: 13px; margin: 0px; padding: 0px; border-radius: 50%; opacity: 0.6; }
.pop-con { border: 3px solid #700; background-color: #c00; }
.addresses-con { width: 10px; height: 10px; border: 2px solid #000000; background-color: #cccccc; }
.parcels-con { weight: 2; border: 2px solid #0080ff; background-color: #0080ff55; }
.cat0 { color: #0053A2; filter: drop-shadow(5px 5px 3px #0053A277); background-image: url("/map/images/cat0x100.png"); }
.cat1 { color: #007700; filter: drop-shadow(5px 5px 3px #00770077); background-image: url("/map/images/cat1x100.png"); }
.cat2 { color: #ffd700; filter: drop-shadow(5px 5px 3px #ffd70077); background-image: url("/map/images/cat2x100.png"); }
.cat3 { color: #fd4000; filter: drop-shadow(5px 5px 3px #fd400077); background-image: url("/map/images/cat3x100.png"); }
.cat4 { color: #770000; filter: drop-shadow(5px 5px 3px #77000077); background-image: url("/map/images/cat4x100.png"); }
.cat5 { color: #770077; filter: drop-shadow(5px 5px 3px #77007777); background-image: url("/map/images/cat5x100.png"); }
.catDevelop { color: #aaaaaa; filter: drop-shadow(5px 5px 3px #aaaaaa77); background-image: url("/map/images/catDevelopx100.png"); }

.hurri-con {
   background-repeat: no-repeat;
   background-size: 100% 100%;
   font-weight: bold;
   height: 40px;
   line-height: 40px;
   font-size: .9em;
   text-align: center;
}

.flood_no_flooding { background-color: #007700; border: 3px solid #003300; }
.flood_action { background-color: #ffd700; border: 3px solid #ff9700; }
.flood_minor { background-color: #fd4000; border: 3px solid #a91000; }
.flood_moderate { background-color: #cc0000; border: 3px solid #990000; }
.flood_major { background-color: #ff00ff; border: 3px solid #aa00aa; }
.flood_not_defined { border: 3px solid #004040; background-color: #008080; }
.flood_obs_not_current { background-color: #ffffff; border: 3px solid #000000; }
.flood_out_of_service { background-color: #ffffff; border: 3px solid #000000; }
.flood_fcst_not_current { background-color: #ffffff; border: 3px solid #000000; }

.fireNoDamage { border: 3px solid #007700 ; background-color: #00cc0077; }
.fireAffacted { border: 3px solid #aa00aa ; background-color: #aa00aa77; }
.fireMinor { border: 3px solid #ffaa00 ; background-color: #ffff00aa; }
.fireMajor { border: 3px solid #ffa500 ; background-color: #ffa500aa; }
.fireDestroyed { border: 3px solid #cc0000 ; background-color: #cc0000aa; }

/*
.leaflet-popup-content-wrapper {
   height: 400px;
   width: 600px;
   overflow: auto;
}

.leaflet-popup-content {
}

.leaflet-popup-tip-container {
}

.leaflet-popup-scrolled {
   overflow-x: auto;
}
*/