.cs2-calendar {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.cs2-calendar th {
    background: #f0f0f0;
    padding: 8px;
    font-weight: bold;
}

.cs2-calendar td {
    border: 1px solid #ddd;
    padding: 10px;
    height: 60px;
    vertical-align: top;
}

.cs2-calendar td.available {
    background: #d9ffd9; /* green */
}

.cs2-calendar td.booked {
    background: #ffd6d6; /* red */
}

.cs2-calendar td.closed {
    background: #e6e6e6; /* grey */
}

.cs2-calendar-legend {
    margin-bottom: 10px;
    font-size: 14px;
}