.cat_1, .cat_2, .cat_3, .cat_4, .cat_vip {
  stroke-width: 2;
  transition: all 1s !important; }

.mobileFilterTab {
  perspective: 1500px;
  perspective-origin: 0% 50%;
  -webkit-transition: all 2s;
  transform-style: preserve-3d;
  transform-origin: 100% 50%;
  visibility: visible;
  transform: translate3d(100%, 0, 0) rotateY(0deg); }

.mobileFilterTab.open {
  transform: translate3d(0%, 0, 0) rotateY(0deg); }

.closeFilter_button {
  width: 95%; }

.seatzones button {
  display: none; }

.seatzones button {
  float: left;
  width: 43%;
  text-align: center; }
/* Mouse to not interact with white-text */
.maptext {
  pointer-events: none; }

.col-xxs {
  fill: #888;
  stroke: #888; }

.col-xxs.toggle {
  fill: #c4a;
  stroke: #c4a; }

.col-xxs.hover.toggle {
  fill: #86246d !important;
  stroke: #86246d !important; }

.col-xxs.block-tickets {
  fill: #5e1a4d;
  stroke: #5e1a4d; }

.col-xxs.block-tickets.hover {
  fill: #5e1a4d;
  stroke: #5e1a4d; }

.col-xxs.block-tickets.hover.toggle {
  fill: #5e1a4d;
  stroke: #5e1a4d; }

.col-xxs.block-tickets.toggle {
  fill: #5e1a4d;
  stroke: #5e1a4d; }

@media (min-width: 601px) {
    .trigger_col-xxs {
      border-left: 3px solid #c4a; } }
  @media (max-width: 600px) {
  .trigger_col-xxs {
    border-left: 10px solid #c4a; } }

.trigger_col-xxs.hover {
  background: #edbce1 !important; }

.trigger_col-xxs.hover td {
  background: #edbce1 !important; }

.cat_sut {
  fill: #a3a3a3;
  stroke: #a3a3a3; }

.cat_sut.toggle {
  fill: #86a8bf;
  stroke: #86a8bf; }

.cat_sut.hover.toggle {
  fill: #4d7692 !important;
  stroke: #4d7692 !important; }

.cat_sut.block-tickets {
  fill: #3c5b70;
  stroke: #3c5b70; }

.cat_sut.block-tickets.hover {
  fill: #3c5b70;
  stroke: #3c5b70; }

.cat_sut.block-tickets.hover.toggle {
  fill: #3c5b70;
  stroke: #3c5b70; }

.cat_sut.block-tickets.toggle {
  fill: #3c5b70;
  stroke: #3c5b70; }

@media (min-width: 601px) {
    .trigger_cat_sut {
      border-left: 3px solid #86a8bf; } }
  @media (max-width: 600px) {
  .trigger_cat_sut {
    border-left: 10px solid #86a8bf; } }

.trigger_cat_sut.hover {
  background: #eaf0f4 !important; }

.trigger_cat_sut.hover td {
  background: #eaf0f4 !important; }

.cat_lut {
  fill: #959595;
  stroke: #959595; }

.cat_lut.toggle {
  fill: #a96ebb;
  stroke: #a96ebb; }

.cat_lut.hover.toggle {
  fill: #743e85 !important;
  stroke: #743e85 !important; }

.cat_lut.block-tickets {
  fill: #562e62;
  stroke: #562e62; }

.cat_lut.block-tickets.hover {
  fill: #562e62;
  stroke: #562e62; }

.cat_lut.block-tickets.hover.toggle {
  fill: #562e62;
  stroke: #562e62; }

.cat_lut.block-tickets.toggle {
  fill: #562e62;
  stroke: #562e62; }

@media (min-width: 601px) {
    .trigger_cat_lut {
      border-left: 3px solid #a96ebb; } }
  @media (max-width: 600px) {
  .trigger_cat_lut {
    border-left: 10px solid #a96ebb; } }

.trigger_cat_lut.hover {
  background: #e7d6ec !important; }

.trigger_cat_lut.hover td {
  background: #e7d6ec !important; }

.cat_slt {
  fill: #bababa;
  stroke: #bababa; }

.cat_slt.toggle {
  fill: #e99c8a;
  stroke: #e99c8a; }

.cat_slt.hover.toggle {
  fill: #d95334 !important;
  stroke: #d95334 !important; }

.cat_slt.block-tickets {
  fill: #b73f23;
  stroke: #b73f23; }

.cat_slt.block-tickets.hover {
  fill: #b73f23;
  stroke: #b73f23; }

.cat_slt.block-tickets.hover.toggle {
  fill: #b73f23;
  stroke: #b73f23; }

.cat_slt.block-tickets.toggle {
  fill: #b73f23;
  stroke: #b73f23; }

@media (min-width: 601px) {
    .trigger_cat_slt {
      border-left: 3px solid #e99c8a; } }
  @media (max-width: 600px) {
  .trigger_cat_slt {
    border-left: 10px solid #e99c8a; } }

.trigger_cat_slt.hover {
  background: #fff !important; }

.trigger_cat_slt.hover td {
  background: #fff !important; }

.cat_llt {
  fill: #b3b3b3;
  stroke: #b3b3b3; }

.cat_llt.toggle {
  fill: #85e1d5;
  stroke: #85e1d5; }

.cat_llt.hover.toggle {
  fill: #33cdb9 !important;
  stroke: #33cdb9 !important; }

.cat_llt.block-tickets {
  fill: #28a594;
  stroke: #28a594; }

.cat_llt.block-tickets.hover {
  fill: #28a594;
  stroke: #28a594; }

.cat_llt.block-tickets.hover.toggle {
  fill: #28a594;
  stroke: #28a594; }

.cat_llt.block-tickets.toggle {
  fill: #28a594;
  stroke: #28a594; }

@media (min-width: 601px) {
    .trigger_cat_llt {
      border-left: 3px solid #85e1d5; } }
  @media (max-width: 600px) {
  .trigger_cat_llt {
    border-left: 10px solid #85e1d5; } }

.trigger_cat_llt.hover {
  background: #fff !important; }

.trigger_cat_llt.hover td {
  background: #fff !important; }