body {
	font-size:1.2em;
}

.ui-mobile label,
div .ui-controlgroup-label {
	font-size:.9em;
}

.ui-page > .ui-content {
	padding-right:60px;
}
.ui-btn {
	font-size:1.1em;
	}
.ui-btn.ui-mini {
	font-size:12.5px;
}

#einauscitytaxi {
	margin:0;
}
#einaus {
	margin-top:20px;
	}
#address {
	text-align:center;
	margin:0;
	color:#999;
	}
.anleitung {
	margin-top:2em;
	opacity:0.7;
	text-align:center;
	}
#stop,
#alleaussteigen {
	padding:0 1em;
	text-align:center;
}
#stop button.ui-btn,
#alleaussteigen button.ui-btn {
	width:100%;
}
#record {
	margin-top:25px;
	margin-bottom:60px;
}
#record h2 {
	line-height:1.1em;
}
/*#recorded {
	display:none;
	position:fixed;
	bottom:16px;
	width:100%;
}*/
#record #aussteigen {
	margin-top:5px;
	}
/*#recorded #abgeschlossen {
	margin-top:5px;
	}*/
#footer {
	z-index:5;
}
#footer.ui-footer {
	border-width:0;
}
#footer .ui-btn {
	font-size:1em;
	}
#footer h2 {
	margin-top:45px;
	}
#footer #abgeschlossen .ui-li.ui-li-divider.ui-bar-c.ui-first-child {
	color: #666;
}
#footer #abgeschlossen a {
	opacity:.6;
}
#footer #abgeschlossen .ui-btn {
	padding-top:3px;
	padding-bottom:5px;
}
#position {
	text-align:center;
	font-size:smaller;
	color:#aaa;
	margin:0;
	display:none;
	}
.counter {
	text-align:center;
	}
.counter .ui-btn-icon-notext {
	height:38px;
	width:38px;
	margin:5px;
	}
.counter .ui-btn-icon-notext .ui-btn-inner .ui-icon {
	margin: 9px 1px 2px 10px;
	}
#counter {
	font-weight:bold;
	}
.start {
	text-align:center;
	}
.ui-checkbox-on {
	text-decoration:line-through;
	color:#999 !important;
	}
#fahrgaeste .ui-li-static.ui-li, 
#stats .ui-li-static.ui-li {
	padding: 0.3em 15px;
	color:#777;
	}
.ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset {
/*	margin: 0.5em 0; */
	}
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
/*	padding: 0.1em 5px; */
	}
.ui-controlgroup, fieldset.ui-controlgroup {
/*	margin: 0.3em 0; */
	}

.ui-icon-auto-rein:after {
	background-image: url("../images/auto_rein.png");
	}
.ui-icon-auto-raus:after {
	background-image: url("../images/auto_raus.png");
	}
.ui-icon-auto-raus:after, .ui-icon-auto-rein:after {
  height: 22px;
  width: 50px;
  background-position: 5px 2px;
  margin-top: -11px;
}
.ui-listview > li.ui-li-has-alt > .ui-btn + .ui-btn.ui-btn-icon-notext.ui-icon-auto-raus {
	width: 4em;
}
.ui-icon-auto-raus.ui-btn-icon-notext::after, 
.ui-icon-auto-raus.ui-btn-icon-top::after, 
.ui-icon-auto-raus.ui-btn-icon-bottom::after {
	margin-left: -30%;
}

.ui-btn-icon-top.ui-icon-auto-rein:after {
  margin-left: -25px;
  margin-top:0;
}

.ui-btn-icon-right.ui-btn-broad .ui-btn-inner {
    padding-right: 70px;
}

.ui-btn-icon-left.ui-btn-broad > .ui-btn-inner > .ui-icon, .ui-btn-icon-right.ui-btn-broad > .ui-btn-inner > .ui-icon {
    margin-top: -11px;
}

.ui-btn-broad .ui-btn-inner {
	border-top-style:none;
	}

.fahrgast {
	font-weight:normal;
	}
.fahrgast .zeit {
	font-size:smaller;
	font-weight:600;
	display:none;
	}
.fahrgast .zeitvergangen {
	font-size:smaller;
	font-weight:700;
	}
.fahrgast .variablen {
	font-size:smaller;
	font-weight:500;
	color:#666;
	margin-left:20px;
}

