.seat-card-loader {
	min-height: 28px;
	text-align: center; 
}
.seat-card-loader img { display: none; }
.seat-card-content { overflow: auto; }

.seat-card-legend, #price-category-legend {
	margin-top: 1em; 
	text-align: center;
}
.seat-card-legend > *, #price-category-legend > * { display: inline-block; }
.seat-card-legend > * + *, #price-category-legend > * + * { margin-left: 1em; }
.seat-card-legend > * > span, #price-category-legend > * > span {
	display: inline-block;
	margin-right: 0.4em;
	height: 20px;
	vertical-align: -5px;
	width: 20px;
}
.seat-free { 
	background: #feffc0;
	border: 1px solid #e6e6b8;
	color: #555;
}
.seat-basket { 
	background: #FF00FF;
	border: 1px solid #a240a2;
	color: #FFF;
}
.seat-occupied {
	background: #808080;
	border: 1px solid #808080;
	color: #FFF;
}

/* START Sitzplatzkarte */
.seatcard {
	margin: 0 auto;
	width: 100%; max-width: 1100px; 
}
.seatcard-stage {
	display: table;
	width: 100%;
}
.seatcard-stage > * {
	background: #DDD;
	color: #846b11;
	display: table-cell;
	font-size: 1.85em;
	height: 130px;
	text-align: center; text-transform: uppercase;
	vertical-align: middle;
}
.seatcard-passage {
	background: #FEFEFE;
	padding: 40px;
}

.seatcard-tablecontainer .extrarow { display: none; }
.seatcard-tablecontainer .extrarow.show { display: table-row; }
.seatcard-tablecontainer table td { width: 30px; height: 30px;  }
.seatcard-tablecontainer .passagecol {
	display: inline-block;
	width: 22px;
}
.seatcard-tablecontainer .seat {
	display: inline-block;
	line-height: 20px;
	height: 20px; width: 20px;
	text-decoration: none; text-align: center;
	font-size: 0.9em;
}
.seatcard-tablecontainer .seatrowchar {
	display: inline-block;
	text-align: center;
	width: 18px;
}
.seatcard-tablecontainer .passage {
	display: inline-block;
	width: 40px; 
}
.seatcard-tablecontainer .direction {
	background: #DDD;
	color: #846b11;
	display: inline-block;
	font-size: 1.2em;
	margin-left: 10px;
	padding: 15px 0;
	text-align: center; text-transform: uppercase;
	width: calc(100% - 20px);
}
.seatcard-tablecontainer .seat-free:hover  { color: #555; }
.seatcard-tablecontainer .seat-basket:hover, .seatcard-tablecontainer .seat-occupied:hover { color: #FFF; }
.seatcard-tablecontainer .seat-occupied { cursor: not-allowed; }
.seatcard.in-past .seatcard-tablecontainer .seat {
	cursor: not-allowed;
	pointer-events: none;
}
/* END Sitzplatzkarte */