#calendar {
    display: flex;
    /*flex-wrap: wrap;*/
    flex-flow: nowrap;
}

#calendar section {
    margin: 1px;
}

#calendar h1 {
    font-size: 18px;
}

#calendar table {
    border-spacing: 0;
    border-collapse: collapse;
}

#calendar td {
    border: 1px solid #CCC;
    padding: 2px 3px 2px 3px;
    text-align: center;
}

#calendar td.today {
    font-weight: bold;
    background-color: #CFC;
}

#calendar td span.am {
    color: blue;
}

#calendar td span.pm {
    color: green;
}

#calendar td span.off {
    color: red;
}

#calendar td.is-disabled {
    color: #AAA;
}