﻿
:root {
    --seating-chart-a: #3a78c3;
    --seating-chart-b: #82d40c;
    --seating-chart-c: #ffc029;
    --seating-chart-d: #ffc029;
    --seating-chart-e: #ffc029;
    --seating-chart-f: #ffc029;
    --seating-chart-g: #ffc029;
    --seating-chart-h: #ffc029;
    --seating-chart-i: #ffc029;
    --seating-chart-j: #ffc029;
    --seating-chart-k: #ffc029;
    --seating-chart-l: #ffc029;
    --seating-chart-m: #ffc029;
    --seating-chart-n: #ffc029;
    --seating-chart-o: #ffc029;
    --seating-chart-p: #ffc029;
}

div .seatCharts-seat.available.category-a {
    background-color: var(--seating-chart-a);
}

div .seatCharts-seat.available.category-b {
    background-color: var(--seating-chart-b);
}


div .seatCharts-seat.available.category-c {
    background-color: var(--seating-chart-c);
}

div .seatCharts-seat.available.category-d {
    background-color: var(--seating-chart-d);
}

div .seatCharts-seat.available.category-e {
    background-color: var(--seating-chart-e);
}

div .seatCharts-seat.available.category-f {
    background-color: var(--seating-chart-f);
}

div .seatCharts-seat.available.category-g {
    background-color: var(--seating-chart-g);
}

div .seatCharts-seat.available.category-h {
    background-color: var(--seating-chart-h);
}

div .seatCharts-seat.available.category-i {
    background-color: var(--seating-chart-i);
}

div .seatCharts-seat.available.category-j {
    background-color: var(--seating-chart-j);
}

div .seatCharts-seat.available.category-k {
    background-color: var(--seating-chart-k);
}

div .seatCharts-seat.available.category-l {
    background-color: var(--seating-chart-l);
}

div .seatCharts-seat.available.category-m {
    background-color: var(--seating-chart-m);
}

div .seatCharts-seat.available.category-n {
    background-color: var(--seating-chart-n);
}

div .seatCharts-seat.available.category-o {
    background-color: var(--seating-chart-o);
}

div .seatCharts-seat.available.category-p {
    background-color: var(--seating-chart-p);
}


div.seatCharts-cell.ml1 {
    margin-left: 11px !important;
}

div.seatCharts-cell.ml2 {
    margin-left: 22px !important;
}

div.seatCharts-cell.ml3 {
    margin-left: 34px !important;
}

div.seatCharts-cell.ml4 {
    margin-left: 46px !important;
}

div.seatCharts-cell.ml5 {
    margin-left: 58px !important;
}

div.seatCharts-cell.ml6 {
    margin-left: 60px !important;
}

div.seatCharts-cell.ml7 {
    margin-left: 72px !important;
}

div.seatCharts-cell.ml8 {
    margin-left: 84px !important;
}

div.seatCharts-cell.ml9 {
    margin-left: 96px !important;
}


div.seatCharts-cell.bl {
    border-left: solid black
}

div.seatCharts-cell.nolabel {
    color: white;
}

div.seatCharts-seat.disabled-windowed {
    background-color: white;
    color: white;
    width: 8px !important;
}

.ada-seat {
    background-color: blue !important;
    width: 18px;
    height: 18px;
}

    .ada-seat:before {
        content: "\f193";
        font-family: FontAwesome;
        top: -1px;
        font-size: 15px;
        left: 3px;
    }