/* required styles - 2022 lt. Kompass von https://unpkg.com/leaflet@1.8.0/dist/leaflet.css*/

.preventError { color: red; }
.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 svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.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;
	width: auto;
	padding: 0;
	}

.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);
	text-decoration: none;
}
.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;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane			{ z-index: 400; }

.leaflet-tile-pane	 { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane	{ z-index: 500; }
.leaflet-marker-pane	{ z-index: 600; }
.leaflet-tooltip-pane	{ z-index: 650; }
.leaflet-popup-pane	{ z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg	 { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.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;
	}
svg.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;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out	{
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-control-attribution svg {
	display: inline !important;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
		 box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-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 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	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: "";
	}

/* 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;
	}

/* Printing */
	
@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
		}
	}

	
/*
Copyright (c) 2014, Per Liedman (per@liedman.net) Turn instruction icons Copyright (c) 2014, Mapbox (mapbox.com)

Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS.
IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE,
DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
*/
.leaflet-routing-container, .leaflet-routing-error {
	width: 320px;
	background-color: white;
	padding-top: 4px;
	transition: all 0.2s ease;
	box-sizing: border-box;
}

.leaflet-control-container .leaflet-routing-container-hide {
	width: 32px;
	height: 32px;
}

.leaflet-routing-container h2 {
	font-size: 14px;
}

.leaflet-routing-container h3 {
	font-size: 12px;
	font-weight: normal;
}

.leaflet-routing-collapsible .leaflet-routing-geocoders {
	margin-top: 20px;
}

.leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error {
	padding: 6px;
	margin-top: 2px;
	margin-bottom: 6px;
	border-bottom: 1px solid #ccc;
	max-height: 320px;
	overflow-y: auto;
	transition: all 0.2s ease;
}

.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-alt, 
.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-geocoders {
	display: none;
}

.leaflet-bar .leaflet-routing-alt:last-child {
	border-bottom: none;
}

.leaflet-routing-alt-minimized {
	color: #888;
	max-height: 64px;
	overflow: hidden;
	cursor: pointer;
}

.leaflet-routing-alt table {
	border-collapse: collapse;
}

.leaflet-routing-alt tr:hover {
	background-color: #eee;
	cursor: pointer;
}

.leaflet-routing-alt::-webkit-scrollbar {
	width: 8px;
}

.leaflet-routing-alt::-webkit-scrollbar-track {
	border-radius: 2px;
	background-color: #eee;
}

.leaflet-routing-alt::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background-color: #888;
}

.leaflet-routing-icon {
	background-image: url('https://www.inndata.at/pic/eurobaumaps/leaflet-routing-icons.png');
	-webkit-background-size: 240px 20px;
	background-size: 240px 20px;
	background-repeat: no-repeat;
	margin: 0;
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
}

.leaflet-routing-icon-continue			{ background-position: 0 0; }
.leaflet-routing-icon-sharp-right		{ background-position: -20px 0; }
.leaflet-routing-icon-turn-right		 { background-position: -40px 0; }
.leaflet-routing-icon-bear-right		 { background-position: -60px 0; }
.leaflet-routing-icon-u-turn				{ background-position: -80px 0; }
.leaflet-routing-icon-sharp-left		 { background-position: -100px 0; }
.leaflet-routing-icon-turn-left			{ background-position: -120px 0; }
.leaflet-routing-icon-bear-left			{ background-position: -140px 0; }
.leaflet-routing-icon-depart				{ background-position: -160px 0; }
.leaflet-routing-icon-enter-roundabout { background-position: -180px 0; }
.leaflet-routing-icon-arrive				{ background-position: -200px 0; }
.leaflet-routing-icon-via					{ background-position: -220px 0; }

.leaflet-routing-geocoders div {
	padding: 4px 0px 4px 0px;
}

.leaflet-routing-geocoders input {
	width: 303px;
	width: calc(100% - 4px);
	line-height: 1.67;
	border: 1px solid #ccc;
}

