#theatre{height: auto; display: block; touch-action: manipulation;}
/*.seat-group*/
#theatre {
  display: block;
  height: auto;
}
@media (max-width: 767px) {
  #theatre {
    min-width: 900px; /* same as viewBox width */
  }
}
.seatLabel{font-size: 12px;pointer-events: none;}
.seat-group.blocked .seatcolor {fill:#e10018;}
.seat-group.blocked .seatName {fill:#e10018;}
.seat-group.seat .seatcolor {fill:#cacaca;cursor: pointer;}
.seat-group.label .seatcolor{fill: transparent;}
.btn-seat-selected .seatcolor{fill:#f49800!important;}
.seatName{cursor: pointer;fill: #cacaca;}
.btn-seat-selected .seatName{fill:#000}
.tglabel{fill: transparent;}