﻿/*html {
    background-color: rgb(33 84 116);
    overflow: auto;
    color: white;
}

body {
    padding-bottom: 0em;
    padding-right: 15em;
    padding-left: 15em;
    padding-top: 0em;
}*/
html {
    background-color: var(--PBFCMblue);
    overflow: auto;
    color: white;
}

#mainBody {
    padding-bottom: 0em;
    padding-right: 7.5em;
    padding-left: 7.5em;
    padding-top: 0em;
}


ul#LangMenu {
    /*padding: 0 5px 0 0;*/
    font-weight: 600;
    text-align: left;
    font-size: 14px;
    /*margin: 0 0 5px;*/
}

ul#LangMenu li {
    /*padding-left: 15px;*/
    list-style: none;
    /*display: inline;*/
}

.menuRow {
    height: auto !important;
    vertical-align: top;
    color: green;
}

.menuList {
    display: none;
}

#pbfcm_menu {
    letter-spacing: 0.1em;
    margin-bottom: 1em;
}

ul#pbfcm_menu {
    padding-bottom: 3px;
}

    ul#pbfcm_menu li {
        padding-bottom: 10px;
        font-size: 16px;
        display: block;
    }

        ul#pbfcm_menu li a, ul#pbfcm_menu li a:visited {
            background: url(../images/icon_more.png) center right no-repeat;
            padding-right: 10px;
            color: #d7002e;
        }

            ul#pbfcm_menu li a:hover, ul#pbfcm_menu li a:focus {
                background: url(../images/icon_more.png) center right no-repeat;
                padding-right: 10px;
                color: #376c8c;
            }

ul#pbfcm_menu_sub li {
    padding-bottom: 5px;
    padding-left: 10px;
    font-size: 13px;
    display: block;
}

h2.PageTitle {
    /*font-style: italic;*/
    font-weight: bold;
    font-size: 20px;
    color: #595959;
}

h2.HeaderTitle {
    border-bottom: 1px dotted #595959;
    font-weight: bold;
    font-size: 20px;
    color: #595959;
}

h2.HeaderTitleNoLine {
    font-weight: bold;
    font-size: 20px;
    color: #CBA662;
}

h3.CourtLoginTitleClass {
    font-weight: bold;
    font-size: 16px;
    color: #595959;
}

h3.DebtorTitle {
    font: bold normal 20px/18px georgia;
    border-bottom: 3px ridge white;
    text-align: center;
    color: #595959;
    padding: 5px;
}

div.WelcomeMessageClass p {
    text-align: justify;
    color: #595959;
}

/*a, a:visited {
    text-decoration: none;
    color: #d7002e;
    outline: none;
}*/

    a:hover, a:focus, h1 {
        color: var(--PBFCMblue);
    }

span, p, td {
    color: #376c8c;
}

div.GridHeaders p {
    font-size: 20px;
    color: #595959;
}

.RadioButtonListClass input[type="radio"] {
    color: #595959;
}

.RadioButtonListClass label {
    display: normal;
    color: #595959;
}

table {
    background-color: #ffffff;
}

td.VerticalSpacer {
    height: 25px;
}

td.VerticalSpacer2 {
    column-span: all;
    height: 25px;
}

td.VerticalSpacer3 {
    column-span: all;
    height: 10px;
}

.WarrantRoundUpReportTableClassTD2 {
    border-top-color: inherit;
    border-top-style: double;
    border-top-width: medium;
    border-color: #595959;
    vertical-align: top;
}

NavigationTable table {
    vertical-align: top;
    height: 100%;
    width: 100%;
}

table.NavigationTable td {
    padding-bottom: 15px;
    padding-left: 25px;
}

table.ChangePasswordTable1 td, table.ChangePasswordTable2 td {
    padding-left: 25px;
}

.float-left {
    float: left;
}

.float-right {
    padding-right: 10px;
    float: right;
}

div.footer {
    background-color: lightgray;
}

table .odd {
    background-color: lightgray;
    border-top: 1px solid #10285A;
}
/*
table .even {
    background-color: lightblue;
    border-top: 1px solid #10285A;
} */


