body {
    background-color: #EEEEEE;
    font-family: Calibri;
    font-size: 11pt;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}


a:link {
    text-decoration: none;
}


a:hover {
    text-decoration: underline;
}


#tableBody {
    background: #EEEEEE;
    direction: ltr;
    text-align: center;
}


/* Active tables...*/
.activeTable {
    border-color: #2D4655;
    border-style: solid;
    border-width: thin;
}


/* Main headers of all tables... */
.tableTitleHeader {
    background-color: #2D4655;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    height: 25px;
}


/* Headers of active tables... */
.activeTableHeader {
    background-color: #2D4655;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    height: 25px;
}


/* Rows of active table rows highlighted with light color... */
.lightActiveTableRow {
    text-align: center;
    background-color: #E1E6EB;
    font-weight: normal;
    padding: 3px;
    height: 25px;
    white-space: nowrap;
}


/* Rows of active table rows highlighted with dark color... */
.darkActiveTableRow {
    text-align: center;
    background-color: #C8D2D7;
    font-weight: normal;
    padding: 3px;
    height: 25px;
    white-space: nowrap;
}


/* Rows of active table rows highlighted with dark color... */
.hiddenTableRow {
    height: 25px;
    text-align: left;
}


/* Inactive tables...*/
.inactiveTable {
    border-color: black;
    border-style: solid;
    border-width: thin;
}


/* Headers of inactive tables... */
.inactiveTableHeader {
    background-color: black;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    padding: 3px;
    height: 25px;
}


/* Rows of inactive table rows highlighted with light color... */
.lightInactiveTableRow {
    text-align: center;
    background-color: #D8D8D8;
    font-weight: normal;
    padding: 3px;
    height: 25px;
    white-space: nowrap;
}


/* Rows of inactive table rows highlighted with dark color... */
.darkInactiveTableRow {
    text-align: center;
    background-color: #F2F2F2;
    font-weight: normal;
    padding: 3px;
    height: 25px;
    white-space: nowrap;
}


/* Dark blue colored table cell in notification e-mail... */
.darkBlueNotificationCell {
    text-align: left;
    background-color: #95B3D7;
    font-family: Calibri;
    border: 1px solid #000000;
    font-weight: bold;
}


/* Light blue colored table cell in notification e-mail... */
.lightBlueNotificationCell {
    background-color: #DCE6F1;
    font-family: Calibri;
    border: 1px solid #000000;
}


/* Dark red colored table cell in notification e-mail... */
.darkRedNotificationCell {
    text-align: left;
    background-color: #DA9694;
    font-family: Calibri;
    border: 1px solid #000000;
    font-weight: bold;
}


/* Light red colored table cell in notification e-mail... */
.lightRedNotificationCell {
    background-color: #F2DCDB;
    font-family: Calibri;
    border: 1px solid #000000;
}


/* Dark green colored table cell in notification e-mail... */
.darkGreenNotificationCell {
    text-align: left;
    background-color: #C0D69B;
    font-family: Calibri;
    border: 1px solid #000000;
    font-weight: bold;
}


/* Light green colored table cell in notification e-mail... */
.lightGreenNotificationCell {
    background-color: #EAF1DD;
    font-family: Calibri;
    border: 1px solid #000000;
}


/* Dark blue colored table cell in notification e-mail... */
.darkGreyNotificationCell {
    text-align: left;
    background-color: #D8D8D8;
    font-family: Calibri;
    border: 1px solid #000000;
    font-weight: bold;
}


/* Light blue colored table cell in notification e-mail... */
.lightGreyNotificationCell {
    text-align: center;
    font-family: Calibri;
    background-color: #F2F2F2;
    border: 1px solid #000000;
}


/* To view a popup message/form */
.pnlPopUpMessageBackground {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: black;
}


.pnlPopUpMessage {
    padding: 10px;
    border: 1px;
    border-style: solid;
    border-color: black;
    background-color: #EEEEEE;
    /* Center the form in the window */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* box-shadow: [horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color]; */
    /*box-shadow: 10px 10px 6px -6px black;*/
    box-shadow: black 0px 0px 10px 10px;
    box-shadow: black 0px 0px 5px 5px;
    /*Specify the maximum height and make it scrolling if exceeded that.*/
    max-height: 80%;
    overflow: auto;
}


.pnlCustomPopupFormContents {
    max-height: 600px;
    overflow: auto;
}


.buttons {
    cursor: pointer;
}


.generalTextBox {
    border-style: solid;
    border-width: thin;
    font-size: 14pt;
    height: 25px;
}


.generalDropDownList {
    font-size: 14pt;
    height: 25px;
}


.normalTextBox {
    border-style: solid;
    border-width: thin;
}


.normalDropDownList {
    border-style: solid;
    border-width: thin;
}


.positiveActionButtons {
    cursor: pointer;
    background-color: lightgreen;
    font-weight: bold;
    width: 100%;
    height: 30px;
}


.negativeActionButtons {
    cursor: pointer;
    background-color: #FF6666;
    font-weight: bold;
    width: 100%;
    height: 30px;
}


.idleActionButtons {
    cursor: pointer;
    background-color: lightblue;
    font-weight: bold;
    width: 100%;
    height: 30px;
}


.gapRow {
    height: 15px;
}


.iconButton {
    cursor: pointer;
}


.idleActionIconButtons {
    cursor: pointer;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    background-color: lightblue;
    font-size: medium;
}


.negativeActionIconButtons {
    cursor: pointer;
    width: 25px;
    height: 25px;
    border: 1px solid black;
    background-color: #CC3300;
    color: white;
    font-size: medium;
}


#navMenuDiv {
    position: absolute;
    top: 87px;
    height: 30px;
    width: 35px;
    overflow: hidden;
}

    #navMenuDiv:hover, #navMenuDiv:focus, #navMenuDiv:focus-visible, #navMenuDiv:focus-within {
        overflow: visible;
    }