.leaflet-popup-content {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 600px) {
    .leaflet-popup-content {
        white-space: normal;
    }
}

/* used to add the frame to be shown when the block is clicked */
path.leaflet-interactive:focus {
    outline: none !important;
    stroke: none !important; 
    filter: none !important;
}

/* for groundwater bubble */
/* Bubble marker with centered number */
.owrb-bubble {
  /* Let inline style control width/height/background */
}
.owrb-bubble .bubble {
  display:flex; align-items:center; justify-content:center;
  border-radius:50%;
  border:2px solid #2e7d32;  /* outline */
  font-weight:700; line-height:1;
  user-select:none;
}