table.DebtorListGridClass, table.LedgerListGridClass, table.VehicleListGridClass, table.ActivityListGridClass, table.BadAddressReportsGridClass,
table.ClientPlacementReportsGridClass, table.CollectionRateSummaryReportsGridClass, table.DocketAgeReportsGridClass, table.DLOnlyGridClass,
table.WarrantRoundupResultsGridClass, table.ZipCodeSelectionGridClass, table.AddressStatusSelectionGridClass, table.DebtorStatusSelectionGridClass,
table.PriorAddressListGridClass, table.ChangeAddressReportsGridClass {
    border-bottom: 1px solid;
    white-space: nowrap;
    word-wrap: initial;
    width: 100%;
}

table.ActivityListGridClass_nowrap {
    border-bottom: 1px solid;
}

table.LedgerListGridClass_nowrap {
    border-bottom: 1px solid;
}

table.DebtorListGridClass td, table.LedgerListGridClass td, table.VehicleListGridClass td, table.ActivityListGridClass td,
table.BadAddressReportsGridClass td, table.ClientPlacementReportsGridClass td, table.CollectionRateSummaryReportsGridClass td,
table.DocketAgeReportsGridClass td, table.WarrantRoundupResultsGridClass td, table.ZipCodeSelectionGridClass td,
table.AddressStatusSelectionGridClass td, table.DebtorStatusSelectionGridClass td, table.DLOnlyGridClass td,
table.PriorAddressListGridClass td, table.ChangeAddressReportsGridClass td {
    padding: 10px 5px 5px 5px;
    border-right: 1px solid;
    white-space: nowrap;
    word-wrap: initial;
    font-size: 14px;
    color: black;
}


table.ActivityListGridClass_nowrap td {
    padding: 10px 5px 5px 5px;
    border-right: 1px solid;
    font-size: 14px;
    color: black;
}

table.LedgerListGridClass_nowrap td {
    padding: 10px 5px 5px 5px;
    border-right: 1px solid;
    font-size: 14px;
    color: black;
}

table.DebtorListGridClass thead, table.LedgerListGridClass thead, table.VehicleListGridClass thead, table.ActivityListGridClass thead,
table.BadAddressReportsGridClass thead, table.ClientPlacementReportsGridClass thead, table.CollectionRateSummaryReportsGridClass thead,
table.DocketAgeReportsGridClass thead, table.WarrantRoundupResultsGridClass thead, table.ZipCodeSelectionGridClass thead,
table.AddressStatusSelectionGridClass thead, table.DebtorStatusSelectionGridClass thead, table.DLOnlyGridClass thead,
table.PriorAddressListGridClass thead, table.ChangeAddressReportsGridClass thead {
    border-bottom: 2px solid #cc3300;
    padding: 5px 5px 5px 5px;
    background: #02021E;
    white-space: nowrap;
    word-wrap: initial;
    text-align: left;
    font-size: 14px;
}

table.ActivityListGridClass_nowrap thead {
    border-bottom: 2px solid #cc3300;
    padding: 5px 5px 5px 5px;
    background: #02021E;
    text-align: left;
    font-size: 14px;
}

table.LedgerListGridClass_nowrap thead {
    border-bottom: 2px solid #cc3300;
    padding: 5px 5px 5px 5px;
    background: #02021E;
    text-align: left;
    font-size: 14px;
}

table.DebtorListGridClass thead th, table.LedgerListGridClass thead th, table.VehicleListGridClass thead th, table.ActivityListGridClass thead th,
table.BadAddressReportsGridClass thead th, table.ClientPlacementReportsGridClass thead th, table.CollectionRateSummaryReportsGridClass thead th,
table.DocketAgeReportsGridClass thead th, table.WarrantRoundupResultsGridClass thead th, table.ZipCodeSelectionGridClass thead th,
table.AddressStatusSelectionGridClass thead th, table.DebtorStatusSelectionGridClass thead th, table.DLOnlyGridClass thead th,
table.PriorAddressListGridClass thead th, table.ChangeAddressReportsGridClass thead th {
    padding-right: 15px;
    white-space: nowrap;
    word-wrap: initial;
    text-align: left;
    color: white;
}

