div.dinner{
    height:100%;
    width:100%;
    /*background:var(--worklist_bg);*/
    display: grid;
    grid-column-gap: 1em;
    grid-template-columns: 20% 20% 20% auto;
    grid-template-rows: 100%;
    grid-template-areas: "PREV TTIMES SETLOC .";
    padding:.51em;
    background: var(--workarea_bg);
}

div.dinner td{
    color:navy;
}

div.prevdinner{
    grid-area: PREV;
    margin-top:1em;
    margin-bottom:1em;
    margin-left:2vw;
    background:var(--dialog_bg);
    border:1px solid var(--testborder);
    width:100%;
}

div.dinner div.ttimes{
    grid-area: TTIMES;
    margin-top:1em;
    margin-bottom:1em;
    margin-left:2vw;
    background:var(--dialog_bg);
    border:1px solid var(--testborder);
    width:100%;
}


div.dinner div.location{
    grid-area: SETLOC;
    margin-top:1em;
    margin-bottom:1em;
    margin-left:2vw;
    background:var(--dialog_bg);
    border:1px solid var(--testborder);
    width:100%;
}

div.dinner div.prevdinner div.body{
    overflow: auto;
}

div.prevdinner div.body{
    background: var(--dialog_bg);
    overflow: auto;
}



div.dinner div.ttimes td{

}




td.dinn-date{
    padding-left:1em;
    color:navy;
}



div.set div.column{
    display: flex;
    flex-direction: column;
}

select.restaurants{
    margin-left:2%;
    width:96%;
    margin-top:1vh;
    background-color:silver;
    font-family: Monospaced, monospace;
    //font-size:1.4vw;
    color:navy;
}

table.prevdinner{
    width:98%;
    margin-left:1%;

}

table.restaurants{

    line-height: 1.8;
    margin-left:1%;
    width:98%;
}


table.restaurants td.restaurant{
    padding-left:.4em;
}

table.restaurants td.check{
    padding-left:.4em;
}




.green{
    background:green;
    color:whitesmoke;
    }

.normal{
    background:silver;
    color:navy;
 }

.red{
    background:crimson;
    color:whitesmoke;
}

table.ttimes{
    border-collapse:collapse;
    line-height:1.8;
    margin-left:1%;
    width:98%;
}

table.ttimes td.ttime{

    padding-left:.5em;
}

table.dinnerlist{
    /*height:90%;*/
    line-height:2.0;
    margin-left:1%;
    width:98%;
}





td.dinner-ttimes,
.dinner-courses{
    color:whitesmoke;
    font-family:Monospaced, monospace;
    background: transparent;
    border:none;
    }

button.set-restaurant{
    margin-left: 1%;
    width: 98%;
    margin-top:1.5vh;
    height:4vh;
}