.invoice-export-drawer__body{padding:24px 40px}.invoice-export-drawer__content{display:flex;flex-direction:column;gap:40px}.invoice-export-drawer__dash{position:absolute;width:1px;z-index:-1;height:calc(100% + 11px);border-left:1px dashed #c4c4c4;top:26px;left:12px}.invoice-export-drawer__quickbook_connect{padding-left:38px}.invoice-export-drawer__step-title{font-size:var(--fs-h4)}.invoice-export-drawer__connect-section{position:relative}.invoice-export-drawer__section-container{display:flex;flex-direction:column;gap:56px}.invoice-export-drawer__footer{width:100%;display:flex;justify-content:flex-end;gap:16px}.invoice-export-drawer__loading{position:absolute;top:50%;left:50%;transform:translate(-50%)}.invoice-export-drawer__error-box{background:red}.invoice-export-drawer__error-box .notification-box__icon{margin-right:12px}.invoice-export-drawer .quickbooks-connect-success{margin-bottom:0}@media screen and (max-width:768px){.invoice-export-drawer__body{padding:24px 16px}.invoice-export-drawer__quickbook_connect{padding-left:0}}.invoice-customer-section{display:flex;flex-wrap:wrap;gap:24px}.invoice-customer-section .job-customer{width:100%}.invoice-customer-section .job-address-container{border-radius:8px;border:1px solid var(--roofr-mist-5B);background-color:var(--roofr-white);padding:16px;width:100%}.invoice-customer-section .billing-customer .invoice-customer-card{min-height:108px}.invoice-customer-section .disabled-section{opacity:.6}@media screen and (max-width:767px){.invoice-customer-section{flex-direction:column;padding:24px 0}.invoice-customer-section .job-customer{margin-right:0}.invoice-customer-section .customer-section-loader{width:366px}.invoice-customer-section .billing-customer .invoice-customer-card{min-height:initial}.invoice-customer-section.is-read-only{gap:12px}}.uppercase-title{--fs-md: 12px;font-weight:var(--font-weight-bold);text-transform:uppercase}.customer-section-loader{border:solid 1px var(--roofr-mist-5B);border-radius:8px;width:400px;height:80px;padding-top:16px;min-width:100%}.invoice-preview-table{border-collapse:collapse}.invoice-preview-table tbody tr:is(.description) td{border-top:none}.invoice-preview-table th,.invoice-preview-table td{min-width:120px}.invoice-preview-table td{border-top:1px solid var(--roofr-mist-5B);padding-top:12px;padding-bottom:12px}.invoice-preview-table thead tr th:not(:first-child),.invoice-preview-table tbody tr td:not(:first-child){text-align:end;width:120px}.invoice-preview-table .name-column{min-width:290px}.invoice-preview-table .description>div{color:var(--roofr-muted)}.invoice-preview-table .description td{padding:0}.invoice-preview-table .description-text{margin-top:-5px;margin-bottom:12px}.invoice-preview-table .description-text p:last-child{margin-bottom:0}@media print{.invoice-preview-table{-moz-column-break-inside:auto;break-inside:auto}.invoice-preview-table tr{page-break-inside:auto!important}}.pay-component iframe{width:100%}.pay-component{min-height:276px}.pay-component iframe{min-height:initial}@media(min-width:441px){.pay-component{min-height:185px}.pay-component iframe{border:none;min-height:185px}}.record-payment-option-confirmation__external-link{color:var(--roofr-blue)}.record-payment-option-confirmation__external-link:hover{text-decoration:none;color:var(--roofr-blue-30B)}.record-payment-option-confirmation-pull-card .pull-card-title{margin-bottom:16px;gap:4px;display:flex;justify-content:space-between}.record-payment-option-confirmation-pull-card .content-divider{margin:16px 0}.record-payment-option-confirmation-pull-card .dismiss-button{background-color:var(--roofr-mist-50);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.record-payment-option-confirmation-pull-card .pull-card-small-text{font-size:13px}.transaction-comfirmation .modal-dialog{max-width:782px}.customer-total{gap:24px}.customer-total .calculate-section{max-width:420px}.customer-total .right-column{text-align:left;width:100%;justify-content:flex-start}.customer-total .left-column{text-align:end}.customer-total .left-column p{white-space:nowrap}.customer-total .edit-mode{opacity:.5}.customer-total .heading-section{max-width:435px}.customer-total__payment{display:flex;justify-content:space-between}@media screen and (max-width:1150px){.customer-total{flex-wrap:wrap}.customer-total .calculate-section{width:100%;max-width:initial}.customer-total .right-column{text-align:left;width:100%;justify-content:flex-start}.customer-total .heading-section{max-width:100%}.customer-total__payment{justify-content:space-between}}@media screen and (max-width:767px){.customer-total .heading-section{display:none}}@media screen and (max-width:550px){.customer-total__payment{flex-direction:column!important}.customer-total__payment .left-column{text-align:start}}@media screen and (max-width:420px){.customer-total .left-column{min-width:initial}}.invoice-card-container{border:1px solid var(--roofr-mist-5B)!important;padding:1.25rem!important;border-radius:8px}.invoice-card-container .invoice-card-header{padding:auto}.invoice-card-container .invoice-card-footer{border-top:1px solid var(--roofr-mist-5B)}.invoice-details-page.preview-mode{overflow-y:scroll;background:var(--roofr-graphite)}@media print{.invoice-details-page.preview-mode{background:inherit;overflow-y:initial}}.invoice-details-page .dropdown-item:focus,.invoice-details-page .dropdown-item:active{background:var(--roofr-mist-5B)!important}.invoice-details-page .invoice-header{padding:24px;min-height:67px}.invoice-details-page .content-section{max-width:990px;flex-grow:2;gap:24px}.invoice-details-page .body-container{max-width:1300px;margin:0 auto}.invoice-details-page .invoice-container{padding:24px 24px 0}.invoice-details-page .invoice-container .placeholder-div{min-width:200px;max-width:230px;width:25%}.invoice-details-page .preview-content-container{display:flex;flex-direction:column;justify-content:center;max-width:var(--roofr-universal-content-max-width);width:100%;opacity:0;transform:translateY(20px);animation:fadeIn .25s ease-in-out forwards;animation-delay:.25s}@media print{.invoice-details-page .preview-content-container{opacity:1!important;max-width:100%;transform:none!important;animation-play-state:paused!important}}.invoice-details-page .content-container{display:flex;padding:16px 0 24px;gap:24px;justify-content:center}.invoice-details-page .tag{background-color:var(--roofr-green-success-20);gap:4px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:2px 6px;border-radius:5px}.invoice-details-page .tag>p{white-space:nowrap;font-size:11px}.invoice-details-page .tag i{display:flex;align-items:center;width:10px;height:10px}.invoice-details-page .side-section{min-width:220px;max-width:250px;overflow-y:auto}.invoice-details-page .side-section a{text-decoration:none;color:var(--roofr-blue)}.invoice-details-page .side-section a:hover{cursor:pointer}.invoice-details-page .side-section a:hover,.invoice-details-page .side-section a:active,.invoice-details-page .side-section a:focus{color:var(--roofr-blue-30B)!important}.invoice-details-page .invoice-body{background-color:var(--roofr-white);width:100%;border-radius:8px;box-shadow:#0000000d 0 4px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:40px;padding:24px}@media screen and (max-width:767px){.invoice-details-page .invoice-body{gap:24px;padding-top:0}}.invoice-details-page .invoice-header-customer-section{display:flex;flex-direction:column;gap:40px}.invoice-details-page__preview-info{margin:15px auto 0;max-width:-moz-max-content;max-width:max-content;background:var(--roofr-background-tertiary);border-radius:8px;padding:12px;border:1px solid var(--roofr-mist-5B)}.invoice-details-page__preview-info .roofr-button-icon-right{margin-top:1px;color:var(--roofr-graphite)!important}.invoice-details-page__preview-info p{text-align:start}@media print{.invoice-details-page__preview-info{display:none}}@media screen and (max-width:767px){.invoice-details-page__preview-info{margin-top:24px}.invoice-details-page__preview-info .roofr-button-icon-left{margin-right:8px!important}}.invoice-details-page .invoice-body__payment-edit-wrapper{display:flex;flex-direction:column;gap:40px}.invoice-details-page .invoice-preview-template{margin-top:40px}.invoice-details-page .invoice-preview-template.info-box-hidden{margin-top:16px}@media screen and (max-width:767px){.invoice-details-page .invoice-preview-template,.invoice-details-page .invoice-preview-template.info-box-hidden{margin-top:24px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.invoice-details-page .preview-info-box-container__upgrade-container{margin-top:12px}@media screen and (max-width:767px){.invoice-details-page .preview-info-box-container__upgrade-container{margin-top:24px}}.invoice-details-page .invoice-preview-notification-box{margin:16px auto 0;width:-moz-max-content;width:max-content}@media screen and (max-width:767px){.invoice-details-page .invoice-preview-notification-box{width:100%;margin:24px auto 0}}@media screen and (max-width:1100px){.invoice-details-page .invoice-header-customer-section{gap:16px}.invoice-details-page .shared--template-company-details{padding-bottom:0}}.invoice-details-page .cd-padding{padding:3rem 0}.invoice-details-page .invoice-body-item{width:100%;margin-bottom:24px;background-color:var(--roofr-mist-10);border-radius:8px;border:1px solid var(--roofr-mist-5B)}.invoice-details-page .invoice-body-item:last-child{margin:0}.invoice-details-page.print-mode{opacity:0;z-index:-1;background:var(--roofr-white)}.invoice-details-page .print-mode-view{position:absolute;top:0;left:0;width:100%;background:var(--roofr-white);z-index:1000}@media print{.invoice-details-page .invoice-body{height:100%!important}.invoice-details-page .content-container{background-color:var(--roofr-white)}.invoice-details-page .side-section{display:none}.invoice-details-page .content-section{max-width:100%}}@media screen and (max-width:990px){.invoice-details-page .content-section{max-width:100%}}@media screen and (min-width:768px){.invoice-details-page .disable-interaction,.invoice-details-page .disable-interaction-header{pointer-events:none}.invoice-details-page .disable-interaction:after,.invoice-details-page .disable-interaction-header:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#ffffff80}.invoice-details-page .disable-interaction{position:relative}.invoice-details-page .disable-interaction .fr-toolbar{opacity:.5}}@media screen and (max-width:767px){.invoice-details-page .content-container{background-color:var(--roofr-mist-30);flex-wrap:wrap;padding:0 0 24px}.invoice-details-page .content-section{padding:0;flex-wrap:wrap}.invoice-details-page .shared--template-company-details{padding:16px 0}.invoice-details-page .invoice-container{gap:0px;padding:24px 16px 0}.invoice-details-page .invoice-container .placeholder-div{width:0px;min-width:0px}.invoice-details-page .side-section{width:100%;height:100%;max-width:initial}.invoice-details-page .invoice-body{height:100%}.invoice-details-page .invoice-body .invoice-child-wrapper{background-color:var(--roofr-mist-10);border:1px solid var(--roofr-mist-5B);border-radius:8px}.invoice-details-page .invoice-body .cd-padding{padding:24px 16px}.invoice-details-page .mobile-history{background-color:var(--roofr-mist-30);min-height:100vh;padding:24px 16px}.invoice-details-page .mobile-history>div{padding:16px!important;background-color:var(--roofr-mist-10);border:1px solid var(--roofr-mist-5B);border-radius:8px}}.invoice-toast{width:-moz-fit-content!important;width:fit-content!important;max-width:550px}.Toastify__toast-container{--toastify-toast-width: fit-content}@media screen and (max-width:767px){.invoice-toast{width:100vw!important;max-width:calc(100vw - 40px)}}@media screen and (max-width:480px){.invoice-toast{width:100vw!important;max-width:100%}}