div.notes-workarea{
    height:100%;
    display:grid;
    grid-template-rows: 100%;
    grid-template-columns: 26% 70%;
    grid-template-areas: "PREV EDIT";
    grid-column-gap: 1em;
    background: var(--page_bg);

}

div.notes-previous {
    margin-top: 1vh;
    margin-bottom: 1vh;
    margin-left: 1em;
    grid-area: PREV;
    background: var(--div1_bg);
    display: flex;
    flex-direction: column;
    background:transparent;
    padding:.5em;
    border:1px solid navy;
    overflow: auto;

}

div.prevnotes{
    margin-top:1vh;
    margin-left:1vw;
}

div.notes-header{
    width:100%;
    height:6vh;
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color:whitesmoke;
    background:var(--header_bg);
}

div.notes-textedit{
    margin-top:3vh;
    width:100%;
    height:80%;
    background:var(--page_bg);
    Play Date:	Saturday - 10/31/2020
    Course:	Redfish Run  352-750-6730
    Group No.	Golfer No.	Guest?	Time	Hole	Golfer ID.	Name
    1	1	No	3:35	hole 1	546436	David Lindsey
1	2	No	3:35	hole 1	435574	Gail Lindsey
1	3	No	3:35	hole 1	636573	Walter Farnsworth
1	4	No	3:35	hole 1	565937	Bonnie Farnsworth
2	1	No	3:44	hole 1	526986	Mark Simon
2	2	No	3:44	hole 1	664536	Phyllis Simon
2	3	No	3:44	hole 1	709281	Peter Quigley
2	4	No	3:44	hole 1	344391	Joan Peebles
3	1	No	3:53	hole 1	704771	Augustine Barry
3	2	No	3:53	hole 1	571933	Deborah Barry
3	3	No	3:53	hole 1	736732	Daniel Dolan
3	4	No	3:53	hole 1	314412	Judy Dolan
4	1	No	4:02	hole 1	364202	Geraldine A Laffey
4	2	No	4:02	hole 1	366272	John Laffey
4	3	No	4:02	hole 1	623679	Thomas Gould
4	4	No	4:02	hole 1	649547	Shirley Gould
5	1	No	4:11	hole 1	489813	Nancy Mols
5	2	No	4:11	hole 1	479276	Steven Mols
5	3	No	4:11	hole 1	541144	Robert McMillin
5	4	No	4:11	hole 1	437557	Linda McMillin}




div.edit{
    margin-top: 1vh;
    margin-bottom: 1vh;
    margin-left: 1em;
    grid-area: EDIT;
    background: var(--page_bg);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
}

table.noteslist {
    width:99%;
    background-color:var(--page_bg);
    border-collapse:collapse
}

.hidden {
    display:none;
}

.note{
    color: whitesmoke;
    font-style: normal;
}

.nonote{
    color: rgba(156,255,213,0.6);
    font-style: italic;
    font-weight: bold;
}

textarea.notes-textedit {
    height: 70%;
    width: 80%;
    background: var(--page_bg)
}

.notes-date{
    font-family: monospace;
    padding-left:1vw;
}

td.notes, td.playdate{
    display:none;
}


td.date{
    cursor:pointer;
    padding-right:8px;
    color: #3C763D;
}

td.sqlplaydate{
    display:none;
}

td.red{
    color:silver;
}

button.update{
    margin-top:1vh;
    margin-bottom:1vh;
    margin-left:5%;
    width:90%;
    height:3.5vh;
}