div.collector{
    height:100%;
    width:100%;
    /*background:var(--worklist_bg);*/
    display: grid;
    grid-column-gap: 1em;
    grid-template-columns: 25% 25% auto;
    grid-template-rows: 98%;
    grid-template-areas: "PREV PLAYDATE .";
    /*padding:.51em;*/

    background:var(--page_bg);

}

div.collector td{
    color:whitesmoke;
}

div.prevcollector{
    grid-area: PREV;
    margin-top:1em;
    margin-bottom:1em;
    margin-left:2vw;
    background:var(--dialog_bg);
    border:1px solid var(--testborder);
    width:100%;
    display:flex;
    flex-direction: column;
    /*background: orange;*/
}

/*
div.prevcollector div.header{
    height:5vh;
    background: navy;

}
*/

div.newcollector{
    grid-area: PLAYDATE;
    margin-top:1em;
    margin-bottom:1em;
    margin-left:2vw;
    background:var(--dialog_bg);
    border:1px solid var(--testborder);
    width:100%;
    /*background:orange;*!*/
}


div.collector div.prevcollector div.body{
    overflow: auto;
}

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



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

}

table.playdate{

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

td.space{
    padding-left:.5vw;
}






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

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

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


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