/**
* Screen stylesheet for PCAD
* @version         5.0
* @Last Modified    02/16/2024
*/

:root {
    --pcad-primary: #003842;
    --pcad-primary-mid: #005b66;
    --pcad-primary-light: #087b84;
    --pcad-action: #ffc107;
    --pcad-danger: #b02a37;
}

@media screen {

    /* Special CSS for header and footer, to make the footer stick to the bottom of the page */

    body {
        margin: 0;
        padding: 0;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        flex: 1;
    }

    .content-container {
        display: block;
        min-height: 85vh;
        width: 100%;
        flex: 1;
    }

    .show-container {
        display: block;
        flex: 1;
    }

    .system-messages-container {
        display: block;
        flex: 1;
    }

    .footer-container {
        background-color: #ffffff;
        min-height: 64px;
        line-height: 64px;
        margin-top: auto;
        border: solid 1px #cccccc;
    }

    /* Common headers */

    .header-container {
        display: block;
        background-color: var(--pcad-primary);
        min-height: 72px !important;
    }

    .header-nav-core-blank-container {
        display: block;
        background-color: #000000;
        min-height: 50px !important;
    }

    .header-nav-blank-container {
        display: block;
        background-color: #003842;
        min-height: 50px !important;
    }

    .header-print-container {
        display: block;
        background-color: #5A5AFF;
        min-height: 32px !important;
    }

    .header-core-container {
        display: block;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background-color: #000000;
        min-height: 50px !important;
        z-index: 101;
    }

    .header-logo-container-96 {
        display: inline-block;
        height: 100%;
        line-height: 96px;
    }

    .header-logo-container-64 {
        display: inline-block;
        max-height: 64px !important;
        line-height: 64px;
    }

    .header-logo-center-container {
        display: inline-block;
        width: 100%;
        height: 100%;
        line-height: 96px;
        text-align: center;
    }

    .header-signIn-container {
        display: inline-block;
        height: 100%;
        line-height: 96px;
        text-align: right;
        float: right;
    }

    /* Common Body style */

    .body-container {
        background-color: #5A5AFF;
        color: #ffffff;
    }

    /* Common content styles */

    .content-core-container {
        display: block;
        width: 100%;
        margin-top: 52px !important;
    }

    .content-container.theme-bgColor {
        background-color: #5A5AFF;
        color: #ffffff;
    }

    .content-container.splash {
        min-height: 500px !important;
        line-height: 300px;
    }

    /* Custom internal body style */

    .index-body-container-left {
        display: inline-block;
        width: 49%;
        min-height: 750px !important;
        padding: 5rem 0;
        background-color: inherit;
        vertical-align: top;
    }

    .index-body-container-right {
        display: inline-block;
        width: 49%;
        min-height: 750px !important;
        padding: 5rem 0;
        background-color: inherit;
        vertical-align: top;
    }

    .index-body-container-right > img {
        vertical-align: top;
        width: 94%;
        margin : 0 2%;
    }

    .simple-fullPage-container {
        display: block;
        width: 800px;
        min-height: 400px !important;
        margin: 5rem auto;
        padding: 0 2rem;
        font-size: 1.1em;
        color: #676767;
        background-color: inherit;

    }

    .filler-content-container {
        display: block;
        width: 800px;
        min-height: 200px !important;
        margin: 5rem auto;
        padding: 0 2rem;
        font-size: 1.1em;
        color: #676767;
        background-color: inherit;

    }

    .uniform-content-container {
        min-height: 50rem !important;
        background-color: inherit;
    }

    .uniform-content-container-sm {
        min-height: 30rem !important;
        background-color: inherit;
    }

    .uniform-content-container-x-sm {
        min-height: 20rem !important;
        background-color: inherit;
    }

    /* Bootstrap 5.2 Breadcrumb Active */
    .breadcrumb >.active {
        color: #007185;
    }

    .breadcrumb >.active a {
        color: #007185;
    }

    /* Boostrap Paginate Active */
    .page-item.active .page-link {
        color: #fff !important;
        background: #007185 !important;
    }

    .page-item .page-link {
        color: #007185 !important;
        background: #ffffff !important;
    }

    .btn-theme-dark {
        background-color: #007185;
        color: white;
        /* Add any additional styling you need for the button */
    }

    /* SVG Container */
    .svg-container {
        min-height: 30rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    /* SVG Container Modal */
    .svg-container-modal {
        min-height: 10rem;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    /* Typography */

    .text-align-left {
        text-align: left;
    }

    .text-align-center {
        text-align: center;
    }

    .text-align-right {
        text-align: right;
    }

    .text-underline-none:link, .text-underline-none:active, .text-underline-none:visited {
        text-underline: none;
        text-decoration: none !important;
    }

    .float-right {
        float: right;
    }

    .font-weight-bold {
        font-weight: bold;
    }

    .font-weight-400 {
        font-weight: 400;
    }

    .font-weight-normal {
        font-weight: normal;
    }

    .font-size-xxx-large,
    .form-control.font-size-xxx-large,
    a.font-size-xxx-large:link {
        font-size: 3.5em;
    }

    .font-size-xx-large,
    .form-control.font-cxx-large,
    a.font-size-xx-large:link {
        font-size: 3em;
    }

    .font-size-x-large,
    a.font-size-x-large:link {
        font-size: 2em;
    }

    .font-size-large,
    a.font-size-large:link {
        font-size: 1.1em;
    }

    .font-size-large-plus,
    a.font-size-large-plus:link {
        font-size: 1.2em;
    }

    .font-size-large-24rem,
    .font-size-large-24rem:link,
    button.font-size-large-24rem:link,
    a.font-size-large-24rem:link {
        font-size: 2.4rem;
    }

    .font-size-large-16rem,
    .font-size-large-16rem:link,
    button.font-size-large-16rem:link,
    a.font-size-large-16rem:link {
        font-size: 1.6rem;
    }

    .font-size-large-15rem,
    .font-size-large-15rem:link,
    button.font-size-large-15rem:link,
    a.font-size-large-15rem:link {
        font-size: 1.5rem;
    }

    .font-size-large-14rem,
    .font-size-large-14rem:link,
    button.font-size-large-14rem:link,
    a.font-size-large-14rem:link {
        font-size: 1.4rem;
    }


    .font-size-large-13rem,
    .font-size-large-13rem:link,
    button.font-size-large-13rem:link,
    a.font-size-large-13rem:link {
        font-size: 1.3rem;
    }


    .font-size-large-12rem,
    .font-size-large-12rem:link,
    button.font-size-large-12rem:link,
    a.font-size-large-12rem:link {
        font-size: 1.2rem;
    }


    .font-size-large-11rem,
    .font-size-large-11rem:link,
    button.font-size-large-11rem:link,
    a.font-size-large-11rem:link {
        font-size: 1.1rem !important;
    }

    .font-size-large-10rem,
    .font-size-large-10rem:link,
    button.font-size-large-10rem:link,
    a.font-size-large-10rem:link {
        font-size: 1.0rem !important;
    }


    .font-size-large-9rem,
    .font-size-large-9rem:link,
    button.font-size-large-9rem:link,
    a.font-size-large-9rem:link {
        font-size: 0.9rem !important;
    }


    .font-size-large-8rem,
    .font-size-large-8rem:link,
    button.font-size-large-8rem:link,
    a.font-size-large-8rem:link {
        font-size: 0.8rem !important;
    }


    .font-size-regular,
    a.font-size-regular:link {
        font-size: 1.0rem;
    }

    .font-size-small,
    a.font-size-small:link, button.font-size-small {
        font-size: 0.9rem;
    }

    .font-size-x-small,
    a.font-size-x-small:link, button.font-size-x-small {
        font-size: 0.7rem;
    }


    .text-white {
        color: #fff;
    }

    .text-black {
        color: #000;
    }

    .text-gray {
        color: #808080;
    }

    .text-red {
        color: #cc0000;
    }

    .text-theme {
        color: #003842;
    }

    .text-theme-dark {
        color: #003842;
    }

    .text-theme-light {
        color: #007185;
    }

    .text-h1-theme {
        color: #003842;
    }

    .text-link-theme {
        color: #5A5AFF;
    }

    .text-core-theme {
        color: #007185;
    }

    .text-core-orange {
        color: #e47911;
    }

    .text-compliment-red {
        color: #5a5aff;
    }

    .text-indent {
        text-indent: .25rem;
    }

    .text-x-indent {
        text-indent: .5rem;
    }

    .text-xx-indent {
        text-indent: 1rem;
    }

    .text-strikeout {
        text-decoration: line-through;
    }

    label.text-core-orange {
        color: #e47911;
    }

    .text-overflow-dynamic-container {
        position: relative;
        max-width: 100%;
        padding: 0 !important;
        display: -webkit-flex;
        display: -moz-flex;
        display: flex;
        vertical-align: text-bottom !important;
    }

    .bg-core-theme {
        background: #000000;
    }

    div.bg-core-header-theme {
        color: #007185;
        height: 64px;
        line-height: 46px;
        background: #eeeeee;
        padding: .25rem;
        border: solid 1px #c8c8c8;
        margin-bottom: 0.5rem;
    }

    .bg-theme {
        background: #003842;
    }

    .bg-theme-light {
        background: #00798f !important;
    }

    .bg-theme-dark {
        background: #004c5d !important;
    }

    .modal-header.bg-theme-light, .modal-header.bg-theme-dark {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        margin: 0;
    }

    .bg-theme-white-border-theme-light {
        background: #ffffff !important;
        border: solid 1px #00798f;
    }

    .bg-black {
        background: #000;
    }

    .bg-white {
        background: #fff;
    }

    .bg-gray {
        background: #ededed;
    }

    .bg-grey {
        background: #ededed;
    }

    .bg-gray-invoices-grouped {
        background: #e0e0e0;
    }

    .bg-row-success {
        background: #cdffcd;
    }

    .bg-row-danger {
        background: #ffcdcd;
    }

    .bg-warning-light {
        background: #FFFBEA;
    }

    .bg-inactive-light {
        background: #BFCDDB;
    }

    .bg-group-inactive-light {
        background: #e2e2e2;
    }

    .bg-deleteFlag-light {
        background: #ffeaea;
    }

    .bg-invoice-record-parent {
        background: #f7fbfd;
    }

    /* Button component styles */

    .btn.btn-block {
        display: block;
        width: 90%;
        margin: 0 5%;
    }

    .btn.btn-row-align {
        margin-top: 2rem;
        vertical-align: baseline;
    }

    .btn.link-row-align {
        vertical-align: top;
        margin: 0;
        padding: 0;
    }

    .btn-outline-warning.black {
        color: #5a5a5a;
        border: solid 2px #ffc107;
    }

    .btn-outline-theme {
        color: #007185;
        border: solid 2px #007185;
    }

    .btn-link-no-underline {
        text-decoration: none;
    }

    .btn-svg-inline {
        margin: auto;
        display: inline-block;
        height: 1.1rem;
        width: auto;
    }

    .btn-col-inline-with-textbox {

    }

    .btn-align-vertical-bottom {
        display: flex;
        align-items: center;
    }

    .btn.btn-warning[disabled] {
        background-color: #d3d3d3;
        border-color: #D3D3D3;
    }

    .form-inline {
        flex-direction: row;
        align-items: stretch;
    }

    .form-inline-label-input-submit {
        display: inline;
    }

    .form-inline-label-input-submit > input.form-control {
        display: inline;
        width: 67%;
    }

    .form-inline-label-select-submit > label.form-label {
        display: block;
    }

    .form-inline-label-select-submit > select.form-select {
        display: inline;
        width: 67%;
    }

    .form-inline-label-input-submit > button.btn {
        display: inline;
        width: 25%;
        margin-left: 3%;
        margin-right: 2%;
    }

    .form-inline-label-select-submit > button.btn {
        display: inline;
        width: 25%;
        margin-left: 3%;
        margin-right: 2%;
    }

    /* Form Components */
    .container-form {
        width: 800px;
        margin: 0 auto;
    }

    .form-group {
        margin-bottom: 2rem;
    }

    .form-group-100 {
        display: inline-block;
        width: 100%;
        height: auto;
        margin-bottom: 1rem;
    }

    .form-label {
        color: #808080;
    }

    .form-check-input-align .form-check-label {
        margin-top: 2.25rem;
    }

    .form-check-input-align .form-check-input {
        margin-top: 2.5rem;
    }

    /* Form Validators */
    label.invalid  {
        color: #cc0000;
    }

    input[type=text].invalid {
        background-color:#fee;
        box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.35);
    }

    input[type=password].invalid {
        background-color:#fee;
        box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.35);
    }

    input[type=number].invalid {
        background-color: #fee;
        box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.35);
    }

    /* Table Styles */
    .table-light > thead {
        min-height: 36px;
        vertical-align: text-bottom;
    }

    .table-dark > thead {
        min-height: 36px;
        vertical-align: text-bottom;

    }

    .table-fixed > thead {
        min-height: 64px !important;
        max-height: 128px;
        vertical-align: text-bottom;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        margin-top: 1.25rem;
        overflow-wrap: break-word;
        z-index: 999;
    }

    .table-fixed .thead-dark span {
        color: #ffffff;
        font-weight: bold;
        max-font-size: 1.1em;
        font-size: 1.1em;
        min-font-size: 0.85em;
        line-height: 80%;
    }

    .table-fixed > thead a {
        margin-top: .5rem;
        margin-right: 0;
    }

    .table-fixed > thead > button {
        margin-top: .5rem;
        margin-right: 0;
    }

    .table-fixed > tbody {
        top: 96px;
        height: 100%;
        overflow-y: auto;
        width: 100%;
    }

    thead.thead-fixed {
        min-height: 64px;
        height: 64px;
        max-height: 128px;
        background: #003842;
        padding: .5rem;
    }

    thead.thead-fixed > tr > th {
        color: #ffffff;
        font-size: 1.0rem;
        font-weight: bold;
        text-indent: .5rem;
        margin-right: .5rem;
    }

    thead.thead-dark {
        color: #ffffff;
        background: #003842;
        min-height: 64px;
    }

    thead.thead-dark > tr > th {
        font-size: 0.9rem;
        font-weight: bold;
        color: #fff;
    }

    .table-modal-sticky thead {
        position: -webkit-sticky;
        position: sticky;
        top: -1rem;
        height: 64px;
        line-height: 32px;
        vertical-align: bottom;
        margin-top: -1.25rem;
        margin-bottom: 2rem;
        overflow-wrap: break-word;
        z-index: 1001;

    }

    .table-modal-sticky thead span {
        color: #ffffff;
        font-weight: bold;
        max-font-size: 1.2em;
        font-size: 1.2em;
        min-font-size: 0.85em;
        line-height: 80%;
    }

    .table-modal-sticky tbody {
        top: 64px;
        height: 100%;
        overflow-y: auto;
        width: 100%;
    }

    thead.thead-light {
        min-height: 64px;
        max-height: 128px;
        background: #eeeeee;
        padding: .25rem;
        border: solid 1px #c8c8c8;
        margin-bottom: 0.5rem;
    }

    thead.thead-light > tr > th {
        color: #007185;
        font-size: 1.0rem;
        font-weight: bold;
        text-indent: .5rem;
        margin-right: .5rem;
    }

    thead.thead-core {
        min-height: 64px;
        max-height: 128px;
        background: #eeeeee;
        padding: .25rem;
        border: solid 1px #c8c8c8;
        margin-bottom: 0.5rem;
    }

    thead.thead-core > tr > th {
        color: #007185;
        font-size: 1.0rem;
        font-weight: bold;
        text-indent: .5rem;
        margin-right: .5rem;
    }

    thead.thead-core > tr > th > span {

    }

    thead.thead-core-dark {
        color: #ffffff !important;
        min-height: 64px;
        max-height: 128px;
        line-height: 46px;
        background: #003039;
        padding: .25rem;
        border: solid 1px #c8c8c8;
        margin-bottom: 0.5rem;
    }

    thead.thead-core-dark > tr > th {
        color: #ffffff !important;
        font-size: 1.0rem;
        font-weight: bold;
        text-indent: .5rem;
        margin-right: .5rem;
    }

    thead.thead-core-2x {
        height: 128px;
        background: #eeeeee;
        border: solid 1px #c8c8c8;
        margin-bottom: 0.5rem;
    }

    thead.thead-core-2x > tr {
        color: #007185;
        height: 64px;
        line-height: 64px;
        background: #eeeeee;
        padding: .25rem;
    }

    thead.thead-core-2x > tr > th {
        color: #007185;
        height: inherit;
        font-weight: bold;
        font-size: 1rem;
    }

    thead.thead-core-2x > tr > th.bg-stages {
        color: #eeeeee;
        background: #003039;
        font-weight: bold;
        font-size: 1.2rem;
    }

    thead.thead-core-2x > tr > th.row2-border-left {
        border-left: solid 1px #007185;
    }

    thead.thead-core-2x > tr > th.row2-border-right {
        border-right: solid 1px #007185;
    }

    thead.thead-header-align-top > th {
        vertical-align: top;
    }

    th.vendor-header-listItem {
        color: #004c5d;
        text-align: right;
        vertical-align: bottom;
        font-size: 0.875rem;
        text-overflow: ellipsis;
    }

    thead.thead-header-align-middle th {
        text-align: center;
        vertical-align: middle;
    }

    tbody.tbody-core:before, tbody.tbody-light:before, tbody.tbody-dark:before, tbody.tbody-fixed:before {
        line-height: 1em;
        content: "_";
        color: white;
        display: block;
    }

    tbody.tbody-light td {
        vertical-align: top;
    }

    tbody > tr > td {
        color: #000;
        font-size: .9em;
        margin-left: .5rem;
        margin-right: .5rem;
    }

    tbody > tr > .alternate-row-colors:nth-child(odd) {
        background: #ededed;
    }

    .alternate-row-colors {
        padding: 1.0rem 0 1.0rem 0;
    }

    .alternate-row-colors:nth-child(odd) {
        background-color: #ffffff;
        padding: 1.0rem 0 1.0rem 0;
    }

    .alternate-row-colors:nth-child(odd) {
        background-color: #fbfbfb;
        padding: 1.0rem 0 1.0rem 0;
    }

    .alternate-row-colors-core {
        padding: 1.0rem 0 1.0rem 0;
    }

    .alternate-row-colors-core:nth-child(odd) {
        background-color: #ffffff;
        padding: 1.0rem 0 1.0rem 0;
    }

    tr.alternate-row-colors-core:nth-child(odd) > td {
        background-color: #ffffff;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .alternate-row-colors-core:nth-child(even) {
        background-color: #e5eef0;
        padding: 1.0rem 0 1.0rem 0;
    }

    tr.alternate-row-colors-core:nth-child(even) > td {
        background-color: #e5eef0;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    .alternate-row-colors-core-child:nth-child(even) {
        background-color: #ffffff;
        padding: 1.0rem 0 1.0rem 0;
    }

    .alternate-row-colors-core-child:nth-child(odd) {
        background-color: #fbfbfb;
        padding: 1.0rem 0 1.0rem 0;
    }

    .alternate-row-colors.deleted {
        background-color: #fff2ec;
    }

    .alternate-row-colors-records {
        padding: 0.25rem 0 0.25rem 0;
    }

    .alternate-row-colors-records:nth-child(odd) {
        background-color: #ffffff;
        padding: 0.25rem 0 0.25rem 0;
    }

    .alternate-row-colors-records:nth-child(even) {
        background-color: #fbfbfb;
        padding: 0.25rem 0 0.25rem 0;
    }

    .alternate-row-colors-invoices {
        padding: 0.25rem 0 0.25rem 0;
    }

    .alternate-row-colors-invoices:nth-child(odd) {
        background-color: rgba(229, 255, 229, 0.5);
        padding: 0.25rem 0;
    }

    .alternate-row-colors-invoices:nth-child(even) {
        background-color: #ffffff;
        padding: 0.25rem 0 0.25rem 0;
    }

    .no-row-colors > td {
        background-color: inherit;
        border-style: none;
        border-bottom-color: unset;
        border-bottom-width: 0;
    }

    tbody > tr.hide-bottom-border:last-child > td {
        background: #ffffff;
        border-style: none;
        border-bottom-color: unset;
        border-bottom-width: 0;
    }

    .tbody-totals-row > tr {
        border-style: none;
        border-bottom-color: unset;
    }

    .small-height-table-rows > tr {
        max-height: 0.5rem !important;
        margin: 0;
        padding: 0;
    }

    tfoot > tr.hide-bottom-border:last-child > td {
        background: #ffffff;
        border-style: none;
        border-bottom-color: unset;
        border-bottom-width: 0;
    }

    tfoot.totals.hide-all-bottom-borders > tr > td {
        background: #ffffff;
        border-style: none;
        border-bottom-color: unset;
        border-bottom-width: 0;
    }

    tr.breakdown-item {
        height: 64px !important;
    }

    .small-height-table-rows > tr > td {
        max-height: 0.5rem !important;
        margin: 0;
        padding: 0;
    }

    p.magnify-instructions:hover {
        cursor: pointer;
        color: #000000;
        font-weight: bold;
        transition: transform .5s;
        -ms-transform: scale(1.0); /* IE 9 */
        -webkit-transform: scale(1.0); /* Safari 3-8 */
        transform: scale(1.0, 1.0)
    }

    /* Table Cell Widths */
    .w-100 {
        width: 100% !important
    }

    .w-95 {
        width: 95% !important;
    }

    .w-90 {
        width: 90% !important;
    }

    .w-85 {
        width: 85% !important;
    }

    .w-80 {
        width: 80% !important;
    }

    .w-75 {
        width: 75% !important;
    }

    .w-70 {
        width: 70% !important;
    }

    .w-65 {
        width: 65% !important;
    }

    .w-60 {
        width: 60% !important;
    }

    .w-55 {
        width: 55% !important;
    }

    .w-50 {
        width: 45% !important;
    }

    .w-45 {
        width: 45% !important;
    }

    .w-40 {
        width: 40% !important;
    }

    .w-35 {
        width: 35% !important;
    }

    .w-33 {
        width: 33% !important;
    }

    .w-30 {
        width: 30% !important;
    }

    .w-20 {
        width: 20% !important;
    }

    .w-16 {
        width: 16% !important;
    }

    .w-15 {
        width: 15% !important;
    }

    .w-10 {
        width: 10% !important;
    }

    .w-5 {
        width: 5% !important;
    }

    /* Impersonating a TD cell */
    .div-as-td-left {
        float: left;
        margin: auto;
        overflow: auto;
    }

    .div-as-td-right {
        float: right;
        margin: auto;
        overflow: auto;
    }

    /* List Styles */

    .list-style-type-none {
        list-style-type: none;
    }

    .list-style-none {
        list-style: none;
    }

    /* Cursors */
    .cursor-hand {
        cursor: pointer;
    }

    /* Core MSRP Include */
    .msrp-keyValue-container {
        min-width: 140px !important;
        min-height: 60px !important;
        margin: 0.12rem 0.25rem 0.12rem 0.25rem;
        background-color: inherit;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        border: solid 1px #737373;
    }

    .msrp-keyValue-container > .msrp-keyValue-key {
        min-height: 34px;
        width: 92%;
        margin: 0.25rem 0.35rem 0.25rem 0.35rem;
        color: #bfbfbf;
        font-size: 0.8em;
    }

    .msrp-keyValue-container > .msrp-keyValue-key > span {
        width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .msrp-keyValue-container > .msrp-keyValue-value {
        min-height: 24px;
        width: 94%;
        margin: 0.2rem 0.25rem 0.2rem 0.25rem;
        color: #fff;
        font-size: 1.1em;
    }

    a.link-warning:link, a.link-warning:active, a.link-warning:visited {
        color: #ffc107;
    }

    a.link-theme:link, a.link-theme:active, a.link-theme:visited {
        color: #007185;
        font-weight: bold;
        font-size: 1rem;
        text-decoration: none;
    }

    a.link-core-theme, a.link-core-theme:link, a.link-core-theme:active, a.link-core-theme:visited {
        color: #007185;
        font-weight: bold;
        font-size: 1rem;
        text-decoration: none;
    }

    a.link-core-theme:hover {
        color: #003039;
        font-weight: bold;
        font-size: 1rem;
        text-decoration: none;
    }

    a.link-core-orange, a.link-core-orange:link, a.link-core-orange:active, a.link-core-orange:visited {
        color: #e47911;
        font-weight: bold;
        font-size: 1rem;
        text-decoration: none;
    }

    button.link-core-orange, button.link-core-orange:link, button.link-core-orange:active, button.link-core-orange:visited {
        color: #e47911;
        font-weight: bold;
        font-size: 1rem;
        text-decoration: none;
    }

    a.link-warning:hover {
        color: #ffda6e;
    }

    .border-top-dotted {
        border-top: dotted 1px #000 !important;
    }

    .border-top-dashed {
        border-top: dashed 1px #000 !important;
    }

    .border-bottom-dotted {
        border-bottom: dotted 1px #000 !important;
    }

    .border-bottom-dashed {
        border-bottom: dashed 1px #000 !important;
    }

    /* Modal Spinner */
    .modal-spinner {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100% !important;
        width: 100% !important;
        margin: 0 auto;
        border: solid 1px transparent;
        background: #000000;
    }

    .modal-spinner.hide {
        display: none;
        height: 0;
        z-index: -1;
    }

    input.database-reminder-flex {
        display: inline-block;
    }

    .database-reminder-checkbox {
        position: relative;
        top: -1rem;
        left: 3rem;
        display: inline-block;
        color: #007185;
        width: 100%;
        font-size: 0.8rem;
        font-weight: bold;
        overflow: visible;
        line-height: 0.75rem;
        margin-top: 0;
    }

    .database-reminder-textbox {
        position: relative;
        top: 0.125rem;
        left: 0.125rem;
        display: inline-block;
        color: #007185;
        width: 100%;
        font-size: 0.8rem;
        font-weight: bold;
        overflow: visible;
        line-height: 0.75rem;
        margin-top: 0;
    }

    span.database-reminder-checkbox.hide {
        display: none;
    }

    span.database-reminder-textbox.hide {
        display: none;
    }

    svg.progress-display-flex {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: inherit;
        height: 25rem;
    }

    /* Drag and Drop */
    .drag-drop-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-color: inherit;
        width: 98%;
        height: 40rem;
        text-align: center;
        margin: 1%;
        padding: 10%;
        border: dashed 2px #cccccc;
    }

    .stacked-content {
        text-align: center;
    }

    .stacked-content img {
        display: block;
        margin: 0 auto;
    }

    .form-file-browser {
        width: 98%;
        margin: 1%;
    }

    /* Input Groups */
    .input-group {
        position: relative;
    }

    .input-group button.show-password {
        position: absolute;
        top: 24%;
        transform: translateY(-50%);
        border: none;
        background-color: #003842;
        width: 40px;
        right: 0;
    }

    button.show-password:hover {
        color: #000000;
    }

    /*
    Lines - jKirkerx on 08/27/2024
    Designed to be compatible with Chrome, Safari, IE, Edge
    */

    hr.report-totals-line {
        border-color: #004956 !important;
        background-color: #004956 !important;
        color: #004956 !important;
        height: 4px;
        margin: 6px 0;
    }

    hr.report-totals-line .theme-dark {
        border-color: #004956 !important;
        background-color: #004956 !important;
        color: #004956 !important;
    }

    hr.report-totals-line .theme-light {
        border-color: #003842 !important;
        background-color: #003842 !important;
        color: #003842 !important;
    }

    hr.report-totals-line .dark-gray {
        border-color: #333333 !important;
        background-color: #333333 !important;
        color: #333333 !important;
    }

    /* Auto Complete */
    /*the container must be positioned relative:*/
    .autocomplete-items {
        position: absolute;
        display: block !important;
        border: 1px solid #d4d4d4; /* Border color */
        z-index: 99; /* Ensures it appears above other content */
        width: calc(100% - 2px); /* Match input width minus border width */
        background-color: #fff; /* Dropdown background */
        border-radius: 4px; /* Rounded corners */
        max-height: 200px; /* Maximum height for dropdown */
        overflow-y: auto; /* Scroll for overflow */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Shadow for depth */
    }

    .autocomplete-items.half-width {
        width: calc(50% - 2px) !important; /* Match input width minus border width */
    }

    .autocomplete-items.third-width {
        width: calc(30% - 2px) !important; /* Match input width minus border width */
    }

    .autocomplete-item {
        padding: 2px; /* Reduce padding for smaller height */
        cursor: pointer; /* Pointer cursor */
        border-bottom: 1px solid #d4d4d4; /* Divider */
        font-weight: bold; /* Optional: Change font weight */
        font-size: 14px; /* Adjust font size for a more compact look */
        color: #000; /* Item text color */
    }

    .autocomplete-item:hover {
        background-color: #e9e9e9; /* Background on hover */
    }

    /* Drag and Drop BkItems */
    .list-group-item.bkItems:hover {
        background-color: #e9e9e9; /* Background on hover */
    }

    span.badge-large !important {
        font-size: 1.2rem;  /* Adjust the font size */
        padding: 0.6em 1.2em;  /* Adjust the padding */
    }

    /* Breakdown Accordion Breakdown Task List Theme */
    .accordion-button {
        background-color: #003842 !important;
        color: inherit !important;
        display: block;
        padding: 10px;
        margin: 0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .accordion-button.collapsed {
        background-color: #ffffff !important;
        color: #003842 !important;
        border: solid 2px #ececec !important;
    }

    /* Optional: Change the border color when the accordion is expanded */
    .accordion-button:not(.collapsed) {
        color: #ffffff !important;
        border: solid 2px #949494 !important; /* Border color for expanded state */
    }

    /* Change caret style for collapsed state */
    .accordion-button::after {
        color: white; /* Desired color for the caret */
        background-image: none; /* Remove default caret */
        content: "\25BC"; /* Down arrow character */
        transform: rotate(0deg) !important; /* Ensure it's pointing down */
    }

    /* Change caret style for expanded state */
    .accordion-button:not(.collapsed)::after {
        color: white; /* Desired color for the caret */
        background-image: none; /* Remove default caret */
        content: "\25B2"; /* Up arrow character */
        transform: rotate(0deg) !important; /* Ensure it's pointing up */
    }

    .accordion-collapse {
        border: solid 1px #e2e2e2 !important; /* Border color for expanded state */
    }

    /* Equipment Image Thumbnail Css */

    .equipmentImageThumbnail {
        width: 60px;               /* Set the width of the thumbnail */
        height: 60px;              /* Set the height of the thumbnail */
        object-fit: cover;          /* Ensures the image covers the area while maintaining aspect ratio */
        border-radius: 8px;         /* Rounded corners for the thumbnail */
        border: 2px solid #ddd;     /* Light border around the thumbnail */
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);  /* Subtle shadow for depth */
        transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for hover effects */
        margin-top: 10px;            /* Vertical space above the thumbnail */
        margin-bottom: 10px;         /* Vertical space below the thumbnail */
    }

    .equipmentImageThumbnail:hover {
        transform: scale(1.05);     /* Slightly enlarge the image on hover */
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); /* More prominent shadow on hover */
    }

    /* Custom ToolTip for Equipment Image Button */
    .custom-tooltip {
        --bs-tooltip-bg: #004956 !important; /* Theme Blue/Green background */
        --bs-tooltip-color: #fff; /* White text */
        font-size: 1.1rem; /* Slightly larger font */
    }

}