#footer {
    position: absolute;
    bottom: 20px;
    left: 30px;
    z-index: 1;
    background-color: white;
    opacity: 0.8;
    padding: 8px;
}

.custom_marker_text{
    overflow: hidden; word-wrap: break-word; resize:none; 
    overflow-y: hidden;
     height: 28px; 
    font-size:16px;
    line-height:24px;
    color: #fff;
    background: transparent;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
    max-height: 33vh;
}

.leaflet-popup-custom-delete-button{
    height:38px;
    width:38px;
    right:0px;
    bottom:15px;
    position:absolute;
    padding:0;
    background-image: url("/static/img/popup_delete_button.png");
    background-position: 0px 0px; 
    background-repeat: no-repeat;
    background-size:cover;
}

.leaflet-popup-custom-delete-button:active{
    background-position: 0px -38px; 
}

.leaflet-popup-custom-delete-button:hover{
    background-position: 0px -38px; 
}

@media (-webkit-min-device-pixel-ratio:2),(-moz-min-device-pixel-ratio:2){
  .leaflet-popup-custom-delete-button{background-image: url("/static/img/popup_delete_button@2x.png");background-position: 0px 0px;}.leaflet-popup-custom-delete-button:active{ background-position: 0px -38px; 
} .leaflet-popup-custom-delete-button:hover{ background-position: 0px -38px; }
}

.leaflet-container a.leaflet-popup-close-button{
    top: 0 !important;
    right: 0 !important;
    padding: 6px 4px 16px 18px !important;
    text-align: center !important;
    width: 16px !important;
    height: 16px !important;
}

.leaflet-container div.custom-marker-distance{
    display: block;
    width:auto;
}

.leaflet-container div.popup-default-distance{
    display: inline-block;
    width:auto;
}

.custom-marker-distance:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

.leaflet-container .custom-marker-distance span{
    display: block;
    float:right;
    position: relative;
}

.custom-popup .leaflet-popup-content {
    
}

.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,0.5);
  }
.custom-popup .leaflet-popup-tip-container {
  width:30px;
  height:15px;
  }
.custom-popup .leaflet-popup-tip {
  border-left:15px solid transparent;
  border-right:15px solid transparent;
  border-top:15px solid #2c3e50;

  background: transparent;
  box-shadow: none;

  width: auto;
  height: auto;
  padding: inherit;
  margin: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;

}

.custom-popup .leaflet-popup{
  bottom:17px !important;
}

.custom-popup .leaflet-popup.marker_displaced_upside{
   bottom:32px !important; 
}

/* Moves controls all 30px down */
.leaflet-control{
  top:50px;
}

/* Because everything was moved 30px down, gets the attribution and moves it up
 * 30px so it's visible again */
.leaflet-control-attribution{
  top:0px;
}