div.viewtt{
    display:grid;
    height:100%;
    grid-template-rows: 100%;
    grid-template-columns: 18% 50% ;
    grid-gap:1em;
    grid-template-areas: "LIST TTIMES";
    grid-column-gap: 1.5%;
    background: var(--page_bg);
    padding:.5em;
}

div.ttime-list{
    background:var(--dialog_bg);
    grid-area: LIST;
    overflow: auto;
}

div.ttime-ttimes{
    background:var(--dialog_bg);
    grid-area: TTIMES;
    padding:1em;
    overflow:auto;

}

div.ttime-ttimes table.ttime-details{


}

table.ttime-details td.count{
    padding-left:1em;
    font-family: monospace;
    width:2vw;
    color:crimson;
}

table.ttime-details td.ttime{
    padding-left:1em;
    font-family: monospace;
    width:5vw;

}

table.ttime-details td.course {
    padding-left: 1em;
    font-family: monospace;
    width: 15vw;
}

table.ttime-details td.name {
    padding-left: 1em;
    font-family: monospace;
    width: 15vw;
}