/*dodgerblue
skyblue
lightskyblue
#A4DBFF
#B3E0FF
powderblue
paleturquoise
#BEEBFC
#C6EEFD
#DAF4FE
#E7F8FE
aliceblue*/


body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12pt;
    color: navy;
    background-color: #ffffff;
    line-height: 1.5
}

th[scope="row"] {
    background-color: transparent;
    border: none;
    text-align: left;
    font-weight: bold;
}

th[scope="col"] {
    font-weight: bold;
    padding: 5px 5px;
}

    th[scope="col"] a {
        font-weight: bold;
    }

.highlightfont {
    color: #C7691E;
}

/*a {
    font-weight: normal;
    text-decoration: underline;
    color: navy;
}

    a:hover {
        font-weight: normal;
        text-decoration: none;
        color: #C7691E;
    }*/

a.mailto {
    font-weight: normal;
    text-decoration: none;
    color: navy;
}

    a.mailto:hover {
        font-weight: normal;
        text-decoration: underline;
        color: #C7691E;
    }

a.title {
    font-weight: bold;
    text-decoration: none;
    color: navy;
}

    a.title:hover {
        font-weight: bold;
        text-decoration: underline;
        color: #C7691E;
    }

.smallheader1 {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 0px;
}

.ReportTimeStamp {
    position: absolute;
    top: 0px;
    right: 0px;
    float: right;
}

.table-container {
    display: block;
    border: 1px solid #ccc;
    overflow-x: scroll !important;
    overflow-y: scroll !important; /* Enables scrolling */
    height: 400px !important; /* Limits table height */
    /*width: 95vw !important;*/
}

    .table-container div {
        display: inline-block;
        width: fit-content;
    }

table {
    empty-cells: show;
    overflow: auto;
}

.floatleft {
    display: inline-block;
    float: left;
    width: 45vw;
    margin-top: 10px;
    padding: 0px 0px 10px 10px;
}

.floatright {
    display: inline-block;
    float: right;
    width: 45vw;
    margin-top: 10px;
    padding: 0px 10px 10px 0px;
}

.maincontentDiv {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: white
}

.Header {
    font-weight: bold;
    text-decoration: none;
    color: navy;
}

    .Header:hover {
        font-weight: bold;
        text-decoration: underline;
        color: #C7691E;
    }

tr {
    background-color: #B3E0FF;
    color: navy;
    padding: 5px;
}

div.TopAndClear {
    vertical-align: top;
    background-color: white;
    margin: 10px 0 10px 0;
    padding: 10px 0 10px 0;
}

table.NoChange tr {
    background-color: #B3E0FF;
}

input {
    font-size: 12pt !important;
    color: navy;
    height: auto !important;
}

select {
    font-size: 12pt !important;
    color: navy;
}

.MainPanel {
    position: relative;
    top: -70px;
    overflow: scroll;
}

.Error {
    color: darkblue;
    font-style: italic;
}

.Strong {
    font-weight: bold;
}

.User {
    color: navy;
    font-weight: bold;
}

.deptheader {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
    font-size: 16pt;
    color: navy;
    font-weight: bold;
}

.titles {
    font-size: 12pt;
    color: navy;
    font-weight: bold;
}

.aCenter {
    text-align: center;
}

.PrintView {
    color: Black;
}

div.Hide {
    color: Maroon;
    visibility: hidden;
}

caption { /* table caption */

    background-color: #d3d5fa;
    padding: 10px;
    color: #000000;
    font-weight: bold;
}

th { /* table header */


    background-color: #B3E0FF;
    color: #000000;
    font-weight: normal;
    font-size: 12pt;
}

div.Right {
    float: right;
}

div.Left_1_nf { /* non-float */
    padding-bottom: 10px;
}

div.Left_0 {
    float: left;
}

div.Left_1 {
    clear: both;
    float: left;
    padding-bottom: 10px;
}

div.Left_2 {
    display: block;
    clear: both;
    float: left;
    padding-left: 10px;
    /*width: 95%;*/
    margin-bottom: 15px;
}

    div.Left_2 div {
        display: inline-block;
        width: fit-content;
    }

div.Right {
    float: right;
    padding-left: 0px;
    padding-bottom: 10px;
}

div.Reg_1 {
    float: left;
    clear: left;
    padding-left: 10px;
    padding-bottom: 10px;
}

div.Reg_2 {
    float: left;
    clear: right;
    padding-left: 5px;
    padding-bottom: 5px;
}

div.Reg_3 {
    float: left;
    padding-left: 10px;
    clear: both;
}

.odd {
    background-color: white;
}

.even {
    background-color: #E7F8FE;
}

.SelectedRowStyle {
    background-color: Yellow;
}

@media print {

    main {
        position: relative;
        top: 0px;
        width: 100vw;
        height: 100vh;
        background-color: #ffffff;
        overflow: visible;
        margin-left: 20px;
        margin-right: 20px;
    }

    .noPrint {
        display: none;
    }

    #site-header, #site-footer, #left-navigation {
        display: none
    }

    #right-contentarea {
        float: none !important;
        width: 100% !important;
        box-shadow: none !important
    }

    #bread-crumb {
        display: none
    }

    .social-shares {
        display: none
    }

    html, body {
        background: none
    }

    .print-page {
        display: none
    }

    .instructions {
        display: none
    }

    .extraneous-gutter-items #content-frame-left {
        display: none
    }

    .content-accordion .ui-accordion-header {
        display: none !important
    }

    .content-accordion .ui-accordion-header-active {
        display: block !important
    }
}