div#cssGrid{
    display:grid;
    height:100vh;
    grid-template-columns: auto 0em 0vh;
    grid-template-rows: 3.25em 0em 1fr 4em;
    background-color:#f6f8f8;
}

div.topbar{
    grid-area: 1/1/1/3; //short form of properties: grid-row-start/grid-column-start/grid-row-end/grid-column-end
    background-color: #f6f8f8;
    margin: 0 10px;
}

// div.actionbar{
//     grid-area:1/3/5/3;
//     background-color: #373737;
// }

div.bottombar{
    grid-area:4/1/4/3;
    background-color: lightgray;
    margin: 0 10px;
}

div.contentarea{
    grid-area:3/1/4/1;
    background-color: #ffffff;
    // overflow: auto;
    margin: 0 10px;
}

div.modulebar{
    grid-area:2/1/2/1;
    background-color:#fff;
    margin: 0 10px;
    padding: 20px 5px;
    border-left: 1px solid #0089d0;
}
// div.modulebar_inner{
//     background-color: #f6f8f8;
//     border-radius: 2px 2px 0 0;
//     height: 60px;
//     width: 98%;
//     margin-left: 1%;
//     padding: 0%;
//     color: black;
//     border-color: #edf1f2;
// }