body {
    padding-top: 0px;
}

div.dataTables_length  label>select {
    min-width: 56px !important;
}
@media (max-width: 576px) {
    table.chkboxlist td {
        display: table;
    }

    table.chkboxlist label {
        display: inline;
        white-space: pre-wrap;
    }

    div.dataTables_paginate .previous {
        display: inline;
    }

    div.dataTables_paginate.next {
        display: inline;
    }

    div.dataTables_paginate span {
        display: flex;
        flex-wrap: wrap !important;
        justify-content: center;
        margin: 5px;
    }


    

    .menu_flex {
        flex-direction: column;
    }

    .menu_flex_login {
        flex-direction: column;
        text-align: left;
    }

    .port-item {
        width: 100%;
    }
}

@media (max-width: 768px) {
    table.chkboxlist td {
        display: flex;
        margin-left: 0;
    }

    table.chkboxlist label {
        display: inline;
        white-space: pre-wrap;
        margin-left: 0px;
    }

    .menu_flex {
        flex-direction: column;
        text-align: left;
    }

    .menu_flex_login {
        flex-direction: column;
        text-align: left;
    }

    .btn-flex {
        width: 100%;
        margin-bottom: 5px;
    }

    .nav-item {
        display: block;
        clear: both;
    }


    .port-item {
        width: 100%;
    }
}

h1, .h1 {
    font-size: 1.75rem;
}

h2, .h2 {
    font-size: 1.5rem;
}

h3, .h3 {
    font-size: 1.3rem;
}

h4, .h4 {
    font-size: 1.2rem;
}

h5, .h5 {
    font-size: 1.1rem;
}

h6, .h6 {
    font-size: 1rem;
}

