div#scheduleContainer {
    /* color: red; */
    display: grid;
    grid-area: 2/2/6/3;
    align-self: start;
    padding: 4px;
}

schedulecontainer {
    display: grid;
}

schedule {
    display: grid;
    grid-template-columns: auto;
    justify-content: stretch;
}

lwevent {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 30% auto auto auto 1fr;
    align-items: center;
}

timerange {
    justify-self: right;
    padding: 4px;
    /* color: navajowhite; */
}

lweventlabel {
    justify-self: left;
    padding: 4px;
    /* color: navajowhite; */
}

lwEvent:hover timerange, lwEvent:hover lwEventLabel {
    color: white !important
}

lwevent.VS {
    color: #fcb32e;
}

lwevent.AR {
    color: #8963aa;
}

lwEvent {
    cursor: pointer;
}