* {
    -webkit-box-sizing    : border-box;
    -moz-box-sizing       : border-box;
    box-sizing            : border-box;
}

html, body {
    position              : relative; 
    width                 : 100%;
    height                : 100%;
    margin                : 0;
    padding               : 0;
    font-family           : verdana,arial;
    font-size             : 16px;
    text-align            : center;
    overflow              : auto;
    overscroll-behavior   : none;
    z-index               : 1;
}

#container {
    width                 : 100%;
    height                : 100%;
    display               : grid;
    grid-template-rows    : 40px auto 24px;
    grid-column-gap       : 0;
    grid-row-gap          : 0;
    text-align            : center;
} 

#gridheader {
    display               : inline-grid;
    grid-template-columns : 40px auto 40px;
    grid-column-gap       : 5px;
    grid-row-gap          : 0;
    width                 : 100%;
    height                : auto;
    line-height           : 40px;
    color                 : #fff;
    background-color      : #000;
    font-size             : 18px;
    font-weight           : bold;
    text-align            : center;
} 

#gridheader .icon {
    padding               : 4px 0px;
} 

#gridheader img {
    width                 : 24px;
    height                : 24px;
    cursor                : pointer;
} 

#gridbody {
    position              : relative; 
    width                 : auto;
    height                : auto;
    display               : inline-grid;
    background-color      : #ffe;
    overflow-y            : auto;
    align-content         : start;
} 

#gridfooter {
    display               : inline-grid;
    width                 : 100%;
    color                 : #fff;
    background-color      : #000;
    font-size             : 10px;
    font-weight           : bold;
    line-height           : 20px;
    text-align            : center;
} 

.left {
    text-align            : left;
}

.center {
    text-align            : center;
}

.right {
    text-align            : right;
}

.bold {
    font-weight           : bold;
}

.italic {
    font-style            : italic;
}

.link {
    cursor                : pointer;
}

.sticky {
    position              : sticky;
    left                  : 0px;
    z-index               : 2;
}

.pshow {
    display               : none;
}

.phide {
    display               : table-cell;
}