table.ActivityListGridClass_nowrap thead th {
    padding-right: 15px;
    white-space: nowrap;
    color: white;
}

table.LedgerListGridClass_nowrap thead th {
    padding-right: 15px;
    white-space: nowrap;
    color: white;
}

table.DocketAgeReportsGridClass tfoot td, table.ClientPlacementReportsGridClass tfoot td,
table.ClientPlacementReportsGridClass tfoot td, table.WarrantRoundupResultsGridClass tfoot td,
table.LedgerListGridClass tfoot td {
    padding: 5px 5px 5px 5px;
    white-space: nowrap;
    word-wrap: initial;
    font-size: 14px;
    color: white;
}

table.LedgerListGridClass_nowrap tfoot td {
    padding: 5px 5px 5px 5px;
    white-space: nowrap;
    font-size: 14px;
    color: white;
}

table.AccountMappingResultsGridClass, table.FileUploadResultsGridClass, table.ComplaintGridClass {
    border-bottom: 1px solid;
    white-space: nowrap;
    word-wrap: initial;
    width: 100%;
}

    table.AccountMappingResultsGridClass td, table.FileUploadResultsGridClass td, table.ComplaintGridClass td {
        padding: 5px 5px 5px 5px;
        border-right: 1px solid;
        white-space: nowrap;
        word-wrap: initial;
        font-size: 11px;
        color: black;
    }

    table.AccountMappingResultsGridClass thead, table.FileUploadResultsGridClass thead, table.ComplaintGridClass thead {
        border-bottom: 2px solid #cc3300;
        padding: 5px 5px 5px 5px;
        background: #02021E;
        white-space: nowrap;
        word-wrap: initial;
        text-align: left;
        font-size: 11px;
    }

        table.AccountMappingResultsGridClass thead th, table.FileUploadResultsGridClass thead th, table.ComplaintGridClass thead th {
            white-space: nowrap;
            word-wrap: initial;
            padding-right: 5px;
            text-align: left;
            color: white;
        }

table thead .tablesorter-headerAsc {
    background-image: url('../Images/ice-asc.gif');
    background-position: right center;
    background-repeat: no-repeat;
    padding: 2px 15px 2px 2px;
}

table thead .tablesorter-headerDesc {
    background-image: url('../Images/ice-desc.gif');
    background-position: right center;
    background-repeat: no-repeat;
    padding: 2px 15px 2px 2px;
}

table thead .tablesorter-headerUnSorted {
    background-image: url('../Images/ice-unsorted.gif');
    background-position: right center;
    background-repeat: no-repeat;
    padding: 2px 15px 2px 2px;
}

table tfoot {
    background: #02021E;
    white-space: nowrap;
    word-wrap: initial;
    color: white;
}

.MessagesLabel {
    background-color: lightblue;
    color: white;
}

div.ErrorsDivClass p {
    background-color: red;
    color: white;
}

div.MessagesDivClass p {
    background-color: blue;
    color: white;
}

div.PasswordCriteriaTextDivClass p {
    background-color: blue;
    color: white;
}

div.DebtorAddressStatusDivClass p {
    background-color: red;
    color: white;
    width: 90%;
}

.DebtorContact {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    width: 400px;
    color: red;
}

.ActivityAdd {
    margin-bottom: 5px;
    width: 100%;
}

.ui-datepicker {
    background: lightgray;
    text-align: center;
    border: white;
    width: 185px;
}

.ui-datepicker-prev {
    display: block;
    float: left;
}

    .ui-datepicker-prev div {
        color: red;
    }

.ui-datepicker-next {
    display: block;
    float: right;
}

.ui-datepicker-calendar td {
    padding: 5px 5px 5px 5px;
}

table.DebtorDetailTableClass {
    border: 3px ridge white;
    padding-bottom: 0px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 0px;
    width: 100%;
}

