html, input, button, select {
    font-size: min(3vw, 20px);
}

button {
    margin-top: 10px;
    border-radius: 5px;
    height: 2rem;
    padding: 0.2rem 0.6rem;
}

button {
    /*
    height: 25px;
    */
    min-width: 50px;
    border-radius: 5px;
    border-color: darkgray;
}

#LoggedInDiv {
    float:right;
}
#LoggedInUser {
    font-weight:bold;
    font-size: larger;
}

#logoutButton {
    float:right;
}

#pageHeader {
    height:auto;
}
p.headerItem {
    margin-top:3px;
    margin-bottom: 0px;
}
#subheader {
    width:100%;
    display:inline-block;
    margin-top:5px;
}
#pageFooter {
    height:auto;
    padding-top:5px;
    padding-bottom:5px;
}
#submitButton {
    margin-left:200px;
}

.ActionDesc {
    display:inline-grid;
    margin-left:20px;
    width:30vw; 
}

body {
    padding-top:75px;
    background-image:url("/img/site-background.png");
}

.BodyTitle {
    font-size:28px;
    margin: 3px 3px 3px 3px;
}

.DataEntry {
    overflow:auto;
    border-top: 2px solid #d5f5d5; /* very light green */
    border-bottom: 2px solid #d5f5d5; /* very light green */
}


.inputItemField {
}

.wideTextField {
    width:90%;
}


/* overlays */
.overlayMask {
    position:absolute;
    top:0px; left:0px;
    width:100%; height:100%;
    background-color:black; opacity:0.3;
    z-index:9998;
}
.errorMsg {
    color:red;
    position:absolute;
    width:250px;
    /*
    width:190px;
    width:auto;
    max-width:25%;
    left:25px; top:60px;
    */
    left:25%; top:25%;
    border:2px solid black;
    background-color:white; opacity:1.0;
    border-radius:5px;
    padding:5px;
    z-index:9999;
}
.dbMsg {
    color:blue;
    position:absolute;
    width:250px;
    left:25%; top:25%;
    border:2px solid black;
    background-color:white; opacity:1.0;
    border-radius:5px;
    padding:5px;
    z-index:9999;
}
.button-row {
    margin-top:15px;
    width:100%;
    display:flex;
    justify-content:center;
}
.inputGroup {
    border:1px solid gray;
    border-radius:5px;
    padding:10px;
    margin:0 5px 10px 5px;
}
.sectionName {
    font-weight:bold;
    margin-bottom:12pt;
}

#printButton {
    float:right;
}

.tbl-header {
    font-weight:bold;
    background-color:#EEE;
}

.visible {display:block;}
.hidden {display:none;}
/* end of overlays */