#fahrtenliste-container .zeit {
	font-size:smaller;
}

#fahrtenliste-container .variablen {
	font-size:smaller;
	font-weight:500;
	color:#666;
	margin-left:20px;
}

#fahrtenliste-container .triploeschen {
	min-width:100px;
}

.fahrgast .progress, .fahrgast .background {
	position:absolute;
	top:0;
	height:100%;
}
.fahrgast .progress {
	background:#999;
	width:0;
	opacity:.4;
}
.fahrgast .background {
	background:#fff;
	width:100%;
}

.ui-btn-inner {
	padding-left:10px;
	}

.fahrgast.citytaxi .ui-link-inherit {
	border-left: 7px solid #4B88B6;
	}
.fahrgast.taxi .ui-link-inherit {
	border-left: 7px solid #000000;
	}

h2 {
	margin-top:15px;
	margin-bottom:5px;
	color:#666;
	font-size:1em;
	font-weight:normal;
	}
	
#stats {
	margin-top:40px;
	}

.stats,
.stats-offline {
	display:none;
	}

/* Menü */

.menu-link {
	position:fixed;
	top:0;
	right:0;
	width:50px;
	height:100%;
}
.ui-grid-a {
	padding-right:60px;
}

.menu-link .ui-btn,
.ui-page-theme-a .menu-link .ui-btn,
.ui-page-theme-b .menu-link .ui-btn {
	border:none;
	background-color:transparent;
	box-shadow:none;
}
.ubigo-sync {
	display:none;
}
.outofsync .ubigo-sync {
	opacity:.7;
	display:block;
}

.ubigo-menu.ui-alt-icon.ui-icon-bars::after, 
.ubigo-menu.ui-alt-icon .ui-icon-bars::after {
	background-size:25px;
}

.ubigo-menu.ui-alt-icon.ui-icon-recycle::after, 
.ubigo-menu.ui-alt-icon .ui-icon-recycle::after,
.ubigo-menu.ui-alt-icon.ui-icon-check::after, 
.ubigo-menu.ui-alt-icon .ui-icon-check::after {
	opacity:.5;
}

.ubigo-menu.ui-btn-icon-left::after, .ubigo-menu.ui-btn-icon-notext::after {
	border-radius:0;
}

.btn-progress {
	background-color: rgba(0, 0, 0, 0.1);
	box-sizing: border-box;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 0%;
}

.btn-progress-text {
	box-sizing: border-box;
	height: 100%;
	left: 0;
	padding: 0.7em 1em;
	position: absolute;
	top: 0;
	width: 100%;
	visibility: hidden;
}

.ui-btn-icon-left .btn-progress-text {
	padding-left: 2.5em; /* icon */
}

#passengergroups,
#alleaussteigen {
	display:none;
}

#footer {
	background-color: #f9f9f9;
}

#passengergroups p {
	margin:5px;
}

#shortride, 
#passengergroups {
	text-align:center;
	padding:5px 20px;
}

#shortride p {
	font-size:1.2em;
	}

#shortride .ui-btn-inline,
#passengergroups .ui-btn-inline {
	margin:3px;
	}

#footer #passengergroups .ui-btn-inline {
	font-size:.8em;
}

#fahrgaeste-aktuell {
	font-weight:700;
	}

.ubigo-dialog .ubigo-menu {
	display:none;
}

/* Kilometerstand */
#kilometerstand-start h3,
#kilometerstand-ende h3 {
	text-align:center;
}
.kilometerstand-form .ui-slider-track {
	margin-left:15px;
}
.kilometerstand-form .ui-input-text {
	display:inline-block;
	vertical-align:middle;
	width:50%;
}
.kilometerstand-form .kilometerstand-plusminus {
	width:23%;
	display:inline-block;
	text-align:center;
}
.kilometerstand-form .kilometerstand-plusminus .ui-btn {
	width:45px;
	height:45px;
	border-radius:30px;
}
.kilometerstand-form .kilometerstand-plusminus .ui-btn-icon-notext::after {
	width:36px;
	height:36px;
	border-radius:18px;
	background-size:20px;
	margin-left:-18px;
	margin-top:-18px;
}

