#root{max-width:100vw;max-height:100vh;margin:0 auto;padding:2rem}body,html,#root,.app-container{margin:0;padding:0;width:100%}html{overflow-x:hidden}body{position:relative;overflow-x:hidden}.card{padding:2em}.app-container{position:relative}.grecaptcha-badge{position:absolute!important;border-radius:8px!important}.read-the-docs{color:#888}.payment-method{border:1px solid #ccc;padding:15px;border-radius:15px}.payment-method-label{text-align:left;margin-bottom:10px;font-weight:700;font-size:1.25em}.card-number{max-width:97%;border-radius:5px;padding:5px;font-size:1em}.card-expiration,.card-cvv{padding:10px;margin-bottom:10px;border-radius:5px;font-size:1em;flex:0 0 auto}.card-expiration{max-width:30%;margin-right:10px}.card-cvv{max-width:30%}.card-extra-info{display:flex;justify-content:flex-start}.card-cvv{flex:1}.card-cvv{margin-left:10px}.content{height:auto;display:flex;padding:20px;gap:8px}.left-box{flex:5;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#fff}.total-due{margin-top:20px;font-weight:700;background-color:orange;font-size:1.5em}.remaining-balance{margin-top:5px;font-weight:700;font-size:1.5em}.card-image{max-width:25%;height:auto;margin-bottom:1em;align-self:flex-start}.right-box{flex:3;padding:20px;display:flex;flex-direction:column;border:1px solid #ccc;border-radius:8px;background-color:#fff;height:auto}.total-due-right{display:flex;justify-content:space-between;font-weight:700}.card-image{margin-bottom:1em}.card-number,.card-expiration,.card-cvv{margin-bottom:1em;width:100%}.card-extra-info{display:flex;justify-content:space-between}.pay-now-button-orange:hover{background-color:#ff8c00}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:20px}.slider.round:before{border-radius:50%}.total-due{display:flex;justify-content:space-between}.total-due-label,.total-due-value{margin:0 80px}.billing-info{border:1px solid #ccc;padding:15px;border-radius:15px;margin-top:10px}.billing-info-label{text-align:left;margin-bottom:10px;font-weight:700;font-size:1.25em}.billing-name,.billing-location{display:flex;justify-content:flex-start}.billing-last-name,.billing-city,.billing-zip{flex:1;border-radius:5px;padding:5px;margin-bottom:10px;height:30%}.billing-address{border-radius:5px;padding:5px;margin-bottom:10px;max-width:100%;min-width:97.5%}.billing-state{flex:1;border-radius:5px;padding:5px;margin:0 10px}.billing-last-name{border-radius:5px;padding:5px;margin-bottom:10px;margin-left:10px;flex:1}.billing-first-name{border-radius:5px;padding:5px;margin-bottom:10px;margin-right:10px;flex:1}.billing-zip{margin-left:10px;flex:2}.pay-now-button-container{margin-top:10px;border:1px solid #ccc;border-radius:10px;background-color:#f2f2f2;padding:10px;text-align:center}.pay-now-button-orange{background-color:orange;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1em}.for-captcha{height:150px}@media (prefers-color-scheme: dark){.customer-details-header,.customer-details-text{color:#ddd}.content{background-color:#333}.app-container,.left-box,.right-box{background-color:#333;color:#ddd}}@media (max-width: 1024px){.content{flex-wrap:wrap;height:auto}.right-box,.left-box{width:100%;flex:1 1 100%}}.table-container{max-height:80%;overflow-y:auto;margin-top:10px}.table{border-collapse:collapse;position:relative;width:100%;height:100%}th{position:sticky!important;top:0!important;background:white}.table th,.table td{flex:1;text-align:center;border-bottom:1px solid #ddd;width:auto;padding:15px 12px;top:0;z-index:10}td{vertical-align:top}.table-cell{color:#000;background-color:#fff}@media (prefers-color-scheme: light),(prefers-color-scheme: no-preference){.table-row{background-color:#fff;color:#000}}@media (prefers-color-scheme: dark){.table{background-color:#fff}th,.table-row{background-color:#333;color:#ddd}.table-cell{color:#ddd!important;background-color:#333}.table-container{color:#ddd}}@media (max-width: 1024px){.table-container{display:none}}.customer-details-header{font-weight:700;margin-bottom:.1em;text-align:left;font-size:1.2em;margin-top:.1em}.customer-details-text{margin:.2em 0 0;text-align:left}.customer-details-text:first-of-type{margin-top:0}.customer-details-payment-info{display:none}@media (max-width: 600px){.customer-details-payment-info{margin-top:16px}}@media (min-width: 600px) and (max-width: 767px){.customer-details-payment-info{margin-top:16px}}@media (min-width: 768px) and (max-width: 1024px){.customer-details-container{display:flex;justify-content:space-between;align-items:center}.customer-details-container>div{width:50%;box-sizing:border-box}}@media (max-width: 1024px){.customer-details-payment-info{display:block}}.modal-message-header-container{display:flex;align-items:center;justify-content:space-between;font-weight:700}.modal-message-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--error-modal-bg-color);padding:32px;z-index:2000;width:auto;max-width:25%;box-shadow:0 4px 8px #0000004d;border-radius:10px}.modal-message-okay-button{width:100%;border-radius:4px;margin-top:12px;background-color:#fff}.modal-message-okay-button:hover{border:1px solid rgb(207,136,3)}.sent-receipt-container{border-radius:8px;border:1px solid #dfdfdf;padding:12px;margin:4px 0}.checkmark:checked{background-color:orange}.checkmark:checked:after{content:"✓";color:#fff}.receipt-container{margin-top:6px}.receipt-input{height:38;padding:10px;border-radius:4px;border:1px solid #dfdfdf;width:100%;box-sizing:border-box}.receipt-input:focus{outline:1px solid transparent}.checkmark{text-align:center;vertical-align:middle;width:20px!important;height:20px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;border:1px solid orange;cursor:pointer;box-shadow:none;font-size:.8em;margin-right:8px}@media (prefers-color-scheme: dark){.receipt-container input{background-color:#ffffff40}}.payment-success-content{display:flex;flex-direction:column;justify-content:start;align-items:center;height:100vh;margin:1.2em;background-color:#fff;box-shadow:0 4px 8px #0003;padding:1.2em;border-radius:8px}.payment-success-message-container{border:1px solid rgba(0,0,0,.2);text-align:center;width:30%;padding:16px 0}.payment-success-container{background:linear-gradient(white,lightgray)}.payment-success-checkmark{width:4.5em;height:auto;margin-bottom:1.25em}.payment-success-title{color:#333;margin-bottom:.625em;font-weight:700}.payment-success-text{color:#666;margin-bottom:1.25em}.payment-success-amount{font-size:2em;font-weight:700;color:#333}.payment-success-more-button{background-color:orange;color:#000;font-weight:700;border:none;padding:.625em 1.25em;border-radius:.3125em;cursor:pointer;font-size:1em;margin-top:12px;width:30%}.payment-success-more-button:hover{background-color:#d18903}.payment-success-email-button{background-color:#4caf50;color:#fff;border:none;border-radius:4px;padding:10px 20px;font-size:1em;cursor:pointer;display:block;margin:auto}.payment-success-email-button:hover{background-color:#45a049}@media (prefers-color-scheme: dark){.payment-success-container{background:linear-gradient(#1e1e1e,#2b2b2b);color:#f0f0f0;box-shadow:0 .125em .25em #ffffff1a}.payment-success-message-container{border:1px solid #fff}.payment-success-content{background-color:#333}.payment-success-title,.payment-success-text,.payment-success-amount{color:#f0f0f0}.payment-success-more-button{background-color:orange;color:#000}.payment-success-more-button:hover{background-color:#d18903}}@media (max-width: 600px){.payment-success-message-container,.payment-success-more-button{width:90%}.payment-success-content{height:auto}.payment-success-container{height:100vh}}@media (min-width: 600px) and (max-width: 767px){.payment-success-message-container,.payment-success-more-button{width:75%}}@media (min-width: 768px) and (max-width: 1024px){.payment-success-message-container,.payment-success-more-button{width:50%}}:root{--bg-color: #fff;--text-color: #000;--input-bg-color: #eee;--input-text-color: #000;--input-border-color: #ccc;--label-color: #333;--button-bg-color: orange;--button-text-color: black;--button-hover-bg-color: darkorange;--error-modal-bg-color: white;--error-modal-text-color: black;--error-modal-border-color: black}@media (prefers-color-scheme: dark){:root{--bg-color: #333;--text-color: #fff;--input-bg-color: #666;--input-text-color: #fff;--input-border-color: #444;--label-color: #ccc;--button-bg-color: orange;--button-text-color: black;--button-hover-bg-color: darkorange;--error-modal-bg-color: #333;--error-modal-text-color: white;--error-modal-border-color: #fff}}.pay-now-button{background-color:var(--button-bg-color);color:var(--button-text-color);padding:12px 0;border:none;font-weight:700;transition:background-color .3s;border-radius:4px}.pay-now-button-disabled{opacity:.4;cursor:default}.pay-now-button-disabled:hover{background-color:var(--button-bg-color)}.pay-now-button:hover{background-color:var(--button-hover-bg-color)}.tokenizer-payment-container{display:flex;flex-direction:column;align-items:center;background-color:var(--bg-color);color:var(--text-color);width:100%;box-sizing:border-box}.error-modal-header-container{display:flex;align-items:center;justify-content:space-between;font-weight:700}.tokenizer-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;font-size:1.5em;color:#000;z-index:99999}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;font-size:1.5em;color:#000;z-index:99999}.loading-container{background-color:#fff;padding:40px;border-radius:8px;font-weight:600}.error-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.error-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--error-modal-bg-color);padding:32px;z-index:2000;width:auto;max-width:25%;box-shadow:0 4px 8px #0000004d;border-radius:10px}.error-okay-button{width:100%;border:1px solid orange;border-radius:4px;margin-top:12px;background-color:#fff}.error-okay-button:hover{border:1px solid rgb(207,136,3)}.close-button{top:5px;right:9px;border:none;background:none;cursor:pointer;font-size:1.2em;color:var(--label-color);padding:1px}@media (prefers-color-scheme: dark){#tokenizer-container{background-color:var(--bg-color);color:var(--text-color);color-scheme:normal}.tokenizer-payment-container{background-color:var(--bg-color);color:var(--text-color)}}.user-info,.billing-info,.payment-info,.ach-info{display:flex;flex-wrap:wrap;gap:5px;margin:1px 0;width:100%;border:none;padding:0}.user-info input,.billing-info input,.billing-info select,.payment-info input,.ach-info input,.ach-info select{background-color:#fff;color:var(--input-text-color);border:1px solid var(--input-border-color);padding:10px;border-radius:4px;font-size:16px}.payment-info input#expiryDate::placeholder{color:#aaa}.payment-info .expiryDate-label{display:block}.ach-info{display:flex;align-items:flex-start;gap:10px;margin-bottom:1px;width:100%}.ach-info>div{flex:1;min-width:0}form{width:100%;display:flex;flex-direction:column}.form-section-title{font-weight:700;margin-bottom:1px;width:100%;text-align:left;color:#2c3e50;font-size:1.2em}.form-section{padding:12px;border:1px solid #dfdfdf;border-radius:8px;margin-bottom:4px}.label{margin-bottom:1px;color:var(--label-color);text-align:left;font-size:smaller}.info-items{flex:1;display:flex;flex-direction:column}.info-items input,.info-items select{width:100%;box-sizing:border-box}.user-info{width:100%;display:flex;gap:8px;justify-content:space-between;box-sizing:border-box}.billing-info-container{width:100%;display:flex;gap:8px}#card-container,#cvv-container{height:40px;padding:0;background-color:#fff}.payment-card-section{width:100%;display:flex;gap:8px;box-sizing:border-box;flex-wrap:wrap}.payment-card-section .info-items{display:flex;flex-direction:column;box-sizing:border-box}.payment-card-section .info-items:nth-child(1){flex:0 0 64%}.payment-card-section .info-items:nth-child(2){flex:0 0 17%}.payment-card-section .info-items:nth-child(3){flex:0 0 15%}.payment-card-section .info-items input,.payment-card-section .info-items div{width:100%;box-sizing:border-box}.payment-bank-section{width:100%;display:flex;flex:1;box-sizing:border-box}.payment-selection{width:100%;display:flex;flex:1;margin-bottom:4px;margin-top:4px}.payment-selection-items{width:50%;border:0px;font-weight:600;display:relative;font-size:15px;padding:8px 16px;text-align:left}.payment-selection-items-full{width:100%;border:0px;font-weight:600;display:relative;font-size:15px;padding:8px 16px;text-align:left}.payment-selection-items:nth-of-type(1){border-radius:4px 0 0 4px}.payment-selection-items:nth-of-type(2){border-radius:0 4px 4px 0}.payment-background{background-color:#dcdee2}.payment-selected{background-color:#fff;border:1px solid orange}.payment-selection-items:focus{border:1px solid orange;outline:1px solid transparent}.payment-selected-checkmark{color:orange;padding-right:4px;font-size:larger}.payment-bank-section{width:100%;display:flex;gap:8px}.payment-visible{visibility:visible;display:block}.payment-hidden{visibility:hidden;display:none}@media (prefers-color-scheme: dark){.form-section-title{color:#fff}.info-items input,.info-items select{background-color:#ffffff40;border:1px solid #e8e8e8}.info-items option{color:#000}.payment-card-section .info-items input,.payment-bank-section .info-items input,.payment-bank-section .info-items select{background-color:#fff;border:1px solid #fff;color:#5c5b5b}#card-container,#cvv-container{background-color:#fff;border:1px solid #fff}.payment-selection-items{background-color:#5c5b5b}.payment-selected{background-color:#fff;border:1px solid orange;color:#333}}@media (max-width: 600px){.payment-card-section{flex-wrap:wrap}.payment-card-section .info-items:nth-child(1){flex:0 0 100%}.payment-card-section .info-items:nth-child(2){flex:0 0 25%}.payment-card-section .info-items:nth-child(3){flex:0 0 25%}.payment-selection-items{padding:8px 8px 8px 16px}}.tooltip-container{position:relative;display:inline-block}.t-error{background-color:#f44336!important;visibility:visible!important;opacity:1!important}.tooltip-container .tooltip.t-error:after{border-color:#f44336 transparent transparent transparent}.tooltip-container .tooltip{visibility:hidden;position:absolute;z-index:100;bottom:125%;left:0;max-width:max-content;background-color:#333;color:#fff;text-align:center;padding:8px 12px;border-radius:4px;opacity:0;transition:opacity .3s;pointer-events:none;font-size:14px;box-shadow:0 2px 5px #0003}.tooltip-container .tooltip:after{content:"";position:absolute;top:100%;left:15px;border-width:6px;border-style:solid;border-color:#333 transparent transparent transparent}.tooltip-container.tooltip-enabled:hover .tooltip{visibility:visible;opacity:1}.tooltip-container .tooltip:before{content:attr(data-tooltip);white-space:normal;word-wrap:break-word}.payment-summary{font-weight:700;margin-bottom:.5em;text-align:left;font-size:1.2em}.payment-info-header{border-radius:8px;border:1px solid #dfdfdf;padding:12px;margin-bottom:4px}.payment-info-container{background-color:#f2f2f2;padding:12px;border-radius:8px}.payment-info-has-selected{background-color:#8fc701}.payment-total-label{font-size:smaller}.payment-total-value{font-weight:700}.payment-info-label,.payment-info-value{font-size:smaller}.payment-info-line{display:flex;justify-content:space-between;align-items:"center"}.payment-info-jump-button{display:none}@media (prefers-color-scheme: dark){.payment-info-label,.payment-info-value,.total-due-label,.total-due-value{color:#f2f2f2}.payment-info-header{background-color:#333}.payment-info-container{background-color:#5c5b5b}.payment-info-has-selected{background-color:#8fc701}.payment-info-jump-button{background-color:#333!important}}@media (max-width: 1024px){.payment-info-jump-button{display:block;width:100%;border:1px solid var(--border-color);margin-top:8px;border-radius:4px;background-color:#fff}.payment-info-jump-button:hover{border:1px solid var(--border-color);color:var(--border-color)}}.company-header{background-color:#000;padding:5px;border-radius:0;display:flex;align-items:center}.company-title{font-weight:700;font-size:2em;padding:20px;color:#fff}.company-logo{display:block;width:auto;padding-left:5px;max-height:90px;margin:8px 0;will-change:filter;transition:filter .3s}.company-logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.company-logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .company-logo{animation:logo-spin infinite 20s linear}}@media (prefers-color-scheme: dark){.company-header{background-color:#333}.company-title{color:#f0f0f0}}@media (max-width: 600px){.company-logo{height:40px}.company-title{font-size:1.2em}}@media (min-width: 600px) and (max-width: 767px){.company-logo{height:70px}.company-title{font-size:1.5em}}@media (min-width: 768px) and (max-width: 1024px){.company-logo{height:80px}.company-title{font-size:1.7em}}.invoice-card-container{display:none}.invoice-card-header,.invoice-label-value-container{display:flex;justify-content:space-between;align-items:center}.invoice-card-total-due{font-weight:700;font-size:large}.invoice-card-other-details{margin-top:12px}@media (max-width: 1024px){.invoice-card-content{border:1px solid #ccc;padding:16px;border-radius:8px;margin-bottom:2px;font-size:smaller}.invoice-card-container{display:block;margin-top:12px;max-height:90vh;overflow-y:auto}}.footer-container{height:120px;padding:0 20px;display:flex;align-items:center}.customer-lookup-page{display:flex;flex-direction:column}.customer-lookup-form-title{color:#213446;margin-bottom:-16px}.customer-lookup-content{height:70vh;display:flex;gap:8px;padding:1.2em}.customer-lookup-image-container{width:65%;box-shadow:0 4px 8px #0000001a;border-radius:8px}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.customer-lookup-image{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px #0000001a}.customer-lookup-form-container{width:35%;display:flex;justify-content:center;padding-top:72px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;z-index:99}.customer-lookup-form-card{padding:0 32px;width:100%}.customer-lookup-input{width:100%;padding:10px;border:1px solid #E8E8E8;border-radius:4px;box-sizing:border-box;font-size:small;margin-bottom:8px}.customer-lookup-submit-button{width:100%;margin-bottom:40px;padding:12px;background-color:orange;color:#000;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;box-shadow:none;transition:background-color .3s;display:flex;align-items:center;justify-content:center}.customer-lookup-submit-button:hover{background-color:#e69602}.customer-lookup-construction-image{width:50%;height:auto}.input-error{border:1px solid red}.error-message{color:red;font-size:smaller;margin-bottom:-4px}@media (prefers-color-scheme: dark){.customer-lookup-page{background:linear-gradient(#1e1e1e,#2b2b2b)}.customer-lookup-form-container{background-color:#424242;box-shadow:0 4px 8px #00000080}.customer-lookup-form-card{color:#f0f0f0;border-radius:8px}.customer-lookup-form-title{color:#f0f0f0}.customer-lookup-input{background-color:#333;color:#f0f0f0;border:2px solid #ccc}.input-error{border:2px solid #ff4500}.error-message{color:#ff4500}}@media (max-width: 600px){.customer-lookup-image-container,.customer-lookup-form-container{width:100%}.customer-lookup-form-container{align-items:center;padding-top:24px}.customer-lookup-form-title{display:none}.customer-lookup-content{flex-wrap:wrap;gap:16px;height:auto}}@media (min-width: 600px) and (max-width: 767px){.customer-lookup-image-container,.customer-lookup-form-container{width:50%}.customer-lookup-content{height:100vh;overflow-x:hidden}}@media (min-width: 768px) and (max-width: 1024px){.customer-lookup-image-container,.customer-lookup-form-container{width:50%}.customer-lookup-content{height:100vh;overflow-x:hidden}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}