body {
	display: flex;
	flex-direction: column;
	font-size: 4vmin;
}

select, input {
	font-size: 4vmin;
}

header {
	flex-shrink: 0;
	display: flex;
	flex-direction: row;
	background: white;
}

header > div {
	flex-grow: 1;
} 

header > div.bmwt, header > div.branding {
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	background-origin: content-box;
}

header > div.bmwt {
	background-image: url( https://www.dashboost.com/mep/tmh/images/bmwt-logo.png);
}

header > div.title > h1 {
	flex-grow: 2;
	font-size: 6vmin;
} 

header > div.title > h2 {
	font-size: 5vmin;
}

section {
	flex: auto;
	margin: 0;
	padding: 0;
	display: none;
	background-color: inherit;
}

section > section {
	padding: 5vmin;
}

section > section.bmwt {
	padding: 0;
}

footer {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 2.5vmin;
}

nav {
	display: table;
	width: 100%;
	padding: 0;
}

nav > ul {
	display: table-row;
}

nav > ul > li {
	display: table-cell;
	border-radius: 0;
} 

body > section > nav {
	font-size: 3.2vmin;
	padding-top: 1vmin;
	border-spacing: 1vmin 0vmin;
	border-collapse: separate;
	margin: 0;
}

body > section > nav > ul > li {
	border-radius: 1vmin 1vmin 0 0;
} 

body > section#login {
	padding: 5%;
}

body > section#login > h1 {
	text-align: center;
}

body > section#login > p {
	display: flex;
}

body > section#login > p > label, body > section#login > p > input {
	flex: 1;
}

section {
	flex: auto;
}

section, section td > input {
	font-family: Arial;
	margin: 0;
	padding: 0;
}

section > select {
	width: 100%;
}

textarea {
	width: 100%;
	height: 30vmin;
	font-size: 1em;
}

table {
	background-color: inherit;
	border-spacing: 0 2vmin;
}

section.serviceman table, section.user table {
	table-layout: fixed;
}

table.bmwt {
	border-spacing: 0;
}

table.bmwt th {
	text-align: center;
}

table.bmwt th:first-child {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
}

table.bmwt td {
	color: black;
	background-color: #80e080;
	border: 1px solid black;
	text-align: center;
	width: 18vmin; 
}

table.bmwt td:first-child {
	padding-left: 0;
	width: auto;
	background-color: inherit;
	border: none;
	text-align: left;
}

table td {
	vertical-align: middle;
}

table td > input {
	margin: 0;
	padding: 0;
	width: 100%;
}

table.nen3140 td > input {
	width: 15vmin;
	margin: 1vmin;
}

button {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 30vmin;
	font-size: 5vmin;
}

section > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #c1c1c1;
}

section.bmwt > ul > li > h1 {
	margin: 0;
	padding: 2vmin;
	padding-left: 5vmin;
	font-size: 5vmin;
	display: block;
}

section.user > div.operations > h2 {
	font-size: 1.1em;
}

section.user > div.operations > ul.operations {
	margin: 0;
	padding: 0;
	list-style: none;
} 

section.bmwt > ul > li > nav > ul > li {
	background: #efefef url(../img/truck.png) left center no-repeat;
	background-size: contain;
	background-origin: content-box;
}

section.bmwt > ul > li > nav > ul > li.battery {
	background-image: url(../img/battery.png);
}

section.bmwt > ul > li > nav > ul > li.charger {
	background-image: url(../img/charger.png);
}

section.bmwt > ul > li > nav > ul > li.granted {
	background-color: #80e080;
}

section.bmwt > ul > li > nav > ul > li.denied {
	color: white;
	background-color: #bb001e;
}

section.bmwt > ul > li > div {
	background-color: white; 
	padding: 5vmin;
}
section.bmwt > ul > li > div > table.verdict {
	padding-bottom: 50px;
	text-align: center;
}

section.bmwt > ul > li > div > table.verdict td {
	font-size: 20vmin;
}

section.bmwt span.batteryStatus {
	display: inline-block;
	height: 5vmin;
	width: 50%;
	vertical-align: middle;
	background: url(../img/battery-unknown.png) center center no-repeat;
	background-size: contain;
}

section.bmwt span.batteryStatus.GOOD {
	background-image: url(../img/battery-good.png);
}

section.bmwt span.batteryStatus.MEDIUM {
	background-image: url(../img/battery-medium.png);
}

section.bmwt span.batteryStatus.BAD {
	background-image: url(../img/battery-bad.png);
}

section.bmwt table.object td > select.currentStatus {
	width: 50%;
	vertical-align: middle;
}

section.sign table.totals {
	padding: 0;
}

section.sign table.totals tr > td {
	padding: 0;
	text-align: center;
}

section.sign table.totals tr > td:first-child {
	text-align: left;
}

section.sign canvas.autograph {
	width: 100%;
	height: 40vmin;
	border: 1px solid black;
}

section#note {
	padding: 5vmin;
}

section#note div.buttons {
	display: flex;
}

button > span.material-icons {
	font-size: 8vmin;
	display: block;
	margin: 2vmin 0;
}