.leaflet-draw{position:absolute; top:80px; left:300px;}
.leaflet-draw-toolbar{display:flex; background-color:#fff; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.25);}
.leaflet-draw-toolbar a{width:30px; height:30px; line-height:30px; background-image:linear-gradient(transparent,transparent),url('../images/spritesheet.svg');background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}
.leaflet-retina .leaflet-draw-toolbar a{background-image:linear-gradient(transparent,transparent),url('../images/spritesheet.svg')}
.leaflet-draw a{display:block;text-align:center;text-decoration:none}
.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}
.leaflet-touch .leaflet-draw-actions{left:32px}
.leaflet-right .leaflet-draw-actions{right:26px;left:auto}
.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}
.leaflet-draw-actions li{display:inline-block}
.leaflet-draw-actions li:first-child a{border-left:0}
.leaflet-draw-actions li:last-child a{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
.leaflet-right .leaflet-draw-actions li:last-child a{-webkit-border-radius:0;border-radius:0}
.leaflet-right .leaflet-draw-actions li:first-child a{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#FFF;font:11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}
.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}
.leaflet-draw-actions-bottom{margin-top:0}
.leaflet-draw-actions-top{margin-top:1px}
.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}
.leaflet-draw-actions a:hover{background-color:#a0a098}
.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}
.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}
.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}
.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}
.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}
.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}
.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}
.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}
.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,0.5);border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px;color:#fff;font:12px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}
.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,0.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position:absolute;top:7px;left:-7px}
.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}
.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}
.leaflet-draw-tooltip-single{margin-top:-12px}
.leaflet-draw-tooltip-subtext{color:#f8d5e4}
.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}
.leaflet-edit-marker-selected{background-color:rgba(254,87,161,0.1);border:4px dashed rgba(254,87,161,0.6);-webkit-border-radius:4px;border-radius:4px;box-sizing:content-box}
.leaflet-edit-move{cursor:move}
.leaflet-edit-resize{cursor:pointer}
.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}









/* required styles */

.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer{position:absolute; left:0; top:0;}
.leaflet-container{overflow:hidden;}
.leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow{-webkit-user-select:none; -moz-user-select:none; user-select:none; -webkit-user-drag:none;} /* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection{background:transparent;} /* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast;} /* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container{width:1600px; height:1600px; -webkit-transform-origin:0 0;}
.leaflet-marker-icon, .leaflet-marker-shadow{display:block;}
.leaflet-container .leaflet-overlay-pane svg, .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile{max-width:none !important; max-height:none !important;}

.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y; touch-action:pan-x pan-y;}
.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom; /* Fallback for FF which doesn't support pinch-zoom */ touch-action:none; touch-action:pinch-zoom;}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none; touch-action:none;}
.leaflet-container{-webkit-tap-highlight-color:transparent;}
.leaflet-container a{-webkit-tap-highlight-color:rgba(51, 181, 229, 0.4);}
.leaflet-tile{filter:inherit; visibility:hidden;}
.leaflet-tile-loaded{visibility:inherit;}
.leaflet-zoom-box{width:0; height:0; -moz-box-sizing:border-box; box-sizing:border-box;} /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg{-moz-user-select:none;}

.leaflet-tile-pane{z-index:20;}
.leaflet-overlay-pane{z-index:40;}
.leaflet-shadow-pane{z-index:50;}
.leaflet-marker-pane{z-index:60;}
.leaflet-tooltip-pane{z-index:65;}
.leaflet-popup-pane{z-index:70;}
.leaflet-control{z-index:80;}

.leaflet-map-pane canvas{z-index:10;}
.leaflet-map-pane svg{z-index:20;}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile{will-change:opacity;}
.leaflet-fade-anim .leaflet-popup{opacity:0; -webkit-transition:opacity 0.2s linear; -moz-transition:opacity 0.2s linear; transition:opacity 0.2s linear;}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1;}
.leaflet-zoom-animated{-webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0;}
.leaflet-zoom-anim .leaflet-zoom-animated{will-change:transform;}
.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition:   -moz-transform 0.25s cubic-bezier(0,0,0.25,1); transition:        transform 0.25s cubic-bezier(0,0,0.25,1);}
.leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile{-webkit-transition:none; -moz-transition:none; transition:none;}

.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden;}

/* cursors */
.leaflet-interactive{cursor:pointer;}
.leaflet-grab{cursor:-webkit-grab; cursor:-moz-grab; cursor:grab;}
.leaflet-crosshair, .leaflet-crosshair .leaflet-interactive{cursor:crosshair;}
.leaflet-popup-pane, .leaflet-control{cursor:auto;}
.leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable{cursor:move; cursor:-webkit-grabbing; cursor:   -moz-grabbing; cursor:        grabbing;}