table.DebtorListTableClass, table.ClientPlacementReportTableClass, table.DocketAgeReportTableClass, table.CollectionRateSummaryReportTableClass,
table.WarrantRoundUpReportTableClass, table.AccountMappingReportTableClass, table.FileUploadResultsGridTableClass,
table.AddressChangeReportTableClass {
    padding-bottom: 0px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 0px;
    width: 100%;
}

input[type="radio"] {
    margin-right: 5px;
    color: #595959;
}

#canvasMap {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.RadioButtonListMapping label {
    margin-right: 10px;
    color: #595959;
}

.checkbox label {
    padding-left: 5px;
    color: #595959;
}

.RBL label {
    display: block;
    text-wrap: none;
    font-size: 14px;
}

.RBL td {
    text-align: center;
    text-wrap: none;
    width: 125px;
}

#geocode-panel {
    font-family: 'Roboto','sans-serif';
    background-color: #fff;
    border: 1px solid #999;
    text-align: center;
    padding-left: 10px;
    line-height: 36px;
    padding: 5px;
    z-index: 5;
    left: 25%;
}

.markersClass {
    font-family: 'Times New Roman';
    background-color: black;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    color: white;
    width: 30px;
}

.markersClassRed {
    font-family: 'Times New Roman';
    background-color: red;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    color: white;
    width: 30px;
}

.markersClassGreen {
    font-family: 'Times New Roman';
    background-color: green;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    color: black;
    width: 30px;
}

.FileListTBClass {
    display: none;
}

textarea {
    border-radius: 3px 3px 3px 3px;
    border: 1px solid black;
    background: white;
    text-align: left;
}

/*input[type="text"] {
	border: 1px dotted black;
	background: lightblue;
	border-radius: 3px;
    padding-left: 3px;
	text-align: left;
}

input[type="password"] {
	border: 1px dotted black;
	background: lightblue;
	border-radius: 3px;
    padding-left: 3px;
	text-align: left;
}*/

/*input[type="submit"] {
	border-radius: 3px 3px 3px 3px;
	border: 1px dotted black;
	background: lightgreen;
	text-align: center;
	width: 125px;
}*/

select {
    border-radius: 3px 3px 3px 3px;
    border: 1px dotted black;
    background: lightblue;
    text-align: left;
}

.GenericButtonStyle {
    background: url(../Images/btn_arrow.png) transparent right;
    background-repeat: no-repeat;
    border-style: none;
    color: white;
    width: 75px;
    height: 26px;
}

.GenericButtonStyle1 {
    background: url(../Images/btn_arrow.png) transparent right;
    background-repeat: no-repeat;
    border-style: none;
    color: white;
    width: 125px;
    height: 26px;
}

.GenericButtonStyle2 {
    background: url(../Images/btn_arrow.png) transparent right;
    background-repeat: no-repeat;
    border-style: none;
    color: white;
    width: 150px;
    height: 26px;
}

.GenericButtonStyle3, GenericButtonStyle3:disabled {
    background: url(../Images/btn_arrow.png) transparent right;
    background-repeat: no-repeat;
    border-style: none;
    color: white;
    width: 200px;
    height: 26px;
}

.GenericButtonStyle3A {
    background: url(../Images/btn_arrow.png) transparent right;
    background-repeat: no-repeat;
    border-style: none;
    color: white;
    width: 250px;
    height: 26px;
}

.GenericButtonStyle4 {
    background: url(../Images/btn_arrow.png) transparent right;
    background-repeat: no-repeat;
    border-style: none;
    color: white;
    width: 350px;
    height: 26px;
}

.CheckListBoxDivClass {
    overflow-y: scroll;
    margin-left: 5px;
    width: 400px;
    height: 60px;
    color: #595959;
}

    .CheckListBoxDivClass table tr {
        display: inline-block;
        margin-right: 15px;
    }

        .CheckListBoxDivClass table tr label {
            margin-left: 5px;
            color: #595959;
        }

.GenericLabel {
    color: #595959;
}

.Note1 {
    vertical-align: top;
    text-align: justify;
    color: #595959;
}

