#schedule {
    border-collapse: unset;
    border: black;
}

#schedule td {
    width: 8em;
    padding: .5em;
    margin: unset;
    border: unset;
    border-spacing: 2px;
}

#schedule th {
    background: unset;
    text-align: center;
}

.time {
    vertical-align: top;
    text-align: right;
}

.half-hour {
    height: 2em;
    text-align: center;
}

.hour {
    height: 4em;
    text-align: center;
}

.hour-and-half {
    height: 6em;
    text-align: center;
}

.two-hour {
    height: 8em;
    text-align: center;
    vertical-align: middle;
}


.zero {
    background: repeating-linear-gradient(45deg, #EFEFEF, #EFEFEF 10px, #FFFFFF 10px, #FFFFFF 20px);
}

.one {
    background-color: #E21834;
    color: white;
}

.two {
    background-color: #C4152D;
    color: white;
}

.three,
.four {
    background-color: #A30B20;
    color: white;
}

.none {
    background: repeating-linear-gradient(45deg, #EFEFEF, #EFEFEF 10px, #FFFFFF 10px, #FFFFFF 20px);
}

#key {
    margin: auto;
}

#key td {
    width: 8em;
    border: unset;
    border: 3px solid #BBBBBB;
    margin: unset;
    border-spacing: 0px !important;
    margin: 0px;
}

#key th {
    border: unset;
    border: 3px solid #BBBBBB;
    margin: unset;
    border-spacing: 0px !important;
    margin: 0px;
    background-color: #FFFFFF;
}