.leaflet-container {
	width: 100%; 
	height: 600px; 
	border: 1px solid #ccc;
}

.leaflet-popup-content-wrapper {
    padding: 0;
}

.leaflet-popup-content {
    margin: 0;
    width: 340px !important;
}

.leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    padding: 4px;
    width: 24px;
    height: 24px;
    font: 16px/14px Tahoma, Verdana, sans-serif;
    color: #c3c3c3;
    background: #4c4d4f;
    z-index: 1;
}

#progress {
    display: block;
    position: absolute;
    z-index: 1000;
    left: calc(50% - 200px);
    right: calc(50% - 200px);
    /* top: 300px; */
    width: 400px;
    height: 20px;
    margin-top: 0;
    margin-left: 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    padding: 2px;
}

#progress-bar {
    width: 0;
    height: 100%;
    background-color: #76A6FC;
    border-radius: 4px;
}