1/* required styles */
  2
  3.leaflet-map-pane,
  4.leaflet-tile,
  5.leaflet-marker-icon,
  6.leaflet-marker-shadow,
  7.leaflet-tile-pane,
  8.leaflet-tile-container,
  9.leaflet-overlay-pane,
 10.leaflet-shadow-pane,
 11.leaflet-marker-pane,
 12.leaflet-popup-pane,
 13.leaflet-overlay-pane svg,
 14.leaflet-zoom-box,
 15.leaflet-image-layer,
 16.leaflet-layer {
 17	position: absolute;
 18	left: 0;
 19	top: 0;
 20	}
 21.leaflet-container {
 22	overflow: hidden;
 23	-ms-touch-action: none;
 24	touch-action: none;
 25	}
 26.leaflet-tile,
 27.leaflet-marker-icon,
 28.leaflet-marker-shadow {
 29	-webkit-user-select: none;
 30	   -moz-user-select: none;
 31	        user-select: none;
 32	-webkit-user-drag: none;
 33	}
 34.leaflet-marker-icon,
 35.leaflet-marker-shadow {
 36	display: block;
 37	}
 38/* map is broken in FF if you have max-width: 100% on tiles */
 39.leaflet-container img {
 40	max-width: none !important;
 41	}
 42/* stupid Android 2 doesn't understand "max-width: none" properly */
 43.leaflet-container img.leaflet-image-layer {
 44	max-width: 15000px !important;
 45	}
 46.leaflet-tile {
 47	filter: inherit;
 48	visibility: hidden;
 49	}
 50.leaflet-tile-loaded {
 51	visibility: inherit;
 52	}
 53.leaflet-zoom-box {
 54	width: 0;
 55	height: 0;
 56	}
 57/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
 58.leaflet-overlay-pane svg {
 59	-moz-user-select: none;
 60	}
 61
 62.leaflet-tile-pane    { z-index: 2; }
 63.leaflet-objects-pane { z-index: 3; }
 64.leaflet-overlay-pane { z-index: 4; }
 65.leaflet-shadow-pane  { z-index: 5; }
 66.leaflet-marker-pane  { z-index: 6; }
 67.leaflet-popup-pane   { z-index: 7; }
 68
 69.leaflet-vml-shape {
 70	width: 1px;
 71	height: 1px;
 72	}
 73.lvml {
 74	behavior: url(#default#VML);
 75	display: inline-block;
 76	position: absolute;
 77	}
 78
 79
 80/* control positioning */
 81
 82.leaflet-control {
 83	position: relative;
 84	z-index: 7;
 85	pointer-events: auto;
 86	}
 87.leaflet-top,
 88.leaflet-bottom {
 89	position: absolute;
 90	z-index: 1000;
 91	pointer-events: none;
 92	}
 93.leaflet-top {
 94	top: 0;
 95	}
 96.leaflet-right {
 97	right: 0;
 98	}
 99.leaflet-bottom {
100	bottom: 0;
101	}
102.leaflet-left {
103	left: 0;
104	}
105.leaflet-control {
106	float: left;
107	clear: both;
108	}
109.leaflet-right .leaflet-control {
110	float: right;
111	}
112.leaflet-top .leaflet-control {
113	margin-top: 10px;
114	}
115.leaflet-bottom .leaflet-control {
116	margin-bottom: 10px;
117	}
118.leaflet-left .leaflet-control {
119	margin-left: 10px;
120	}
121.leaflet-right .leaflet-control {
122	margin-right: 10px;
123	}
124
125
126/* zoom and fade animations */
127
128.leaflet-fade-anim .leaflet-tile,
129.leaflet-fade-anim .leaflet-popup {
130	opacity: 0;
131	-webkit-transition: opacity 0.2s linear;
132	   -moz-transition: opacity 0.2s linear;
133	     -o-transition: opacity 0.2s linear;
134	        transition: opacity 0.2s linear;
135	}
136.leaflet-fade-anim .leaflet-tile-loaded,
137.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
138	opacity: 1;
139	}
140
141.leaflet-zoom-anim .leaflet-zoom-animated {
142	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
143	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
144	     -o-transition:      -o-transform 0.25s cubic-bezier(0,0,0.25,1);
145	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
146	}
147.leaflet-zoom-anim .leaflet-tile,
148.leaflet-pan-anim .leaflet-tile,
149.leaflet-touching .leaflet-zoom-animated {
150	-webkit-transition: none;
151	   -moz-transition: none;
152	     -o-transition: none;
153	        transition: none;
154	}
155
156.leaflet-zoom-anim .leaflet-zoom-hide {
157	visibility: hidden;
158	}
159
160
161/* cursors */
162
163.leaflet-clickable {
164	cursor: pointer;
165	}
166.leaflet-container {
167	cursor: -webkit-grab;
168	cursor:    -moz-grab;
169	}
170.leaflet-popup-pane,
171.leaflet-control {
172	cursor: auto;
173	}
174.leaflet-dragging .leaflet-container,
175.leaflet-dragging .leaflet-clickable {
176	cursor: move;
177	cursor: -webkit-grabbing;
178	cursor:    -moz-grabbing;
179	}
180
181
182/* visual tweaks */
183
184.leaflet-container {
185	background: #ddd;
186	outline: 0;
187	}
188.leaflet-container a {
189	color: #0078A8;
190	}
191.leaflet-container a.leaflet-active {
192	outline: 2px solid orange;
193	}
194.leaflet-zoom-box {
195	border: 2px dotted #38f;
196	background: rgba(255,255,255,0.5);
197	}
198
199
200/* general typography */
201.leaflet-container {
202	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
203	}
204
205
206/* general toolbar styles */
207
208.leaflet-bar {
209	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
210	border-radius: 4px;
211	}
212.leaflet-bar a,
213.leaflet-bar a:hover {
214	background-color: #fff;
215	border-bottom: 1px solid #ccc;
216	width: 26px;
217	height: 26px;
218	line-height: 26px;
219	display: block;
220	text-align: center;
221	text-decoration: none;
222	color: black;
223	}
224.leaflet-bar a,
225.leaflet-control-layers-toggle {
226	background-position: 50% 50%;
227	background-repeat: no-repeat;
228	display: block;
229	}
230.leaflet-bar a:hover {
231	background-color: #f4f4f4;
232	}
233.leaflet-bar a:first-child {
234	border-top-left-radius: 4px;
235	border-top-right-radius: 4px;
236	}
237.leaflet-bar a:last-child {
238	border-bottom-left-radius: 4px;
239	border-bottom-right-radius: 4px;
240	border-bottom: none;
241	}
242.leaflet-bar a.leaflet-disabled {
243	cursor: default;
244	background-color: #f4f4f4;
245	color: #bbb;
246	}
247
248.leaflet-touch .leaflet-bar a {
249	width: 30px;
250	height: 30px;
251	line-height: 30px;
252	}
253
254
255/* zoom control */
256
257.leaflet-control-zoom-in,
258.leaflet-control-zoom-out {
259	font: bold 18px 'Lucida Console', Monaco, monospace;
260	text-indent: 1px;
261	}
262.leaflet-control-zoom-out {
263	font-size: 20px;
264	}
265
266.leaflet-touch .leaflet-control-zoom-in {
267	font-size: 22px;
268	}
269.leaflet-touch .leaflet-control-zoom-out {
270	font-size: 24px;
271	}
272
273
274/* layers control */
275
276.leaflet-control-layers {
277	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
278	background: #fff;
279	border-radius: 5px;
280	}
281.leaflet-control-layers-toggle {
282	background-image: url(images/layers.png);
283	width: 36px;
284	height: 36px;
285	}
286.leaflet-retina .leaflet-control-layers-toggle {
287	background-image: url(images/layers-2x.png);
288	background-size: 26px 26px;
289	}
290.leaflet-touch .leaflet-control-layers-toggle {
291	width: 44px;
292	height: 44px;
293	}
294.leaflet-control-layers .leaflet-control-layers-list,
295.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
296	display: none;
297	}
298.leaflet-control-layers-expanded .leaflet-control-layers-list {
299	display: block;
300	position: relative;
301	}
302.leaflet-control-layers-expanded {
303	padding: 6px 10px 6px 6px;
304	color: #333;
305	background: #fff;
306	}
307.leaflet-control-layers-selector {
308	margin-top: 2px;
309	position: relative;
310	top: 1px;
311	}
312.leaflet-control-layers label {
313	display: block;
314	}
315.leaflet-control-layers-separator {
316	height: 0;
317	border-top: 1px solid #ddd;
318	margin: 5px -10px 5px -6px;
319	}
320
321
322/* attribution and scale controls */
323
324.leaflet-container .leaflet-control-attribution {
325	background: #fff;
326	background: rgba(255, 255, 255, 0.7);
327	margin: 0;
328	}
329.leaflet-control-attribution,
330.leaflet-control-scale-line {
331	padding: 0 5px;
332	color: #333;
333	}
334.leaflet-control-attribution a {
335	text-decoration: none;
336	}
337.leaflet-control-attribution a:hover {
338	text-decoration: underline;
339	}
340.leaflet-container .leaflet-control-attribution,
341.leaflet-container .leaflet-control-scale {
342	font-size: 11px;
343	}
344.leaflet-left .leaflet-control-scale {
345	margin-left: 5px;
346	}
347.leaflet-bottom .leaflet-control-scale {
348	margin-bottom: 5px;
349	}
350.leaflet-control-scale-line {
351	border: 2px solid #777;
352	border-top: none;
353	line-height: 1.1;
354	padding: 2px 5px 1px;
355	font-size: 11px;
356	white-space: nowrap;
357	overflow: hidden;
358	-moz-box-sizing: content-box;
359	     box-sizing: content-box;
360
361	background: #fff;
362	background: rgba(255, 255, 255, 0.5);
363	}
364.leaflet-control-scale-line:not(:first-child) {
365	border-top: 2px solid #777;
366	border-bottom: none;
367	margin-top: -2px;
368	}
369.leaflet-control-scale-line:not(:first-child):not(:last-child) {
370	border-bottom: 2px solid #777;
371	}
372
373.leaflet-touch .leaflet-control-attribution,
374.leaflet-touch .leaflet-control-layers,
375.leaflet-touch .leaflet-bar {
376	box-shadow: none;
377	}
378.leaflet-touch .leaflet-control-layers,
379.leaflet-touch .leaflet-bar {
380	border: 2px solid rgba(0,0,0,0.2);
381	background-clip: padding-box;
382	}
383
384
385/* popup */
386
387.leaflet-popup {
388	position: absolute;
389	text-align: center;
390	}
391.leaflet-popup-content-wrapper {
392	padding: 1px;
393	text-align: left;
394	border-radius: 12px;
395	}
396.leaflet-popup-content {
397	margin: 13px 19px;
398	line-height: 1.4;
399	}
400.leaflet-popup-content p {
401	margin: 18px 0;
402	}
403.leaflet-popup-tip-container {
404	margin: 0 auto;
405	width: 40px;
406	height: 20px;
407	position: relative;
408	overflow: hidden;
409	}
410.leaflet-popup-tip {
411	width: 17px;
412	height: 17px;
413	padding: 1px;
414
415	margin: -10px auto 0;
416
417	-webkit-transform: rotate(45deg);
418	   -moz-transform: rotate(45deg);
419	    -ms-transform: rotate(45deg);
420	     -o-transform: rotate(45deg);
421	        transform: rotate(45deg);
422	}
423.leaflet-popup-content-wrapper,
424.leaflet-popup-tip {
425	background: white;
426
427	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
428	}
429.leaflet-container a.leaflet-popup-close-button {
430	position: absolute;
431	top: 0;
432	right: 0;
433	padding: 4px 4px 0 0;
434	text-align: center;
435	width: 18px;
436	height: 14px;
437	font: 16px/14px Tahoma, Verdana, sans-serif;
438	color: #c3c3c3;
439	text-decoration: none;
440	font-weight: bold;
441	background: transparent;
442	}
443.leaflet-container a.leaflet-popup-close-button:hover {
444	color: #999;
445	}
446.leaflet-popup-scrolled {
447	overflow: auto;
448	border-bottom: 1px solid #ddd;
449	border-top: 1px solid #ddd;
450	}
451
452.leaflet-oldie .leaflet-popup-content-wrapper {
453	zoom: 1;
454	}
455.leaflet-oldie .leaflet-popup-tip {
456	width: 24px;
457	margin: 0 auto;
458
459	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
460	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
461	}
462.leaflet-oldie .leaflet-popup-tip-container {
463	margin-top: -1px;
464	}
465
466.leaflet-oldie .leaflet-control-zoom,
467.leaflet-oldie .leaflet-control-layers,
468.leaflet-oldie .leaflet-popup-content-wrapper,
469.leaflet-oldie .leaflet-popup-tip {
470	border: 1px solid #999;
471	}
472
473
474/* div icon */
475
476.leaflet-div-icon {
477	background: #fff;
478	border: 1px solid #666;
479	}