.ad-edit-map {
    margin-top: 10px;
    margin-bottom: 25px;
    position: relative;
}
.ad-edit-map .map-title {
    margin-bottom: 4px;
    font-weight: bold;
}
.ad-edit-map .map-wrapper {
    width: 100%;
    height: 300px;
    border: 1px solid grey;
    position: relative;
}
.ad-edit-map .map-wrapper.full-screen {
    position: fixed;
    z-index: 10;
    left: 0; right: 0; top: 0; bottom: 0;
    height: auto;
}
.ad-edit-map .map-wrapper.buildings-info-mode .map {
    cursor: help !important;
}
.ad-edit-map .map {
    height: 100%;
    cursor: pointer;
}
.ad-edit-map .map-overlay {
    position: absolute;
    left: 0; right: 0; top: 0; bottom: 0;
    background-color: rgba(0,0,0,0.14);
    display: block;
    cursor: pointer;
    transition: background-color 0.3s;
}
.ad-edit-map .map-overlay:hover {
    background-color: rgba(0,0,0,0.25);
}
.ad-edit-map .map-overlay .overlay-hint {
    text-align: center;
    color: white;
    text-shadow: 1px 1px 2px #292929;
    font-weight: bold;
    font-size: 15px;
    position: absolute;
    bottom: 15%;
    width: 100%;
}
.ad-edit-map .map-overlay .overlay-hint .fa {
    font-size: 18px;
    margin-right: 8px;
}
.ad-edit-map .map-wrapper:not(.locked) .map-overlay {
    display: none;
}

.ad-edit-map .buildings-info {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-weight: normal;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 0 5px 2px;
    margin-bottom: 0;
    border-radius: 3px;
    cursor: pointer;
    color: black;
    font-size: 13px;
}
.ad-edit-map .buildings-info [type=checkbox] {
    position: relative;
    top: 2px;
}

/* make smaller fonts for geoclicker popup */
.leaflet-popup-content {
    margin: 10px !important;
}
.dg-popup__header-title {
    font-size: 19px !important;
    line-height: 16px !important;
}
.dg-map-geoclicker__purpose {
    font-size: 14px !important;
}

.leaflet-marker-pane img {
    cursor: grab;
}

.ad-edit-map .map-wrapper .btn-close-full-screen {
    position: absolute;
    bottom: 40px;
    min-width: 300px;
    text-align: center;
    transform: translateX(-50%);
    left: 50%;
}
.ad-edit-map .map-wrapper:not(.full-screen) .btn-close-full-screen {
    display: none;
}

.ad-edit-map .mouse-pointer {
    display: none;
    position: absolute;
    width: 17px;
    height: 25px;
    transform: translate(-50%, -100%);
    /*background: transparent url("/img/geo/mouse-pointer-pin.png");*/
}
.ad-edit-map .map-bottom-controls {
    margin-top: 6px;
}
.ad-edit-map .map-hint {
    font-style: italic;
    font-size: 0.9em;
    display: inline-block;
    margin-top: 5px;
}
.ad-edit-map .radius-controls {
    display: inline-block;
    float: right;
}
.ad-edit-map .radius-controls > .label {
    color: #333;
    margin-right: 4px;
    font-size: 0.85em;
    font-weight: normal;
}
.ad-edit-map .irs { /*radius slider*/
    /*display: inline-block;*/
    width: 150px;
    /*vertical-align: middle;*/
}

@media (min-width: 900px) {
    .ad-edit-map .map-title {
        /*margin-left: -10px;
        margin-right: -10px;*/
    }
    .ad-edit-map .map-wrapper.wide {
        width: 180%;
        /*transform: translateX(-17%);*/ /* half of 33% */
        margin-left: -37%;
        height: 500px;
    }
}

@media (max-width: 770px) {
    .ad-edit-map .map-bottom-controls {
        margin-top: 9px;
    }
}
@media (max-width: 400px) {
    .ad-edit-map .map-hint {
        max-width: 160px;
    }
    .ad-edit-map .map-hint .fa,
    .ad-edit-map .map-hint br {
        display: none;
    }
    .ad-edit-map .radius-controls {
        width: calc(100% - 170px);
    }
    .ad-edit-map .irs {
        width: 100%;
    }
}