/* Nachtfahrmodus */
.nachtfahrmodus,
.nachtfahrmodus .ui-page {
	background-color:#666;
	color:#fff;
}
.nachtfahrmodus #header {
	background-color:#999;
	border-color:#666;
}
.nachtfahrmodus .ui-header .ui-title, 
.nachtfahrmodus .ui-footer .ui-title,
.nachtfahrmodus .ui-overlay-a, 
.nachtfahrmodus .ui-page-theme-a, 
.nachtfahrmodus .ui-page-theme-a .ui-panel-wrapper {
	text-shadow:none;
}
.nachtfahrmodus #footer {
	background-color:#666;
}

/* Tablet Layout */
@media (min-width: 35em) {
	/*
	#main-left {
		position:fixed;
		padding-right:30px;
	}
	#main-right {
		margin-left:50%;
	}
	*/
	.passengergroups {
		display:inline;
	}
	#footer {
		height:0;
		width:0;
	}
	#footer-left,
	#footer-right {
		position:fixed;
	}
	#footer-left {
		left:0;
		bottom:0;
		width:50%;
		padding-right:25px;
	}
	#footer-right {
		margin-left: 50%;
		padding-right: 50px;
		bottom: 0;
	}
	#footer-right > div {
		margin-left:-25px;
	}
}

/* show & hide */
.show-state-hs,
.show-state-leer,
.show-state-besetzt,
.state-hs .hide-state-hs,
.state-leer .hide-state-leer,
.state-besetzt .hide-state-besetzt {
	display:none;
}
.state-hs .show-state-hs,
.state-leer .show-state-leer,
.state-besetzt .show-state-besetzt {
	display:block;
}
.show-smartphone {
	display:none;
}

/* debugging */
#printdebug {
	font-family:monospace;
	font-size:smaller;
	line-height:1.2em;
}

.notify-update {
	display:none;
}

#offline {
	max-width:350px;
}

/* Variableneingabe */

#variable h3,
.tripeditor h3 {
	text-align:center;
}

#variable .variable-wrapper,
.tripeditor .variable-wrapper {
	float:left;
	margin-left:20px;
	margin-right:20px;
}
#variable .variable-column,
.tripeditor, .variable-column {
	float:left;
}
#variable .personenzahl-label {
	float:left;
	margin-top:13px;
	margin-right:15px;
	font-weight:bold;
}
#variable .personenzahl {
	float:left;
	margin-top:10px;
}
#variablespeichern {
	margin-left:20px;
	float:right;
}
#tripeditorspeichern {
	float:right;
}

#aufzeichnungsdetails span+span:before {
	content:", ";
}
.aufzeichnungbearbeiten {
	font-size:16px;
}

.error {

}
.error-hidden {
	display:none;
}
#error-kilometerstand-start-korrektur {
	margin-top:10px;
}

.help-block {
	font-size:smaller;
}

/* Smartphone-Layout */
@media (max-width: 35em) {
	body {
		font-size:1em;
	}
	.ui-grid-a > .ui-block-a, .ui-grid-a > .ui-block-b {
		width:100%;
	}
	#aufzeichnungsdetails,
	/*#standort-aktuell,*/
	#fahrgaeste-aktuell {
		display:none;
	}
	.start {
		padding:0 1em;
	}
	#record {
		margin-top:10px;
		margin-bottom:25px;
	}
	.show-tablet {
		display:none;
	}
	.show-smartphone {
		display:inline;
	}
	#abgeschlossen .adresse,
	#abgeschlossen .adresse-vonbis {
		display:none;
	}

	#footer {
		position:fixed;
		width:100%;
		bottom:0;
		left:0;
	}
}

.kartenauswahl {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1200;
	background-color:white;
}
button.ui-btn.kartenauswahl-cancel,
button.ui-btn.kartenauswahl-submit {
	z-index:1000;
	width:48%;
	bottom:5px;
	position:absolute;
}
button.ui-btn.kartenauswahl-cancel {
	margin-left:1%;
}
button.ui-btn.kartenauswahl-submit {
	margin-left:51%;
}
.kartenauswahl-header {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	background-color:rgba(255,255,255,.8);
	z-index:1000;
	text-align:center;
}
.kartenauswahl-header h3 {
	margin:10px 15px;
}
.leaflet-control-attribution {
	display:none;
}
.ui-listview > .ui-li-static.speichern {
	padding:0em 1em;
}