div.calendar-date-picker {
    margin: 20pt auto;
}

div.calendar-container {
    margin: 20pt auto;
    width: 500pt;
    max-width: 100% !important;
}

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

table.calendar th {
    font-weight: bold;
    font-size: 12pt;
    text-align: center;
    border: 1pt solid #000000;
    padding: 3pt;
    background: #F8F8F8;
}

table.calendar td {
    font-weight: normal;
    font-size: 10pt;
    text-align: start;
    vertical-align: top;
    border: 1pt solid #000000;
    padding: 3pt;
}

table.calendar td div.day {
    font-size: 16pt;
    text-align: end;
}

table.calendar td div.today {
    color: #FF0000;
    font-weight: bold;
}

table.calendar td div.current-month {
    color: #000000;
    font-weight: normal;
}

table.calendar td div.other-month {
    color: #CCCCCC;
    font-weight: normal;
}

table.calendar td div.rooms {
    font-size: 12pt;
    text-align: start;
}

table.calendar td div.completed {
    color: #FF0000;
}