body {
            font-family: 'Montserrat', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f9f9f9;
        }

        /*table {
            width: 100%;
            border-collapse: collapse;
        }*/

        .footer-content{
            display: none;
        }


        .footer-content {

            color: white;
            padding: 10px;
            font-size: 12px;
            text-align: center;

        }

        .customer-info_address{
          font-weight: 500;
        }

        .footer-content p {
            margin: 0;
            padding: 2px 0;
        }
        p{
            margin: 0px;
        }

        .page-header {
          height: 100%;
          max-height: 215px;
          min-height: 30px;
          padding: 0 0 24px;
        }
                
        .p-print {
          border: 0;
          color: var(--grey-900);
          font-size: 12px;
          font-weight: 400;
          width: 100%;
        }
        .p-print td, .p-print th {
          padding: 6px;
          text-align: left;
        }
        .p-print th {
          border-bottom: 1px dashed #e0e0e0;
          color: #626262;
          font-size: 13px;
          font-weight: 400;
        }

        .p-print td {
          border-bottom: 1px solid var(--grey-300);
        }
        .p-print td, .p-print th {
          padding: 6px;
          text-align: left;
        }
        .p-print td.align-right, .p-print th.align-right {
          text-align: right;
        }
        .p-layout-table td, .p-layout-table th {
          font-weight: 400;
        }

        .page-footer-space p {
          color: #202020;
          font-size: 10px;
          margin: 0;
          text-align: center;
        }
        .page-footer-space {
          padding-bottom: 24px;
        }
        .mb24 {
          margin-bottom: 24px;
        }
        .customer-info {
          width: 50%;
        }
        .property-info {
          width: 50%;
        }
        .property-info_name {
          color: #202020;
          font-size: 14px;
          font-weight: 600;
          margin-bottom: 4px;
          text-align: right;
          text-transform: capitalize;
        }
        .customer-info_name {
          color: #202020;
          font-size: 14px;
          font-weight: 600;
          margin-bottom: 4px;
          text-transform: capitalize;
        }
        .property-info_row span:nth-child(n) {
          color: #202020;
          font-weight: 500;
          min-width: 130px;
          text-align: right;
        }
        .property-info_row span {
          display: inline-block;
        }
        .property-info_row {
          font-size: 12px;
        }
        .page-footer, .page-footer-space {
          min-height: 50px;
        }
        .p-layout-table td, .p-layout-table th {
          font-weight: 400;
        }
        .h3 {
          color: var(--grey-900);
          font-size: 16px;
          font-weight: 500;
        }
        .property-info_row span:nth-child(2n) {
          color: #757575;
          font-weight: 400;
          text-align: right;
        }
        .property-info_row span {
          display: inline-block;
        }   
        .mb8 {
          margin-bottom: 8px;
        }
        .top-bar {

            background-color: #1a535c; 
            padding: 5px 10px; 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
            height: 40px;
            color: white;
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .top-bar div{
            display: flex; 
            align-items: center; 
            gap: 10px;
        }


        .top-bar button {
            font-family: 'Montserrat', sans-serif;
            background-color: white; 
            color: #1a535c; 
           font-style: italic;
            font-size: 14px;
            font-weight: 600;
            border: none; 
            padding: 5px 10px; 
            border-radius: 1px; 
            cursor: pointer;
        }
        .top-bar input {
          font-family: 'Montserrat', sans-serif;
          padding: 5px 10px;
          font-size: 14px;
          border-radius: 1px;
          border: none;
        }

        .loader {
            display: none;
            border: 4px solid #f3f3f3;
            border-top: 4px solid #1a535c;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            animation: spin 1s linear infinite;
            margin-left: 10px;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
        .top-bar h3{
            margin: 0; 
            font-size: 16px;
        }

        .top-bar button:hover {
            background-color: #f1f1f1;
        }
        .invoice-container {
            width: 90%;
            max-width: 800px;
            margin: 20px auto;
            background-color: #fff;
        }
        .property-info_row {
          display: flex;
          font-size: 12px;
          justify-content: flex-end;
          margin-bottom: 4px;
        }
        .header {
            text-align: center;
            margin-bottom: 20px;
            border-bottom: 1px solid #ddd;
            padding-bottom: 10px;
        }

        .p-print .date-col {
          white-space: nowrap;
          width: 80px;
        }
        .p-print td {
          border-bottom: 1px solid #e0e0e0;
        }
        .p-print td, .p-print th {
          padding: 6px;
          text-align: left;
        }
        .p-flex_space-between {
          justify-content: space-between;
        }
        .p-flex {
          display: flex;
        }
        .mb24 {
          margin-bottom: 24px;
        }
        .p-padded-section {
          padding-left: 24px;
          padding-right: 24px;
        }
        .half-page-table > section {
          flex: 0 1 calc(50% - 16px);
        }
        .h3 {
          color: #212121;
          font-size: 16px;
          font-weight: 600;
        }
        .mb8 {
          margin-bottom: 8px;
        }
        .header img {
            max-width: 150px;
            margin-bottom: 10px;
        }
        .total-balance-due {
          margin-bottom: 24px;
          margin-left: auto;
          width: 280px;
        }
        .total-balance-due .p-print td {
          border-bottom: 1px dashed #e0e0e0;
          border-top: 1px dashed #e0e0e0;
          font-weight: 700;
        }

        .p-print_mock-footer {
          font-size: 14px;
          padding: 0;
          width: 100%;
        }
        .p-print .summary td {
          font-size: 12px;
          padding: 3px 6px;
        }
        .p-print td.p-print_no-border {
          border: 0;
        }
        .p-flex_end {
          justify-content: flex-end;
        }
        .p-flex {
          display: flex;
        }
        .p-print .summary td {
          font-size: 12px;
        }
        .value-separation {
          margin-left: 12px;
          min-width: 90px;
        }
        .p-print td.align-right, .p-print th.align-right {
          text-align: right;
        }


        .p-layout-table td, .p-layout-table th {
          font-weight: 400;
        }
        .p-guest-message {
          color: #757575;
          font-size: 11px;
          margin: 32px 0;
        }
        .blank-space_placeholder-8 {
              width: 8px;
        }
        .cp-feature-text a {
            color: #383a3d;
        }

        .cp-feature-email a {
            color: #383a3d;
            text-decoration: none;
        }
        @media print {
            body {
                margin: 0;
                padding: 0;
            }
            table.p-layout-table tr td {
                vertical-align: middle;
            }
            table.p-layout-table {
                page-break-inside: auto;
            }

            table.p-layout-table thead {
                display: table-header-group;
            }

            table.p-layout-table tfoot {
                display: table-footer-group;
            }
            /*able td, table th {
              page-break-inside: avoid;
            }*/

                /*table.p-layout-table tr {
                page-break-inside: avoid;
            }*/
            .footer-content{
                display: block;
            }

            .page-footer-space{
                display: none;
            }

            .print-footer {
                position: fixed;
                bottom: 0;
                left: 0;
                width: 100%;
                z-index: 1000;
            }
            .invoice-container {
                page-break-after: auto;
                page-break-inside: avoid;
                position: relative;
                width: 100%;
                margin: 0;
                padding: 0;
                border: none;
                page-break-before: auto;
            }

            /* Reserved space for footer */
            .reserved-space {
                height: 80px; /* Match footer height */
            }
            .top-bar {
                display: none;
            }

        }
        @page {

            size:auto;
            margin:0

        }
        #loading-spinner{
            display: none;
        }
        .value-separation {
          margin-left: 12px;
          min-width: 90px;
        }
        .p-print_row-total, .p-print_row-total .total {
          font-size: 14px;
          font-weight: 500;
        }
        .p-print_row-total, .p-print_row-total .total {
          font-size: 14px;
          font-weight: 500;
        }