/* change the background color */
.navbar-custom {
    background-color: #013668;
}
    /* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #fdb82f;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #fdb82f;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: white;
    background-color: #013668;
}

.navbar-custom .navbar-toggler-icon {
    border-color: rgb(255, 255, 255);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-custom .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.navbar-custom .dropdown-item:hover, .dropdown-item:focus {
        color: white !important;
        background-color: #013668;
        text-decoration: none;
}

.navbar-custom .dropdown-item.active, .dropdown-item:active {
        color: #fdb82f!important;
        background-color: #013668;
        text-decoration: none;
    }

.navbar-custom .dropdown-item.disabled, .dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent;
    }

.navbar-custom .dropdown-menu a {
        color: #fdb82f !important;
    }

.top-offset-1 {
    margin-top: 1em;
}

.top-offset-2 {
    margin-top: 2em;
}
.bottom-offset-1 {
    margin-bottom: 1rem;
}

.bottom-offset-2 {
    margin-bottom: 2rem;
}
.border-dark {
    border-color: rgba(8,31,44,.9) !important;
}

.text-blue {
    color: rgba(8,31,44,.9) !important;
}

.text-orange {
    color: rgba(255,184,28,1) !important;
}
.ThickLine {
    background-color: grey;
    border: 0 none;
    height: 5px;
    color: grey;
}

.MediumLine {
    background-color: grey;
    border: 0 none;
    height: 2px;
    color: grey;
}
.loginDisplay {
    color: rgba(255,184,28,1) !important;
    font-weight: bolder;
}

.loginDisplay .a:link,
.loginDisplay a:visited {
    color: rgba(255,184,28,1) !important;
    font-weight: bolder;
}

.loginDisplay a:hover,
.loginDisplay a:active {
    color: rgba(255,184,28,1) !important;
    font-weight: bolder;
}

tr.Shade {
    background: #e0f1f9;
}
.Chart {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #525252;
    border-collapse: collapse;
}

.Chart td {
    padding: 2px;
    border: solid 1px #c1c1c1;
    color: black;
}

    .Chart td a {
        color: rgb(21, 93, 132) !important;
        font-weight: bold;
        text-decoration: none;
    }

    .Chart th {
        padding: 4px 2px;

        color: rgba(8,31,44,.9);
        background: #fdb82f;
        border-left: solid 1px #525252;
        font-size: 0.9rem;
    }

.Chart th a {
    text-decoration: none;
    color: rgba(8,31,44,.9);
}

.Chart .alt {
    background: #c1c1c1;
}

.Chart .pgr {
    background: #424242 url(grd_pgr.png) repeat-x top;
}

.Chart .pgr table {
    margin: 5px 0;
}

.Chart .pgr td {
    border-width: 0;
    padding: 0 6px;
    border-left: solid 1px #666;
    font-weight: bold;
    color: #fff;
    line-height: 12px;
}

.Chart .pgr a {
    color: #666;
    text-decoration: none;
}

.Chart .pgr a:hover {
    color: #000;
    text-decoration: none;
}
.error {
    color: darkred;
    font-weight: bold;
}

.failureNotification {
    color: darkred;
    font-weight: bold;
}

.chkBoxList25 td {
    width: 25%;
}
.tableWithBorder {
    border: solid 2px black;
    border-collapse: collapse;
}

.tableWithBorder tr {
    border: solid 1px;
}

.myh4 {
    font-size: 1.1em;
    color: #013668;
    font-variant: small-caps;
    text-transform: none;
    font-weight: bold;
    margin-bottom: 0px;
}

.NoDeco {
    text-decoration: none;
}

.prompt {
    font-weight: bold
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 5px;
    border-style: solid;
    border-color: #fdb82f;
    padding-top: 20px;
    padding-left: 10px;
    width: 400px;
    height: 140px;
}

a.Survey:link, a.Survey:visited, a.Survey:active, a.Survey:hover {
    FONT-SIZE: small;
    font-style: italic;
    FONT-WEIGHT: bold;
    COLOR: #FF0000;
    TEXT-DECORATION: none
}

.SurveyButton {
    padding: 2px 20px;
    text-decoration: none;
    border: dashed 1px #fdb82f;
    background-color: LightGray;
}

.SurveyButton:link {
    color: Black;
}

.SurveyButton:hover {
    border: solid 1px Black;
    background-color: #ffffff;
}

#ui-datepicker-div {
    display: none;
}

.top {
    vertical-align: top;
}
no-border, .no-border {
    border: none !important;
    box-shadow: none;
    padding: 0;
    border-width:0px;
}

fieldset {
    padding: 0.5rem !important;
    padding-top: 0.0rem !important;
    border: 1px solid #dee2e6 !important;
}

legend {
    font-size: 1.1em;
    font-weight: 600;
    width: inherit;
    border-bottom: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

input[type="text"].Wide100, .Wide100 {
    max-width: 100px;
    width: 100px;
}
input[type="text"].Wide200, .Wide200 {
    max-width: 200px;
    width: 200px;
}

input[type="text"].Wide400, .Wide400 {
    max-width: 400px;
    width: 400px;
}
input[type="text"].Wide600, .Wide600 {
    max-width: 600px;
    width: 600px;
}
.workflow-bootstrap-workaround {
    display: inline;
    font-size: 12pt;
}

.TimePicker {
    background-color: white;
    font-size: 12pt;
}
    .TimePicker .Hour {
        padding-right:0px;
        border-right: none !important;
        width: 40px !important;
        max-width: 40px !important;
        display: inline !important;
    }
    .TimePicker .Minute {
        padding-left:.1rem;
        padding-right:.1rem;
        display: inline !important;
        border-left: none !important;
        border-right: none !important;
        width: 30px !important;
        max-width: 30px !important;
    }
    .TimePicker .Second {
        padding-left:.1rem;
        padding-right:.1rem;
        display: inline !important;
        border-left: none !important;
        border-right: none !important;
        width: 30px !important;
        max-width: 30px !important;
    }
    .TimePicker .Separator {
        display: inline !important;
        border-left: none;
        border-right: none;
        width: 4px;
        padding-left:0;
        padding-right: 0;
        max-width: 4px;
    }
    .TimePicker .AMPM {
        display: inline !important;
        width: 40px !important;
        max-width: 40px !important;
        padding-left:.1rem;
        padding-right:.1rem;
    }

.gridPagerStyle {
    color: #000000;
    background-color: #EEEEEE;
    font-size: medium;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 3px
}
.gridRowStyle {
    background-color: #FFFFFF;
    letter-spacing: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: solid 1px #525252;
    color: rgb(21, 93, 132) !important;
    font-weight: bold;
}

.gridRowStyle a
{
    text-decoration:none;
}
.gridAlternatingRowStyle {
    letter-spacing: 0;
    background: #e0f1f9;
    border: solid 1px #525252;
    color: rgb(21, 93, 132) !important;
    font-weight: bold;
}
.gridAlternatingRowStyle a
{
    text-decoration:none;
}
.gridSelectedRowStyle {
    background-color: #3266cc;
    font-family: tahoma;
    font-size: small;
    color: white;
    letter-spacing: 0;
    text-indent: 30px;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-left: 1px solid #CCDDEF;
    border-right: 1px solid #CCDDEF;
}


.gridHeaderStyle {
    color: rgba(8,31,44,.9) !important;
    background: #fdb82f;
    font-size: medium;
}

    .gridHeaderStyle {
        color: rgba(8,31,44,.9) !important;
        background: #fdb82f;
        font-size: medium;
        border: solid 1px #525252;
        text-decoration: none;
        outline:none!important;
        box-shadow:none!important;
    }

    .gridHeaderStyle a{
        color: rgba(8,31,44,.9) !important;
        background: #fdb82f;
        text-decoration: none;
        outline: none !important;
        box-shadow: none !important;
    }

.gridEmptyDataRowStyle {
    background-color: Yellow;
    color: rgb(21, 93, 132) !important;
    font-weight: bold;
}
.indent {
    margin-left:30px;
}

input[type="checkbox"],
input[type="radio"] {
    margin-right: 0.3rem;
}

span.checkbox-label {
    display: table;
}

    span.checkbox-label > input {
        display: table-cell;
    }

    span.checkbox-label > label {
        display: table-cell;
        vertical-align: top;
    }

.checkbox input {
    float: left;
    height: 24px;
}

.checkbox label {
    margin-left: 30px;
    display: block;
}

.checkbox_right input {
    margin-left : 0.3rem;
}
.rblist label {
    padding-right: 1.5em !important;
}
.control-label {
    font-weight: bold;
}
label {
    margin-bottom: 0 !important;
}

.hidden-label label {
    opacity: 0;
    display: none;
}

.file-input {
    width: 400px
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .file-input {
        width: 550px
    }
}
.form-control{
    page-break-inside: avoid !important;
}

.sm-disclaimer{
    font-size: small;
}
/* this removes the toolbar that appears as a solid bar above and below the datatable*/
.dataTables_wrapper .fg-toolbar {
    display: none;
}