.leaflet-routing-geocoders button {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: white;
	margin: 0;
	margin-right: 3px;
	float: right;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.leaflet-routing-add-waypoint:after {
	content: '+';
}

.leaflet-routing-reverse-waypoints:after {
	font-weight: normal;
	content: '\21c5';
}

.leaflet-routing-geocoders button:hover {
	background-color: #eee;
}

.leaflet-routing-geocoders input,.leaflet-routing-remove-waypoint,.leaflet-routing-geocoder {
	position: relative;
}

.leaflet-routing-geocoder-result {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	position: absolute;
	max-height: 0;
	overflow: hidden;
	transition: all 0.5s ease;
	z-index: 1000; /* Arbitrary, but try to be above "most" things. */
}

.leaflet-routing-geocoder-result table {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 0 0 4px 4px;
	background-color: white;
	cursor: pointer;
}

.leaflet-routing-geocoder-result-open {
	max-height: 800px;
}

.leaflet-routing-geocoder-selected, .leaflet-routing-geocoder-result tr:hover {
	background-color: #eee;
}

.leaflet-routing-geocoder-no-results {
	font-style: italic;
	color: #888;
}

.leaflet-routing-remove-waypoint {
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

.leaflet-routing-remove-waypoint:after {
	position: absolute;
	display: block;
	width: 15px;
	height: 1px;
	z-index: 1;
	right: 1px;
	top: 4px;
	bottom: 0;
	margin: auto;
	padding: 2px;
	font-size: 18px;
	font-weight: bold;
	content: "\00d7";
	text-align: center;
	cursor: pointer;
	color: #ccc;
	background: white;
	padding-bottom: 16px;
	margin-top: -16px;
	padding-right: 4px;
	line-height: 1;
}

.leaflet-routing-remove-waypoint:hover {
	color: black;
}

.leaflet-routing-instruction-distance {
	width: 48px;
}

.leaflet-routing-collapse-btn {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 24px;
	color: #000000;
	font-weight: bold;
	background-color: white;
	cursor: pointer;
	width: 20px;
}

.leaflet-routing-collapse-btn:after {
	content: '\00d7';
}

.leaflet-routing-container-hide .leaflet-routing-collapse-btn {
	position: relative;
	left: 2px;
	top: -10px;
	display: block;
	width: 26px;
	height: 23px;
	background-color: transparent;
	font-weight: 1;
}

.leaflet-routing-container-hide .leaflet-routing-collapse-btn:after {
	content: none;
}

.leaflet-top .leaflet-routing-container.leaflet-routing-container-hide {
	margin-top: 10px !important;
}
.leaflet-right .leaflet-routing-container.leaflet-routing-container-hide {
	margin-right: 10px !important;
}
.leaflet-bottom .leaflet-routing-container.leaflet-routing-container-hide {
	margin-bottom: 10px !important;
}
.leaflet-left .leaflet-routing-container.leaflet-routing-container-hide {
	margin-left: 10px !important;
}

@media only screen and (max-width: 640px) {
	.leaflet-routing-container {
		margin: 0 !important;
		padding: 0 !important;
		width: 100%;
		height: 100%;
	}
}

/* custom styles by Inndata*/
#input-box {
	position: absolute;
	top: 0;
	z-index: 1000;
	width: 60%;
	margin-left: 70px;
	margin-top: 11px;
}

.input-btn {
	background-color: #fff;
	cursor: pointer;
	padding: 5px;
	height: 31px;
	border: 1px solid #ccc;

}

.input-btn:hover {
	background-color: #f4f4f4;
}

#loc-input {
	padding: 4px;
	box-sizing: border-box;
	height: 31px;
	background-color: #fff;
	border: 1px solid #ccc;
}

#map {
	height: 500px;
	width: 100%;
}

#map h2, #map h3 {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#close-btn {
	display: none;
}

.leaflet-routing-container {
	max-width: 280px;
}

.osrm-info-icon {
	cursor: pointer;
}

#osrm-info-text {
	display: none;
	margin: 0;
	padding: 0 5px;
	position: absolute;
	background-color: rgba(255, 255, 255, .8);
	bottom: 0;
	right: 0;
	z-index: 1000;
	font-size: 13px;
}

#osrm-info-text a {
	color: #0078A8;
	text-decoration: none;
}

#osrm-info-text a:hover {
	text-decoration: underline;
}

#input-box.multi-sel-box {
	position: unset;
	width: 100%;
	margin-left: 0px;
}

@media only screen and (max-width: 770px) {
	#start-btn {
		display: block;
	}
	
	#input-box > * {
		width: 120px;
	}
	
	#input-box {
		margin-left: 50px;
	}
}

@media only screen and (max-width: 640px) {
	.leaflet-routing-container-hide .leaflet-routing-collapse-btn {
		top: -6px !important;
	}
}