body { margin: 0; padding: 0; }
#map-all-visits { width: 100%; height: 400px; }
.mapboxgl-popup-content {
    max-height: 300px !important;
    max-width: 600px !important;
    overflow-y: auto !important;
    /* background-color:  #555 !important; */
    background-color: black !important;
    padding-top: 0px !important;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */ 
::-webkit-scrollbar-track {
    background: #f1f1f1; 
    
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    border-bottom-color: #000;
    }
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    border-top-color: #000;
    }
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: #000;
    }
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-left-color: #000;
    }

.mapboxgl-popup-close-button {
  color: white;
}