body {
     overflow: auto;
}
input, select, textarea {
     color: black;
     font-family:monospace;
     font-size: 1.1em;
}

#report {
    overflow: auto;
}
    
.form-wrapper {
     display:flex;
     flex-direction: column;
     margin: auto;
     padding:10px 10px 10px 10px;
}
.form-row {
     display:flex;
     flex-flow: row wrap;
     width:100%;
}
.form-element {
     display:flex;
     flex-direction: column;
     justify-content: flex-start;
     margin-right: 10px;
     margin-bottom: 10px;
}
.form-element:last-child {
     margin-right: 0;
}

.no-margin{
     margin-bottom: 0;
}

.half {
     width:50%;
}

.right {
     text-align: right;
     justify-content: flex-end;
}

.banner{
     width:100%;
     background-color:#0976BD;
     text-align: center;
     color:white;
     font-weight: bold;
     margin-bottom: 10px;
}

.tiny {
     font-size:.5em;
}

.title{
     font-size:1.2em;
     font-weight:bold;
}
label{
     font-size:.75em;
}

.full-width{
     width:100%;
}

.display-only {
     color:black;
     font-size: 1.5em;
}

/* Define the hover highlight color for the table row */
.hoverTable tr:hover {
     background-color: #ffff99 !important;
}

@media screen and (max-width: 900px) {
     .form-element:last-child {
          margin-right: 10px;
     }

     .half {
          width:100%;
     }
}

@media print {
     .noprint{
          display:none;
     }
}