/* This .css file contains general css settings to set or override others when needed */
/*** Display ***/
/* 04/12/22 Added @media print .noprint class to have information displayed on the screen that doesn't print for attendance sheets */
@media print {
    .noprint {
        display: none !important;
        /*visibility: hidden;*/
    }
}

@media screen {
    .noscreen {
        display: none !important;
        /*visibility: hidden;*/
    }
}

.whitebackground {
    background: white;
}

/* 05/19/22 See audit report screen for example. */
.gridlines, .gridlines td {
    border: 1px solid lightgray;
    border-collapse: collapse;
}
    .gridlines, .gridlines table td {
        border: none;
    }

.lightgrayback {
    background-color: #F2F2F2;
    text-align: left;
    color: #222222;
}


td.printheaderpadding {
    padding-left: 16px;
}

.hidden {
    display: none;
    /* 09/26/18 JGW modified from visibility: hidden; which still takes space.*/
}

.displaytable {
    display: table !important;
}

.displayflex {
    display: flex !important;
}

.displaycontents {
    display: contents !important;
}

.displayinlineblock, input.displayinlineblock {
    display: inline-block !important;
}
/*** ALIGNMENT ***/
.valignmiddle {
    vertical-align: middle;
}
/* 05/10/22 valignmiddletd vertically centers the text of all of the table details if the table itself has a class of valignmiddletd */
.valignmiddletd tr td {
    vertical-align: middle;
}
.valigntop {
    vertical-align: top;
}
.valignbottom {
    vertical-align: bottom;
}
.valignbaseline {
    vertical-align: baseline;
}
    .valignbaseline table tr td {
        vertical-align: baseline;
    }
.valigntop table tr td {
    vertical-align: top;
}
/* use half the screen, but with a minimum width */
.half {
    width: 50%;
    min-width: 400px;
}

.autowidth {
    /* width: auto; */
    position: relative;
    width: calc(100% - 40px);
}

.center {
    text-align: center;
}
.alignleft {
    text-align: left;
}

.alignright {
    text-align: right;
    float: right;
}
/* 04/20/22 If there is a check box in line with a radio button list (often select by name/number rbl followed by include inactive,
                get everything to align.
*/
.marginleft8 { /* 04/21/22 Added this to align check boxes with radio button lists on final page of report wizards */
    margin-left: 8px;
}

.fullwidthcentered {
    /* 04/04/22 Added this to make the MasterPage left column fill the space and center */
    /*    display: table;*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

    .fullwidthcentered tbody {
        /*        display: table;*/
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .fullwidthcentered.displaytable {
        padding: 0.5625rem 0.625rem;
        display: table;
        width: 100%;
    }

.autowidth {
    width: auto;
}

.nobottommargin {
    margin-bottom: 0;
}

    .nobottommargin table {
        margin-bottom: 0;
    }

.boldimportant {
    font: bold !important;
}