.Note2 {
    vertical-align: top;
    color: red
}


.LoginForm table {
    /*background-image: var(--PBFCMgradblueLR);*/
    background-color:purple;
    border-radius: 10px;
    /*background-color: #ebebeb;
    border-style: none;
    border: hidden;
    width: auto;*/
}

    .LoginForm table td {
        padding: 5px;
    }

.login-button {
    background: url(../Images/btn_arrow.png) transparent right;
    background-repeat: no-repeat;
    border-style: none;
    color: white;
    width: 150px;
    height: 26px;
}

.login-text {
    border: 1px dotted black;
    border-radius: 3px;
    padding-left: 3px;
    background: white;
    font-weight: bold;
    text-align: left;
    color: #5a5a5a;
    height: 20px;
}

.login-title {
    background-color: #ebebeb;
    font-weight: bold;
    text-align: left;
    color: #5a5a5a;

}

.login-label {
    font-weight: bold;
    text-align: left;
    color: #5a5a5a;
}

.login-ckbx {
    font-weight: bold;
    text-align: left;
    color: #5a5a5a;
}

.session_timeout_class {
    background-color: lightgray;
    height: 60px;
    width: 150px;
}

.TimeoutClass {
    font-weight: bold;
    font-size: 12px;
    color: #5a5a5a;
}

.TimeOut_Class_Parent {
    vertical-align: middle;
    padding-left: 5px;
}

/*--------------------------------------------------------------------- */
/*  Top Menu */
/*--------------------------------------------------------------------- */
#topmenu .dropdown {
    text-transform: uppercase;
    font-weight: bold;
    line-height: 18px;
    font-size: 11px;
    color: #b2b2b2;
    z-index: 1300;
    float: right
}

    #topmenu .dropdown li {
        border-right: 1px solid #d2d2d2;
        display: inline-block;
        position: relative;
        list-style: none;
        padding: 0 14px;
        margin: 0;
        float: left
    }

        #topmenu .dropdown li:hover,
        #topmenu .dropdown .current-menu-item,
        #topmenu .dropdown .current-menu-ancestor {
            border-right: 1px solid #d7002e;
        }

            #topmenu .dropdown li:hover li,
            #topmenu .dropdown .current-menu-item li,
            #topmenu .dropdown .current-menu-ancestor li {
                border-right: none;
                text-align: left;
            }

        #topmenu .dropdown li a {
            display: inline-block;
            text-decoration: none;
            line-height: 32px;
            color: #262626;
        }

            #topmenu .dropdown li a span {
                color: #262626;
                display: block;
            }

                #topmenu .dropdown li a span:hover {
                    color: #d7002e;
                    display: block;
                }

        #topmenu .dropdown li ul li a span {
            color: #b2b2b2;
            display: block;
        }

            #topmenu .dropdown li ul li a span:hover {
                display: block;
                color: #fff;
            }

        #topmenu .dropdown li ul,
        #topmenu .dropdown li ul li ul,
        #topmenu .dropdown li ul li ul li ul {
            text-transform: none;
            display: none;
        }

        #topmenu .dropdown li ul {
            text-shadow: none;
            padding: 5px 0 0;
            font-size: 11px;
            z-index: 1308;
            left: -40px;
            top: 24px;
            margin: 0;
        }

        #topmenu .dropdown li:hover > ul {
            position: absolute;
            display: block;
            width: 150px
        }

        #topmenu .dropdown li ul li {
            background: url(../Images/dropdown_sprite.png) -150px 0 no-repeat;
            line-height: 1.2em;
            display: block;
            border: none;
            width: 150px;
            height: auto;
            clear: both;
            padding: 0;
            margin: 0;
        }

            #topmenu .dropdown li ul li:first-child {
                background: url(../Images/dropdown_sprite.png) 0 top repeat-y;
                line-height: 1.2em;
                display: block;
                border: none;
                width: 150px;
                height: auto;
                clear: both;
                padding: 0;
                margin: 0;
            }

            #topmenu .dropdown li ul li a {
                background: url(../Images/dropdown_sprite.png) -300px bottom no-repeat;
                padding: 20px 10px 10px 15px;
                line-height: normal;
                display: block;
                height: auto;
                color: #999;
            }

        #topmenu .dropdown li a:hover span {
            cursor: pointer
        }

