/********************************
 * Jag vet att det här egentligen borde vara inbakat i style.css, men jag är förbannat lat och orkar inte kolla så att några av class-namnen inte krockar med något annat, så det får bli såhär tillsvidare...
 **********************************/

.input-wrapper {
	display:inline-block;
}
.input-wrapper .label {
	font-size:80%;
	margin-top:6px;
	margin-bottom:2px;
	color: #888;
}
.input-wrapper input,.input-wrapper label {
	width:100%;
}

#brake-ep {
	display:none;
}
#brake-ep:checked ~ #brake-ep-label {
	backgrsound:#00897B;
	background:#444;
	color:#FFF;
	border-bottom-color:#00897B
}
#brake-ep-label {
	display:inline-block;
	background:rgba(255,255,255,.05);
	margin:2px;
	padding:16px;
	height:50px;
	color: rgba(255,255,255,.4);
	border-bottom:2px solid #333;
	text-align:center;
}

.atcsettings {
	padding:10px;
	border:1px solid #333;
	margin:1em;
	color:#888;
	font-size:75%;
}
.atcsettings span {
	color:#FFF;
}

.brake-table th{
	display:flex;
	align-items: center;
}

.brake-table td {
	text-align:right;
	vertical-align: middle;
}
.brake-table .error {
	font-size:80%;
	color:#aaa;
}


.lines {
	font-weight:normal;
	font-size:70%;
	opacity:.5;
	padding: 0 1em;
}

.group {
	padding-right: 20px;
	background: transparent url(ext-link.svg) no-repeat center right;
	background-size:15px;
}
