div.games{
    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 SETGAME .";
    padding:.51em;
    background: var(--page_bg);
}

div.editgameoftheweek{
    height:100%;
    width:100%;
    /*background:var(--worklist_bg);*/
    display: grid;
    grid-column-gap: 1em;
    grid-template-columns: 30% 30% 30%;
    grid-template-rows: 100%;
    grid-template-areas: "DESCRIPTION EDITOR PREVIEW";
    padding:.51em;
    background: var(--page_bg);
  

}

div.gamedescription{
    grid-area: DESCRIPTION;

}

div.gameeditor{
    grid-area: EDITOR;
    width:100%;

    display: flex;
    flex-direction: column;
    padding:.5em;

}

div.preview{
    grid-area: PREVIEW;

}

div.previewdiv{
    margin-top: 2vh;
    margin-left: 1%;
    width:98%;
    height:50%;
    border-radius : 1em;
    color: navy;
    padding:1em;
    font-size: 1.5em;
    white-space: pre-wrap;
    background-color: rgba(48,243,233,0.36)
}

p.gamedescription{
    margin-top:1vh;
    font-size:1.4vw;
    color: whitesmoke;
    margin-left:3%;
    width:90%;
    white-space:pre-line;

}



div.games td{
    color:navy;
}

div.prevgames{
    grid-area: PREV;
    margin-top:1%;

    margin-left:2vw;
    background:var(--dialog_bg);
    border:1px solid var(--testborder);
    width:100%;
    height:98%;
}

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


div.games div.gotw{
    grid-area: SETGAME;
    margin-top:1%;
    margin-left:2vw;
    background:var(--dialog_bg);
    border:1px solid var(--testborder);
    width:100%;
    height:98%;
}

div.games div.prevgames div.body{
    overflow: auto;
}

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

div.games div.ttimes td{

}

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



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



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

}

table.games{

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


table.games td.game{
    padding-left:.4em;
}

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


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

table.gamelist td.gamecode{

    padding-left:.5em;
}

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

textarea.gameinfo{
    font-size: 1.5em;
    padding:.5em;
    width:100%;
    height:50%;
}

button.updategame{
    margin-left:1%;
    width:98%;
    margin-top:1vh;
    height:5vh;
}