/* ------------------------------------------------------------------ */
/* schedule */
/* ------------------------------------------------------------------ */

h1.instructor-card{
    margin: .5em;
}

table.schedule-external {
    margin: auto;
    padding:    0 !important;
    border-collapse: collapse;
}
tr.schedule-external  {
    /* the only row containing days of the week */
    padding: 0 !important;
    margin: 0 !important;
}
td.schedule-external  {
    /* single day of the week */
    border: solid var(--table-color) var(--border-thickness);
    vertical-align: top;
    height: 100%;
    padding: 0 !important;
    margin: 0 !important;
}


table.schedule-internal {
    border-collapse: collapse;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}
tr.schedule-internal  {
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
}
td.schedule-internal-header {
    background-color: rgb( 190, 190, 190 );
    font-size: 150%;
    font-weight: bold;
    text-transform: capitalize;
    text-align: center;
    border-bottom: solid var(--table-color) var(--border-thickness);
    padding: 1em;
    margin: 0 !important;
}
/* ---------------------------------------------------
 * borders for the different types of appointments */
td.colorclass1,
td.colorclass2,
td.colorclass3,
td.colorclass4,
td.colorclass5,
td.colorclass6,
td.colorclass7,
td.colorclass8,
td.colorclass9,
td.colorclass10,
td.office,
td.meeting {
    padding-left: 1em;
    padding-right: 1em;
    border: solid black .1em;
}
td.schedule-internal-gap,
td.schedule-pre-gap,
td.schedule-post-gap { /* no border */ }

/* ---------------------------------------------------
 * colors for the different types of appointments */

td.colorclass1 { background-color: rgb( 204, 180, 143 ); }
td.colorclass2 { background-color: rgb( 192, 204, 143 ); }
td.colorclass3 { background-color: rgb( 155, 204, 143 ); }
td.colorclass4 { background-color: rgb( 143, 204, 167 ); }
td.colorclass5 { background-color: rgb( 143, 204, 204 ); }
td.colorclass6 { background-color: rgb( 143, 167, 204 ); }
td.colorclass7 { background-color: rgb( 155, 143, 204 ); }
td.colorclass8 { background-color: rgb( 192, 143, 204 ); }
td.colorclass9 { background-color: rgb( 204, 143, 180 ); }
td.colorclass10 { background-color: rgb( 204, 143, 143 ); }
td.office { background-color: rgb( 255, 200, 255 ); }
td.meeting { background-color: rgb( 150, 150, 150 ); }
td.schedule-internal-gap,
td.schedule-pre-gap,
td.schedule-post-gap {
    background-color: rgb( 220, 220, 220 );
}
/* ---------------------------------------------------
 * etc */
div.office-hours-duration {
    text-align: center;
    font-style: italic;
}
div.appointment-activity { font-weight: bold; }
span.appointment-time {}
span.appointment-duration { color: rgb( 100, 100, 100 ); }
div.appointment-location {}