﻿.leaflet-control-attribution a:first-child { display: none; }
/* ================================================================== */
/* 图层控件样式
/* ================================================================== */
.leaflet-control-basemaps { padding: 4px; }
.leaflet-control-basemaps.closed .basemap { display: none; }
.leaflet-control-basemaps.closed .basemap.alt { display: inline-block; }
.leaflet-control-basemaps.closed .basemap.alt h4 { display: none; }
.leaflet-control-basemaps .basemap { display: inline-block; /* todo: flexbox? */ cursor: pointer; position: relative; }
.leaflet-control-basemaps .basemap.active img { border-color: orange; box-shadow: 2px 2px 4px #000; }
.leaflet-control-basemaps .basemap img { width: 64px; border: 2px solid #FFF; margin: 0 2px; /*border-radius: 40px;*/ box-shadow: 0 1px 5px rgba(0,0,0,0.65) }
.leaflet-control-basemaps .basemap span { position: absolute; bottom: 5px; right: 5px; color: #FFF; }

/* ================================================================== */
/* 绘图对象样式
/* ================================================================== */
.leaflet-mouse-marker { background-color: #fff; cursor: crosshair; }
.leaflet-draw-tooltip { background: rgb(54, 54, 54); 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: 0.6; position: absolute; width: 5px; height: 5px; }
.leaflet-measure-tooltip { padding: 1px 2px !important; }
/*.leaflet-measure-popup { margin: 10px 18px 0px 3px !important; }*/
/*.leaflet-draw-guide-dash-measure { font-size: 1%; opacity: 1; position: absolute; width: 3px; height: 3px; }*/



/* ================================================================== */
/* Toolbars
/* ================================================================== */

.leaflet-draw-section { position: relative; }
.leaflet-draw-toolbar { margin-top: 12px; }
.leaflet-draw-toolbar-top { margin-top: 0; }
.leaflet-draw-toolbar-notop a:first-child { border-top-right-radius: 0; }
.leaflet-draw-toolbar-nobottom a:last-child { border-bottom-right-radius: 0; }
.leaflet-draw-toolbar a { background-image: url('images/spritesheet.png'); 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: url('images/spritesheet-2x.png'); 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; }

/* ================================================================== */
/* Toolbar actions menu
/* ================================================================== */

.leaflet-draw-actions { display: none; list-style: none; margin: 0; padding: 0; position: absolute; left: 26px; /* leaflet-draw-toolbar.left + leaflet-draw-toolbar.width */ 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: none; }

.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; }

/* ================================================================== */
/* Draw toolbar
/* ================================================================== */

.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; }

/* ================================================================== */
/* Edit toolbar
/* ================================================================== */
.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; }


/* ================================================================== */
/* Edit styles
/* ================================================================== */
.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; }

/* ================================================================== */
/* Old IE styles
/* ================================================================== */
.leaflet-oldie .leaflet-draw-toolbar { border: 1px solid #999; }


/* ================================================================== */
/* L.Control.Sidebar
/* ================================================================== */
.leaflet-sidebar { position: absolute; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; z-index: 2000; }
    .leaflet-sidebar.left { left: -500px; transition: left 0.5s, width 0.5s; padding-right: 0; }
        .leaflet-sidebar.left.visible { left: 0; }
    .leaflet-sidebar.right { right: -500px; transition: right 0.5s, width 0.5s; padding-left: 0; }
        .leaflet-sidebar.right.visible { right: 0; }
    .leaflet-sidebar > .leaflet-control { height: 100%; width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*padding: 8px 24px;*/ font-size: 1.1em; background: white; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.65); -webkit-border-radius: 4px; border-radius: 4px; }
.leaflet-touch .leaflet-sidebar > .leaflet-control { box-shadow: none; border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; }
@media (max-width: 767px) {
    .leaflet-sidebar { width: 100%; padding: 0; }
        .leaflet-sidebar.left.visible ~ .leaflet-left { left: 100%; }
        .leaflet-sidebar.right.visible ~ .leaflet-right { right: 100%; }
        .leaflet-sidebar.left { left: -100%; }
            .leaflet-sidebar.left.visible { left: 0; }
        .leaflet-sidebar.right { right: -100%; }
            .leaflet-sidebar.right.visible { right: 0; }
        .leaflet-sidebar > .leaflet-control { box-shadow: none; -webkit-border-radius: 0; border-radius: 0; }
    .leaflet-touch .leaflet-sidebar > .leaflet-control { border: 0; }
}
@media (min-width: 768px) and (max-width: 991px) {
    .leaflet-sidebar { width: 305px; }
        .leaflet-sidebar.left.visible ~ .leaflet-left { left: 305px; }
        .leaflet-sidebar.right.visible ~ .leaflet-right { right: 305px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .leaflet-sidebar { width: 390px; }
        .leaflet-sidebar.left.visible ~ .leaflet-left { left: 390px; }
        .leaflet-sidebar.right.visible ~ .leaflet-right { right: 390px; }
}
@media (min-width: 1200px) {
    .leaflet-sidebar { width: 460px; }
        .leaflet-sidebar.left.visible ~ .leaflet-left { left: 460px; }
        .leaflet-sidebar.right.visible ~ .leaflet-right { right: 460px; }
}
.leaflet-sidebar .close { position: absolute; right: 20px; top: 20px; width: 31px; height: 31px; color: #333; font-size: 25px; line-height: 1em; text-align: center; background: white; -webkit-border-radius: 16px; border-radius: 16px; cursor: pointer; z-index: 9999; }
.leaflet-left { transition: left 0.5s; }
.leaflet-right { transition: right 0.5s; }