.front-indicator,

#seat-map-container {

  text-align: center;

}



#slcEvent {

  margin-bottom: 20px;

  width: 80%;

}



#slcEvent,

#slcEvent * {

  font-size: 18px;

}



.front-indicator {

  width: 80%;

  margin: auto;

  margin-bottom: 10px;

  background-color: #ddd;

  text-align: center;

  padding: 3px;

  border-radius: 5px;

}



div.seatCharts-container {

  text-align: center;

}



div.seatCharts-row {

  height: 40px;

  display: flex;

  align-items: center;

  flex-direction: row;

  justify-content: center;

}



div.seatCharts-cell {

  float: none;

  display: inline-block;

}



div.seatCharts-seat {

  cursor: pointer;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



div.seatCharts-cell {

  height: 25px;

  width: 25px;

  line-height: 25px;

  font-size: 14px;

}



div.seatCharts-seat.unavailable {

  background-color: #ccc !important;

  cursor: pointer;

}



div.seatCharts-seat.Reserved {

  background-color: #a65858 !important;

  cursor: pointer;

}



div.seatCharts-seat.specialSeat {

  background-color: #f30;

}



div.seatCharts-seat.unavailable:focus {

  background-color: #aaa;

}



div.seatCharts-seat.selected {

  background-color: #c79121;

}



div.seatCharts-seat.marked {

  background-color: #3276b1;

}



div.seatCharts-seat i.specialIcon {

  font-size: medium !important;

}



#nameExistingSeats {

  display: none;

}



#nameExistingSeats .btn-danger {

  float: right;

  margin-right: 12px;

}



.tooltip {

  pointer-events: none;

}



#bookingFooter {

  margin-top: 20px;

}



.table-booking-preise {

  display: inline-table;

  width: auto;

}



.table-booking-preise td {

  font-size: 13px;

  text-align: left;

}



.table-booking-preise td:last-of-type {

  text-align: right;

}



.sclWrapper {

  text-align: center;

}







#bookingSeats ul li {

  position: relative;

  float: left;

  height: 46px;

  padding: 0 20px 0 30px;

  margin: 0;

  font-size: 16px;

  line-height: 46px;

  color: #999;

  cursor: default;

  background: #ededed;

  width: 40%;

}



#bookingSeats hr {

  width: 100%;

}



.categories {

  list-style: none;

  padding-left: 0px;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

}



.categories li {

  background: none !important;

  height: initial !important;

  line-height: initial;

}



.categories li:not(:last-child) {

  margin-right: 13px;

}



.categories input[type="radio"] {

  display: none;

}



.categories label,

.categories input {

  height: 100%;

  width: 100%;

}



.categories label {

  cursor: pointer;

  padding: 5px;

  background-color: #aaa !important;

  border: 2px solid #aaa !important;

}



.categories label:hover {

  border: 2px solid #aaa !important;

}



.categories input[type="radio"]:checked+label {

  background-color: #3276b1 !important;

  border: 2px solid #3276b1 !important;

}



.categories input[type="radio"]:checked+label .note {

  color: white;

}



.categories label {

  font-size: 1.2em !important;

  color: white;

}



.categories li div label .note {

  font-size: smaller;

  color: black;

}



#totHr {

  width: 50px;

}



.bookingSelection {

  display: flex;

  flex-direction: column;

  justify-content: center;

}



.seatingPlace {

  display: flex;

  flex-direction: row;

}



.seatingPos span {

  position: relative;

  top: 25%;

}



#totPreisPrev strong {

  font-weight: 900;

}



#addTeilnehmerModal .modal-body {

  max-height: 560px;

  overflow-y: auto;

}





#priceSelectionWrapper span.select2 span.selection span.select2-selection {

  line-height: 45px;

  height: 45px;

}



#priceSelectionWrapper span.select2 span.selection span.select2-selection span.select2-selection__rendered {

  font-size: 20px;

}



#priceSelectionWrapper span.select2 .select2-container {

  width: 100%;

}



.priceDivider {

  margin-top: 10px !important;

  margin-bottom: 10px !important;

}



.seatingPos span {

  font-size: 20px !important;

  position: relative;

  top: auto;

}



.seatingPos span.text-small {

  font-size: 15px !important;

}





.seatCharts-row.durchgang {

  opacity: 0;

}





.hideRow {

  display: none !important;

}





.noPricesWarning {

  padding: 5px;

  ;

}