.page_turnouts button {
	white-space: nowrap;
	width: unset !important;
}

.page_turnouts td:last-child {
	white-space: nowrap;
}
.page_turnouts th, .page_turnouts td {
	width: 20%;
}

#config.page_turnouts_edit p.types {margin-top: 1.5em;}
.page_turnouts_edit p > label {
	display: inline-block;
	margin-right: 0.5em;
	text-align: right;
	width: 5em;
}
.page_turnouts_edit p > span {
	display: inline-block;
	vertical-align: top;
	width: 12em;
}

.config .type {padding: 0;}
.config .type *,
.page_turnouts_edit p span label.svg5 {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
	cursor: pointer;
	display: inline-block;
	height: 100%;
	width: 100%;
}

.config .type0 {
	background-image: url('lh.svg');
	transform: scale(-1,-1);
}
.config .type1 {
	background-image: url('rh.svg');
	transform: scale(-1,-1);
}
.config .type2 {
	background-image: url('wye.svg');
	transform: scale(-1,1);
}
.config .type3 {
	background-image: url('multi.svg');
	transform: scale(-1,1);
}

/*
.config .type0 {
	background-image: url('lh.svg');
	transform: scale(-1,-1);
}
.config .type1 {background-image: url('rh.svg');}
.config .type2 {background-image: url('lh.svg');}
.config .type3 {
	background-image: url('rh.svg');
	transform: scale(-1,-1);
}
.config .type10 {
	background-image: url('wye.svg');
	transform: scale(-1,1);
}
.config .type11 {
	background-image: url('wye.svg');
	transform: scale(1,1);
}
.config .type15 {
	background-image: url('multi.svg');
	transform: scale(-1,1);
}
.config .type16 {background-image: url('multi.svg');}
*/

.page_turnouts_edit p span label.svg5 {
	height: 3em;
	width: 6em;
}

.page_turnouts_edit input[type=radio]:checked + label {
	box-shadow: 0 0 0.5em #000 inset;
	border-radius: 50%;
	filter: invert(1);
}

.page_turnouts .edit {cursor: pointer;}