#content {
    flex: 1;
    display: flex;
}
#map {
    width: 100%;
    height: 100%;
    flex: 1;
}

.mapContainer #map {
    pointer-events: none;
}

.leaflet-top {
    top: 40px;
}

div.leaflet-top.leaflet-right {
    top: 0px;
}

.mapIcon {
    text-align: center;
    width: 14px;
    height: 14px;
    border-radius: 8px;
    box-shadow: 2px 2px 1px #888888;
}

.mapIcon:hover {
    box-shadow: 3px 3px 2px #333333;
}


.leaflet-touch .leaflet-control-layers-toggle {
    width: 36px;
    height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
    background-image: url('../../assets/img/hamburger-menu.png');
    background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    border: none;
}

.leaflet-touch .leaflet-bar a:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    font-weight: 100;
}

.leaflet-touch .leaflet-bar a {
    line-height: 1.9rem;
}

section.leaflet-control-layers-list {
    padding: 0;
}

.leaflet-control-layers {
    border-radius: 0px;
}


.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
    width: 90vw;
    max-width: 600px;
    /*height: 500px;
    max-height: 50vh;*/
}

.leaflet-popup-content {
    margin: 5px 5px;
}

.leaflet-popup-content-wrapper {
    border-radius: 5px;
}