/*--------------------------------------------------------------------- */
/*  Footer */
/*--------------------------------------------------------------------- */
footer {
    /*background: url(../Images/footer_bg.png) center repeat-y*/
}

    footer .container {
        /*padding: 50px 0 40px;*/
        /*width: 930px;*/
        font-size: 12px;
        color: #808080
    }

.fcol {
    float: left;
    /*margin-left: 20px*/
}

footer .fcol:first-child {
    margin: 0
}

.f_col_1 {
    /*width: 330px;*/
}

    .f_col_1 .widget-container {
        /*padding-left: 60px;*/
        color: #4c4c4c
    }

    .f_col_1 p {
        color: #4c4c4c
    }

.f_col_2, .f_col_3, .f_col_4, .f_col_5 {
    /*width: 130px;*/
}

    .f_col_2 span, .f_col_3 span, .f_col_4 span, .f_col_5 span {
        color: #4c4c4c
    }

        .f_col_2 span:hover, .f_col_3 span:hover, .f_col_4 span:hover, .f_col_5 span:hover {
            color: #d7002e
        }

footer .container a {
    color: #b2b2b2
}

    footer .container a:hover {
        color: #d7002e
    }

footer h3 {
    color: #4c4c4c;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 0 0 0;
    margin: 0 0 5px 0
}

footer .widget-container li {
    margin-bottom: 6px;
    line-height: 1.2em
}

footer .container .copyright p {
    /* padding-left: 60px;*/
    color: #4c4c4c;
    /*width: 370px*/
}

.widget_contact .contact-address {
    padding: 0;
    font-size: 13px;
    line-height: 1.2em;
}

