.leaflet-container .leaflet-control-mouseposition {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid #aaa;
  padding: 0 5px;
  margin:1px 0 0 1px;
  color: #666;
  font-family: monospace;
z-index: 20;
}


/* this is needed to put controls behind 
 *  * bootstrap dropdown menus (they both have z-index of 1000) */
.leaflet-top {
z-index: 800;
}