div.ttimes{
    height:100%;
    width:100%;
    display:grid;
    grid-template-rows: 100%;
    grid-template-columns: 70% 28%;
    grid-gap: 1em;
    grid-template-areas: "R D";
   /* background: #99ccff;
    background-color: hsl(140,30%,55%) ;*/
    background:transparent;
   }

div.results{
    grid-area: R;
    flex-direction:column;
    align-items:flex-start;
    justify-content: flex-start;
    padding:2vw;
    margin-left: 2vw;
    margin-top:2vh;
    margin-bottom:2vh;
    /*width: 100%;*/
    height:auto;
    max-height:98%;
    /*border:1px solid green;*/
    overflow:auto;
    background-color: transparent;
}

p.notimes{
    margin-left:5%;
    margin-top:5%;
    padding:3vh;
    color:crimson;
    font-size:3vw;
}

div.ttimes div.note{
    height: 100%;
    width: 100%;
    grid-area: D;
    padding:.5vw;
    /*margin-left:.5vw;
    margin-right:.5vw;*/
    /*padding:1vw;*/
    /*margin-left:1vw;*/
    margin-top:1vh;
    margin-bottom:2vh;
    margin-right:1vw;
    max-height: 96%;

    /*border:1px solid green;*/

    background: transparent;
    border:none;

}


div.cancel,
div.dinner,
div.subs
{

    /*padding:1vw;*/
    /*margin-left:1vw;*/
    margin-top:.5vh;
    margin-bottom:0;
    /*margin-right:2vw;*/
    height:auto;
    /*border:1px solid green;*/
    background-color: #c9ddca;
    /*background:orange;*/
}

div.cancel, div.dinner> div.header{

    text-align: center;
    background:var(--header_bg);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color:white;
    font-size:1.5vw;
}

div.cancel, div.dinner, div.subs > div.contentholder{
   /*border:1px solid navy;*/
}

div.ttimes td.cnxpwd{
    height:2.6vh;

}

p.note{
    font-family:arial,sans-serif;
    color:navy;
    font-size:1vw;
    margin-bottom: 1vh;
}

button.tbtn{
    border-radius:.3vw;
    background: rgb(220,220,220);
    border:1px solid navy;
    box-shadow: 1px 1px 1px gray;

}


p{
    margin-top:4px;
    margin-left:12px;
}

td{
    font-family:Arial,sans-serif;
    color:navy;
    font-size:1vw;
}

td.count{
    width:  1vw;
    text-align:right;
    padding-right:.5vw;
    color:red;
}

td.white{
    color:whitesmoke;
}


td.dinner{
    width : 4.55vw;
}

td.name.dinner.no{
    color:firebrick;
}

div.ttimes tr{
   /* border-left:1px solid navy;
    border-right: 1px solid navy;*/
}

div.ttimes button.cancel,
div.ttimes button.dinner,
div.ttimes button.sub{
    width:3.5vw;
    height:2.6vh;
    margin:.4vw;

}

div.ttimes button.cancel{
    color:crimson;
}

div.ttimes button.sub{
    color:navy;
}

.green{
    color:green;
}

div.ttimes td.resno{
    /*display:none;*/
}

div.ttimes td.name{
    width:11vw;
    padding-left:0;
    color:navy;
    font-size:1.2vw;
}

div.ttimes td.wehite{
    color:whitesmoke;
}

div.ttimes td.cphone{
    width:10vw;
    padding-left:0;
    color:navy;
}

div.ttimes td.restime {
    display: none;
}

div.ttimes td.ttime{
    width:  5vw;
}

div.ttimes td.cnxpwd{
    width:10vw;
}

td.sub{
    width:10vw;
}

div.ttimes p.note{
    margin:1vw;
}

div.ttimes input[type = 'text']{
    width:100%;
    font-size:1vw;
    border:1px solid navy;
    background: whitesmoke;
    height:2.6vh;
}

div.ttimes{

}

div.ttimes td{

}

td.resno{
    display:none;
}

.bold{
    font-weight:bold;
}



td.vid{
    width: 4vw;
}

.tbtn.green.dinner{
    color:green;
}

.tbtn.redder.dinner{
    color:firebrick;
}



td.cancel{
    width:  50px;
    text-decoration:line-through;
    color:red;
}

td.course{
    font-weight:bold;

    color:whitesmoke;
    background:var(--dialog_bg);
    text-align:center;
}


.cphone{
    font-weight:normal;
    padding-left:24px;
}

div.contentholder{
    /*background:pink;*/
    width:100%;
}


table.ttimes{
    border-collapse:collapse;
    /*width:100%;*/
    line-height:1.9;
}


hr{
    width: 100%;
    color:transparent;
}




td.name dinnerno{
    color:red;
}

td.uniq{
    display:none;
}

td.cphone{
    width:100px;
}

hr.narrow, tr.narrow{
    height:1px;
    color:transparent;
}

tr.name{
    border-bottom:1px dashed gray;
}


tr.line, tr.course{
    background:transparent;
}

tr.spacer{
    background:transparent;
    height:1vh;
    width:100%;

}

.background{
    background:transparent;
    border:1px solid green;
}

p.tnote{
    margin:1vw;
}