.leaflet-container img.leaflet-image-layer{
  max-width: none !important;
}
button.active {
  color:#FFF;
}
button.active:hover {
  background:#3074a4;
}
#home-slider .row {
  margin-left:0px
}
.map_tooltip{
  display:none;
  padding:10px;
  border-radius: 5px;
  color : #fff;
  background-color: rgba(50, 50, 50, 0.5);
}
#information_dialog .modal-body,
#advanced_search_dialog .modal-body
 {
  background-color:#333333;
  color:white;
}
#information_dialog .modal-header h1,
#advanced_search_dialog .modal-header h1 {
  margin: 0px;
}
.previsions{
  font-size: 20px;
  font-weight: 500;
  margin-bottom:30px;
}
.form_city{
  text-align: center;
}
.form_city input{
  display:inline;
  width:80%;
  font-size:18px;
}
.introjsclass{
  background-color: rgba(255,255,255,.3);
}
#map{
  height : 80vh;
  height : calc(100vh - 80px);
}
#home-slider{
  margin-top: 50px;
}
.navbar-brand img{
  width: 40px;
  height: 40px;
}
.slider {
  width: 90% !important;
}
#sl-time-c .slider-selection{
  background: rgba(0,0,0,0);
  width: 300px;
}
#sl-time-c .slider-rangeHighlight.category1 {
    background: orange;
}
#time-layer{
  width:100%;
  font-size: 50px;
  text-align:center;
  margin: 20px auto;
  font-weight: bold;
}
.map-text-overlay{
  width:80vw;
  height:50vh;
  font-size: 60px;
  font-weight: bold;
  z-index: 999;
  color: rgba(50, 50, 50, 0.5);
  position:fixed;
  text-align: center;
}
@media (max-width: 767px){
  #map{
    height : 80vh;
    height : calc(80vh - 50px);
    width: 100vw;
  }
  #time-layer{
    font-size: 30px;
    margin: 10px auto;
  }
  .map-text-overlay{
    font-size: 30px;
  }
}
@media (min-width: 768px){
  #home-slider{
    margin-top: 81px;
  }
}