.statusmarker {
	color: #fff;
	line-height: 24px;
	/*overflow: hidden;*/
	position: relative;
	text-align: center;
	z-index: 100 !important;
}
.statusmarker.available {
	z-index: 140 !important;
}
.statusmarker.occupied {
	z-index: 180 !important;
}
.statusmarker.old {
	z-index: 100 !important;
}
.statusmarker:hover {
	z-index: 200 !important;
}
.statusmarker:before {
	background-color: #002672;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
	content: '';
	display: block;
	height: 24px;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	left: 0;
	top: 0;
	width: 24px;
	z-index: 10;
}
.statusmarker.available:before {
	background-color: #23bb4c;
}
.statusmarker.outofcar:before {
	background-color: #ffd001;
}
.statusmarker.food:before {
	background-color: #f89e00;
}
.statusmarker.cleaning:before {
	background-color: #f89e00;
}
.statusmarker.occupied:before {
	background-color: #b92324;
}
.statusmarker.invisible:before {
	background-color: #7cd0ea;
}
.statusmarker.outofservice:before {
	background-color: #000000;
}
.statusmarker.old:before {
	background-color: #777777;
}
.statusmarker .markertext {
	height: 24px;
	left: 0;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 0;
	width: 24px;
	z-index: 20;
}
.statusmarker .direction {
	display: block;
	height: 24px;
	left: -12px;
	position: absolute;
	top: -12px;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;
	width: 24px;
	z-index: 1;
}
.statusmarker .direction:before {
	display: block;
	border-style: solid;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #777 transparent;
	content: '';
	height: 0;
	left: 50%;
	position: absolute;
	top: -7px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 0;
}

.statusmarker.available .direction:before {
	border-color: transparent transparent #23bb4c transparent;
}
.statusmarker.outofcar .direction:before {
	border-color: transparent transparent #ffd001 transparent;
}
.statusmarker.food .direction:before {
	border-color: transparent transparent #f89e00 transparent;
}
.statusmarker.cleaning .direction:before {
	border-color: transparent transparent #f89e00 transparent;
}
.statusmarker.occupied .direction:before {
	border-color: transparent transparent #b92324 transparent;
}
.statusmarker.invisible .direction:before {
	border-color: transparent transparent #7cd0ea transparent;
}
.statusmarker.outofservice .direction:before {
	border-color: transparent transparent #000000 transparent;
}
.statusmarker.old .direction:before {
	border-color: transparent transparent #777777 transparent;
}

.statusmarker.invisible, .statusmarker.outofservice {
	visibility: hidden;
}


.tripmarker {
	position: relative;
}
.tripmarker:before, .tripmarker:after {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.tripmarker:before {
	background-color: rgba(0, 28, 113, 0.2);
	height: 26px;
	width: 26px;
}
.tripmarker:after {
	background-color: #002671;
	height: 12px;
	width: 12px;
}

.tripmarker.end:before {
	background-color: rgba(35, 187, 76, 0.2);
}
.tripmarker.end:after {
	background-color: #23bb4c;
}


.waypointmarker {
}
.waypointmarker span[class^="icon-"] {
	color: #002672;
	font-size: 40px;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transform: translate(-50%, -100%);
	-moz-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	-o-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}
.waypointmarker span.waypointtext {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	left: 0;
	line-height: 48px;
	position: absolute;
	top: 0;
	-webkit-transform: translate(-50%, -100%);
	-moz-transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	-o-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%);
}


.leaflet-container.zoomedout .leaflet-overlay-pane .leaflet-interactive.taxistation {
	visibility: hidden;
	pointer-events: none;
}


/* timeline */
.timeline {
	position: relative;
}
.leaflet-popup-content .timeline {
	margin: 0;
}
.timeline:before {
	background-image: url(data:image/gif;base64,R0lGODlhAgAGAIABAMHH1f///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4wLWMwMDAgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAyMTFBMzhCMkNCQjExRUNCNUNGREM1N0VCNDRDNTgzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAyMTFBMzhDMkNCQjExRUNCNUNGREM1N0VCNDRDNTgzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDIxMUEzODkyQ0JCMTFFQ0I1Q0ZEQzU3RUI0NEM1ODMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDIxMUEzOEEyQ0JCMTFFQ0I1Q0ZEQzU3RUI0NEM1ODMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAAgAGAAACBIRvoVEAOw==);
	background-position: center;
	background-repeat: repeat-y;
	bottom: 20px;
	content: '';
	display: block;
	height: auto;
	left: 5px;
	position: absolute;
	top: 20px;
	width: 2px;
	z-index: 10;
}
.leaflet-popup-content .timeline:before {
	bottom: 10px;
	top: 10px;
}

.timelineitem {
	position: relative;
}
.timelineitem:before {
	background-color: #002671;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: '';
	display: block;
	height: 12px;
	left: 0;
	margin-right: 20px;
	position: absolute;
	top: 14px;
	width: 12px;
	z-index: 20;
}
.timeline.timelinesmall .timelineitem:before {
	top: 9px;
}
.leaflet-popup-content .timeline .timelineitem:before {
	top: 4px;
}
.timeline .timelineitem:last-of-type:before {
	background-color: #23bb4c;
}
.tripdetail {
	line-height: 30px;
}
.timelineitem input, .timelineitem .tripdetail {
	border: 0;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 30px;
}
.timeline.timelinesmall .timelineitem input, .timeline.timelinesmall .timelineitem .tripdetail {
	height: 30px;
	line-height: 30px;
}
.timelineitem .tripdetail {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.leaflet-popup-content .timelineitem .tripdetail {
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 22px;
}
.timelineitem input:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
}