div.Preschool-tile {
    background: #c21919;
    padding: 5px;
    color: #fff;
}

    div.Preschool-tile a:link {
        /*background: #c21919;*/
        color: #fff;
    }

    div.Preschool-tile a:visited {
        /*background: #c21919;*/
        color: #fff;
    }

div.Junior-tile {
    background: #428bca;
    padding: 5px;
    color: #fff;
}

    div.Junior-tile a:link {
        /*background: #428bca;*/
        color: #fff;
    }

    div.Junior-tile a:visited {
        /*background: #428bca;*/
        color: #fff;
    }

div.Premier-tile {
    background: #000;
    padding: 5px;
    color: #fff;
}

    div.Premier-tile a:link {
        /*background: #000;*/
        color: #fff;
    }

    div.Premier-tile a:visited {
        /*background: #000;*/
        color: #fff;
    }

div.Minis-tile {
    background: #eae936;
    padding: 5px;
    color: #000;
}

    div.Minis-tile a:link {
        /*background: #000;*/
        color: #000;
    }

    div.Minis-tile a:visited {
        /*background: #000;*/
        color: #000;
    }

div.tile-venue {
    font-weight: bold;
    font-size: 15px;
}

.PaymentStatus-No {
    color: #fff;
    background: #e12727;
    padding: 5px;
}

.PaymentStatus-Yes {
    background: #45dd5b;
    padding: 5px;
}

.Renrol-False {
    color: #fff;
    background: #e12727;
    padding: 5px;
}

.Renrol-True {
    background: #45dd5b;
    padding: 5px;
}

.grid-container-wkday {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-gap: 1px;
    background-color: #000000;
    height: 150px;
    font-size: 12px;
    font-weight: bold;
    padding: 1px;
    grid-template-areas: 'header header header header header header dividerweekday header header header header header header header header header header' 'header main main main main main dividerweekday main main main main main main main main main main';
}

    .grid-container-wkday > div.header {
        background-color: #2196F3;
        text-align: center;
    }

    .grid-container-wkday > div.item {
        background-color: blue;
        text-align: center;
        padding: 0px;
    }

    .grid-container-wkday > div.dividerweekday {
        grid-row-start: 1;
        grid-row-end: 7;
        grid-column: 7;
        background-color: yellow;
    }

    .grid-container-wkday > div.item.available {
        background-color: green;
        color: black;
    }

    .grid-container-wkday > div.item.unavailable {
        background-color: red;
        color: black;
    }

.grid-container-wkend {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto;
    grid-gap: 1px;
    background-color: #000000;
    height: 80px;
    font-size: 12px;
    font-weight: bold;
    padding: 1px;
    grid-template-areas: 'header header header header header header' 'header main main main main main';
}

    .grid-container-wkend > div.header {
        background-color: #2196F3;
        text-align: center;
    }

    .grid-container-wkend > div.item {
        background-color: blue;
        text-align: center;
        padding: 0px;
    }

    .grid-container-wkend > div.dividerweekend {
        grid-row-start: 1;
        grid-row-end: 7;
        grid-column: 7;
        background-color: yellow;
    }

    .grid-container-wkend > div.item.available {
        background-color: green;
        color: black;
    }

    .grid-container-wkend > div.item.unavailable {
        background-color: red;
        color: black;
    }