.calendar-table {
    width: 100%;
    border-collapse: collapse;
}

.calendar-table th,
.calendar-table td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ddd;
}

.calendar-table th {
    background-color: #f5f5f5;
}

.calendar-table .today {
    background-color: #e8f4ff;
    border: solid 2px black !important;
}

.calendar-table .past {
    background-color: white;
    color: gray;
}

.calendar-table .has-event {
    background-color: #ffe8e8;
    cursor: pointer;
}

.calendar-table .selected {
    font-weight: bold;
    text-decoration: underline;
}

.calendar-table .has-event.status-0 {
    cursor: pointer;
}
.calendar-table .has-event.status-1 {
    background-color: goldenrod;
    cursor: pointer;
}
.calendar-table .has-event.status-2 {
    background-color: orangered;
    cursor: pointer;
}
.calendar-table .has-event.status-3 {
    background-color: red;
    cursor: inherit;
}
.calendar-table .has-event.status-4 {
    background-color: red;
    cursor: inherit;
}
.calendar-table .has-event.status-5 {
    background-color: darkgray;
    color: gray;
    font-weight: bold;
    cursor: inherit;
}