:root {
    --colorMapDefault: #428bca;
    --colorMapDefaultEvent: #2a645e;
    --colorGrayDarkDefault: #333;
}


.marker {
    width:18px;
    height:18px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzI0JyB3aWR0aD0nMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PHBhdGggZD0nTTAgMGgyNHYyNEgweicgZmlsbD0nbm9uZScvPjxwYXRoIGQ9J00xMiAyQzguMTMgMiA1IDUuMTMgNSA5YzAgNS4yNSA3IDEzIDcgMTNzNy03Ljc1IDctMTNjMC0zLjg3LTMuMTMtNy03LTd6JyBmaWxsPScjNDI4YmNhJy8+PHBhdGggc3R5bGU9J2ZpbGw6I2ZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6NS42NzY4NTtzdHJva2UtbGluZWNhcDpyb3VuZCcgZD0nTTE0LjUgOC42NWEyLjUgMi41IDAgMCAxLTIuNDk4IDIuNUEyLjUgMi41IDAgMCAxIDkuNSA4LjY1MmEyLjUgMi41IDAgMCAxIDIuNDk0LTIuNTA0QTIuNSAyLjUgMCAwIDEgMTQuNSA4LjY0MicvPjwvc3ZnPg==");
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;
    position:absolute;
    top:0px;
    left:0px;
    cursor: pointer;

}

.marker-fullsize {
    width:24px;
    height:24px;
}

.map {
    width:100%;
    height:500px;
    background-color:#fff;
    display:block;
    overflow:hidden;
    position:relative;
}

.page-civicrm-dashboard #crm-container fieldset:not(.crm-inactive-dashlet-fieldset) {
    display:none !important;
}



.maplibregl-map { position: relative; }
.maplibregl-canvas { left:0; position:absolute; top:0}
.maplibregl-map:fullscreen {height:100%;width:100%}

.maplibregl-popup {
    max-width: 200px;
    display:flex;
    left:0;
    pointer-events:none;
    position:absolute;
    top:0;
    will-change:transform
}

.maplibregl-popup-anchor-top,
.maplibregl-popup-anchor-top-left,
.maplibregl-popup-anchor-top-right {flex-direction:column}

.maplibregl-popup-anchor-bottom,
.maplibregl-popup-anchor-bottom-left,
.maplibregl-popup-anchor-bottom-right {flex-direction:column-reverse}

.maplibregl-popup-anchor-left {flex-direction:row}

.maplibregl-popup-anchor-right{flex-direction:row-reverse}

.maplibregl-popup-tip {border:10px solid transparent;height:0;width:0;z-index:1; /*margin-bottom:20px;*/ }

.maplibregl-popup-anchor-top .maplibregl-popup-tip {align-self:center;border-bottom-color:#fff;border-top:none}
.maplibregl-popup-anchor-top-left .maplibregl-popup-tip {align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}
.maplibregl-popup-anchor-top-right .maplibregl-popup-tip {align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}
.maplibregl-popup-anchor-bottom .maplibregl-popup-tip {align-self:center;border-bottom:none;border-top-color:#fff}
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}
.maplibregl-popup-anchor-left .maplibregl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}
.maplibregl-popup-anchor-right .maplibregl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}
.maplibregl-popup-close-button { background-color:transparent; border:0; border-radius:0 3px 0 0; cursor:pointer; position:absolute; right:0; top:0; max-width:25px; max-height:25px; width:25px; height:25px; line-height: 0 !important; padding:0 !important; }
.maplibregl-popup-close-button:hover{background-color:rgb(0 0 0/30%)}
.maplibregl-popup-content { background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:15px 35px; pointer-events:auto; position:relative }
.maplibregl-popup-content a,
.maplibregl-popup-content a:active,
.maplibregl-popup-content a:focus,
.maplibregl-popup-content a:hover,
.maplibregl-popup-content a:visited { outline: none !important; }
.maplibregl-popup-anchor-top-left .maplibregl-popup-content{border-top-left-radius:0}
.maplibregl-popup-anchor-top-right .maplibregl-popup-content{border-top-right-radius:0}
.maplibregl-popup-anchor-bottom-left .maplibregl-popup-content{border-bottom-left-radius:0}
.maplibregl-popup-anchor-bottom-right .maplibregl-popup-content{border-bottom-right-radius:0}
.maplibregl-popup-track-pointer{display:none}
.maplibregl-popup-track-pointer *{pointer-events:none;user-select:none}


.maplibregl-popup.event .maplibregl-popup-close-button,
.maplibregl-popup.eventPoints .maplibregl-popup-close-button {
    background-color: var(--colorMapDefaultEvent);
}
.maplibregl-popup.event .maplibregl-popup-content a:link,
.maplibregl-popup.eventPoints .maplibregl-popup-content a:link {
    color: var(--colorMapDefaultEvent);
}



.maplibregl-control-container { margin: 15px; }
.maplibregl-ctrl-group:not(:empty) { box-shadow: 0 0 0 2px rgba(0,0,0,.1); }
.maplibregl-ctrl-group {background: #fff; border-radius: 4px; padding:4px; }
.maplibregl-ctrl-group button { 
    background-color: transparent !important;
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 36px;
    outline: none;
    padding: 0;
    width: 36px;
    overflow:hidden;
}

.maplibregl-export-list{display:none; width:200px; }

.maplibregl-ctrl-group .maplibregl-export-list button { background:none; border:none; cursor:pointer; display:block; font-size:14px; padding:8px 8px 6px; text-align:right; width:100%; height:auto; text-align:center; }
.maplibregl-export-list button:hover { background-color: var(--colorGrayDarkDefault) !important; }
.hidden-map { overflow:hidden; height:0; width:0; position:fixed; }
.map-export-loader.is-active{ position:absolute; z-index:100; top:50%; left:50%; transform:translate(-50%, -50%); width:48px; height:48px; border:5px solid #fff; border-bottom-color:rgba(0,0,0,0); border-radius:50%; display:inline-block; box-sizing:border-box; animation:rotation 1s linear infinite }
@keyframes rotation{ 0% {transform:rotate(0deg)} 100% {transform:rotate(360deg)} }


.maplibregl-ctrl-group .maplibregl-export-control::before { font-family: FontAwesome; content: "\f02f"; font-size:24px; color:var(--colorMapDefault); position:absolute; top:13px; left:11px; }
.maplibregl-ctrl-group .maplibregl-export-control:hover { color: #fff !important; }

.maplibregl-ctrl-top-left { position:absolute; left:0; top:0;  }
.maplibregl-ctrl-top-left .maplibregl-ctrl { float: left; margin: 10px 0px 0px 10px; } 

.maplibregl-ctrl-top-right { position:absolute; right:0; top:0; }
.maplibregl-ctrl-top-right .maplibregl-ctrl { float: right; margin: 10px 10px 0 0; } 

.maplibregl-export-list .generate-button { background-color: var(--colorMapDefault) !important; }


.maplibregl-export-list table { border: none !important; }

.style-flipper-control .map-style.active { border: 2px solid var(--colorMapDefault); }





div.ui-dialog form#GeoScope,
div.ui-dialog form#Map
{
  position:relative;
  height:100%;
}

div.ui-dialog:has(form#GeoScope) span.fa-print,
div.ui-dialog:has(form#Map) span.fa-print
{
  display:none;
}

div.ui-dialog.fullscreen form#GeoScope div.map,
div.ui-dialog.fullscreen form#Map div#osm_map
{
  position:relative;
  height:96% !important;
}