#legend {
    background-color: white;
    padding: 5px;
    border: 1px solid #ccc;
    position: absolute;
    bottom: 36px;
    right: 4px;
}
input:disabled {
    background-color: #eee !important;
}
.btn-green { background-color: lightgreen; color: black; border: 1px solid darkgreen; padding: 5px 10px; border-radius: 3px; margin:1px; }
.btn-green:hover { background-color: green; color:white; }
.btn-red {   background-color: red; color: white; border: none; padding: 5px 10px; border-radius: 3px; margin:1px;}
.btn-red:hover { background-color: darkred; }
.btn-grey {   background-color: grey; color: white; border: none; padding: 5px 10px; border-radius: 3px; margin:1px;}
.btn-grey:hover { background-color: darkgrey; }
.dmt {
    border:1px solid black;
    padding:5px;
}
.dmtw {
    border:1px solid white;
    padding:5px;
}
.f20  { font-size:40px !important; }
.red { color:red; }
.green { color:green; }
.black { color:black; }
.gray  { color:gray; }
.cc {  text-align:center !important; }
.rt {  text-align:right !important; }
.lt {  text-align:left !important; }
.p-2 {   padding:5px !important; border:1px solid gray;}
.p-0 {   padding:1px !important; }
.m-0 {   margin:1px !important; }
.pointer { cursor:pointer; }
.uu {   text-decoration:underline; }
.btn-bglight {   background-color:#d9d9d9; }
.bold { 	font-weight:bold; }
.bggreen {    background-color:#bbffbb; }
.bgpink {     background-color:#ffbbbb; }


.round3 { border:1px solid white; border-radius:5px; }
.bor { border:1px solid black; }
.p-0 { padding-top:1px; padding-bottom:3px; text-align:center; font-size:0.8rem; }
.hand { cursor:pointer; }
.mw { white-space: nowrap; text-wrap: nowrap;}
.n11 {  font-size:11px;
        font-family:Verdana;
}
.n12 {
	font-size:12px;
        font-family:Verdana;
}
.n11w {
        font-size:11px;
        font-family:Verdana;
	text-align:center;
	color:white;
}
.p-1 { padding:2px; }
.m-1 { margin:2px; }
.bgly {  background-color:#ffff99 !important; border:1px solid black !important; }
      .ol-popup {
        position: absolute;
        background-color: white;
        box-shadow: 0 1px 4px rgba(0,0,0,0.2);
        padding: 15px;
        border-radius: 10px;
        border: 1px solid #cccccc;
        bottom: 12px;
        left: -50px;
        min-width: 1000px;
      }
      .ol-popup:after, .ol-popup:before {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
      }
      .ol-popup:after {
        border-top-color: white;
        border-width: 10px;
        left: 48px;
        margin-left: -10px;
      }
      .ol-popup:before {
        border-top-color: #cccccc;
        border-width: 11px;
        left: 48px;
        margin-left: -11px;
      }
      .ol-popup-closer {
        text-decoration: none;
        position: absolute;
        top: 2px;
        right: 8px;
      }
      .ol-popup-closer:after {
        content: "X";
      }