h1,
.h1,
h3,
.h3,
.site-nav a,
.welcome-message {
  color: #595959;
}

.text-theme-bright {
  color: #595959 !important;
}

.bg-theme-bright {
  background-color: #595959 !important;
  color: #fff !important;
}

.bg-theme-bright a:not(.btn),
.bg-theme-bright a.btn-link {
  color: #fff;
}

.border-theme-bright {
  border-color: #595959 !important;
}

.fill-theme-bright * {
  fill: #595959 !important;
}

@media only screen and (max-width: 991px) {
  .text-theme-bright-mobile {
    color: #595959 !important;
    }

    .bg-theme-bright-mobile {
    background-color: #595959 !important;
    color: #fff !important;
    }

    .border-theme-bright-mobile {
    border-color: #595959 !important;
    }
    }

    @media only screen and (min-width: 992px) {
    .text-theme-bright-desktop {
    color: #595959;
    }

    .bg-theme-bright-desktop {
    background-color: #595959;
    color: #fff;
    }

    .border-theme-bright-desktop {
    border-color: #595959 !important;
    }
    }

    .has-theme-links a:not(.btn),
    .collection a:not(.btn),
    .has-theme-links a.btn-link,
    .collection a.btn-link,
    .btn-dotted strong,
    .nav-tabs-underlined,
    .nav-tabs-dotted > li > a strong {
    color: #0645ad;
    }

    .carousel-indicators .active {
    background-color: #0645ad;
    color: #fff;
    }

    .btn-dotted.active,
    .form-control:focus,
    label.radio-image input[type="radio"]:checked + .radio-image-container img,
    .nav-tabs-underlined > li.active > a,
    .nav-tabs-dotted > li.active > a,
    .collection-nav .tabs a.active,
    .carousel-indicators li {
    border-color: #0645ad;
    }

    .invoices-table label.checkbox-icon:focus-within > img.off,
    .invoices-table label.checkbox-icon:focus-within > img.on {
        outline: 4px solid #0645ad;
        outline-offset: -4px;
        border-radius: 4px;
    }

    label.radio-image input[type="radio"]:checked + .radio-image-container img {
    outline: 2px solid #0645ad;
    }

    .text-theme-link {
    color: #0645ad !important;
    }

    .bg-theme-link {
    background-color: #0645ad !important;
    color: #fff !important;
    }

    .bg-theme-link a:not(.btn),
    .bg-theme-link a.btn-link {
    color: #fff;
    }

    .border-theme-hover:hover {
    border-color: #0645ad !important;
    }

    .border-theme-link {
    border-color: #0645ad !important;
    }

    .fill-theme-link * {
    fill: #0645ad !important;
    }

    @media only screen and (max-width: 991px) {
    .text-theme-link-mobile {
    color: #0645ad !important;
    }

    .bg-theme-link-mobile {
    background-color: #0645ad !important;
    color: #fff !important;
    }

    .border-theme-link-mobile {
    border-color: #0645ad !important;
    }
    }

    @media only screen and (min-width: 992px) {
    .text-theme-link-desktop {
    color: #0645ad;
    }

    .bg-theme-link-desktop {
    background-color: #0645ad;
    color: #fff;
    }

    .border-theme-link-desktop {
    border-color: #0645ad !important;
    }
    }

    .btn-dotted.active,
    .nav-tabs-dotted > li.active > a {
    background-color: #f2f9fb;
    }

    .text-theme-link-faded {
    color: #f2f9fb !important;
    }

    .bg-theme-link-faded {
    background-color: #f2f9fb !important;
    }

    .border-theme-link-faded {
    border-color: #f2f9fb !important;
    }

    .fill-theme-link-faded * {
    fill: #f2f9fb !important;
    }

    @media only screen and (max-width: 991px) {
    .text-theme-link-faded-mobile {
    color: #f2f9fb !important;
    }

    .bg-theme-link-faded-mobile {
    background-color: #f2f9fb !important;
    }

    .border-theme-link-faded-mobile {
    border-color: #f2f9fb !important;
    }
    }

    @media only screen and (min-width: 992px) {
    .text-theme-link-faded-desktop {
    color: #f2f9fb;
    }

    .bg-theme-link-faded-desktop {
    background-color: #f2f9fb;
    }

    .border-theme-link-faded-desktop {
    border-color: #f2f9fb !important;
    }
    }

    .site-nav .active a {
    color: #000000;
    }

    .top-nav .site-nav li.active {
    border-color: #000000;
    }

    .nav-tabs-underlined.dark,
    .modal-backdrop,
    .billing-details .modal-header {
    background-color: #000000;
    color: #fff;
    }

    .text-theme-dark {
    color: #000000 !important;
    }

    .bg-theme-dark {
    background-color: #000000 !important;
    color: #fff !important;
    }

    .ui-datepicker .ui-datepicker-header {
    background: #000000 !important;
    }

    .bg-theme-dark a:not(.btn),
    .bg-theme-dark .btn-link,
    .bg-theme-dark .btn-as-link {
    color: #fff;
    }

    .border-theme-dark {
    border-color: #000000 !important;
    }

    .fill-theme-dark * {
    fill: #000000 !important;
    }

    @media only screen and (max-width: 991px) {
    .text-theme-dark-mobile {
    color: #000000 !important;
    }

    .bg-theme-dark-mobile {
    background-color: #000000 !important;
    color: #fff !important;
    }

    .border-theme-dark-mobile {
    border-color: #000000 !important;
    }
    }

    @media only screen and (min-width: 992px) {
    .text-theme-dark-desktop {
    color: #000000;
    }

    .bg-theme-dark-desktop {
    background-color: #000000;
    color: #fff;
    }

    .border-theme-dark-desktop {
    border-color: #000000 !important;
    }
    }

    .nav-tabs-underlined.dark > li.active > a {
    border-color: #e6ebef;
    }

    .text-theme-dark-faded {
    color: #e6ebef !important;
    }

    .bg-theme-dark-faded {
    background-color: #e6ebef !important;
    }

    .border-theme-dark-faded {
    border-color: #929598 !important;
    }

    .fill-theme-dark-faded * {
    fill: #e6ebef !important;
    }

    @media only screen and (max-width: 991px) {
    .text-theme-dark-faded-mobile {
    color: #e6ebef !important;
    }

    .bg-theme-dark-faded-mobile {
    background-color: #e6ebef !important;
    }

    .border-theme-dark-faded-mobile {
    border-color: #929598 !important;
    }
    }

    @media only screen and (min-width: 992px) {
    .text-theme-dark-faded-desktop {
    color: #e6ebef;
    }

    .bg-theme-dark-faded-desktop {
    background-color: #e6ebef;
    }

    .border-theme-dark-faded-desktop {
    border-color: #e6ebef !important;
    }
    }

    .box-theme-bright-faded {
    background: #fae8ec !important;
    border-color: #f5d1da !important;
    }

    .well-theme {
    background: #f2f9fb;
    border-color: #cce6ef;
    }

    .box-theme-link-faded {
    background: #f2f9fb !important;
    border-color: #cce6ef !important;
    }

    .collection-table .group-header {
    background: #e6ebef;
    border-color: #ccd7df;
    }

    .box-theme-dark-faded {
    background: #e6ebef !important;
    border-color: #ccd7df !important;
    }

    .btn-default:not(.ignore-theme),
    .collection-table .group-header .btn-default:not(.ignore-theme),
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme),
    .open > .btn-default.dropdown-toggle:not(.ignore-theme):hover,
    .open > .btn-default.dropdown-toggle:not(.ignore-theme):focus,
    .open > .btn-default.dropdown-toggle.focus:not(.ignore-theme) {
    color: #0645ad;
    background-color: #fff;
    border-color: #0645ad;
    }

    .btn-default:not(.ignore-theme):focus {
    color: #0645AD;
    background-color: #e6ebef;
    border-color: #0645AD;
    }
    .btn-default:not(.ignore-theme):focus,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme):focus,
    .open > .btn-default.dropdown-toggle:not(.ignore-theme):focus,
    .btn-default:not(.ignore-theme).focus,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme).focus,
    .open > .btn-default.dropdown-toggle:not(.ignore-theme).focus {
    color: #0645ad;
    background-color: #f2f9fb;
    border-color: #0645ad;
    }

    .btn-default:not(.ignore-theme):hover,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme):hover,
    .open > .btn-default.dropdown-toggle:not(.ignore-theme):hover {
    color: #0645ad;
    background-color: #f2f9fb;
    border-color: #0645ad;
    }

    .btn-default:not(.ignore-theme):active,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme):active,
    .open > .btn-default.dropdown-toggle:not(.ignore-theme):active:hover,
    .open > .btn-default.dropdown-toggle:not(.ignore-theme):active:focus,
    .open > .btn-default.dropdown-toggle.focus:not(.ignore-theme):active,
    .btn-default:not(.ignore-theme).active,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme).active,
    .open > .btn-default.dropdown-toggle:not(.ignore-theme).active:hover,
    .open > .btn-default.dropdown-toggle:not(.ignore-theme).active:focus,
    .open > .btn-default.dropdown-toggle.focus:not(.ignore-theme).active,
    .open > .btn-default:not(.ignore-theme).dropdown-toggle,
    .collection-table .group-header .open > .btn-default:not(.ignore-theme).dropdown-toggle,
    .cell.payment-amount .open > label.checkbox-icon:not(.ignore-theme).dropdown-toggle {
    color: #0645ad;
    background-color: #f2f9fb;
    border-color: #0645ad;
    }

    .btn-default:not(.ignore-theme):active:hover,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme):active:hover,
    .btn-default:not(.ignore-theme):active:focus,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme):active:focus,
    .btn-default:not(.ignore-theme):active.focus,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme):active.focus,
    .btn-default:not(.ignore-theme).active:hover,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme).active:hover,
    .btn-default:not(.ignore-theme).active:focus,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme).active:focus,
    .btn-default:not(.ignore-theme).active.focus,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme).active.focus,
    .collection-table .group-header .open > .btn-default:not(.ignore-theme).dropdown-toggle:hover,
    .cell.payment-amount .open > label.checkbox-icon:not(.ignore-theme).dropdown-toggle:hover,
    .open > .btn-default:not(.ignore-theme).dropdown-toggle:hover,
    .collection-table .group-header .open > .btn-default:not(.ignore-theme).dropdown-toggle:focus,
    .cell.payment-amount .open > label.checkbox-icon:not(.ignore-theme).dropdown-toggle:focus,
    .open > .btn-default:not(.ignore-theme).dropdown-toggle:focus,
    .collection-table .group-header .open > .btn-default:not(.ignore-theme).dropdown-toggle.focus,
    .cell.payment-amount .open > label.checkbox-icon:not(.ignore-theme).dropdown-toggle.focus,
    .open > .btn-default:not(.ignore-theme).dropdown-toggle.focus {
    color: #0645ad;
    background-color: #f2f9fb;
    border-color: #0645ad;
    }

    .btn-default:not(.ignore-theme).disabled,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme).disabled,
    .open > .btn-default.dropdown-toggle:not(.ignore-theme).disabled:hover,
    .open > .btn-default.dropdown-toggle:not(.ignore-theme).disabled:focus,
    .open > .btn-default.dropdown-toggle.focus:not(.ignore-theme).disabled,
    .btn-default:not(.ignore-theme).disabled:hover,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme).disabled:hover,
    .btn-default:not(.ignore-theme).disabled:focus,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme).disabled:focus,
    .btn-default:not(.ignore-theme).disabled.focus,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme).disabled.focus,
    .btn-default:not(.ignore-theme).disabled:active,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme).disabled:active,
    .btn-default:not(.ignore-theme).disabled.active,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme).disabled.active,
    .btn-default:not(.ignore-theme)[disabled],
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme)[disabled],
    .open > .btn-default.dropdown-toggle:not(.ignore-theme)[disabled]:hover,
    .open > .btn-default.dropdown-toggle:not(.ignore-theme)[disabled]:focus,
    .open > .btn-default.dropdown-toggle.focus:not(.ignore-theme)[disabled],
    .btn-default:not(.ignore-theme)[disabled]:hover,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme)[disabled]:hover,
    .btn-default:not(.ignore-theme)[disabled]:focus,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme)[disabled]:focus,
    .btn-default:not(.ignore-theme)[disabled].focus,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme)[disabled].focus,
    .btn-default:not(.ignore-theme)[disabled]:active,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme)[disabled]:active,
    .btn-default:not(.ignore-theme)[disabled].active,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme)[disabled].active,
    fieldset[disabled] .btn-default:not(.ignore-theme),
    fieldset[disabled] .cell.payment-amount label.checkbox-icon:not(.ignore-theme),
    .cell.payment-amount fieldset[disabled] label.checkbox-icon:not(.ignore-theme),
    fieldset[disabled] .open > .btn-default.dropdown-toggle:not(.ignore-theme):hover,
    fieldset[disabled] .open > .btn-default.dropdown-toggle:not(.ignore-theme):focus,
    fieldset[disabled] .open > .btn-default.dropdown-toggle.focus:not(.ignore-theme),
    fieldset[disabled] .btn-default:not(.ignore-theme):hover,
    fieldset[disabled] .cell.payment-amount label.checkbox-icon:not(.ignore-theme):hover,
    .cell.payment-amount fieldset[disabled] label.checkbox-icon:not(.ignore-theme):hover,
    fieldset[disabled] .btn-default:not(.ignore-theme):focus,
    fieldset[disabled] .cell.payment-amount label.checkbox-icon:not(.ignore-theme):focus,
    .cell.payment-amount fieldset[disabled] label.checkbox-icon:not(.ignore-theme):focus,
    fieldset[disabled] .btn-default:not(.ignore-theme).focus,
    fieldset[disabled] .cell.payment-amount label.checkbox-icon:not(.ignore-theme).focus,
    .cell.payment-amount fieldset[disabled] label.checkbox-icon:not(.ignore-theme).focus,
    fieldset[disabled] .btn-default:not(.ignore-theme):active,
    fieldset[disabled] .cell.payment-amount label.checkbox-icon:not(.ignore-theme):active,
    .cell.payment-amount fieldset[disabled] label.checkbox-icon:not(.ignore-theme):active,
    fieldset[disabled] .btn-default:not(.ignore-theme).active,
    fieldset[disabled] .cell.payment-amount label.checkbox-icon:not(.ignore-theme).active,
    .cell.payment-amount fieldset[disabled] label.checkbox-icon:not(.ignore-theme).active {
    color: #0645ad;
    background-color: #fff;
    border-color: #0645ad;
    }

    .btn-default:not(.ignore-theme) .badge,
    .cell.payment-amount label.checkbox-icon:not(.ignore-theme) .badge,
    .open > .btn-default.dropdown-toggle:not(.ignore-theme):hover .badge,
    .open > .btn-default.dropdown-toggle:not(.ignore-theme):focus .badge,
    .open > .btn-default.dropdown-toggle.focus:not(.ignore-theme) .badge {
    color: #fff;
    background-color: #0645ad;
    }

    .btn-default.active:not(.ignore-theme) {
    color: #fff;
    background-color: #0645ad;
    border-color: #0645ad;
    }

    .btn-default.active:not(.ignore-theme):focus,
    .btn-default.active:not(.ignore-theme).focus {
    color: #fff;
    background-color: #007095;
    border-color: #007095;
    }

    .btn-default.active:not(.ignore-theme):hover {
    color: #fff;
    background-color: #007095;
    border-color: #007095;
    }

    .btn-default.active:not(.ignore-theme):active,
    .btn-default:not(.ignore-theme).active,
    .open > .btn-default.active:not(.ignore-theme).dropdown-toggle {
    color: #fff;
    background-color: #007095;
    border-color: #007095;
    }

    .btn-default.active:not(.ignore-theme):active:hover,
    .btn-default.active:not(.ignore-theme):active:focus,
    .btn-default.active:not(.ignore-theme):active.focus,
    .btn-default:not(.ignore-theme).active:hover,
    .btn-default:not(.ignore-theme).active:focus,
    .btn-default:not(.ignore-theme).active.focus,
    .open > .btn-default.active:not(.ignore-theme).dropdown-toggle:hover,
    .open > .btn-default.active:not(.ignore-theme).dropdown-toggle:focus,
    .open > .btn-default.active:not(.ignore-theme).dropdown-toggle.focus {
    color: #fff;
    background-color: #007095;
    border-color: #007095;
    }

    .btn-default.active:not(.ignore-theme).disabled,
    .btn-default.active:not(.ignore-theme).disabled:hover,
    .btn-default.active:not(.ignore-theme).disabled:focus,
    .btn-default.active:not(.ignore-theme).disabled.focus,
    .btn-default.active:not(.ignore-theme).disabled:active,
    .btn-default:not(.ignore-theme).disabled.active,
    .btn-default.active:not(.ignore-theme)[disabled],
    .btn-default.active:not(.ignore-theme)[disabled]:hover,
    .btn-default.active:not(.ignore-theme)[disabled]:focus,
    .btn-default.active:not(.ignore-theme)[disabled].focus,
    .btn-default.active:not(.ignore-theme)[disabled]:active,
    .btn-default:not(.ignore-theme)[disabled].active,
    fieldset[disabled] .btn-default.active:not(.ignore-theme),
    fieldset[disabled] .btn-default.active:not(.ignore-theme):hover,
    fieldset[disabled] .btn-default.active:not(.ignore-theme):focus,
    fieldset[disabled] .btn-default.active:not(.ignore-theme).focus,
    fieldset[disabled] .btn-default.active:not(.ignore-theme):active,
    fieldset[disabled] .btn-default:not(.ignore-theme).active {
    color: #fff;
    background-color: #0645ad;
    border-color: #0645ad;
    }

    .btn-default.active:not(.ignore-theme) .badge {
    color: #0645ad;
    background-color: #fff;
    }

    .btn:not(.ignore-theme) {
    border-radius: 1px;
    }

    .theme-radius {
    border-radius: 1px !important;
    }

    .theme-bottom-radius {
    border-bottom-left-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
    }

    .form-control:focus {
    box-shadow: inset 0 0 0 1px #0645ad;
    }

    @media only screen and (max-width: 991px) {
    .collection-table .group-body {
    background: #c7d2db;
    }
    }

    .site-header .container {
    border-top-color: #595959;
    }

    .panel-theme,
    .panel-theme-mobile,
    .panel-theme-desktop {
    border-color: #000000 !important;
    }

    .panel-theme .panel-title,
    .panel-theme-mobile .panel-title,
    .panel-theme-desktop .panel-title {
    color: #595959 !important;
    }

    .pip-top:before,
    .pip-right:before,
    .pip-bottom:before,
    .pip-left:before {
    border-color: #000000;
    }

    .billing-details .modal-header {
    padding-bottom: 10px;
    }

    .billing-details .modal-header h1 {
    color: inherit;
    }

    @media only screen and (max-width: 991px) {
    .collection-table .item .statement-date:before {
    content: 'Statement Date';
    }

    .collection-table .item .due-date:before {
    content: 'Due Date';
    }

    .collection-table .item .biller-controlled:before {
    content: 'Account Number';
    }

    .collection-table .item .invoice-amount:before {
    content: 'Amount Due';
    }

    .collection-table .item .input-select.payment-reason:before {
    content: 'Payment Code';
    }

    .collection-table .item .remaining-amount:before {
    content: 'Remaining Amount';
    }

    .collection-table .item .input-text.payment-amount.cm-amt:before {
    content: '';
    }

    .collection-table .item .input-text.payment-amount:before {
    content: 'Payment Amount';
    }
    }

    .btn-as-link {
    color: #0645ad;
    }