1/* required styles */
2
3.leaflet-pane,
4.leaflet-tile,
5.leaflet-marker-icon,
6.leaflet-marker-shadow,
7.leaflet-tile-container,
8.leaflet-pane > svg,
9.leaflet-pane > canvas,
10.leaflet-zoom-box,
11.leaflet-image-layer,
12.leaflet-layer {
13	position: absolute;
14	left: 0;
15	top: 0;
16	}
17.leaflet-container {
18	overflow: hidden;
19	}
20.leaflet-tile,
21.leaflet-marker-icon,
22.leaflet-marker-shadow {
23	-webkit-user-select: none;
24	   -moz-user-select: none;
25	        user-select: none;
26	  -webkit-user-drag: none;
27	}
28/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
29.leaflet-safari .leaflet-tile {
30	image-rendering: -webkit-optimize-contrast;
31	}
32/* hack that prevents hw layers "stretching" when loading new tiles */
33.leaflet-safari .leaflet-tile-container {
34	width: 1600px;
35	height: 1600px;
36	-webkit-transform-origin: 0 0;
37	}
38.leaflet-marker-icon,
39.leaflet-marker-shadow {
40	display: block;
41	}
42/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
43/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
44.leaflet-container .leaflet-overlay-pane svg,
45.leaflet-container .leaflet-marker-pane img,
46.leaflet-container .leaflet-shadow-pane img,
47.leaflet-container .leaflet-tile-pane img,
48.leaflet-container img.leaflet-image-layer,
49.leaflet-container .leaflet-tile {
50	max-width: none !important;
51	max-height: none !important;
52	}
53
54.leaflet-container.leaflet-touch-zoom {
55	-ms-touch-action: pan-x pan-y;
56	touch-action: pan-x pan-y;
57	}
58.leaflet-container.leaflet-touch-drag {
59	-ms-touch-action: pinch-zoom;
60	/* Fallback for FF which doesn't support pinch-zoom */
61	touch-action: none;
62	touch-action: pinch-zoom;
63}
64.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
65	-ms-touch-action: none;
66	touch-action: none;
67}
68.leaflet-container {
69	-webkit-tap-highlight-color: transparent;
70}
71.leaflet-container a {
72	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
73}
74.leaflet-tile {
75	filter: inherit;
76	visibility: hidden;
77	}
78.leaflet-tile-loaded {
79	visibility: inherit;
80	}
81.leaflet-zoom-box {
82	width: 0;
83	height: 0;
84	-moz-box-sizing: border-box;
85	     box-sizing: border-box;
86	z-index: 800;
87	}
88/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
89.leaflet-overlay-pane svg {
90	-moz-user-select: none;
91	}
92
93.leaflet-pane         { z-index: 400; }
94
95.leaflet-tile-pane    { z-index: 200; }
96.leaflet-overlay-pane { z-index: 400; }
97.leaflet-shadow-pane  { z-index: 500; }
98.leaflet-marker-pane  { z-index: 600; }
99.leaflet-tooltip-pane   { z-index: 650; }
100.leaflet-popup-pane   { z-index: 700; }
101
102.leaflet-map-pane canvas { z-index: 100; }
103.leaflet-map-pane svg    { z-index: 200; }
104
105.leaflet-vml-shape {
106	width: 1px;
107	height: 1px;
108	}
109.lvml {
110	behavior: url(#default#VML);
111	display: inline-block;
112	position: absolute;
113	}
114
115
116/* control positioning */
117
118.leaflet-control {
119	position: relative;
120	z-index: 800;
121	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
122	pointer-events: auto;
123	}
124.leaflet-top,
125.leaflet-bottom {
126	position: absolute;
127	z-index: 1000;
128	pointer-events: none;
129	}
130.leaflet-top {
131	top: 0;
132	}
133.leaflet-right {
134	right: 0;
135	}
136.leaflet-bottom {
137	bottom: 0;
138	}
139.leaflet-left {
140	left: 0;
141	}
142.leaflet-control {
143	float: left;
144	clear: both;
145	}
146.leaflet-right .leaflet-control {
147	float: right;
148	}
149.leaflet-top .leaflet-control {
150	margin-top: 10px;
151	}
152.leaflet-bottom .leaflet-control {
153	margin-bottom: 10px;
154	}
155.leaflet-left .leaflet-control {
156	margin-left: 10px;
157	}
158.leaflet-right .leaflet-control {
159	margin-right: 10px;
160	}
161
162
163/* zoom and fade animations */
164
165.leaflet-fade-anim .leaflet-tile {
166	will-change: opacity;
167	}
168.leaflet-fade-anim .leaflet-popup {
169	opacity: 0;
170	-webkit-transition: opacity 0.2s linear;
171	   -moz-transition: opacity 0.2s linear;
172	        transition: opacity 0.2s linear;
173	}
174.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
175	opacity: 1;
176	}
177.leaflet-zoom-animated {
178	-webkit-transform-origin: 0 0;
179	    -ms-transform-origin: 0 0;
180	        transform-origin: 0 0;
181	}
182.leaflet-zoom-anim .leaflet-zoom-animated {
183	will-change: transform;
184	}
185.leaflet-zoom-anim .leaflet-zoom-animated {
186	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
187	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
188	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
189	}
190.leaflet-zoom-anim .leaflet-tile,
191.leaflet-pan-anim .leaflet-tile {
192	-webkit-transition: none;
193	   -moz-transition: none;
194	        transition: none;
195	}
196
197.leaflet-zoom-anim .leaflet-zoom-hide {
198	visibility: hidden;
199	}
200
201
202/* cursors */
203
204.leaflet-interactive {
205	cursor: pointer;
206	}
207.leaflet-grab {
208	cursor: -webkit-grab;
209	cursor:    -moz-grab;
210	cursor:         grab;
211	}
212.leaflet-crosshair,
213.leaflet-crosshair .leaflet-interactive {
214	cursor: crosshair;
215	}
216.leaflet-popup-pane,
217.leaflet-control {
218	cursor: auto;
219	}
220.leaflet-dragging .leaflet-grab,
221.leaflet-dragging .leaflet-grab .leaflet-interactive,
222.leaflet-dragging .leaflet-marker-draggable {
223	cursor: move;
224	cursor: -webkit-grabbing;
225	cursor:    -moz-grabbing;
226	cursor:         grabbing;
227	}
228
229/* marker & overlays interactivity */
230.leaflet-marker-icon,
231.leaflet-marker-shadow,
232.leaflet-image-layer,
233.leaflet-pane > svg path,
234.leaflet-tile-container {
235	pointer-events: none;
236	}
237
238.leaflet-marker-icon.leaflet-interactive,
239.leaflet-image-layer.leaflet-interactive,
240.leaflet-pane > svg path.leaflet-interactive {
241	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
242	pointer-events: auto;
243	}
244
245/* visual tweaks */
246
247.leaflet-container {
248	background: #ddd;
249	outline: 0;
250	}
251.leaflet-container a {
252	color: #0078A8;
253	}
254.leaflet-container a.leaflet-active {
255	outline: 2px solid orange;
256	}
257.leaflet-zoom-box {
258	border: 2px dotted #38f;
259	background: rgba(255,255,255,0.5);
260	}
261
262
263/* general typography */
264.leaflet-container {
265	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
266	}
267
268
269/* general toolbar styles */
270
271.leaflet-bar {
272	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
273	border-radius: 4px;
274	}
275.leaflet-bar a,
276.leaflet-bar a:hover {
277	background-color: #fff;
278	border-bottom: 1px solid #ccc;
279	width: 26px;
280	height: 26px;
281	line-height: 26px;
282	display: block;
283	text-align: center;
284	text-decoration: none;
285	color: black;
286	}
287.leaflet-bar a,
288.leaflet-control-layers-toggle {
289	background-position: 50% 50%;
290	background-repeat: no-repeat;
291	display: block;
292	}
293.leaflet-bar a:hover {
294	background-color: #f4f4f4;
295	}
296.leaflet-bar a:first-child {
297	border-top-left-radius: 4px;
298	border-top-right-radius: 4px;
299	}
300.leaflet-bar a:last-child {
301	border-bottom-left-radius: 4px;
302	border-bottom-right-radius: 4px;
303	border-bottom: none;
304	}
305.leaflet-bar a.leaflet-disabled {
306	cursor: default;
307	background-color: #f4f4f4;
308	color: #bbb;
309	}
310
311.leaflet-touch .leaflet-bar a {
312	width: 30px;
313	height: 30px;
314	line-height: 30px;
315	}
316.leaflet-touch .leaflet-bar a:first-child {
317	border-top-left-radius: 2px;
318	border-top-right-radius: 2px;
319	}
320.leaflet-touch .leaflet-bar a:last-child {
321	border-bottom-left-radius: 2px;
322	border-bottom-right-radius: 2px;
323	}
324
325/* zoom control */
326
327.leaflet-control-zoom-in,
328.leaflet-control-zoom-out {
329	font: bold 18px 'Lucida Console', Monaco, monospace;
330	text-indent: 1px;
331	}
332
333.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
334	font-size: 22px;
335	}
336
337
338/* layers control */
339
340.leaflet-control-layers {
341	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
342	background: #fff;
343	border-radius: 5px;
344	}
345.leaflet-control-layers-toggle {
346	background-image: url(images/layers.png);
347	width: 36px;
348	height: 36px;
349	}
350.leaflet-retina .leaflet-control-layers-toggle {
351	background-image: url(images/layers-2x.png);
352	background-size: 26px 26px;
353	}
354.leaflet-touch .leaflet-control-layers-toggle {
355	width: 44px;
356	height: 44px;
357	}
358.leaflet-control-layers .leaflet-control-layers-list,
359.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
360	display: none;
361	}
362.leaflet-control-layers-expanded .leaflet-control-layers-list {
363	display: block;
364	position: relative;
365	}
366.leaflet-control-layers-expanded {
367	padding: 6px 10px 6px 6px;
368	color: #333;
369	background: #fff;
370	}
371.leaflet-control-layers-scrollbar {
372	overflow-y: scroll;
373	overflow-x: hidden;
374	padding-right: 5px;
375	}
376.leaflet-control-layers-selector {
377	margin-top: 2px;
378	position: relative;
379	top: 1px;
380	}
381.leaflet-control-layers label {
382	display: block;
383	}
384.leaflet-control-layers-separator {
385	height: 0;
386	border-top: 1px solid #ddd;
387	margin: 5px -10px 5px -6px;
388	}
389
390/* Default icon URLs */
391.leaflet-default-icon-path {
392	background-image: url(images/marker-icon.png);
393	}
394
395
396/* attribution and scale controls */
397
398.leaflet-container .leaflet-control-attribution {
399	background: #fff;
400	background: rgba(255, 255, 255, 0.7);
401	margin: 0;
402	}
403.leaflet-control-attribution,
404.leaflet-control-scale-line {
405	padding: 0 5px;
406	color: #333;
407	}
408.leaflet-control-attribution a {
409	text-decoration: none;
410	}
411.leaflet-control-attribution a:hover {
412	text-decoration: underline;
413	}
414.leaflet-container .leaflet-control-attribution,
415.leaflet-container .leaflet-control-scale {
416	font-size: 11px;
417	}
418.leaflet-left .leaflet-control-scale {
419	margin-left: 5px;
420	}
421.leaflet-bottom .leaflet-control-scale {
422	margin-bottom: 5px;
423	}
424.leaflet-control-scale-line {
425	border: 2px solid #777;
426	border-top: none;
427	line-height: 1.1;
428	padding: 2px 5px 1px;
429	font-size: 11px;
430	white-space: nowrap;
431	overflow: hidden;
432	-moz-box-sizing: border-box;
433	     box-sizing: border-box;
434
435	background: #fff;
436	background: rgba(255, 255, 255, 0.5);
437	}
438.leaflet-control-scale-line:not(:first-child) {
439	border-top: 2px solid #777;
440	border-bottom: none;
441	margin-top: -2px;
442	}
443.leaflet-control-scale-line:not(:first-child):not(:last-child) {
444	border-bottom: 2px solid #777;
445	}
446
447.leaflet-touch .leaflet-control-attribution,
448.leaflet-touch .leaflet-control-layers,
449.leaflet-touch .leaflet-bar {
450	box-shadow: none;
451	}
452.leaflet-touch .leaflet-control-layers,
453.leaflet-touch .leaflet-bar {
454	border: 2px solid rgba(0,0,0,0.2);
455	background-clip: padding-box;
456	}
457
458
459/* popup */
460
461.leaflet-popup {
462	position: absolute;
463	text-align: center;
464	margin-bottom: 20px;
465	}
466.leaflet-popup-content-wrapper {
467	padding: 1px;
468	text-align: left;
469	border-radius: 12px;
470	}
471.leaflet-popup-content {
472	margin: 13px 19px;
473	line-height: 1.4;
474	}
475.leaflet-popup-content p {
476	margin: 18px 0;
477	}
478.leaflet-popup-tip-container {
479	width: 40px;
480	height: 20px;
481	position: absolute;
482	left: 50%;
483	margin-left: -20px;
484	overflow: hidden;
485	pointer-events: none;
486	}
487.leaflet-popup-tip {
488	width: 17px;
489	height: 17px;
490	padding: 1px;
491
492	margin: -10px auto 0;
493
494	-webkit-transform: rotate(45deg);
495	   -moz-transform: rotate(45deg);
496	    -ms-transform: rotate(45deg);
497	        transform: rotate(45deg);
498	}
499.leaflet-popup-content-wrapper,
500.leaflet-popup-tip {
501	background: white;
502	color: #333;
503	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
504	}
505.leaflet-container a.leaflet-popup-close-button {
506	position: absolute;
507	top: 0;
508	right: 0;
509	padding: 4px 4px 0 0;
510	border: none;
511	text-align: center;
512	width: 18px;
513	height: 14px;
514	font: 16px/14px Tahoma, Verdana, sans-serif;
515	color: #c3c3c3;
516	text-decoration: none;
517	font-weight: bold;
518	background: transparent;
519	}
520.leaflet-container a.leaflet-popup-close-button:hover {
521	color: #999;
522	}
523.leaflet-popup-scrolled {
524	overflow: auto;
525	border-bottom: 1px solid #ddd;
526	border-top: 1px solid #ddd;
527	}
528
529.leaflet-oldie .leaflet-popup-content-wrapper {
530	zoom: 1;
531	}
532.leaflet-oldie .leaflet-popup-tip {
533	width: 24px;
534	margin: 0 auto;
535
536	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
537	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
538	}
539.leaflet-oldie .leaflet-popup-tip-container {
540	margin-top: -1px;
541	}
542
543.leaflet-oldie .leaflet-control-zoom,
544.leaflet-oldie .leaflet-control-layers,
545.leaflet-oldie .leaflet-popup-content-wrapper,
546.leaflet-oldie .leaflet-popup-tip {
547	border: 1px solid #999;
548	}
549
550
551/* div icon */
552
553.leaflet-div-icon {
554	background: #fff;
555	border: 1px solid #666;
556	}
557
558
559/* Tooltip */
560/* Base styles for the element that has a tooltip */
561.leaflet-tooltip {
562	position: absolute;
563	padding: 6px;
564	background-color: #fff;
565	border: 1px solid #fff;
566	border-radius: 3px;
567	color: #222;
568	white-space: nowrap;
569	-webkit-user-select: none;
570	-moz-user-select: none;
571	-ms-user-select: none;
572	user-select: none;
573	pointer-events: none;
574	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
575	}
576.leaflet-tooltip.leaflet-clickable {
577	cursor: pointer;
578	pointer-events: auto;
579	}
580.leaflet-tooltip-top:before,
581.leaflet-tooltip-bottom:before,
582.leaflet-tooltip-left:before,
583.leaflet-tooltip-right:before {
584	position: absolute;
585	pointer-events: none;
586	border: 6px solid transparent;
587	background: transparent;
588	content: "";
589	}
590
591/* Directions */
592
593.leaflet-tooltip-bottom {
594	margin-top: 6px;
595}
596.leaflet-tooltip-top {
597	margin-top: -6px;
598}
599.leaflet-tooltip-bottom:before,
600.leaflet-tooltip-top:before {
601	left: 50%;
602	margin-left: -6px;
603	}
604.leaflet-tooltip-top:before {
605	bottom: 0;
606	margin-bottom: -12px;
607	border-top-color: #fff;
608	}
609.leaflet-tooltip-bottom:before {
610	top: 0;
611	margin-top: -12px;
612	margin-left: -6px;
613	border-bottom-color: #fff;
614	}
615.leaflet-tooltip-left {
616	margin-left: -6px;
617}
618.leaflet-tooltip-right {
619	margin-left: 6px;
620}
621.leaflet-tooltip-left:before,
622.leaflet-tooltip-right:before {
623	top: 50%;
624	margin-top: -6px;
625	}
626.leaflet-tooltip-left:before {
627	right: 0;
628	margin-right: -12px;
629	border-left-color: #fff;
630	}
631.leaflet-tooltip-right:before {
632	left: 0;
633	margin-left: -12px;
634	border-right-color: #fff;
635	}
636