.LockOff {
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.LockOn {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 105%;
    height: 105%;
    background-color: #ccc;
    text-align: center;
    padding-top: 20%;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.LockBackground {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 105%;
    height: 105%;
    background-color: #666;
    z-index: 999;
    filter: alpha(opacity=75);
    opacity: 0.75;
    padding-top: 20%;
}

.LockPane {
    z-index: 1000;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 25%;
    visibility: visible;
    display: block;
    text-align: center;
    width: 100%;
}

    .LockPane div {
        width: 55%;
        background-color: #969;
        color: White;
        font-size: large;
        border: dotted 1px White;
        padding: 9px;
        margin-left: auto;
        margin-right: auto;
    }

/*------------------------------*/
table {
    background-color: #ffffff;
}

/*a, a:visited {
    text-decoration: none;
    color: #d7002e;
    outline: none;
}*/

    a:hover, a:focus, h1 {
        color: #376c8c;
    }

span, p {
    color: #376c8c;
}

.note {
    color: red;
}

h1 {
    font-size: 20px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin-bottom: 5px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    color: red;
}

h2.PageTitle {
    font-weight: bold;
    font-size: 20px;
    color: #595959;
}

h2.HeaderTitle {
    font-weight: bold;
    font-size: 20px;
    color: #CBA662;
    width: 90%;
}

h3 {
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    margin-bottom: 5px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    font-weight: bold;
    font-size: 16px;
    color: blue;
}

table .odd {
    background-color: lightgray;
    border-top: 1px solid #10285A;
}
/*
table .even {
    background-color: lightblue;
    border-top: 1px solid #10285A;
}

*/
table .even {
    background-color: var(--PBFCMbluealpha25);
    border-top: 1px solid #10285A;
}
    table .Transaction_List{
    border-bottom: 1px solid;
    width: 100%;
}

    table.Transaction_List td {
        padding: 1px 5px 1px 5px;
        border-right: 1px solid;
        word-wrap: break-word;
        font-size: 14px;
        color: black;
    }

    table.Transaction_List thead {
        border-bottom: 2px solid #cc3300;
        padding: 5px 5px 5px 5px;
        word-wrap: break-word;
        background: #02021E;
        text-align: left;
        font-size: 14px;
    }

        table.Transaction_List thead th {
            word-wrap: break-word;
            padding-right: 15px;
            text-align: left;
            color: white;
        }

    table.Transaction_List tfoot td {
        padding: 1px 5px 1px 5px;
        border-right: 1px solid;
        word-wrap: break-word;
        background: #02021E;
        text-align: left;
        font-size: 14px;
        color: white;
    }

.Transaction_List thead .tablesorter-headerAsc {
    background-image: url('../Images/ice-asc.gif');
    background-position: right center;
    background-repeat: no-repeat;
}

.Transaction_List thead .tablesorter-headerDesc {
    background-image: url('../Images/ice-desc.gif');
    background-position: right center;
    background-repeat: no-repeat;
}

.Transaction_List thead .tablesorter-headerUnSorted {
    background-image: url('../Images/ice-unsorted.gif');
    background-position: right center;
    background-repeat: no-repeat;
}

NavigationTable table {
    vertical-align: top;
    height: 100%;
    width: 100%;
}

table.NavigationTable td {
    padding-bottom: 15px;
    /* padding-left: 25px;*/
    padding-left: 0px;
}

.simpleshape1 {
    /*-moz-border-radius: 2px 16px 16px 16px;
    border-radius: 2px 16px 16px 16px;
    border: none 0px transparent;
    background-color: #2ecc71;
    font-weight: lighter;
    font-size: 25px;
    padding: 10px;
    height: 50px;
    width: 340px;
    color: #fff;*/
    /* Changed 01/09/2023 DRS, LJ*/
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid var(--PBFCMblue);
    background-image: var(--PBFCMgradblueLR);
    font-family: 'Open Sans';
    font-weight: lighter;
    font-size: 25px;
    /*padding: 10px;*/
    /*margin-bottom: 25px;*/
    text-align:center;
    vertical-align:middle;
    height: 50px;
    width: 340px;
    color: var(--PBFCMwhite);
}

    .simpleshape1:hover {
        background-image:none;
        background-color: rgb(46 204 113);
        border: 1px solid rgb(46 204 113);
    }

    .simpleshape1:focus {
        border: 2px solid rgba(0, 22, 137, 0.5);
        background-color: rgba(0, 22, 137, 0.5);
        color: #383838;
    }

/*.LookupTableClass, .InformationTableClass {
    background-color: #ebebeb;
}*/
.LookupTableClass {
    /* THIS IS WHAT YOU SEE AS THE FORM */
    width:100%;
    background-image:var(--PBFCMgradblueLR);
    border-radius:10px;
}
.InformationTableClass {
    color: var(--PBFCMwhite);
}


div.ErrorsDivClass p {
    background-color: red;
    color: white;
}

div.MessagesDivClass p {
    background-color: blue;
    color: white;
}

#ctl00_Data_Holder_ReceiptViewerRpt_ctl05 {
    background-color: #ECE9D8;
    background-image: none;
    border: 1px solid #CCCCCC;
    height: 33px;
}

    #ctl00_Data_Holder_ReceiptViewerRpt_ctl05 div {
        background-color: #ECE9D8;
        background-image: none;
        border: 1px solid #ECE9D8;
    }

        #ctl00_Data_Holder_ReceiptViewerRpt_ctl05 div div {
            background-color: #ECE9D8;
            background-image: none;
            border: 1px solid #ECE9D8;
        }

            #ctl00_Data_Holder_ReceiptViewerRpt_ctl05 div div table {
                background-color: #ECE9D8;
                background-image: none;
                border: 1px solid #ECE9D8;
            }

                #ctl00_Data_Holder_ReceiptViewerRpt_ctl05 div div table tr {
                    background-color: #ECE9D8;
                    background-image: none;
                    border: 1px solid #ECE9D8;
                }

                    #ctl00_Data_Holder_ReceiptViewerRpt_ctl05 div div table tr td {
                        background-color: #ECE9D8;
                        background-image: none;
                        border: 1px solid #ECE9D8;
                    }

