.TDschedule {
    float: left;
    width: calc(100% - 4px);
    max-width: 1600px;
    transform: translate(-50%, 0);
    display: block;
    margin: 2px;
    margin-left: 50%;
    color: black;
}

.TDday {
    margin: 2px;
    float: left;
    display: block;
    color: black;
}

.TDdayHeader {
    background-color: #888; 
    color: white;
    text-align: center;
    padding: 10px;
}

.TDscheduleBox {
    padding: 5px 10px;
    float: left;
    width: 100%;
    background-color: #eeeeee;
    margin-top: 4px;
    color: black;
}

.TDscheduleBox:hover {
    background-color: #dddddd;
    cursor: pointer;
}

.TDtimePart {
    float: left;
    width: 100%;
    color: black;
}

.TDtimePart div {color: black;}

.TDinfoPart {
    float: left;
    width: 100%;
    color: black;
}

.TDtimePart div {
        float: left;
        width: 50%;
        font-size: 10pt; 
        font-weight: bold;
}

.TDtimePart span {
    float: left;
    width: 50%;
    font-size: 8pt;
    text-align: right;

}

.TDinfoPart div {
    float: left;
    width: 100%;
    font-size: 10pt; 
    font-weight: bold;
}

.TDinfoPart span {
float: left;
width: 100%;
font-size: 8pt;
}

@media only screen and (max-width: 1023px) {
    .TDday {
        width: calc(100% - 4px) !important;)
    }
}