.scheduler { margin-left: 8px; border: 1px solid #ccc; width: 1080px; }
.scheduler table { table-layout: fixed; width: 1078px; }
.scheduler thead, .scheduler tbody { display: block; }
.scheduler tbody { height: 630px; overflow: auto; border-bottom: 1px solid #ccc; }
.scheduler table caption { background-color: #2e80ab; color: white; padding: 8px 0px 8px 0px; height: 38px }
.scheduler table caption button { border: 0; background-color: transparent; color: white; }
.scheduler table caption button:disabled {opacity: 0.5;}
.scheduler table caption i.fa-pulse {font-size: 1.5em;}
.scheduler table caption span {display: inline-block; width: 60px; }
.scheduler table caption .title {margin-left: 450px;  }
.scheduler table td { border-right: 1px solid #e1e1e1; width: 202px; }
.scheduler table thead tr td { height: 30px; border-bottom: 2px solid #e1e1e1; }
.scheduler table tbody tr td { height: 75px; padding: 1px; }
.scheduler table tbody tr { border-top: 1px solid #e1e1e1; }
.scheduler table thead td { text-align: center; }
.scheduler table tbody tr td:first-child, .scheduler table thead td { color: #666; font-size: 0.9em; }
.scheduler table  tr td:first-child { padding: 2px 0px 0px 4px; width: 50px; }
.scheduler table tbody tr td div.app { background-color: #cde6f7; display: block; height: 100%; border-left: 5px solid #99c8e9; padding-left: 3px; cursor: pointer;}
.scheduler table tbody tr td div.app span.subject { display: block; font-size: 0.9em; width: 180px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.scheduler table tbody tr td div.app span.notes { font-size: 0.85em; display: block; height: 48px; width: 180px; overflow: hidden; text-overflow: ellipsis; }
.scheduler table tbody .cell.drag-enter {background-color: #fbe3d0;}
.scheduler table tbody .cell.cell-clicked {background-color: #0072c6;}