div.parsereservation {
    height:100%;
    width:100%;
    grid-row-gap: 1em;
    background:var(--page_bg);
    display: grid;
    grid-gap: 1em;
    grid-template-columns: 45% 45% 5%;
    grid-template-rows:90%;
    grid-template-areas:
            "SRC RES P";

}

div.reservation{
    grid-area: SRC;
    background:var(--div1_bg);
    display:flex;
    flex-direction: column;
    margin-left:1%;
    margin-top:1vh;
    margin-bottom:1vh;
    width:98%;
}

div.header{
    height:5vh;
    background:navy;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size:2.3vh;
    color: whitesmoke;
}

div.result{
    grid-area: RES;
    background:var(--div1_bg);
    /*background:pink;*/
    margin-top:1vh;
    margin-bottom:1vh;
    overflow: hidden;
}

div.source div.processed{
    background:var(--div1_bg);
    margin-top:1vh;
    width:96%;
    margin-left:2%;
    height:40vh;
    color:whitesmoke;
}

textarea.reservation{
    margin-top:1vh;
    margin-left:1%;
    width:95%;
    height:64vh;
    font-family: monospace;
    padding:1vh;
    background-color:rgb(230,230,230);
}


div.ttimeresult{
    /*margin:2vh;
    margin-left:1%;
    width:98%;*/

}



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



table.ttimes{
    border-collapse:collapse;
    line-height:2;
    width:100%;
}

th{
    font-family: monospace;
    color: whitesmoke;

    }


td{
    color:whitesmoke;
    font-family:monospace;
    font-size:1.4vh;
    padding-left:1.5vw;
}

td.resno,
td.vid{
    width:3vw;

}


td.ttime{
    width:9vw;
}

td.posted{
    width:11vw;
}

td.playdate{
    width:6vw;

}

th.course{
    text-align: left;
    padding-left:3vw;
}