.leaflet-double-touch {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.leaflet-double-touch-drag {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor:    -moz-grabbing;
    cursor:       row-resize;
}

    

.leaflet-center {
    left: 50%;
    position: absolute;
    z-index: 400;
    pointer-events: none;
    transform: translate(-50%, 0%);
}

.leaflet-middle {
    top: 50%;
    position: absolute;
    z-index: 400;
    pointer-events: none;
  transform: translate(0%, -50%);

}

.leaflet-center.leaflet-middle {
  left: 50%;
  position: absolute;
    z-index: 400;
    pointer-events: none;
  transform: translate(-55%, -50%);
}

.info { padding: 6px 8px; font: 14px/16px Arial, Helvetica, sans-serif; background: white; background: rgba(255,255,255,0.8); box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 5px; } 

.info1 { padding: 6px 8px; font: 14px/16px Arial, Helvetica, sans-serif; background: white; background: rgba(255,255,255,0.0); box-shadow: 0 0 15px rgba(0,0,0,0.0); border-radius: 1px; text-shadow:  0 0 1px rgba(255,255,255,0.8), 0 0 1px rgba(255,255,255,0.8), 0 0 1px rgba(255,255,255,0.8), 0 0 1px rgba(255,255,255,0.8); } 
.info1 h2 { margin: 0 0 2px; color: blue }
.info1 h3 { margin: 0 0 2px; color: red }
.info1 h4 { margin: 0 0 2px; color: blue } 
.info1 h5 { margin: 0 0 2px; color: black; 
            text-shadow:  0 0 1px rgba(255,255,255,0.6), 0 0 1px rgba(255,255,255,0.6), 0 0 1px rgba(255,255,255,0.6), 0 0 1px rgba(255,255,255,0.6); }
 

.info2 { padding: 6px 8px; font: 14px/16px Arial, Helvetica, sans-serif; 
            background: white; background: rgba(255,255,255,0.0); 
            box-shadow: 0 0 15px rgba(0,0,0,0.0); 
            border-radius: 1px; 
            text-shadow:  0 0 2px rgba(255,255,255,0.6), 0 0 2px rgba(255,255,255,0.6), 0 0 2px rgba(255,255,255,0.6), 0 0 2px rgba(255,255,255,0.6); } 
.info2 h2 { margin: 0 0 2px; color: blue } 
.info2 h3 { margin: 0 0 2px; color: red }
.info2 h4 { margin: 0 0 2px; color: blue } 
.info2 h5 { margin: 0 0 2px; color: black; text-shadow:  0 0 1px rgba(255,255,255,0.6), 0 0 1px rgba(255,255,255,0.6), 0 0 1px rgba(255,255,255,0.6), 0 0 1px rgba(255,255,255,0.6); }

.info3 { padding: 6px 8px; font: 14px/16px Arial, Helvetica, sans-serif; 
            background: rgba(255,255,255,0.0); 
            box-shadow: 0 0 15px rgba(0,0,0,0.0); 
            border-radius: 1px; 
            text-shadow:  0 0 2px rgba(255,255,255,0.6), 0 0 2px rgba(255,255,255,0.6), 0 0 2px rgba(255,255,255,0.6), 0 0 2px rgba(255,255,255,0.6); } 
.info3 h2 { margin: 0 0 2px; color: blue }
.info3 h3 { margin: 0 0 2px; color: black }
.info3 h4 { margin: 0 0 2px; color: blue } 
.info3 h5 { margin: 0 0 2px; color: black;}

.info4 {  padding: 6px 8px; font: 14px/16px Arial, Helvetica, sans-serif; 
            background: rgba(255,255,255,0.0); 
            box-shadow: 0 0 15px rgba(0,0,0,0.0); 
            border-radius: 1px; 
            text-shadow:  0 0 2px rgba(0,0,0,1), 0 0 2px rgba(0,0,0,1), 0 0 2px rgba(0,0,0,1), 0 0 2px rgba(0,0,0,1); 
        } 
.info4 h2 { line-height: 100%; margin: 0 0 2px; color: rgba(255,255,255,1) }
.info4 h3 { margin: 0 0 2px; color: rgba(255,255,255,1) }
.info4 h4 { margin: 0 0 2px; color: blue } 
.info4 h5 { margin: 0 0 2px; color: black;}

.leaflet-tile-container img {
    width: 256.5px !important;
    height: 256.5px !important;}