/* this removes the arrow under headings in datatables*/
.DataTables_sort_icon {
    display: none;
}

/* this will remove the jquery-ui triangle arrows that would appear to the right of the heading  (YES THERE ARE THREE SETS OF UP DOWN ARROWS!!!)*/
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-image: none !important;
}

input[type="file"] {
    height: 38px !important;
    cursor: pointer;
}

.image-wrapper-300 {
    max-height: 300px;
}

.image-wrapper-300 img {
    display: none;
}

.image-wrapper-300 img[src] {
    height: 100%;
    width: 100%;
    object-fit: contain;
    display: block;
}

.chkboxlist label {
    padding-right: 10px;
}

.darkgrey-border {
    border-color: darkgrey !important;
}

.chkboxlist-wrap label {
    display: inline;
    white-space: pre-wrap;
}

.chkbox-inline label {
    display: inline;
}

.total-highlight{
    font-size:large;
    color: red;
    font-weight: bold;
}
.acklist label {
    display: inline;
    white-space: pre-wrap;
}
.font-red {
    color: red !important;
}
.border-solid {
    border: 1px solid !important;
}
.padding-1r{
    padding: 1rem !important;
}

.chkboxlist-space{
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.hidden-lbl{
    opacity: 0;
    display: none;
}
.chkbox-20 label{
    font-size: 20px !important;
}
.display-inline{
    display: inline !important;
}
.rb-picture-small{
    height: 200px;
    width: 200px;
}
.w-15{
    max-width: 15% !important;
}