body {
	padding: 0;
	margin: 0;
}
html, body, #map {
	height: 100%;
	width: 100%;
}


#mapPage {
    height: calc(100% - 42px);
}

.ui-content {
    position: absolute;
    top: 40px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 !important;
}
#map-content{
  height: 100%;
  padding: 0px; 
  margin:0px;
  z-index: -1;
}

/* css to customize Leaflet default styles  */
.custom-popup .leaflet-popup-tip ,
.custom-popup .leaflet-popup-content-wrapper {
  background:#2c3e50;
  color:#fff;
  font-size:16px;
  line-height:24px;
  }
  
.custom-popup .leaflet-popup-content-wrapper a {
  color:rgba(255,255,255,1);
  }
  
 .custom-popup .leaflet-popup-content-wrapper i {
  color:rgb(255,0,0);
  } 
  
.custom-popup .leaflet-popup-tip-container {
  width:30px;
  height:15px;
  color:#2c3e50;
  }
 
.infobox { 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; 
} 

.infobox h4 { 
  margin: 0 0 5px; 
  color: #777; 
}

.onc {
  
  width:1000px;
  font-size:20px;
  background-color: transparent;
  border: transparent;
  box-shadow: none;
}