@media all
{
    .filter
    {
        margin-top: 25px;
        text-align: center;
    }
    .filter_date
    {
        color: #c6c6c6;
        display: block;
        font-family: ProximaNovaCondSemiBold;
        font-size: 25px;
        padding: 6px 10px;
        vertical-align: middle;
    }
    .filter_date_current
    {
        color: #132f5b;
        font-size: 30px;
    }
    .filter_controls
    {
        padding-top: 20px;
    }
    .filter_date_last, .filter_date_next
    {
        background-color: #c6c6c6;
        border-radius: 20px;
        color: #fff;
        display: inline-block;
        font-size: 32px;
        font-family: ProximaNovaCondSemiBold;
        vertical-align: middle;
    }
    a.filter_date_last, a.filter_date_next
    {
        cursor: pointer;
    }
    .filter_gtc a.filter_date_last, .filter_gtc a.filter_date_next
    {
        background-color: #312767;
    }
    .filter_gpc a.filter_date_last, .filter_gpc a.filter_date_next
    {
        background-color: #1454a4;
    }
    .filter_gtc a.filter_date_last:hover, .filter_gtc a.filter_date_next:hover
    {
        background-color: #166c36;
    }
    .filter_gpc a.filter_date_last:hover, .filter_gpc a.filter_date_next:hover
    {
        background-color: #e91c28;
    }
    .filter_date_hide
    {
        visibility: hidden;
    }
    .closed
    {
        color: #ef5350;
        display: block;
        font-family: ProximaNovaCondSemiBold;
        font-size: 35px;
        padding: 30px 0 40px 0;
        text-align: center;
        text-transform: uppercase;
    }

    .sports
    {
        padding-top: 25px;
        text-align: center;
    }
    .sport
    {
        background-color: #c6c6c6;
        display: inline-block;
        color: #fff;
        font-family: ProximaNovaCondSemiBold;
        font-size: 25px;
        margin: 0 10px;
        padding: 10px 0;
        width: 120px;
    }
    .sport_1.sport_selected
    {
        background-color: #312767;
    }
    .sport_2.sport_selected
    {
        background-color: #e91c28;
    }

    .bookings
    {
        margin: 0 auto;
        padding: 30px 0 30px;
        position: relative;
    }
    .bookings_table
    {
        margin: 0 auto;
        width: 95%;
    }
    .location_cell
    {
        border-right: 2px solid #fff;
    }
    .court_cell
    {
        border-right: 2px solid #fff;
        padding: 2px 0;
        width: 10%;
    }
    .court_cell_1
    {
        background-color: #312767;
    }
    .court_cell_2
    {
        background-color: #1454a4;
    }
    .court_location
    {
        color: #fff;
        display: block;
        font-family: ProximaNovaCondLight;
        font-size: 19px;
        padding: 5px 0 0;
        text-transform: uppercase;
    }
    .court_number
    {
        color: #fff;
        display: block;
        font-family: ProximaNovaCondSemiBold;
        font-size: 23px;
    }
    .booking_cell
    {
        border: solid 2px #fff;
        background-color: #41ef49;
        cursor: pointer;
        padding-top: 0;
        vertical-align: top;
    }
    .booking_cell_available:hover
    {
        background-color: #a9ffad;
    }
    .booking_cell_unavailable
    {
        background-color: #c6c6c6;
    }
    .booking_cell_unavailable:hover
    {
        background-color: #d0d0d0;
    }
    .booking_cell_unreleased
    {
        background-color: #ffae32;
    }
    .booking_cell_unreleased:hover
    {
        background-color: #ffce83;
    }
    .booking
    {
        text-align: center;
    }
    .booking_time
    {
        color: #000;
        display: block;
        font-family: ProximaNovaCondRegular;
        font-size: 17px;
        line-height: 1;
        padding-top: 10px;
    }
    .booking_cell_unavailable .booking_time
    {
        color: #eee;
    }
}

@media screen and (max-width: 650px)
{
    .booking_time
    {
        font-size: 15px;
    }
}

@media print
{
}

/* greens   #b1eca4 #63ec43 */
/* purple #a969ab */