#rowcentertable_1
{
min-width:50px;
/*Spezielles Flex Zuweisung damit Ausgabe ans untere Ende des Divs geschoben wird*/
display:flex;
flex-direction:column;
justify-content:flex-star;
background-color:aqua;

}





/*Einblendung Reihe als Zwischenraum
Ausgabe Estrad
*/
#estrade
{
	height:30px;
	width:527px;
	background-color:FFFFFF;
	min-width:527px;
	min-height:30px;
	/*border-top:2px black solid;*/
	
	margin:auto;
	font-weight:bold;
	text-align:center;
}




/*
*
*Ausgabe der Plätze als Platzhalter (temp grün, sonst weiss!!
*=> echo '<li class="seatb"><label></label></li>';
*
*/

.seatbl {
  display: flex;
  padding: 1px; 
  position: relative;
    
}

.seatbl label {
  display: block;
  position: relative;
  min-width:25px;
  min-height:20px;
  text-align: center;
  padding:4px 0 0 0;
  border-radius: 5px;
  /*background:#FFFFFF;*/
  background:black;
}
.seatbl label:before {
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translate(-50%, 0%);
}







/*
*
*Ausgabe der Plätze als Platzhalter (temp grün, sonst weiss!!
*=> echo '<li class="seatw"><label></label></li>';
*
*/

.seatwf {
  display: flex;
  padding: 1px; 
  position: relative;
 
    
}

.seatwf label {
  display: block;
  position: relative;
  min-width:60px;
  min-height:20px;
  text-align: center;
  padding:4px 0 0 0;
  border-radius: 5px;
  /*background:#FFFFFF;
  background:aqua;*/
}
.seatwf label:before {
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translate(-50%, 0%);
}




/*
*
*Ausgabe der Plätze als Platzhalter (temp grün, sonst weiss!!
*=> echo '<li class="seatw"><label></label></li>';
*
*/

.seatwrs {
  display: flex;
  padding: 1px; 
  position: relative;
  font-weight:bold;   
}

.seatwrs label {
  display: block;
  position: relative;
  min-width:752px;
  min-height:20px;
  text-align: center;
  padding:4px 0 0 0;
  border-radius: 5px;
  /*background:#FFFFFF;*/
  background-color:yellow;
}
.seatwrs label:before {
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translate(-50%, 0%);
}






.seatzus {
  display: flex;
  /*flex: 0 0 14.28571428571429%; => Original*/
  /*flex: 0 0 3%; Breite des li Elements mit der Platz Nr*/
  /**/padding: 1px; 

}



.seatzus input[type=checkbox] {

  position: absolute;
}
.seatzus input[type=checkbox]:checked + label {
  background: #bada55;
}



/*Ausgabe der Plätze wenn nicht Reserviert für Checkbox Auswahl*/
.seatzus label {
  display: block;
  position: relative;
  min-width:25px;
  min-height:20px;
  text-align: center;
  padding:4px 0 0 0;
  background: #FFFF00;
  border-radius: 5px;

}
.seatzus label:before {
  top: 1px;
  left: 50%;
  transform: translate(-50%, 0%);

}
.seatzus label:hover {
  cursor: pointer;
  box-shadow: 0 0 0px 2px #5C6AFF;
}



/*
*
*Ausgabe der Plätze für Druck bzw nach Reservationsabschluss, nicht reserviert
*
*/

.seatpzus {
 padding: 1px; 
  position: relative;
}

/*Ausgabe der Plätze wenn nicht Reserviert*/
.seatpzus label {
  display: block;
  position: relative;
  min-width:25px;
  min-height:20px;
  text-align: center;
  padding:4px 0 0 0;
  border-radius: 5px;
  background: #FFFF00;
}
.seatpzus label:before {
  position: absolute;
  top: 1px;
  left: 50%;
  transform: translate(-50%, 0%);
}





/*Einblendung Reihe als Zwischenraum*/
#seatrow
{
	height:40px;
	width:50px;
	background-color:#FFFFFF;
	min-width:50px;
	min-height:40px;
	
}


.rightborder
{
border-right:1px;
border-right-color:#000000;
border-right-style:solid;
}