.program-time {
    padding: 5px 0px;
    text-align: center;
}

/* Do not use collapse because of a bug with Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=332740 */
table.program {
    border-collapse: separate !important;
}

table.program th,
table.program td {
    padding: 1px;
    background-clip: padding-box;
}

table.program a {
    color: inherit !important;
    text-decoration: none !important;
}

table.program td.program-event {
    vertical-align: middle;
    text-align: center;
    border: 1px solid black;
    position: relative;
    padding-bottom: 2em;
    font-size: 90%;
}

td.program-event.empty-event {
    border: none !important;
}

table.program thead.program-rooms th {
    vertical-align: middle;
    text-align: center;
    border: 1px solid black;
}

td.program-event .event-category {
    border: 1px solid black;
    border-radius: 4px;
    text-align: left;
    font-style: italic;
    font-size: 80%;
    width: fit-content;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin: 2px;
    max-height: 2em;
    padding: 2px;
}

.event-time {
    font-weight: bold;
    font-size: 130%;
}

.event-title {
    color: #166936;
    font-weight: bold;
    font-size: 130%;
    margin: -1px;
    padding: 2px;
}

.event-category {
    border: 1px solid grey;
    border-radius: 4px;
    text-align: left;
    font-style: italic;
    font-size: 80%;
    width: fit-content;
    padding: 2px;
}

.color-table-rondes{
    background-color: #dd6f14;
}
.color-ateliers{
    background-color: #6699dd;
}
.color-highlights{
    background-color: #66cc80;
}
.color-pitch{
    background-color: #d6493c;
}