#PrinterImg {
    border: 0px solid black;
    box-sizing: border-box;
    height: 18px;
}

    #PrinterImg:hover {
        border: 1px solid black;
    }

/* Tooltip container */
.tooltip {
    display: inline-block;
    position: relative;
    color: black;
}

    /* Tooltip */
    .tooltip .tooltiptext {
        padding: 5px 5px 5px 5px;
        background-color: black;
        visibility: hidden;
        text-align: center;
        border-radius: 6px;
        width: 240px;
        /* Position the tooltip */
        position: absolute;
        margin-left: -60px;
        bottom: 100%;
        z-index: 1;
        left: 50%;
    }

    /* Show the tooltip when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

/*---------------------------*/

.myNavigation{
    font-family:'Open Sans';
    font-weight:500;
    font-size:1.2rem;
    color:var(--PBFCMblue);
}

.myLoginForm {
    /*background-image: var(--PBFCMgradblueLR);
    border-radius: 10px;
    background-color: #ebebeb;
    border-style: none;
    border: hidden;
    width: auto;*/
}

#ReportTable {
    /*background-image: var(--PBFCMgradblueLR);*/
    /*background-color: yellow;*/
    border: 0px;
    width: 100%;
    height: 100%;
    vertical-align: top;
    text-align: left;
    padding: 0;
}
.myLoginForm table td {
    padding: 5px;
}

.acct-access-title {
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 2rem;
    text-align: center;
    padding-bottom: 1rem;
    color: var(--PBFCMblack);
}

.myAccountNumberLabel {
    font-family: 'Open Sans';
    font-size: 1.2rem;
    color: var(--PBFCMwhite);
    text-align: center;
}

.myAccountNumberLabel-find {
    font-family: 'Open Sans';
    font-size: 1.2rem;
    color: var(--PBFCMwhite);
    text-decoration: underline;
}

.myAccountNumberLabel-find:visited{
    color:var(--PBFCMwhite);
}

.myAccountNumberLabel-find:hover {
    color: var(--PBFCMred);
}

.login-submit-button {
    justify-content: center;
    align-items: center;
    align-self: center;
    display: flex;
    text-align: center;
    height: 3.5rem;
    font-family: 'Open Sans';
    font-weight: 600;
    font-size: 2rem;
    color: var(--PBFCMblue);
    border-radius: 10px;
    padding: 0px 10px 0px 10px;
    background-image: linear-gradient(0deg, rgba(231,235,237,1) 15%, rgba(190,197,208,1) 79%, rgba(255,255,255,1) 100%);
    box-shadow: 0px -4px 3px rgba(190, 197, 208, 0.75);
}

.lookupDiv {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    border: 0px dashed green;
}

#myFormDiv form {
    width: 100%;
    padding-left: .75rem;
    /*border: 4px dashed pink;*/
}

.master-form-login {
    width: 80%;
    vertical-align: top;
    /*padding-left:6.5rem;*/
    padding-left:0rem;
}

.def-header{
font-family:'Open Sans';
font-weight:700;
font-size:1.5rem;
color:var(--PBFCMblue);
}
.def-data-header {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 1rem;
    color: var(--PBFCMblack);
}
.def-data {
    font-family: 'Open Sans';
    font-weight: 500;
    font-size: 1rem;
    color: var(--PBFCMblack);
}

.pagesize{
    background-color:var(--PBFCMwhite);
}

.msg-text{
    font-family:'Open Sans';
    font-weight:500;
    font-size:1rem;
    color:var(--PBFCMblue);
}

table.InvoiceListGridClass {
    border-bottom: 1px solid;
    white-space: normal;
    word-wrap: initial;
    width: 100%;
    height: auto;
    padding: 10px 5px 5px 5px;
    border-right: 1px solid;
    font-size: 14px;
    color: black;
    /* border-bottom: 2px solid var(--PBFCMdarkgray);*/
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

table.InvoiceListGridClass tr th {
    font-weight: bolder;
    font-size: 16px;
    font-variant: small-caps;
    padding-inline: 3px;
}
