/********************************
 * 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 {
	border-collapse: separate;
	border-spacing: 0 3px;
}

.brake-table th{
	padding: 7px;
	width:38px;
	text-align:center;
	vertical-align: middle;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

.brake-table td {
	padding: 9px 0 7px;
	padding-right:6px;
	text-align:right;
	vertical-align: middle;
}

.brake-table .error {
	font-size:80%;
	color:#aaa;
}


.lines {
	text-align:left !important;
	font-weight:normal;
	font-size:70%;
	opacity:.5;
	padding: 0 1em !important;
	line-height:1.5;
}

.group {
	padding-right: 20px;
	background: transparent url(ext-link.svg) no-repeat center right;
	background-size:15px;
}