/* marker & overlays interactivity */
.leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container{pointer-events:none;}
.leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted; /* IE 9-10 doesn't have auto */ pointer-events:auto;}

/* popup */
.leaflet-popup{position:absolute; text-align:center; margin-bottom:24px;}
.leaflet-popup-content-wrapper{text-align:left; border-radius:12px; overflow:hidden; width:288px; margin:16px;}
.leaflet-popup-content{margin:16px 16px; line-height:1.25;}
.leaflet-popup-content figure{margin:-16px -16px -8px -16px;}
.leaflet-popup-content img{aspect-ratio:2/1; object-fit:cover; vertical-align:top;}
.leaflet-popup-content p{margin:16px 0;}
/*
.leaflet-popup-tip-container{width:40px; height:20px; position:absolute; left:50%; margin-left:-20px; overflow:hidden; pointer-events:none;}
.leaflet-popup-tip{width:17px; height:17px; padding:1px; 
margin:-10px auto 0; 
-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
*/
.leaflet-popup-content-wrapper, .leaflet-popup-tip{background:white; color:#333; box-shadow:0 6px 20px rgba(0,0,0,0.2);}
.leaflet-container a.leaflet-popup-close-button{position:absolute; top:0; right:0; padding:4px 4px 0 0; border:none; text-align:center; width:18px; height:14px; font:16px/14px Tahoma, Verdana, sans-serif; color:#c3c3c3; text-decoration:none; font-weight:bold; background:transparent;}
.leaflet-container a.leaflet-popup-close-button:hover{color:#999;}
.leaflet-popup-scrolled{overflow:auto; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}

/* Tooltip */
/* Base styles for the element that has a tooltip */
/*
.leaflet-tooltip{position:absolute; padding:8px; background-color:#fff; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.25); white-space:nowrap; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; pointer-events:none;}
.leaflet-tooltip.leaflet-clickable{cursor:pointer; pointer-events:auto;}
.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before{position:absolute; pointer-events:none; border:6px solid transparent; background:transparent; content:"";}
*/
.leaflet-tooltip{position:absolute; pointer-events:none; white-space:nowrap; font-size:0.75rem;}

/* Directions */
/*
.leaflet-tooltip-bottom{margin-top:6px;}
.leaflet-tooltip-top{margin-top:-6px;}
.leaflet-tooltip-bottom:before, .leaflet-tooltip-top:before{left:50%; margin-left:-6px;}
.leaflet-tooltip-top:before{bottom:0; margin-bottom:-12px; border-top-color:#fff;}
.leaflet-tooltip-bottom:before{top:0; margin-top:-12px; margin-left:-6px; border-bottom-color:#fff;}
.leaflet-tooltip-left{margin-left:-6px;}
.leaflet-tooltip-right{margin-left:6px;}
.leaflet-tooltip-left:before, .leaflet-tooltip-right:before{top:50%; margin-top:-6px;}
.leaflet-tooltip-left:before{right:0; margin-right:-12px; border-left-color:#fff;}
.leaflet-tooltip-right:before{left:0; margin-left:-12px; border-right-color:#fff;}
*/

/* container */
.fw-map{position:relative; height:600px; font-family:sans-serif;}
.fw-map-leaflet{position:absolute; background-color:#fff; top:0; left:0; right:0; bottom:0; transition:0.2s;}

/* zoom control */
.leaflet-control-zoom{display:none;}
@media (min-width:900px){
.leaflet-control-zoom{position:absolute; display:block; top:16px; right:16px; background-color:#fff; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.25); overflow:hidden;}
.leaflet-control-zoom:after{content:""; position:absolute; top:50%; left:6px; width:20px; border-bottom:1px solid #eaeaea;}
.leaflet-control-zoom-in, .leaflet-control-zoom-out{position:relative; display:block; height:32px; width:32px; background-position:center center; background-repeat:no-repeat; color:transparent !important; box-shadow:none !important; outline:none !important;}
.leaflet-control-zoom-in{background-image:url('data:image/svg+xml;charset=UTF-8,<svg height="16px" width="16px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><polygon points="14,7 9,7 9,2 7,2 7,7 2,7 2,9 7,9 7,14 9,14 9,9 14,9 "/></svg>');}
.leaflet-control-zoom-out{background-image:url('data:image/svg+xml;charset=UTF-8,<svg height="16px" width="16px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="12" height="2"/></svg>');}
.leaflet-control-zoom .leaflet-disabled{opacity:0.25;}
}

/* scroll control */
.fw-map:before{content:""; position:absolute; top:0; left:0; height:0; width:0; background-color:#000; opacity:0; transition:height 0s 1s, width 0s 1s, opacity 1s; z-index:90;}
.fw-map:after{content:"Verwende Strg+Scrollen zum Zoomen der Karte"; position:absolute; height:0; width:0; overflow:hidden; transition:top 0s 1s, left 0s 1s, height 0s 1s, width 0s 1s; z-index:999; font-size:24px; color:#fff;}
.fw-map-scroll:after{height:auto; width:auto; top:50%; left:50%; transform:translate(-50%,-50%); transition:none;}
.fw-map-scroll:before{height:100%; width:100%; opacity:0.4; transition:opacity 1s;}

/* locate control */
.leaflet-control-locate{position:absolute; bottom:16px; right:16px; height:56px; width:56px; background-color:#fff; background-position:center center; background-repeat:no-repeat; border-radius:28px; box-shadow:0 1px 4px rgba(0,0,0,0.25); overflow:hidden; cursor:pointer;}
.leaflet-control-locate{background-image:url('data:image/svg+xml;charset=UTF-8,<svg height="24px" width="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.778,19.778L4.222,4.222L2.808,5.636l1.58,1.58C3.682,8.336,3.211,9.619,3.059,11H1v2h2.059C3.52,17.171,6.829,20.479,11,20.941V23h2v-2.059c1.382-0.152,2.664-0.623,3.784-1.329l1.58,1.58L19.778,19.778z M12,19c-3.866,0-7-3.135-7-7c0-1.206,0.305-2.34,0.841-3.33l9.489,9.488C14.34,18.695,13.205,19,12,19z M23,11v2h-2.059c-0.153,1.381-0.623,2.664-1.329,3.784l-1.454-1.454C18.695,14.34,19,13.205,19,12c0-3.866-3.135-7-7-7c-1.206,0-2.34,0.305-3.33,0.842L7.216,4.387C8.336,3.682,9.619,3.211,11,3.059V1h2v2.059C17.171,3.52,20.479,6.829,20.941,11H23z"/></svg>');}
.leaflet-control-locate.active{background-image:url('data:image/svg+xml;charset=UTF-8,<svg height="24px" width="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.941,11C20.479,6.829,17.171,3.52,13,3.059V1h-2v2.059C6.829,3.52,3.52,6.829,3.059,11H1v2h2.059c0.461,4.171,3.77,7.479,7.941,7.941V23h2v-2.059c4.171-0.463,7.479-3.771,7.941-7.941H23v-2H20.941z M12,19c-3.866,0-7-3.135-7-7c0-3.866,3.134-7,7-7c3.865,0,7,3.134,7,7C19,15.865,15.865,19,12,19z"/></svg>');}
.leaflet-control-locate.follow{background-image:url('data:image/svg+xml;charset=UTF-8,<svg height="24px" width="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.941,11C20.479,6.829,17.171,3.52,13,3.059V1h-2v2.059C6.829,3.52,3.52,6.829,3.059,11H1v2h2.059c0.461,4.171,3.77,7.479,7.941,7.941V23h2v-2.059c4.171-0.463,7.479-3.771,7.941-7.941H23v-2H20.941z M12,19c-3.866,0-7-3.135-7-7c0-3.866,3.134-7,7-7c3.865,0,7,3.134,7,7C19,15.865,15.865,19,12,19z M16,12c0,2.207-1.793,4-4,4c-2.209,0-4-1.793-4-4c0-2.209,1.791-4,4-4C14.207,8,16,9.791,16,12z"/></svg>');}
.leaflet-control-locate.wait{background-image:none;}
.leaflet-control-locate-circle{stroke-width:0.5; stroke:#1A73E9; fill:#1A73E9; fill-opacity:0.1;}
.leaflet-control-locate-marker{stroke-width:2; stroke:#fff; fill:#1A73E9; fill-opacity:1; filter:drop-shadow(0 1px 4px rgba(0,0,0,0.2));}

.leaflet-control-locate .leaflet-control-locate-spinner{display:none;}
.leaflet-control-locate.wait .leaflet-control-locate-spinner{display:block;}
.leaflet-control-locate-spinner{position:absolute; top:16px; left:16px; height:24px; width:24px;}
.leaflet-control-locate-spinner{animation:leaflet-control-locate-spinner-rotator 1.4s linear infinite;}
.leaflet-control-locate-spinner circle{stroke:#000; stroke-dasharray:187; stroke-dashoffset:0; transform-origin:center; animation:leaflet-control-locate-spinner-dash 1.4s ease-in-out infinite;}
@keyframes leaflet-control-locate-spinner-rotator{ 0% {transform:rotate(0deg);} 100% {transform:rotate(270deg);} }
@keyframes leaflet-control-locate-spinner-dash{ 0% {stroke-dashoffset:187;} 50% {stroke-dashoffset:46.75; transform:rotate(135deg);} 100% {stroke-dashoffset:187; transform:rotate(450deg);} }

/* attribution control */
.leaflet-control-attribution{position:absolute; right:8px; bottom:8px; font-size:10px; z-index:70; opacity:0.5;}
.leaflet-control-attribution svg{display:none;}

/* search */
.leaflet-finder{position:absolute; top:16px; left:300px; right:16px; background-color:#fff; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.25); overflow:hidden;}
.leaflet-finder-form{display:flex; align-items:center; height:48px;}
.leaflet-finder-form input[type="text"]{flex-grow:1; margin:0; padding:0 16px; border:none; outline:0; background:none; box-shadow:none;}
.leaflet-finder-button{height:24px; width:24px; margin:0; padding:12px; border:none; outline:0; background:none;}
.leaflet-finder-button{background-image:url('data:image/svg+xml;charset=UTF-8,<svg height="24px" width="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23.561,21.439l-3.803-3.803C21.159,15.791,22,13.496,22,11c0-6.075-4.925-11-11-11S0,4.925,0,11s4.925,11,11,11c2.496,0,4.791-0.841,6.637-2.242l3.803,3.803C21.732,23.854,22.116,24,22.5,24s0.768-0.146,1.061-0.439C24.146,22.975,24.146,22.025,23.561,21.439z M11,19c-4.411,0-8-3.589-8-8s3.589-8,8-8s8,3.589,8,8S15.411,19,11,19z"/></svg>');}
.leaflet-finder.wait .leaflet-finder-button{display:none;}
@media (min-width:900px){
.leaflet-finder{right:auto; width:392px;}
}

.leaflet-finder .leaflet-finder-spinner{display:none;}
.leaflet-finder.wait .leaflet-finder-spinner{display:block;}
.leaflet-finder-spinner{height:24px; width:24px; animation:leaflet-finder-spinner-rotator 1.4s linear infinite;}
.leaflet-finder-spinner circle{stroke:#000; stroke-dasharray:187; stroke-dashoffset:0; transform-origin:center; animation:leaflet-finder-spinner-dash 1.4s ease-in-out infinite;}
@keyframes leaflet-finder-spinner-rotator{ 0% {transform:rotate(0deg);} 100% {transform:rotate(270deg);} }
@keyframes leaflet-finder-spinner-dash{ 0% {stroke-dashoffset:187;} 50% {stroke-dashoffset:46.75; transform:rotate(135deg);} 100% {stroke-dashoffset:187; transform:rotate(450deg);} }

/* editor toolbar */
.leaflet-control-edit{position:absolute; top:80px; left:8px; display:flex; background-color:#fff; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.25);}
.leaflet-control-edit a{display:block; height:24px; width:24px; padding:8px; color:inherit; text-decoration:none; font-size:24px; line-height:1;}


/* manager */
.leaflet-manager{position:absolute; top:16px; left:16px; bottom:16px; font-size:16px;}
.leaflet-manager-container{display:flex; flex-direction:column; position:absolute; top:0; left:0; max-height:100%; width:270px; background-color:#fff; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.25);}
.leaflet-manager-header{padding:16px; font-size:16px; border-bottom:1px solid #eaeaea; font-weight:600;}
.leaflet-manager-body{overflow:auto;}

.leaflet-manager-section-header{padding:4px 16px; background-color:#eaeaea; font-size:14px;}
.leaflet-manager-section:not(:first-child){border-top:1px solid #eaeaea;}
.leaflet-manager-group:not(:first-child){border-top:1px solid #eaeaea;}

.leaflet-manager-group{position:relative; padding:16px;}
.leaflet-manager-group.edit:after{content:''; position:absolute; top:0; left:0; bottom:0; width:4px; background-color:#3388ff;}
.leaflet-manager-group-header{display:flex;}
.leaflet-manager-group-body{display:none;}
.leaflet-manager-group.active .leaflet-manager-group-body{display:block;}
.leaflet-manager-group-checkbox{width:16px;}
.leaflet-manager-group-label{margin-left:16px; min-width:0;}
.leaflet-manager-group-title{font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.leaflet-manager-group-description{font-size:13px; color:#999; font-style:italic; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.leaflet-manager-group-body{margin-left:32px;}

.leaflet-manager-feature{cursor:pointer;}
.leaflet-manager-feature:hover{background-color:#f2f2f2;}
.leaflet-manager-feature-icon{}
.leaflet-manager-feature-title{font-size:13px; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


/* appearance */
.leaflet-appearance{position:absolute; top:16px; left:16px; bottom:16px; font-size:16px;}

.leaflet-appearance-container{display:flex; flex-direction:column; position:absolute; top:0; left:0; max-height:100%; background-color:#fff; border-radius:8px; box-shadow:0 1px 4px rgba(0,0,0,0.25); overflow:hidden;}
.leaflet-appearance-header{box-sizing:unset; flex:0 0 auto; padding:16px; min-height:16px; min-width:16px; font-size:16px; line-height:1; font-weight:600; cursor:pointer;}
.leaflet-appearance-header:before{content:''; position:absolute; left:16px; top:16px; height:16px; width:16px; background-image:url('data:image/svg+xml;charset=UTF-8,<svg height="16px" width="16px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M8,12l8-6L8,0L0,6L8,12z M8,2l5.334,4L8,10L2.666,6L8,2z M14.667,9L16,10l-8,6l-8-6l1.333-1L8,14L14.667,9z"/></svg>');}
.leaflet-appearance-title{display:none; margin-left:32px;}
.leaflet-appearance-body{display:none; overflow:auto; border-top:1px solid #eaeaea;}

.leaflet-appearance-section-header{padding:4px 16px; background-color:#eaeaea; font-size:14px;}
.leaflet-appearance-group:not(:first-child){border-top:1px solid #eaeaea;}

.leaflet-appearance-group{position:relative;}
.leaflet-appearance-group-header{position:relative;}
.leaflet-appearance-group-body{display:none;}
.leaflet-appearance-group.active .leaflet-appearance-group-body{display:block;}
.leaflet-appearance-group-checkbox{position:absolute; left:16px; top:16px; width:16px;}
.leaflet-appearance-group-label{display:block; padding:16px 48px 16px 48px; min-width:0; cursor:pointer;}
.leaflet-appearance-group-label:after{content:''; position:absolute; top:16px; right:16px; height:16px; width:16px; background-image:url('data:image/svg+xml;charset=UTF-8,<svg height="16px" width="16px" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><polygon points="3,6.5 8,11.5 13,6.5 12,5.5 8,9.5 4,5.5 "/></svg>');}
.leaflet-appearance-group.active .leaflet-appearance-group-label:after{transform:rotate(180deg);}
.leaflet-appearance-group-label:hover{background-color:#f5f5f5;}
.leaflet-appearance-group-title{font-size:14px;}
.leaflet-appearance-group-description{font-size:13px; color:#999; font-style:italic;}

.leaflet-appearance-feature{position:relative; line-height:1.25; cursor:pointer;}
.leaflet-appearance-feature-icon{position:absolute; top:6px; left:12px;}
.leaflet-appearance-feature-icon img{height:20px; width:auto;}
.leaflet-appearance-feature-title{padding:8px 8px 8px 48px; font-size:13px;}

.leaflet-appearance.active .leaflet-appearance-container{width:270px;}
.leaflet-appearance.active .leaflet-appearance-title{display:block;}
.leaflet-appearance.active .leaflet-appearance-body{display:block;}
@media (min-width:900px){
.leaflet-appearance-container{width:288px;}
.leaflet-appearance-header{pointer-events:none;}
.leaflet-appearance-title{display:block;}
.leaflet-appearance-body{display:block;}
}

/* focus */
.leaflet-interactive.fw-map-xactive{fill-opacity:0.75;}

/*
.leaflet-marker-icon.fw-map-xactive{animation:map-icon-jump 0.4s ease-in-out forwards;}
@keyframes map-icon-jump { 0% { transform:translate(0, 50%); height:8px; width:8px; } 25% { transform:translate(0, -20%); height:48px; width:48px; } 75% { transform:translate(0, 0); height:44px; width:52px; }  100% { height:48px; width:48px; } }
*/

/* cluster */
.marker-cluster{-webkit-transition:-webkit-transform 0.3s ease-out, opacity 0.3s ease-in; -moz-transition:-moz-transform 0.3s ease-out, opacity 0.3s ease-in; o-transition:-o-transform 0.3s ease-out, opacity 0.3s ease-in; transition:transform 0.3s ease-out, opacity 0.3s ease-in;}
.marker-cluster div{margin-top:-10px; margin-left:-10px; width:32px; height:32px; line-height:32px; border-radius:16px; background-color:#000; color:#fff; text-align:center; font-family:sans-serif; font-size:14px;}


/* tile pane */
.leaflet-tile-pane{filter:saturate(0);}
