.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; }

.cat_away {
  fill: #c0c0c0;
  stroke: #c0c0c0; }

.cat_away.toggle {
  fill: #bcf18e;
  stroke: #bcf18e; }

.cat_away.hover.toggle {
  fill: #86e633 !important;
  stroke: #86e633 !important; }

.cat_away.block-tickets {
  fill: #6dcd19;
  stroke: #6dcd19; }

.cat_away.block-tickets.hover {
  fill: #6dcd19;
  stroke: #6dcd19; }

.cat_away.block-tickets.hover.toggle {
  fill: #6dcd19;
  stroke: #6dcd19; }

.cat_away.block-tickets.toggle {
  fill: #6dcd19;
  stroke: #6dcd19; }

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

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

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

.cat_stret {
  fill: #c0c0c0;
  stroke: #c0c0c0; }

.cat_stret.toggle {
  fill: #ff9980;
  stroke: #ff9980; }

.cat_stret.hover.toggle {
  fill: #ff471a !important;
  stroke: #ff471a !important; }

.cat_stret.block-tickets {
  fill: #e62d00;
  stroke: #e62d00; }

.cat_stret.block-tickets.hover {
  fill: #e62d00;
  stroke: #e62d00; }

.cat_stret.block-tickets.hover.toggle {
  fill: #e62d00;
  stroke: #e62d00; }

.cat_stret.block-tickets.toggle {
  fill: #e62d00;
  stroke: #e62d00; }

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

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

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

.cat_mansuite {
  fill: #aaa;
  stroke: #aaa; }

.cat_mansuite.toggle {
  fill: #f5b45f;
  stroke: #f5b45f; }

.cat_mansuite.hover.toggle {
  fill: #e0850e !important;
  stroke: #e0850e !important; }

.cat_mansuite.block-tickets {
  fill: #b0690b;
  stroke: #b0690b; }

.cat_mansuite.block-tickets.hover {
  fill: #b0690b;
  stroke: #b0690b; }

.cat_mansuite.block-tickets.hover.toggle {
  fill: #b0690b;
  stroke: #b0690b; }

.cat_mansuite.block-tickets.toggle {
  fill: #b0690b;
  stroke: #b0690b; }

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

.trigger_cat_mansuite.hover {
  background: #fef8ef !important; }

.trigger_cat_mansuite.hover td {
  background: #fef8ef !important; }

.cat_sal {
  fill: #6e6e6e;
  stroke: #6e6e6e; }

.cat_sal.toggle {
  fill: #5b5a82;
  stroke: #5b5a82; }

.cat_sal.hover.toggle {
  fill: #313046 !important;
  stroke: #313046 !important; }

.cat_sal.block-tickets {
  fill: #1c1b28;
  stroke: #1c1b28; }

.cat_sal.block-tickets.hover {
  fill: #1c1b28;
  stroke: #1c1b28; }

.cat_sal.block-tickets.hover.toggle {
  fill: #1c1b28;
  stroke: #1c1b28; }

.cat_sal.block-tickets.toggle {
  fill: #1c1b28;
  stroke: #1c1b28; }

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

.trigger_cat_sal.hover {
  background: #afaec7 !important; }

.trigger_cat_sal.hover td {
  background: #afaec7 !important; }