.image-scroller{display:flex;flex-direction:column;overflow-y:scroll;max-width:90%;padding:10px;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none;height:100%;max-height:100vh}.image-scroller .scroller-image{width:100%;margin-bottom:10px;-o-object-fit:cover;object-fit:cover}.image-scroller--warning{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px;width:425px;padding:40px 32px 48px;border-radius:6px;background-color:var(--roofr-white)}.image-scroller--text-container{padding-top:16px;padding-bottom:24px;width:60%}.image-scroller::-webkit-scrollbar{display:none}@media screen and (max-width:768px){.image-scroller{overflow-y:unset}.image-scroller--warning{max-width:73%}.image-scroller--text-container{width:100%}}@keyframes communication_in_progress{0%{width:0;opacity:0}10%{opacity:1}50%{width:75%;opacity:1}75%{width:66%;opacity:1}to{width:90%;opacity:1}}@keyframes communication_completed{0%{width:90%;opacity:1}75%{width:100%;opacity:1;border-radius:0}to{width:100%;opacity:0;border-radius:0}}.roofr-attachments-froala-list{border:1px solid var(--froala-border-color, var(--roofr-mist-5B))}.roofr-attachments-froala-item-preview,.roofr-attachments-froala-item-footer{border:1px solid var(--roofr-mist-5B)}.roofr-attachments-froala-item-preview[data-status=error],.roofr-attachments-froala-item-footer[data-status=error]{border:1px solid var(--roofr-red-alert-5B)}.roofr-attachments-froala-item-footer[data-status=error]{border-top:1px solid var(--roofr-mist-5B)}.roofr-attachments-froala-list,.roofr-attachments-froala-item-preview,.roofr-attachments-froala-item-footer{border-radius:var(--attachments-border-radius, 6px)}.roofr-attachment-froala-wrapper{border-top:1px solid var(--roofr-divider)!important}.roofr-attachment-froala-wrapper[data-empty=true]{border:0;border-top:0!important}.roofr-attachments-froala-list{display:flex;flex-wrap:wrap;flex-shrink:0;padding:8px;max-height:409.4px;background-color:var(--roofr-white);border-top:0!important;border-top-left-radius:0;border-top-right-radius:0;overflow:auto;transition:padding var(--trs)}.roofr-attachments-froala-list[data-empty=true]{padding:0}.roofr-attachments-froala-item{padding:8px;width:33.3333333333%;background-color:var(--roofr-white);overflow:hidden}.roofr-attachments-froala-item-preview{position:relative;height:100px;background-color:var(--roofr-mist-5B);border-bottom:0!important;border-bottom-left-radius:0;border-bottom-right-radius:0}.roofr-attachments-froala-item-process{position:absolute;content:" ";right:0;bottom:0;left:0;width:0;height:5px;opacity:0;border-radius:0 6px 6px 0;background-color:var(--roofr-blue);transition:width var(--trs),opacity var(--trs),border-radius var(--trs);z-index:1}.roofr-attachments-froala-item-preview[data-status=in_process]>.roofr-attachments-froala-item-process,.roofr-attachments-froala-item-preview[data-status=deleting]>.roofr-attachments-froala-item-process{max-width:90%;opacity:1}.roofr-attachments-froala-item-preview[data-status=deleting]>.roofr-attachments-froala-item-process{max-width:99%}.roofr-attachments-froala-item-preview[data-status=completed]>.roofr-attachments-froala-item-process{max-width:100%;opacity:0;border-radius:0}.roofr-attachments-froala-item-preview>[data-identity=roofr-attachments-dropdown]{--roofr-button-border-color: var(--roofr-mist-5B);position:absolute;top:0;right:0;border:0;border-radius:var(--attachments-border-radius, 5px)!important;border-top-left-radius:0!important;border-bottom-right-radius:0!important;z-index:1}.roofr-attachments-froala-item-footer{padding:8px;border-top-left-radius:0;border-top-right-radius:0}.roofr-attachments-froala-item-preview-box{width:100%;height:100%;background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:5px 5px 0 0;line-height:inherit;overflow:hidden}.roofr-attachments-froala-item-preview-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden}.roofr-attachments-froala-dropdown{--trigger-background-color: var(--roofr-white);--trigger-border-color: rgba(0, 0, 0, .15);--trigger-text-color: var(--roofr-graphite);--trigger-padding-y: 6px}.roofr-attachments-froala-wrapper{display:flex;flex-direction:column;max-height:inherit;border-radius:6px;overflow:auto}.roofr-attachments-froala-dropdown-item{padding:6px 16px;margin:0;background-color:transparent;border:0;color:currentColor;text-align:left;box-shadow:none;outline:none;cursor:pointer;transition:background-color var(--trs),color var(--trs)}.roofr-attachments-froala-dropdown-item:hover,.roofr-attachments-froala-dropdown-item:focus{box-shadow:none;outline:none;text-decoration:none}.roofr-attachments-froala-dropdown-item:hover{background-color:var(--roofr-mist-50)}.roofr-attachments-froala-dropdown-item[data-disabled=true]{color:var(--roofr-mist-30B);pointer-events:none}.roofr-attachments-froala-dropdown-item[data-danger=true]{color:var(--roofr-red-alert-5B)}.roofr-attachments-froala-dropdown-item[data-danger=true]:hover{background-color:var(--roofr-red-alert-20)}.roofr-attachments-froala-dropdown-item[data-danger=true][data-disabled=true]{color:var(--roofr-red-alert-30)}.radio-group-label{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-radius:6px;border:1px solid var(--roofr-mist-5B);background:var(--roofr-mist-30);transition-property:border-color,box-shadow;transition-duration:var(--trs-d);transition-timing-function:var(--trs-tf)}.radio-group-label[data-checked=true]{border-color:var(--roofr-blue)}.radio-group-label[data-checked=false]:hover{border-color:var(--roofr-blue-50);box-shadow:0 2px 16px #74838b14;cursor:pointer}.radio-group-label[data-checked=false]:hover input[type=radio]{border-color:var(--roofr-blue-50)}.radio-group-text{display:flex;flex-direction:column}.radio-group-label>input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--roofr-white);margin:4px 0 0;flex-shrink:0;font:inherit;width:16px;height:16px;border:1px solid var(--roofr-mist-5B);border-radius:50%;display:grid;place-content:center;position:relative;transition-property:border-color;transition-duration:var(--trs-d);transition-timing-function:var(--trs-tf)}.radio-group-label>input[type=radio]:before{content:"";position:absolute;top:50%;left:50%;flex-shrink:0;width:8.5px;height:8.5px;border-radius:50%;transform:translate(-50%,-50%) scale(0)!important;transition:.12s transform ease-in-out;background:var(--roofr-button-bg, var(--roofr-gradient-blue))}.radio-group-label>input[type=radio]:checked:before{transform:translate(-50%,-50%) scale(1)!important}.radio-group-label>input[type=radio]:checked{transform:scale(1);border:1px solid var(--roofr-blue);flex-shrink:0}.file-preview-thumb{flex-grow:1;min-height:0px}.file-preview-thumb--checkbox{position:absolute;padding:8px;top:0;left:0}.file-preview-thumb--img{background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;height:100%;background-color:var(--roofr-mist-50)}.file-preview-thumb--other{overflow:hidden;position:relative;height:100%}.file-preview-thumb--other .file-preview-thumb--other-img-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.file-preview-thumb--pdf{overflow:hidden;position:relative;height:100%}.file-preview-thumb--pdf .file-preview-pdf-page-count{background-color:var(--roofr-graphite);color:var(--roofr-white);border:none}.file-preview-thumb--pdf .file-preview-thumb--pdf-img-wrapper{padding:6px 10% 0;background-color:var(--roofr-mist);height:100%;width:100%}.file-preview-thumb--pdf img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:3px}.file-preview-thumb--pdf>.file-preview-pdf-page-count{transition:opacity .25s ease-in-out;z-index:1;position:absolute;bottom:10px;right:10px}.file-preview-overlay{z-index:2;opacity:0;position:absolute;width:100%;height:100%;display:flex;flex-direction:column;padding:10px;transition:opacity .25s ease-in-out;background:linear-gradient(180deg,#0000,#0000005e 28.5%,#000000bf)}.file-preview-overlay:hover{opacity:1}.file-preview-overlay:hover:hover+.file-preview-pdf-page-count{opacity:0}.file-preview-overlay .file-preview-overlay--header{display:flex;justify-content:flex-end}.file-preview-overlay .file-preview-overlay--preview{flex-grow:1;display:flex;align-items:center;justify-content:center}.file-preview-overlay .file-preview-overlay--preview svg{color:var(--roofr-white)}.file-preview-overlay .file-preview-overlay--info{display:flex;justify-content:space-between;padding:0 10px}.file-preview{border-radius:7px;border:1px solid var(--roofr-mist-5B);background:var(--roofr-white);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:all var(--trs)}.file-preview.file-preview--selected{border:1px solid var(--roofr-blue-5B)}.file-preview .roofr-checkbox-container{z-index:3;position:absolute;left:8px;top:8px}.file-preview .file-is-added-container{border-radius:5px;border:1px solid var(--roofr-green-5B);background:var(--roofr-green-10);z-index:3;position:absolute;right:8px;top:8px}.file-preview .file-is-added-container>div{display:flex;padding:1px 6px;gap:4px;justify-content:center;align-items:center}.file-preview--footer{border-top:1px solid var(--roofr-mist-5B);display:flex;align-items:center;flex-shrink:0}.file-preview--footer-left{flex-grow:1;display:flex;flex-direction:column;min-width:0px;padding:5px 0 4px 8px}.file-preview--filename-section{display:flex;align-items:center;flex-grow:1;flex-shrink:1;min-width:0px}.file-preview--filename-section-action{display:flex;align-items:center;flex-shrink:0;flex-grow:0;height:100%;padding-right:2px}.file-preview--type-svg,.file-preview--type-other{color:var(--roofr-graphite);width:30px;height:30px;padding:4px}.file-preview--name-wrapper{height:100%;display:flex;align-items:center;flex-grow:1;min-width:0px;padding:4px}.file-preview--name-wrapper input{padding:0!important;border:none!important;outline:none!important}.file-preview--name-wrapper .file-preview--name-text{flex-grow:1;min-width:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;cursor:text}.file-preview--name-wrapper .file-preview--name-text[data-disabled=true]{pointer-events:none}.file-preview--menu-trigger{height:100%;padding:0 6px 0 10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none!important}.file-preview--menu-trigger:hover{background-color:var(--roofr-blue-5)!important}.file-preview--menu-trigger[data-open=true]{background-color:var(--roofr-mist)!important;color:var(--roofr-blue-30B)!important}.file-preview--right-action{display:flex;flex-shrink:0;flex-grow:0;height:100%;padding:6px 5px 0}.file-preview--footer{display:flex;justify-content:space-between}.file-preview--footer .file-preview--save-button,.file-preview--footer .file-preview--cancel-button{border-radius:50%!important;width:30px;height:30px}.file-preview--footer .file-preview--save-button div,.file-preview--footer .file-preview--cancel-button div{margin:0!important}.file-preview--footer .file-preview--cancel-button:hover{background-color:var(--roofr-mist-50)!important}.file-preview--footer .file-preview--cancel-button svg{color:var(--roofr-graphite)!important}.file-preview--footer .file-preview--save-button:hover{background-color:var(--roofr-green-success-10)!important}.file-preview--footer .file-preview--save-button svg{color:var(--roofr-green-success)!important}.file-preview--skeleton{position:absolute;height:100%;width:100%}.shared-folder{padding-left:10px;height:40px;border-radius:6px;border:1px solid var(--roofr-mist-5B);background:var(--roofr-white);display:flex;align-items:stretch;overflow:hidden;transition:background-color var(--trs);transition:border-color var(--trs)}.shared-folder.selected{border:1px solid var(--roofr-blue-50)}.shared-folder:hover:not(.shared-folder--editing){background-color:var(--roofr-background-accent)}.shared-folder:has(.shared-folder--menu-trigger:hover){background:var(--roofr-white)}.shared-folder.shared-folder--invalid{border-color:var(--roofr-red)}.shared-folder .shared-folder--checkbox-container{display:flex;align-items:center;flex-shrink:0}.shared-folder .shared-folder--checkbox-container .shared-folder--checkbox{flex-shrink:0;opacity:0;width:0;transition:width var(--trs),opacity var(--trs)}.shared-folder .shared-folder--checkbox-container .shared-folder--checkbox.visible{opacity:1;width:20px;margin-right:10px}.shared-folder .shared-folder--content{display:flex;gap:10px;flex-grow:1;min-width:0}.shared-folder input{padding:0!important;border:none!important;outline:none!important;border-radius:0!important}.shared-folder input[data-size=small]{font-size:13px}.shared-folder .shared-folder--name-text{align-self:center;flex-grow:1;min-width:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shared-folder .shared-folder--menu-trigger{padding:0 6px 0 10px!important;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:none!important}.shared-folder .shared-folder--menu-trigger:hover{background-color:var(--roofr-blue-5)!important;color:var(--roofr-blue-30B)!important}.shared-folder .shared-folder--menu-trigger[data-open=true]{background-color:var(--roofr-mist)!important;color:var(--roofr-blue-30B)!important}.shared-folder .shared-folder--save-button,.shared-folder .shared-folder--cancel-button{border-radius:50%!important;width:30px;height:30px}.shared-folder .shared-folder--save-button div,.shared-folder .shared-folder--cancel-button div{margin:0!important}.shared-folder .shared-folder--save-button:disabled svg{color:var(--roofr-green-50)!important}.shared-folder .shared-folder--cancel-button:hover:not(:disabled) svg{color:var(--roofr-graphite)!important}.shared-folder .shared-folder--cancel-button svg{color:var(--roofr-muted)!important}.shared-folder .shared-folder--save-button:hover:not(:disabled) svg{color:var(--roofr-green-30B)!important}.shared-folder .shared-folder--save-button svg{color:var(--roofr-green-5B)!important}.typeahead-dropdown .dropdown-devider{border-top:1px solid var(--roofr-mist)}.typeahead-dropdown .dropdown-divider:first-of-type{display:none}.typeahead-dropdown .dropdown-header{font-weight:500}.typeahead-dropdown .dropdown-item.disabled{opacity:.5}.typeahead-dropdown .dropdown-item:hover{background-color:var(--roofr-background-secondary)!important}.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}.invoice-export-drawer .roofr-drawer-overlay,.invoice-export-drawer .roofr-drawer-wrapper{z-index:10000}@media screen and (max-width:768px){.invoice-export-drawer__body{padding:24px 16px}.invoice-export-drawer__quickbook_connect{padding-left:0}}.rfr-input-group-wrapper{display:flex;align-items:end}.rfr-input-group-wrapper .rfr-input:has(input:focus){z-index:2}.rfr-input-group-wrapper .rfr-input-wrapper:first-child .rfr-input>input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:1px solid transparent}.rfr-input-group-wrapper .rfr-input-wrapper:first-child .rfr-input>input:hover{border-right:1px solid var(--roofr-blue-50)}.rfr-input-group-wrapper .rfr-input-wrapper:first-child .rfr-input>input:focus{border-right:1px solid var(--roofr-blue)}.rfr-input-group-wrapper .rfr-input-wrapper:not(:first-child):not(:last-child) .rfr-input>input{border-radius:0;border-right:1px solid transparent}.rfr-input-group-wrapper .rfr-input-wrapper:not(:first-child):not(:last-child) .rfr-input>input:hover{border-right:1px solid var(--roofr-blue-50)}.rfr-input-group-wrapper .rfr-input-wrapper:not(:first-child):not(:last-child) .rfr-input>input:focus{border-right:1px solid var(--roofr-blue)}.rfr-input-group-wrapper .rfr-input-wrapper:last-child .rfr-input>input{border-top-left-radius:0;border-bottom-left-radius:0}.contacts-divider{--roofr-shared-divider-margin: 16px 0 24px}@media(max-width:991px){.contacts-divider{margin:var(--rfr-p-16) 0}}.no-shrink{flex-shrink:0}.flat-bottom-border{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.upsert-contact-phone-input-group .rfr-input-wrapper:nth-child(2){width:115px}.contacts-combobox-trigger{box-shadow:0 4px 10px #0000000d;border:1px solid var(--roofr-mist-5B);border-radius:6px;width:300px;background:var(--roofr-white)}.contacts-combobox-trigger .roofr-trigger-container{border:none}.contacts-combobox-search-bar{background-color:var(--roofr-background-secondary);width:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom:1px solid var(--roofr-mist-5B);padding:var(--rfr-p-8)}.contacts-combobox-search-bar .contacts-combobox-search-input{padding-left:2.4rem!important}.contacts-combobox-create-contact{padding:var(--rfr-p-8) var(--rfr-p-16);display:flex;justify-content:space-between;align-items:center}.contacts-combobox-list{max-height:400px;overflow-y:auto}.contact-typeahead-item{display:flex;align-items:center;justify-content:space-between;gap:var(--rfr-gap-8);padding:var(--rfr-p-5) var(--rfr-p-16);min-height:33px;cursor:pointer}.contact-typeahead-item:hover{background-color:var(--roofr-background-secondary)}.contact-typeahead-item:hover .contact-typeahead-item-tag .roofr-typo{display:inline-block}.contact-typeahead-item-content{display:flex;flex-direction:column;overflow:hidden;flex:1}.contact-typeahead-item-name,.contact-typeahead-item-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-typeahead-item-tag{flex-shrink:0;overflow:hidden}.contact-typeahead-item-tag .roofr-typo{display:none;white-space:nowrap}.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}}@media(max-width:440px){.pay-component{min-height:276px}.pay-component iframe{min-height:initial}}.shared-success-confetti-modal{display:flex!important}.shared-success-confetti-modal .modal-dialog{margin:auto;max-width:497px;width:100%}.shared-success-confetti-modal .modal-content{display:flex;flex-direction:column;padding:0;border-radius:8px;overflow:hidden}.shared-success-confetti-modal-header{display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;width:100%;background-color:var(--roofr-blue-5);overflow:hidden}.shared-success-confetti-modal-header-icon{display:flex;align-items:center;justify-content:center;position:relative;background-color:#e7f1fcb3;border-radius:100%;z-index:3;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);overflow:hidden}.shared-success-confetti-modal-body{display:flex;flex-direction:column;position:relative;overflow:hidden;z-index:3}.shared-success-confetti-modal-body>img{flex-shrink:0;width:100%}.shared-success-confetti-modal-body-scroll{display:flex;flex-direction:column;padding:22px 16px 54px;text-align:center}.shared-success-confetti-modal-body-scroll>div{margin:0 auto}.record-payment-option-confirmation{display:flex;flex-direction:column;align-items:center;justify-content:center;--roofr-shared-modal-width: 745px;--roofr-shared-modal-content-wrapper-padding: 16px 32px 32px 32px}.record-payment-option-confirmation__external-link{color:var(var(--roofr-blue))}.record-payment-option-confirmation__external-link:hover{text-decoration:none;color:var(--roofr-blue-30B)}@media screen and (max-width:767px){.record-payment-option-confirmation{--roofr-shared-modal-width: inherit}}@media screen and (max-width:500px){.record-payment-option-confirmation{--roofr-shared-modal-content-wrapper-padding: 8px 20px 20px 20px}.record-payment-option-confirmation__payment-image{width:30px}}.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)}.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}}.accept-payment-form .roofr-select-group-wrapper{flex-direction:row!important}.accept-payment-form .roofr-select-group-wrapper.grouped>.roofr-select-group-item:first-child .roofr-select-group-label-small{border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px}.accept-payment-form .roofr-select-group-wrapper.grouped>.roofr-select-group-item:last-child .roofr-select-group-label-small{border-bottom-left-radius:0;border-top-right-radius:4px}.accept-payment-form .roofr-select-group-wrapper.grouped .roofr-select-group-item.checked+.roofr-select-group-item>.roofr-select-group-label{border-top-color:var(--roofr-mist-5B)}.accept-payment-form__platform-fee,.accept-payment-form__payment-type{display:flex;align-items:center;gap:4px;margin-bottom:var(--roofr-margin-12)}:is(.accept-payment-form__platform-fee,.accept-payment-form__payment-type) svg{margin-top:2px}.readonly-accept-payment{border-radius:8px;background-color:var(--roofr-mist-50);border:1px solid var(--roofr-mist-5B)}.readonly-accept-payment__platformfee-summery{--card-background-color: var(--roofr-mist-50);margin-top:20px}.readonly-accept-payment__platform-fees,.readonly-accept-payment__payment-types{display:flex;flex-direction:column;gap:4px}.send-proposal-skeleton{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;height:100%;padding:0;background:var(--roofr-white)}.send-proposal-skeleton .skeleton-email{display:flex;align-items:center;justify-content:center;height:161px;width:100%;background:var(--roofr-mist-50)}.send-proposal-skeleton .email-input{background:var(--roofr-white);border-radius:4px;height:50px!important;width:100%;margin:0 32px}.send-proposal-skeleton .skeleton-body{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;background:var(--roofr-white);padding:0 32px!important}.send-proposal-skeleton .skeleton-body-input{background-color:green}.send-proposal-skeleton .template-input,.send-proposal-skeleton .subject-input,.send-proposal-skeleton .message-block{background:var(--roofr--mist-50);border-radius:4px;width:100%;margin:0 32px}.send-proposal-skeleton .template-input{height:50px!important;margin-top:32px}.send-proposal-skeleton .subject-input{height:100px!important;margin-top:32px}.send-proposal-skeleton .message-block{height:312px!important;margin:32px}@media(max-width:768px){.send-proposal-skeleton .message-block{height:0px!important}}.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%}}.template-form-top{background:var(--roofr-mist-50)}.gap-24{gap:24px}.gap-12{gap:12px}.template-form-top-fields,.template-cta-fields{display:flex;flex-direction:row;gap:24px}.template-form-top-fields .form-group .form-label,.template-cta-fields .form-group .form-label{margin-bottom:0!important}.template-cta-form{display:flex;flex-direction:column;gap:16px;border-radius:8px;border:1px solid var(--roofr-mist-5B);background:var(--roofr-mist-30)}input[type=number].template-custom-phone-input::-webkit-inner-spin-button,input[type=number].template-custom-phone-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.communication-error-icon{width:1em;height:1em;margin-right:4px;margin-top:1px}.communication-error{display:flex;margin-top:4px}.communication-templates{display:flex;flex-direction:column;height:100%;overflow:hidden}.communication-templates span[data-required]{margin-left:2px;color:var(--roofr-blue)}.communication-templates .form-label{margin-bottom:0}.communication-cta-alert{border-radius:4px;border:1px solid var(--roofr-mist-5B);background:var(--roofr-white);display:flex;padding:7.5px 12px;margin-bottom:24px;align-items:center;gap:7.5px}.communication-templates select.form-control{padding:12px;font-family:var(--font-family-base);font-size:var(--font-size-body);border:1px solid var(--roofr-mist-5B);border-radius:4px;transition-property:border-color,box-shadow;transition-duration:var(--trs-d);transition-timing-function:var(--trs-tf)}.communication-templates select.form-control:hover{border-color:var(--roofr-blue-50)}.communication-templates select.form-control:focus{border-color:var(--roofr-blue);box-shadow:0 0 0 3px #89b9f1!important;outline:none}.communication-templates select.form-control[data-error=true]{border-color:var(--roofr-red-alert)}.communication-templates select.form-control[data-error=true]:focus{border-color:var(--roofr-red-alert);box-shadow:0 0 0 3px #f18989!important}.fr-box.fr-basic .fr-element{font-family:inherit!important;font-size:var(--font-size-body)!important;line-height:var(--line-height)!important}.fr-newline{margin-left:0!important;margin-right:0!important}div.fr-toolbar .fr-newline{background-color:var(--froala-border-color, #efefef)}.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path{fill:var(--roofr-blue)!important}.fr-toolbar .fr-btn-grp{margin-right:0!important}div.fr-toolbar.fr-top{border-radius:3px 3px 0 0!important}.fr-command.fr-btn[data-cmd="|"]{color:var(--roofr-mist-5B)!important;pointer-events:none!important}.fr-command.fr-btn[data-cmd=empty-container],.fr-no-hover:hover{background-color:inherit!important}.roofr-drawer-content:after{z-index:10001!important}@media screen and (max-width:767px){.template-form-top-fields,.template-cta-fields{flex-direction:column}}.communications-froala-field-container .fr-dropdown-wrapper{transition:none!important}.communications-froala-field-container .fr-dropdown-wrapper .fr-dropdown-list{padding:0!important}.communications-froala-field-container .fr-dropdown-wrapper .fr-command{padding:6px 16px!important;font-family:var(--fm-base)!important;font-size:var(--fs-md)!important}.communications-froala-field-container .fr-dropdown-wrapper .fr-command:hover{background-color:var(--roofr-mist-50)!important}.communications-froala-field-container[data-show-tool=false] .fr-toolbar.fr-top{display:none}.communications-froala-field-container[data-show-tool=false] .fr-box.fr-basic.fr-top .fr-wrapper{border-top:1px solid #e9ecef;border-radius:3px}.communications-froala-field-container .fr-dropdown.fr-active+.fr-dropdown-menu{border:1px solid rgba(0,0,0,.15)!important;border-radius:.25rem!important}.communications-froala-field-container .fr-dropdown.fr-active .fr-dropdown-wrapper{height:-moz-max-content!important;height:max-content!important}.communications-froala-field-container .fr-dropdown.fr-blink+.fr-dropdown-menu{border:1px solid rgba(0,0,0,.15)!important;border-radius:.25rem!important}.communications-froala-field-container .fr-dropdown+.fr-dropdown-menu{box-shadow:none!important}.communications-froala-field-container .fr-element.fr-view{padding-top:10px!important;padding-bottom:10px!important}.communications-froala-field-container .fr-element.fr-view p{margin-bottom:0}.communications-froala-field-container.single-line-input .fr-element.fr-view{min-height:0!important}.communications-froala-field-container.single-line-input .fr-wrapper{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.communications-froala-field-container.single-line-input .fr-second-toolbar{display:none}.communication-templates-dynamic-field-info{background-color:var(--roofr-blue-10);border:1px solid var(--roofr-blue-50);border-radius:8px}.communication-templates-dynamic-field-info .hide-dynamic-fields-info{min-width:-moz-max-content;min-width:max-content}.communications-froala-field-container .fr-command.fr-btn.fr-dropdown:after{display:none!important}.communications-froala-field-container .fr-command.fr-btn.fr-dropdown i.fa.fa-chevron-down{transition:transform var(--trs);transform:rotate(0)}.communications-froala-field-container .fr-command.fr-btn.fr-dropdown.fr-active i.fa.fa-chevron-down{transform:rotate(-180deg)}