/* /Components/Badge.razor.rz.scp.css */
.tag[b-g2diu32qt9] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 16px;
    font-size: 14px;
    font-weight: 500;
    background: #eee;
    color: #333;
}

.tag-mini[b-g2diu32qt9] {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 16px;
    font-size: 12px;
    font-weight: 400;
    background: #eee;
    color: #333;
}

.tag-label[b-g2diu32qt9] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 0px 7px 0px 7px;
    font-size: 14px;
    font-weight: 500;
    background: #eee;
    color: white;
    position: relative;
    top: -10px;
    right: -10px;
    font-size: 10px;
    text-wrap: nowrap;
}

.tagXL[b-g2diu32qt9] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 4px 16px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid rgba(0,0,0,.06);
    box-shadow: 0 1px 0 rgba(0,0,0,.04), 0 4px 10px rgba(0,0,0,.06);
    color: var(--orange-primary);
}

    .tagXL[b-g2diu32qt9]::before {
        content: "";
        position: absolute;
        left: -1px;
        top: -1px;
        bottom: -1px;
        width: 10px;
        border-radius: 12px 0 0 12px;
        background: #ff54008c;
    }

.tag-preview[b-g2diu32qt9] {
    display: inline-block;
    padding: 4px 30px;
    border-radius: 16px;
    font-size: 10px;
    font-weight: 500;
    background: #eee;
    color: #333;
    text-align: center;
}

/* color variants */
.tag--blue[b-g2diu32qt9] {
    background: #e7f0ff;
    color: #204bff;
}

.tag--purple[b-g2diu32qt9] {
    background: #F4F3FF;
    color: #7F56D9;
}

.tag--orange[b-g2diu32qt9] {
    background: #fff1e6;
    color: #ea580c;
}

.tag--red[b-g2diu32qt9] {
    background: #ffe4e6;
    color: #b91c1c;
}

.tag--teal[b-g2diu32qt9] {
    background: #e6fffb;
    color: #0f766e;
}

.tag--green[b-g2diu32qt9] {
    background: #e8f8ee;
    color: #15803d;
}

.tag--yellow[b-g2diu32qt9] {
    background: #fff7d6;
    color: #a16207;
}

.tag--rose[b-g2diu32qt9] {
    background: #ffe7ee;
    color: #e11d48;
}

.tag--indigo[b-g2diu32qt9] {
    background: #f3e8ff;
    color: #7c3aed;
}

.tag--brown[b-g2diu32qt9] {
    background: #a52a2a47;
    color: #654321;
}

.tag--outline[b-g2diu32qt9] {
    background: white;
    border: .5px dashed black;
    color: black;
}

.tag--light-purp[b-g2diu32qt9] {
    background: #F8F9FC;
    color: #363F72;
}

.tag--outline-blue[b-g2diu32qt9] {
    background: white;
    border: 1px solid #6B7280;
    color: var(--blue-primary);
}

.tag-label--teal[b-g2diu32qt9] {
    background: #0f766e;
}

.tag-label--green[b-g2diu32qt9] {
    background: #15803d;
}

.tag-label--orange[b-g2diu32qt9] {
    background: #ea580c;
}

.tag-label--blue[b-g2diu32qt9] {
    background: #204bff;
}

.tag-label--red[b-g2diu32qt9] {
    background: #b91c1c;
}

.tag-label--purple[b-g2diu32qt9] {
    background: #7F56D9;
}

@media (max-width: 768px) {
    .tag[b-g2diu32qt9],
    .tag-label[b-g2diu32qt9] {
        padding: 2px 6px;
        font-size: 12px;
    }
}
/* /Components/Document/DocumentSettings.razor.rz.scp.css */
.document-settings-buttons.button-group[b-9lkyr5rldt] {
    justify-content: end;
}

.document-settings-container[b-9lkyr5rldt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.job-info-container[b-9lkyr5rldt] {
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 600;
    padding-bottom: 20px;
}

.custom-field[b-9lkyr5rldt] {
    display: flex;
    justify-content: space-between;
}

.switch[b-9lkyr5rldt] {
    padding-top: 5px;
}
/* /Components/Document/LockAndSend.razor.rz.scp.css */
.lock-and-send.button-group[b-tw4nyl56kz] {
    justify-content: end;
}

.lock-and-send-container[b-tw4nyl56kz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.job-info-container[b-tw4nyl56kz]{
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 600;
    padding-bottom: 20px;
}

.custom-field[b-tw4nyl56kz]{
    display: flex;
    justify-content: space-between;
}

.switch[b-tw4nyl56kz]{
    padding-top: 5px;
}
/* /Components/Document/MediaSelector.razor.rz.scp.css */
/* /Components/Document/ShareDocument.razor.rz.scp.css */
.share-document.button-group[b-zls0fi60tw] {
    justify-content: end;
}

.share-document-container[b-zls0fi60tw] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.job-info-container[b-zls0fi60tw] {
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 600;
    padding-bottom: 20px;
}

.custom-field[b-zls0fi60tw] {
    display: flex;
    justify-content: space-between;
}
/* /Components/Document/Unlock.razor.rz.scp.css */
.unlock.button-group[b-3aoqdtxg12] {
    justify-content: end;
}

.unlock-container[b-3aoqdtxg12] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.job-info-container[b-3aoqdtxg12] {
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: 600;
    padding-bottom: 20px;
}

.custom-field[b-3aoqdtxg12] {
    display: flex;
    justify-content: space-between;
}

.switch[b-3aoqdtxg12] {
    padding-top: 5px;
}
/* /Components/ErrorPopup.razor.rz.scp.css */
.error-container[b-bdrbpe1faq]{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.error-message-container[b-bdrbpe1faq]{
    display: flex;
    gap: 10px;
    align-items: center;
}

.error-msg-icon[b-bdrbpe1faq] {
    font-size: 20px;
}
/* /Components/Job/ActivityTab.razor.rz.scp.css */
.activity-tab-container[b-cqmo754ru4]{
    margin: 4px;
}

@media (max-width: 768px) {
    .activity-lineitem[b-cqmo754ru4] {
        flex-direction: column-reverse;
    }

    .activity-container-1[b-cqmo754ru4] {
        width: 100%;
        flex-direction: column;
    }

    .activity-container-2[b-cqmo754ru4] {
        align-self: flex-end;
    }

    .activity-buttons-container[b-cqmo754ru4] {
        flex-direction: column;
        gap: 5px;
    }
}
/* /Components/Job/ChecklistModal.razor.rz.scp.css */
.checklist-container[b-og6otv8yvk] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0px 10px;
}

.checklist-items-container[b-og6otv8yvk]{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.button-group[b-og6otv8yvk] {
    justify-content: end;
}

[b-og6otv8yvk] .e-customsize.e-checkbox-wrapper .e-frame {
    transform: scale(1.5);
    margin-right: 10px;
    line-height: 2px;
}

[b-og6otv8yvk] .e-customsize.e-checkbox-wrapper .e-label {
  font-size: 14px;
  line-height: 24px;
}

[b-og6otv8yvk] .e-customsize.e-checkbox-wrapper .e-check{
    font-size: 6px;
}

[b-og6otv8yvk] .e-checkbox-wrapper label, .e-css.e-checkbox-wrapper label[b-og6otv8yvk] {
    column-gap: 0px;
}
/* /Components/Job/DocumentFromTemplate.razor.rz.scp.css */
.document-from-template-container[b-b15d17dlnv]{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.filters-container[b-b15d17dlnv] {
    display: flex;
    gap: 10px;
}

[b-b15d17dlnv] .estimate-picker-list {
    height: 200px;
}

[b-b15d17dlnv] .e-listview .e-list-item {
    padding: 10px;
    border-left: none;
    border-right: none;
}

.template-row[b-b15d17dlnv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 10px;
}

[b-b15d17dlnv] .template-selection-container{
    display: flex;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

[b-b15d17dlnv] .template-name-container{
    min-width: 0;
}

.estimate-picker.button-group[b-b15d17dlnv]{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.error-message[b-b15d17dlnv] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top: 5px;
}

.multi-select[b-b15d17dlnv] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

@media (max-width: 768px) {
    .filters-container[b-b15d17dlnv]{
        flex-direction: column;
    }
    .estimate-picker.button-group[b-b15d17dlnv] {
        flex-direction: column;
        align-items: start;
    }
}
/* /Components/Job/DocumentTab.razor.rz.scp.css */

.document-tab[b-7v98f70t2r] {
    padding: 3px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.documents-container[b-7v98f70t2r]{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.content-shadow-box[b-7v98f70t2r] {
    padding: 15px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.documents-parent-container[b-7v98f70t2r] {
    margin-top: 40px;
}

.document-name-container[b-7v98f70t2r] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.lock-icon[b-7v98f70t2r]{
    font-size: 18px;
}

.document-summary[b-7v98f70t2r] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.document-tags[b-7v98f70t2r] {
    display: flex;
    justify-content: space-between;
}

.lock-and-status[b-7v98f70t2r] {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.header-document-container[b-7v98f70t2r] {
    font-size: 16px;
    display: flex;
    justify-content: space-between;
}

.description-document-container[b-7v98f70t2r] {
    display: flex;
    justify-content: space-between;
}

.tag-row[b-7v98f70t2r] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.type-tag-container[b-7v98f70t2r] {
    display: flex;
    gap: 15px;
    align-items: center;
}

.error-message[b-7v98f70t2r] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-bottom: 20px;
}

.document-settings-container[b-7v98f70t2r],
.prices-valid-container[b-7v98f70t2r] {
    display: flex;
    gap: 5px;
}

/*status coloring*/
.status-3[b-7v98f70t2r],
.status-5[b-7v98f70t2r] {
    color: var(--green-success);
}

.status-4[b-7v98f70t2r]{
    color: var(--red-danger);
}

.expired[b-7v98f70t2r] {
    color: var(--red-danger);
}

.prices-valid-container[b-7v98f70t2r]{
    align-self: end;
}

@media (max-width: 768px) {
    .document-tags[b-7v98f70t2r] {
        flex-direction: column-reverse;
        gap: 10px;
    }

    .sub-sub-text[b-7v98f70t2r] {
        text-align: left;
    }

    .error-message[b-7v98f70t2r]{
        justify-content: start;
    }

    .type-tag-container[b-7v98f70t2r] {
        gap: 10px;
    }

    .header-document-container[b-7v98f70t2r] {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .description-document-container[b-7v98f70t2r]{
        flex-direction: column;
    }

    .type-tag-container[b-7v98f70t2r] {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
    }

    .header-document-container .sub-header-text[b-7v98f70t2r],
    .description-document-container .descriptive-text[b-7v98f70t2r] {
        flex: 1 1 auto;
        overflow-wrap: anywhere;
    }

    .description-document-container .descriptive-text[b-7v98f70t2r]{

    }

    .content-shadow-box[b-7v98f70t2r], .document-summary[b-7v98f70t2r] {
        overflow-x: hidden;
    }

    .lock-and-status[b-7v98f70t2r] {
        flex-direction: column;
        gap: 10px;
    }

    .prices-valid-container[b-7v98f70t2r] {
        align-self: start;
    }

    .document-settings-container[b-7v98f70t2r],
    .prices-valid-container[b-7v98f70t2r] {
        align-items: center;
    }
}
/* /Components/Job/JobCard.razor.rz.scp.css */
.page-selector[b-193k130oq7] {
    justify-self: center;
    padding: 10px 0px;
}
/* /Components/Job/JobCardPages/JobCardActivity.razor.rz.scp.css */
.activity-container[b-ujuysutwgf]{

}

.activity-lineitem[b-ujuysutwgf]{
    display: flex;
    justify-content: space-between;
}

.activity-container-1[b-ujuysutwgf] {
    display: flex;
    gap: 10px;
    width: 80%;
}

.activity-icon[b-ujuysutwgf] {
    width: fit-content;
    min-width: 10%;
    font-size: 24px;
    display: flex;
    justify-content: center;
    height: fit-content;
}

.header-text[b-ujuysutwgf]{
    font-size: 14px;
    font-weight: 700;
}

.body-text[b-ujuysutwgf] {
    font-size: 14px;
    font-weight: 400;
}

.activity-buttons-container[b-ujuysutwgf] {
    display: flex;
    justify-content: space-between;
}

.message-buttons-container[b-ujuysutwgf]{
    display: flex;
    gap: 15px;
}

i[b-ujuysutwgf] {
    color: var(--medium-grey);
}

.bi.bi-exclamation-triangle[b-ujuysutwgf]{
    color: var(--red-danger);
}

.show-messages-container[b-ujuysutwgf] {
    align-items: center;
    display: flex;
    gap: 15px;
}

.switch[b-ujuysutwgf]{
    padding-top: 4px;
}

@media (max-width: 768px) {
    .activity-lineitem[b-ujuysutwgf] {
        flex-direction: column-reverse;
    }

    .activity-container-1[b-ujuysutwgf] {
        width: 100%;
        flex-direction: column;
    }

    .activity-container-2[b-ujuysutwgf] {
        align-self: flex-end;
    }

    .activity-buttons-container[b-ujuysutwgf] {
        flex-direction: column;
        gap: 5px;
    }
}
/* /Components/Job/JobCardPages/JobCardOverview.razor.rz.scp.css */
.lead-information-conf[b-qv7m51gk8t] {
    display: grid;
    margin: 10px 0px;
    grid-auto-rows: auto;
}

.grid-three-one[b-qv7m51gk8t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 10px;
    align-items: center;
}

.balance-container[b-qv7m51gk8t] {
    justify-self: start;
    display: flex;
    flex-direction: column;
    gap: 5px;
    grid-column: span 2;
}

.money-container[b-qv7m51gk8t] {
    display: flex;
    justify-content: space-between;
    padding: 0px 10px;
}

@media (max-width: 1015px) {
    .balance-container[b-qv7m51gk8t]{
        grid-column: span 1;
    }
}


/* /Components/Job/JobCardPages/JobMap.razor.rz.scp.css */
.job-map[b-ceetmt5so7] {
    width: 100%;
    height: 400px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0,0,0,.12);
}
/* /Components/Job/JobHeaders/JobHeader.razor.rz.scp.css */
.job-header[b-5f9v2iovg7] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .job-header.content-shadow-box[b-5f9v2iovg7] {
        padding: 10px 20px 20px 20px;
    }
    .job-header.clickable[b-5f9v2iovg7] {
        cursor: pointer;
    }

.header-line-zero-container[b-5f9v2iovg7] {
    display: flex;
    flex-direction: column;
}

.top-line-container[b-5f9v2iovg7] {
    display: flex;
    justify-content: space-between;
}

.arrow-container[b-5f9v2iovg7] {
    padding-right: 10px;
}

.header-line-one-container[b-5f9v2iovg7] {
    display: flex;
    justify-content: space-between;
}

.header-line-one[b-5f9v2iovg7] {
    display: flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
}

    .header-line-one .dot[b-5f9v2iovg7],
    .header-line-one .status-tag[b-5f9v2iovg7] {
        flex: 0 0 auto;
    }

.finance-container[b-5f9v2iovg7] {
    align-items: center;
    display: flex;
    gap: 5px;
    min-width: 0;
}

[b-5f9v2iovg7] .no-outline-button.balance-label {
    color: var(--link-blue);
    font-weight: 700 !important;
    font-size: 20px;
}

.felink.ellipsis.contact-name[b-5f9v2iovg7] {
    font-weight: 500 !important;
    font-size: 20px;
}

.felink.ellipsis.job-number[b-5f9v2iovg7] {
    font-weight: 400 !important;
    font-size: 20px;
}

.balance-container[b-5f9v2iovg7] {
    justify-self: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}

.balance-line-one[b-5f9v2iovg7] {
    display: flex;
    justify-content: space-between;
}

.job-value[b-5f9v2iovg7] {
    color: black;
}

.amount-due[b-5f9v2iovg7] {
    font-weight: 700;
}

.job-balance[b-5f9v2iovg7] {
    color: black;
    font-size: 22px;
    font-weight: 700;
}

.header-line-two[b-5f9v2iovg7] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    align-items: start;
}

.contact-information-container[b-5f9v2iovg7] {
    display: flex;
    justify-self: center;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    width: 100%;
}

.job-owner-container[b-5f9v2iovg7] {
    display: flex;
    justify-self: start;
    gap: 5px;
    align-items: start;
    min-width: 0;
    justify-content: start;
    flex-direction: column;
}

    .contact-information-container > div[b-5f9v2iovg7],
    .job-owner-container > div[b-5f9v2iovg7] {
        align-items: center;
        min-width: 0;
    }

.email-container[b-5f9v2iovg7],
.phone-container[b-5f9v2iovg7] {
    display: flex;
    width: 60%;
}

.location-address-container[b-5f9v2iovg7] {
    line-height: 22px;
    width: 60%;
}

.job-category-container[b-5f9v2iovg7] {
    justify-self: end;
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.status-tag[b-5f9v2iovg7] {
    padding-left: 10px;
}

.job-owner[b-5f9v2iovg7],
.referral-source[b-5f9v2iovg7]{
    font-size: 13px;
}

.referral-source-container[b-5f9v2iovg7] {
    display: flex;
    justify-self: start;
    gap: 5px;
    align-items: start;
    min-width: 0;
    justify-content: start;
    flex-direction: column;
}

.money-container[b-5f9v2iovg7] {
    display: flex;
    justify-content: space-between;
}

.count-pill[b-5f9v2iovg7] {
    display: inline-flex;
    align-items: center;
    padding: 0 .4rem;
    margin-left: .4rem;
    border: 1px solid #D0D5DD;
    border-radius: 9999px;
    font-size: .75rem;
    line-height: 1.5;
}

.felink.ellipsis[b-5f9v2iovg7] {
/*    flex: 1 1 auto;*/
}

    .felink.ellipsis.contact-name[b-5f9v2iovg7],
    .felink.ellipsis.job-number[b-5f9v2iovg7] {
        flex:none;
    }

.contact-information-container .dot[b-5f9v2iovg7],
.count-pill[b-5f9v2iovg7] {
    flex: 0 0 auto;
}

.felink[b-5f9v2iovg7] {
    font-size: 14px;
}

.tooltip-desktop[b-5f9v2iovg7] {
    display: block;
}

.tooltip-mobile[b-5f9v2iovg7] {
    display: none;
}

.approve-container[b-5f9v2iovg7]{
    flex-direction: row;
    justify-content: space-between;
}

/*ipad*/
@media (max-width: 1090px) {
    .location-address-container[b-5f9v2iovg7] {
        width: 80%;
    }

    .email-container[b-5f9v2iovg7],
    .phone-container[b-5f9v2iovg7] {
        width: 80%;
    }

    .tooltip-desktop[b-5f9v2iovg7] {
        display: none;
    }

    .tooltip-mobile[b-5f9v2iovg7] {
        display: block;
    }
}

/*mobile*/
@media (max-width: 768px) {
    .header-line-two[b-5f9v2iovg7] {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 7px;
    }

    .header-line-one-container[b-5f9v2iovg7]{
        flex-direction: column;
    }

    .contact-information-container[b-5f9v2iovg7],
    .job-category-container[b-5f9v2iovg7],
    .balance-container[b-5f9v2iovg7],
    .referral-source-container[b-5f9v2iovg7] {
        justify-self: left;
        text-align: left;
        justify-content: start;
    }

    .location-address-container[b-5f9v2iovg7] {
        width: 100%;
    }

    .felink.ellipsis.contact-name[b-5f9v2iovg7],
    .felink.ellipsis.job-number[b-5f9v2iovg7] {
        font-size: 16px;
        /*        flex: none;*/
    }

    .email-container[b-5f9v2iovg7],
    .phone-container[b-5f9v2iovg7] {
        width: 100%;
    }

    .finance-container[b-5f9v2iovg7] {
        flex-direction: row-reverse;
        justify-content: start;
    }
}
/* /Components/Job/JobHeaders/JobMiniHeader.razor.rz.scp.css */
.job-mini-header[b-gzq281w0hh] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 0px;
}

.header-line-one[b-gzq281w0hh] {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

    .header-line-one .status-tag[b-gzq281w0hh] {
        flex: 0 0 auto;
    }


.header-line-two[b-gzq281w0hh] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
}

.contact-info-container[b-gzq281w0hh] {
    display: flex;
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.location-address-container[b-gzq281w0hh] {
    line-height: 14px;
    width: 40%;
}

.fe-divider[b-gzq281w0hh] {
    margin: 10px 0;
}

@media (max-width: 990px) {
    .header-line-two[b-gzq281w0hh] {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 7px;
    }
    .location-address-container[b-gzq281w0hh] {
        width: 60%;
    }
}
/* /Components/Job/JobHeaders/JobSearchHeader.razor.rz.scp.css */
.job-info-container[b-1jbqarode0] {
    display: flex;
    justify-content: space-between;
    align-items: center
}
/* /Components/Job/JobListFilter.razor.rz.scp.css */
.filter-selections-container[b-jhwizqab7w] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.filter-heading-container[b-jhwizqab7w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 5px;
}

.filter-heading[b-jhwizqab7w] {
    font-size: 12px;
    color: #00000080;
    text-transform: uppercase;
    font-weight: 400;
    text-wrap: nowrap;
}

.filters[b-jhwizqab7w] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.po-line-item[b-jhwizqab7w] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    column-gap: 8px;
}

.po-left[b-jhwizqab7w] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 8px;
    min-width: 0;
}

[b-jhwizqab7w] .e-customsize.e-checkbox-wrapper .e-label {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    min-width: 0;
    font-size: 12px;
    line-height: 14px;
}

.drop-down-icon[b-jhwizqab7w] {
    color: black;
    cursor: pointer;
}
/* /Components/Job/JobStatuses.razor.rz.scp.css */
.status-cards-container[b-i0fpqo5f48] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 120px;
    gap: 16px;
    padding: 10px 5px;
    margin: 0 10px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    justify-content: center;
}

.lead-status-box[b-i0fpqo5f48] {
    width: 115px;
    height: 170px;
    padding: 10px;
    display: grid;
    grid-template-rows: 2fr 0.6fr 0.6fr;
    justify-items: center;
    align-items: center;
    position: relative;
}

.status-item[b-i0fpqo5f48] {
    width: 120px;
}

    .status-item.last[b-i0fpqo5f48] {
        width: 150px;
        display: flex;
        gap: 10px;
    }

.lead-status-label[b-i0fpqo5f48] {
    text-align: center;
    line-height: 1;
    font-size: 11px;
}

.lead-status-date[b-i0fpqo5f48] {
    font-size: 11px;
    font-weight: 600;
}

.checklist-icon[b-i0fpqo5f48]{
    cursor: pointer;
}

.running-days[b-i0fpqo5f48] {
    text-align: center;
    font-size: 10px;
}

.check-badge[b-i0fpqo5f48] {
    position: absolute;
    top: -14px;
    right: -9px;
    font-size: 23px;
    color: var(--green-success);
    display: grid;
    place-items: center;
}

.check-exclam[b-i0fpqo5f48] {
    position: absolute;
    top: -14px;
    right: -9px;
    font-size: 23px;
    color: var(--medium-grey);
    display: grid;
    place-items: center;
}

@media (max-width: 1015px) {
    .status-cards-container[b-i0fpqo5f48] {
        justify-content: start;
        grid-auto-columns: 100px;
    }

    .lead-status-box[b-i0fpqo5f48] {
        width: 95px;
        height: 120px;
    }
}
/* /Components/Job/MediaTab.razor.rz.scp.css */
.photos-tab-container[b-tgmx70hho0] {
    margin: 4px;
}

.results-header[b-tgmx70hho0] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.results-modal-header[b-tgmx70hho0] {
    display: flex;
    justify-content: end;
    gap: 10px;
    align-items: start;
}

.filtering-media[b-tgmx70hho0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    align-items: start;
    padding: 20px 5px;
}

.media-uploader.horizontal[b-tgmx70hho0] {
    width: 100%;
}

.results-header-container[b-tgmx70hho0] {
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.select-buttons[b-tgmx70hho0] {
    display: flex;
    gap: 10px;
}

.sort-label-container[b-tgmx70hho0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sort-icon[b-tgmx70hho0] {
    cursor: pointer;
}

.photos-container[b-tgmx70hho0]{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-left: 30px;
}

.photo-card[b-tgmx70hho0] {
    --tile: 120px;
    --tilew: 180px;
}

[b-tgmx70hho0] .photo-description-field {
    width: 180px !important;
}

[b-tgmx70hho0] .carousel-description .photo-description-field {
    width: 100% !important;
    height: 100% !important;
    font-size: 14px;
}

.photo-options[b-tgmx70hho0]{
    display: flex;
    justify-content: space-between;
}

.day-header[b-tgmx70hho0] {
    width: 100%;
}

.fe-divider[b-tgmx70hho0] {
    width: 100%;
}

.divider-container[b-tgmx70hho0] {
    display: flex;
    width: 100%;
}

.selectable-thumb[b-tgmx70hho0] {
    position: relative;
    cursor: pointer;
    height: 100%;
}

.photo-check[b-tgmx70hho0] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 18px;
    height: 18px;
    z-index: 5;
}

.photo-thumb[b-tgmx70hho0]{
    cursor: pointer;
}

.video-el[b-tgmx70hho0],
.editable-image[b-tgmx70hho0] {
    width: 100%;
    height: 100%;
    display: block;
}

.carousel-shell[b-tgmx70hho0] {
    height: 100%;
    display: grid;
    grid-template-columns: 56px 1fr 56px;
    align-items: center;
    gap: 10px;
}

.index-counter[b-tgmx70hho0] {
    align-self: end;
}

.carousel-nav[b-tgmx70hho0] {
    height: 56px;
    width: 56px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.12);
    background: white;
    font-size: 32px;
    line-height: 0;
}

.carousel-stage[b-tgmx70hho0] {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.carousel-media[b-tgmx70hho0] {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    max-height: 100%;
    border-radius: 12px;
    background: rgba(0,0,0,.04);
    overflow: hidden;
    display: flex;
}

img.carousel-media[b-tgmx70hho0],
video.carousel-media[b-tgmx70hho0] {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    border-radius: 12px;
    background: rgba(0,0,0,.04);
}

.carousel-description[b-tgmx70hho0] {
    flex: 0 0 auto;
    height: 100px;
}

[b-tgmx70hho0] .carousel-media .image-edit-container {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.04);
}

    [b-tgmx70hho0] .carousel-media .image-edit-container > img.editable-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
        display: block;
    }

.carousel-delete[b-tgmx70hho0] {
    font-size: 16px;
}

.selectable-thumb.locked[b-tgmx70hho0] {
    opacity: .6;
    cursor: default;
    position: relative;
}

@media (max-width: 768px) {
    .filtering-media[b-tgmx70hho0] {
        flex-direction: column;
    }
}
/* /Components/Job/MessagesTab.razor.rz.scp.css */
.messages-tab-container[b-lz7iljn1hd] {
    display: flex;
    height: 550px;
    width: 100%;
}

.messages-tab-container-job-card[b-lz7iljn1hd]{
    display: flex;
    height: 450px;
    width: 100%;
    padding: 20px;
}


.chat-leftContent[b-lz7iljn1hd] {
    display: flex;
    flex-direction: column;
    width: 30%;
    height: 100%;
}

.chat-rightContent[b-lz7iljn1hd] {
    display: flex;
    flex-direction: column;
    width: 70%;
    height: 100%;
}

.chat-list[b-lz7iljn1hd] {
    flex: 1;
    justify-content: start;
    border-radius: 10px 0px 0px 10px;
}

.chat-header-with-participants[b-lz7iljn1hd] {
    flex-shrink: 0;
}

.chat-body[b-lz7iljn1hd] {
    flex: 1;
    min-height: 0;
}

.chat-row[b-lz7iljn1hd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pin-icon[b-lz7iljn1hd] {
    cursor: pointer;
    opacity: .7;
    padding: 4px;
    border-radius: 6px;
    font-size: 20px;
}

    .pin-icon:hover[b-lz7iljn1hd] {
        opacity: 1;
        background: rgba(0,0,0,.05);
    }

.star-icon[b-lz7iljn1hd] {
    opacity: .7;
    padding: 4px;
    border-radius: 6px;
    font-size: 20px;
}

[b-lz7iljn1hd] .integration-chat-border {
    height: 100%;
    border-radius: 0px 0px 10px 0px;
}

[b-lz7iljn1hd] .e-chat-ui .e-chat-header {
    border-radius: 0px 10px 0px 0px;
}

[b-lz7iljn1hd] .e-chat-ui .e-header-icon{
    display: flex;
}

[b-lz7iljn1hd] .e-listview.e-list-template .e-list-wrapper.e-list-multi-line{
    padding: 8px;
}

[b-lz7iljn1hd] .e-chat-ui .e-message-wrapper {
    padding: 8px 0px 0px 8px;
}

[b-lz7iljn1hd] .e-headertemplate-text.header{
    width: 100%;
}

.chat-list-header-container[b-lz7iljn1hd] {
    display: flex;
    justify-content: space-between;
}

.chat-list-header[b-lz7iljn1hd]{
    font-size: 14px;
}

.new-chat-icon[b-lz7iljn1hd] {
    font-size: 16px;
    cursor: pointer;
}

.chat-header-row[b-lz7iljn1hd] {
    display: flex;
    gap: 15px;
    background: var(--blue-primary);
    color: white;
    padding: 10px;
    border-radius: 0px 10px 0px 0px;
}

[b-lz7iljn1hd] .chat-participants-multiselect{
    border-radius: 0px;
}

.chat-footer[b-lz7iljn1hd] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 0px 10px;
}

[b-lz7iljn1hd] .chat-draft-textarea{
    width: 100% !important;
}

.send-button[b-lz7iljn1hd] {
    align-self: center;
    font-size: 16px;
    cursor: pointer;
}

.create-chat-container[b-lz7iljn1hd] {
    display: flex;
    width: 100%;
    justify-content: center;
}

.create-chat-button[b-lz7iljn1hd] {
    width: 90%;
}

.active-chat[b-lz7iljn1hd] {
    background: var(--blue-secondary-hover);
    color: black;
}

    .active-chat .e-list-item-header[b-lz7iljn1hd]{
        color: black !important;
    }

@media (max-width: 768px) {
    .chat_message[b-lz7iljn1hd] {
        line-height: 15px;
        font-size: 11px;
    }
}
/* /Components/Job/OverviewTab.razor.rz.scp.css */
.overview-tab[b-8zcjl3symo] {
    padding: 3px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.lead-information-conf[b-8zcjl3symo] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    margin: 10px 0px;
}

.job-information[b-8zcjl3symo] {
    display: grid;
    grid-template-columns: 1fr 6fr;
    gap: 1rem;
    margin: 10px 0px;
}

.address-container[b-8zcjl3symo] {
    display: grid;
    grid-template-columns: 1fr 4fr;
    gap: 1rem;
    margin: 10px 0px;
}

.header-edit[b-8zcjl3symo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.balance-container[b-8zcjl3symo] {
    justify-self: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.money-container[b-8zcjl3symo] {
    display: flex;
    justify-content: space-between;
    padding: 0px 10px;
}

.job-owner-container[b-8zcjl3symo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contact-buttons[b-8zcjl3symo] {
    display: flex;
    gap: 15px;
}

.phone-info-container[b-8zcjl3symo] {
    display: flex;
    gap: 5px;
    align-items: center;
}

.message-icon[b-8zcjl3symo],
.phone-icon[b-8zcjl3symo] {
    font-size: 18px;
}

@media (max-width: 1015px) {
    .overview-tab[b-8zcjl3symo] {
        display: block;
    }

    .job-information[b-8zcjl3symo] {
        grid-template-columns: 1fr;
    }

    .content-shadow-box[b-8zcjl3symo] {
        margin-bottom: 20px;
    }

    .address-container[b-8zcjl3symo] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Job/OverviewTabModals/DemographicsModal.razor.rz.scp.css */
.contact-information[b-gke5xt6q4g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: .5rem;
    margin: 10px 0px;
}

.lead-information[b-gke5xt6q4g],
.job-information[b-gke5xt6q4g] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: .5rem;
    margin: 10px 0px;
}

.demographics.button-group[b-gke5xt6q4g] {
    padding-top: 10px;
    justify-content: end;
}
/* /Components/Job/OverviewTabModals/InsuranceModal.razor.rz.scp.css */
.insurance-information[b-868i0svedk] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 20px;
    margin: 20px 0px;
}

.insurance-phone-information[b-868i0svedk] {
    display: grid;
    grid-template-columns: 4fr 1fr;
    gap: 10px 20px;
}

.insurance.button-group[b-868i0svedk] {
    padding-top: 10px;
    justify-content: end;
}
/* /Components/Job/OverviewTabModals/JobOwnerModal.razor.rz.scp.css */
.assign-container[b-mfo6015cei] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.job-owner.button-group[b-mfo6015cei] {
    padding-top: 10px;
    justify-content: end;
}

.job-owner-container[b-mfo6015cei] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: .5rem;
    margin: 20px 0px;
}

.remove-owner[b-mfo6015cei] {
    grid-column: 1 / -1;
    justify-self: end;
    align-self: center;
}

@media (max-width: 768px) {
    .job-owner-container[b-mfo6015cei] {
        grid-template-columns: repeat(1, 1fr);
    }
}
/* /Components/Job/OverviewTabModals/LocationModal.razor.rz.scp.css */
.location-information[b-pwj72ysg32] {
    display: grid;
    gap: 1rem;
    gap: 10px;
    margin: 20px 0px;
}

.location-information-1[b-pwj72ysg32] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}

.location-information-2[b-pwj72ysg32] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 20px;
}

.cont-location-information[b-pwj72ysg32] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 20px;
}

.location.button-group[b-pwj72ysg32] {
    padding-top: 10px;
    justify-content: end;
}
/* /Components/Job/SaveAsTemplate.razor.rz.scp.css */
.save-as-template-container[b-acnum95djj]{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.save-as-template.button-group[b-acnum95djj] {
    justify-content: end;
}
/* /Components/Preview.razor.rz.scp.css */
/*style located in app.css*/
.preview-preview-container[b-ti38xz47bv] {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex: 1 1 auto;
  min-height: 0;   
}

/* Text Styles */
.preview-header[b-ti38xz47bv] {
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .preview-header .preview-title[b-ti38xz47bv] {
        flex: 1 1 auto;
    }

    .preview-header .tag-label[b-ti38xz47bv] {
        flex: 0 0 auto;
    }

.preview-sub-header[b-ti38xz47bv] {
  font-size: 12px;
  font-weight: 600;
}

.preview-sub-sub-header[b-ti38xz47bv] {
  font-size: 9px;
  font-weight: 400;
}

.preview-text[b-ti38xz47bv] {
  font-size: 12px;
  font-weight: 400;
}

    .preview-text.question[b-ti38xz47bv]{
        font-weight: 500;
    }

.preview-text.grey[b-ti38xz47bv] {
  color: var(--medium-grey);
}

.preview-sub-text[b-ti38xz47bv] {
  font-size: 10px;
  font-weight: 600;
}

.preview-sub-sub-text[b-ti38xz47bv] {
  font-size: 8px;
  font-weight: 400;
  color: var(--medium-grey);
}

.sub-sub-text[b-ti38xz47bv] {
  font-size: 12px;
}

.preview-amount[b-ti38xz47bv] {
    font-size: 14px;
    font-weight: 700;
}
.dashed-button-label[b-ti38xz47bv] {
    font-size: 8px;
}

.text-question[b-ti38xz47bv] {
    font-size: 10px;
}

.felink[b-ti38xz47bv] {
    font-size: 10px;
}
/* End Text Styles*/

.preview-preview-header[b-ti38xz47bv] {
    display: flex;
    justify-content: space-between;
    width: 70%;
    justify-self: center;
}

.contact-information-container[b-ti38xz47bv] {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

.preview-preview-header .logo img[b-ti38xz47bv] {
  height: 64px;
}

.contact-group[b-ti38xz47bv] {
  line-height: 80%;
}

.preview-preview-container .fe-divider[b-ti38xz47bv] {
  width: 100%;
}

.preview-information-container[b-ti38xz47bv] {
    width: 70%;
    display: grid;
    grid-template-columns: 5fr 2fr;
    gap: 30px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    justify-self: center;
}

.preview-details-container[b-ti38xz47bv] {
  display: flex;
  flex-direction: column;
  padding: 10px 0px;
  gap: 20px;
  min-height: 0; 
  overflow: auto;
  padding-right: 8px;
  -webkit-overflow-scrolling: touch; 
}

.preview-details-header[b-ti38xz47bv] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.taxes-container[b-ti38xz47bv],
.fees-container[b-ti38xz47bv],
.total-container[b-ti38xz47bv] {
  display: flex;
  justify-content: space-between;
}

.cost-summary-container[b-ti38xz47bv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
}

    .cost-summary-container .dashed-button[b-ti38xz47bv] {
      width: 100%;
      display: flex;
      justify-content: center;
      padding: 10px;
      cursor: pointer;
    }

.cover-page-container[b-ti38xz47bv],
.content-section-container[b-ti38xz47bv],
.signature-section-container[b-ti38xz47bv],
.questions-section-container[b-ti38xz47bv] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 10px;
}

    .signature-section-container .dashed-button[b-ti38xz47bv] {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 10px;
        cursor: pointer;
    }

    .content-section-container.Add-On[b-ti38xz47bv] {
        border-radius: 10px;
        cursor: pointer;
    }

        .content-section-container.Add-On.tag-label--purple[b-ti38xz47bv] {
            border: 1px solid #7F56D9;
        }

            .content-section-container.Add-On.tag-label--purple.selected[b-ti38xz47bv] {
                border: 2px solid #7F56D9;
            }

    .content-section-container.Purchase-Option[b-ti38xz47bv] {
        border-radius: 10px;
    }

        .content-section-container.Purchase-Option.tag-label--teal[b-ti38xz47bv] {
            border: 1px solid #0f766e;
        }

            .content-section-container.Purchase-Option.tag-label--teal.selected[b-ti38xz47bv] {
                border: 2px solid #0f766e;
            }

        .content-section-container.Purchase-Option.tag-label--green[b-ti38xz47bv] {
            border: 1px solid #15803d;
        }

            .content-section-container.Purchase-Option.tag-label--green.selected[b-ti38xz47bv] {
                border: 2px solid #15803d;
            }

        .content-section-container.Purchase-Option.tag-label--orange[b-ti38xz47bv] {
            border: 1px solid #ea580c;
        }

            .content-section-container.Purchase-Option.tag-label--orange.selected[b-ti38xz47bv] {
                border: 2px solid #ea580c;
            }

        .content-section-container.Purchase-Option.tag-label--blue[b-ti38xz47bv] {
            border: 1px solid #204bff;
        }

            .content-section-container.Purchase-Option.tag-label--blue.selected[b-ti38xz47bv] {
                border: 2px solid #204bff;
            }

        .content-section-container.Purchase-Option.tag-label--red[b-ti38xz47bv] {
            border: 1px solid #b91c1c;
        }

            .content-section-container.Purchase-Option.tag-label--red.selected[b-ti38xz47bv] {
                border: 2px solid #b91c1c;
            }

.cover-photo-container img[b-ti38xz47bv] {
  width: 100%;
  border-radius: 12px;
}

.photo-placeholder[b-ti38xz47bv] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 400px;
  background: var(--blue-secondary-hover);
  border-radius: 12px;
}

    .photo-placeholder i[b-ti38xz47bv] {
      color: var(--blue-primary-pressed);
      font-size: 40px;
    }

.photo-card.size-1[b-ti38xz47bv] {
    --tile: 60px;
    --tilew: 90px;
}

.photo-card.size-2[b-ti38xz47bv] {
    --tile: 80px;
    --tilew: 120px;
}

.photo-card.size-3[b-ti38xz47bv] {
    --tile: 120px;
    --tilew: 180px;
}

.video-card.size-1[b-ti38xz47bv] {
    --tile: auto;
    --tilew: 250px;
    --tilev: 180px;
}

.video-card.size-2[b-ti38xz47bv] {
    --tile: auto;
    --tilew: 300px;
    --tilev: 220px;
}

.video-card.size-3[b-ti38xz47bv] {
    --tile: auto;
    --tilew: 400px;
    --tilev: 300px;
}

.doc-card[b-ti38xz47bv] {
    width: 120px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 10px;
    text-align: center;
    font-size: 10px;
}

.photo-placeholder-small[b-ti38xz47bv] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--tilew);
    height: var(--tile);
    background: var(--blue-secondary-hover);
    border-radius: 12px;
}

    .photo-placeholder-small i[b-ti38xz47bv] {
        color: var(--blue-primary-pressed);
        font-size: 10px;
    }

.video-el[b-ti38xz47bv] {
    width: 100%;
    height: 100%;
    display: block;
    object-position: center;
}

    .video-el.fit-contain[b-ti38xz47bv] {
        object-fit: contain;
    }

    .video-el.fit-cover[b-ti38xz47bv] {
        object-fit: cover;
    }

.amount-container[b-ti38xz47bv] {
    display: flex;
    justify-content: space-between;
    gap: 80px;
}

.pdf-icon[b-ti38xz47bv] {
    font-size: 40px;
    justify-self: center;
}

.signature-container[b-ti38xz47bv]{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.signature-content[b-ti38xz47bv] {
    display: flex;
    width: 90%;
    gap: 20px;
}

.signature[b-ti38xz47bv] {
    width: 70%;
}

.signature-date[b-ti38xz47bv] {
    width: 30%;
}

.accept-button-container[b-ti38xz47bv]{
    padding-top: 10px;
    width: 40%;
}

.signature-section-container .fe-divider[b-ti38xz47bv]{
    margin: 20px 0px 0px 0px;
}

.po-group[b-ti38xz47bv] {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.po-line-item[b-ti38xz47bv] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    column-gap: 8px;
}

.po-left[b-ti38xz47bv] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    column-gap: 8px;
    min-width: 0;
}

    [b-ti38xz47bv] .e-radio + label,
    [b-ti38xz47bv] .e-checkbox + label
    {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        column-gap: 8px;
        width: 100%;
        min-width: 0;
    }

.po-left > div[b-ti38xz47bv] {
    width: 100%;
    min-width: 0;
}

.labor-title[b-ti38xz47bv] {
    display: block;
    min-width: 0;
    width: 100%;
}

.button-group-with-label-container[b-ti38xz47bv]{
    height: 20px;
}

    [b-ti38xz47bv] .button-group-with-label-container .e-btn-group .e-btn{
        font-size: 10px;
    }

.photo-s[b-ti38xz47bv] {
    --tile: 80px;
    --tilew: 100px;
}

.dashed-button[b-ti38xz47bv] {
    justify-content: center;
    width: var(--tilew);
    height: var(--tile);
}

.job-address-container[b-ti38xz47bv] {
    width: 20%;
}

.status-text[b-ti38xz47bv]{
    text-align:center;
    font-size: 12px;
}

.prices-good-through-badge[b-ti38xz47bv] {
    display: flex;
    justify-content: center;
    position: relative;
    bottom: 20px;
}


@media (max-width: 768px) {
    .preview-information-container[b-ti38xz47bv] {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow: visible;
        display: flex;
        padding: 10px 0px;
        gap: 20px;
        min-height: 0;
        overflow: auto;
        padding-right: 8px;
        -webkit-overflow-scrolling: touch;
    }

    .cost-summary-container[b-ti38xz47bv] {
        order: 1;
    }

    .preview-details-container[b-ti38xz47bv] {
        display: flex;
        flex-direction: column;
        gap: 10px;
        min-height: fit-content;
        overflow: scroll;
        order: 2;
    }

    .preview-preview-header[b-ti38xz47bv] {
        width: 100%;
    }

    .sub-header-text-bold[b-ti38xz47bv]{
        font-size: 17px;
    }

    .photo-placeholder[b-ti38xz47bv]{
        height: 200px;
    }

    .accept-button-container[b-ti38xz47bv]{
        width: 100%;
    }

    .job-address-container[b-ti38xz47bv] {
        width: 50%;
    }

    .cost-summary-container[b-ti38xz47bv] {
        padding-top: 0px;
    }
}

/* /Components/Section/ContentEditor.razor.rz.scp.css */
.content-page-container[b-vdvbb9vyna] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 10px 0px;
}

.contentSections-list[b-vdvbb9vyna] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

[b-vdvbb9vyna] .contentSection-box {
  display: flex;
  justify-content: space-between;
}

.contentSection-text-body[b-vdvbb9vyna] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 80%;
}

.drag-handle[b-vdvbb9vyna] {
  padding-top: 2px;
}

[b-vdvbb9vyna] .contentSection-text-field {
  width: 80% !important;
  margin-left: 30px;
}

.section-footer[b-vdvbb9vyna] {
  padding-top: 10px;
}

.content-page-title-field[b-vdvbb9vyna] {
  margin: 0px 30px;
  width: 40%;
}

.add-section[b-vdvbb9vyna] {
  margin: 10px 30px 0px 30px;
}

.drag-handle[b-vdvbb9vyna] {
  cursor: grab;
}

.contentSection-photo-body[b-vdvbb9vyna] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 80%;
}

.photos-container[b-vdvbb9vyna],
.amount-container[b-vdvbb9vyna],
.docs-container[b-vdvbb9vyna],
.space-container[b-vdvbb9vyna],
.separator-container[b-vdvbb9vyna] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-left: 30px;
}

.photos-header[b-vdvbb9vyna],
.text-header[b-vdvbb9vyna],
.video-header[b-vdvbb9vyna] {
  display: flex;
  align-items: center;
  gap: 15px;
}

.photo-s[b-vdvbb9vyna] {
    --tile: 180px;
    --tilew: 250px;
}

.photo-m[b-vdvbb9vyna] {
    --tile: 220px;
    --tilew: 300px;
}

.photo-l[b-vdvbb9vyna] {
    --tile: 300px;
    --tilew: 400px;
}

.video-s[b-vdvbb9vyna] {
    --tile: auto;
    --tilew: 250px;
    --tilev: 180px;
}

.video-m[b-vdvbb9vyna] {
    --tile: auto;
    --tilew: 300px;
    --tilev: 220px;
}

.video-l[b-vdvbb9vyna] {
    --tile: auto;
    --tilew: 400px;
    --tilev: 300px;
}

.dashed-button[b-vdvbb9vyna] {
    justify-content: center;
    width: var(--tilew);
    height: var(--tile);
}

.video.dashed-button[b-vdvbb9vyna] {
  height: var(--tilev);
}

.docs-grid .dashed-button[b-vdvbb9vyna] {
  width: 180px;
  height: 168px;
}

.doc-card[b-vdvbb9vyna] {
    width: 180px;
}

.doc-thumb[b-vdvbb9vyna] {
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 10px;
    text-align: center;
}

[b-vdvbb9vyna] .photo-description-field,
[b-vdvbb9vyna] .video-description-field {
  width: var(--tilew) !important;
}

.video-card .felink[b-vdvbb9vyna] {
  width: var(--tilew);
}

.video-el[b-vdvbb9vyna] {
  width: 100%;
  height: 100%;
  display: block;
  object-position: center;
}

.video-el.fit-contain[b-vdvbb9vyna] {
  object-fit: contain;
}
.video-el.fit-cover[b-vdvbb9vyna] {
  object-fit: cover;
}

[b-vdvbb9vyna] .amount-field {
  width: 10%;
}

.pdf-icon[b-vdvbb9vyna] {
    font-size: 70px;
    justify-self: center;
}

.take-photo[b-vdvbb9vyna]{
    display: none;
}

.photo-buttons[b-vdvbb9vyna]{
    display:flex;
    gap: 15px;
}

@media (max-width: 1090px) {
    .take-photo[b-vdvbb9vyna] {
        display: flex;
        align-self: flex-end;
    }
}

@media (max-width: 768px) {
  [b-vdvbb9vyna] .contentSection-box {
    flex-direction: column;
  }

  [b-vdvbb9vyna] .contentSection-text-field {
    width: 100% !important;
  }

  [b-vdvbb9vyna] .amount-field {
    width: 100%;
  }

  .content-page-title-field[b-vdvbb9vyna] {
    width: 100%;
    margin: 0px;
  }

    .doc-card[b-vdvbb9vyna],
    .docs-grid .dashed-button[b-vdvbb9vyna] {
        width: 100%;
    }

    .photo-buttons[b-vdvbb9vyna] {
        flex-direction: column
    }

    .take-photo[b-vdvbb9vyna] {
        display: flex;
        align-self: flex-start;
    }
}
/* /Components/Section/CoverPageEditor.razor.rz.scp.css */
.cover-page-container[b-zvgcnrz6an]{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 10px 0px;
}

[b-zvgcnrz6an] .cover-page-title-field{
    width: 40%;
}

[b-zvgcnrz6an] .cover-page-desc-field {
    width: 80% !important;
}

.camera-icon[b-zvgcnrz6an]{
    font-size: 36px;
    color: var(--medium-grey);
}

.photo-container[b-zvgcnrz6an]{
    width: 40%;
}

.job-address-container[b-zvgcnrz6an]{
    width: 15%;
}

@media (max-width: 768px) {
    [b-zvgcnrz6an] .cover-page-title-field {
        width: 100%;
    }

    [b-zvgcnrz6an] .cover-page-desc-field {
        width: 100% !important;
    }

    .photo-container[b-zvgcnrz6an] {
        width: 100%;
    }

    .job-address-container[b-zvgcnrz6an] {
        width: 50%;
    }
}
/* /Components/Section/EstimatePickerJob.razor.rz.scp.css */
.estimate-picker-container[b-3m5hadbzmm] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 5px;
}

[b-3m5hadbzmm] .estimate-picker-list {
    height: 200px;
}

[b-3m5hadbzmm] .e-listview .e-list-item {
    padding: 10px;
    border-left: none;
    border-right: none;
}

.template-row[b-3m5hadbzmm],
.document-row[b-3m5hadbzmm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 10px;
}

[b-3m5hadbzmm] .template-selection-container,
[b-3m5hadbzmm] .document-selection-container {
    display: flex;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

[b-3m5hadbzmm] .template-name-container,
[b-3m5hadbzmm] .document-name-container {
    min-width: 0;
}

.template-date[b-3m5hadbzmm],
.document-date[b-3m5hadbzmm] {
    flex: 0 0 auto;
}

.estimate-picker.button-group[b-3m5hadbzmm] {
    justify-content: end;
}

.table-label[b-3m5hadbzmm] {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
}

.error-message[b-3m5hadbzmm] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top: 5px;
}

@media (max-width: 768px) {
    [b-3m5hadbzmm] .estimate-picker-list {
        height: 400px;
    }
}
/* /Components/Section/EstimatePickerTemplate.razor.rz.scp.css */
.estimate-picker-container[b-o7on97zrgt]{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 5px;
}

[b-o7on97zrgt] .estimate-picker-list {
    height: 200px;
}

[b-o7on97zrgt] .e-listview .e-list-item {
    padding: 10px;
    border-left: none;
    border-right: none;
}

.template-row[b-o7on97zrgt],
.document-row[b-o7on97zrgt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 10px;
}

[b-o7on97zrgt] .template-selection-container,
[b-o7on97zrgt] .document-selection-container {
    display: flex;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

[b-o7on97zrgt] .template-name-container,
[b-o7on97zrgt] .document-name-container {
    min-width: 0;
}

.template-date[b-o7on97zrgt],
.document-date[b-o7on97zrgt] {
    flex: 0 0 auto;
}

.estimate-picker.button-group[b-o7on97zrgt]{
    justify-content: end;
}

.table-label[b-o7on97zrgt]{
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
}

.error-message[b-o7on97zrgt] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding-top: 5px;
}

@media (max-width: 768px) {
    [b-o7on97zrgt] .estimate-picker-list {
        height: 400px;
    }
}
/* /Components/Section/FormsAndQuestionsEditor.razor.rz.scp.css */
.question-page-container[b-8pqjcnel82] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 10px 0px;
}

.question-page-title-field[b-8pqjcnel82] {
  margin: 0px 30px;
  width: 40%;
}

.questionSection-list[b-8pqjcnel82] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

[b-8pqjcnel82] .questionSection-box {
  display: flex;
  justify-content: space-between;
}

.yesNoQuestionSection-text-body[b-8pqjcnel82],
.textResponseSection-text-body[b-8pqjcnel82],
.multipleChoiceSection-text-body[b-8pqjcnel82],
.photoSection-text-body[b-8pqjcnel82] {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 80%;
}

.question-header[b-8pqjcnel82] {
  display: flex;
  gap: 15px;
  margin-top: 10px;
}

[b-8pqjcnel82] .question-checkbox {
  width: 30% !important;
}

.drag-handle[b-8pqjcnel82] {
  padding-top: 2px;
  cursor: grab;
}

.photos-container[b-8pqjcnel82],
.response-container[b-8pqjcnel82] {
  margin-left: 30px;
}

.add-section[b-8pqjcnel82] {
  margin: 10px 30px 0px 30px;
}

.dashed-button[b-8pqjcnel82] {
    justify-content: center;
    width: var(--tilew);
    height: var(--tile);
}

@media (max-width: 768px) {
  .question-page-title-field[b-8pqjcnel82] {
    width: 100%;
    margin: 0px;
  }

  [b-8pqjcnel82] .questionSection-box {
    flex-direction: column;
    gap: 25px;
  }

  .yesNoQuestionSection-text-body[b-8pqjcnel82],
  .textResponseSection-text-body[b-8pqjcnel82],
  .multipleChoiceSection-text-body[b-8pqjcnel82],
  .photoSection-text-body[b-8pqjcnel82] {
    width: 100%;
  }
}
/* /Components/Section/MaterialsAndLaborEditor.razor.rz.scp.css */
.mnl-page-container[b-6ufdeh6lh8] {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin: 10px 0px;
}

[b-6ufdeh6lh8] .mnl-page-title-field {
    width: 40%;
}

[b-6ufdeh6lh8] .mnl-page-desc-field {
    width: 80% !important;
}

@media (max-width: 768px) {

    [b-6ufdeh6lh8] .mnl-page-title-field {
        width: 100%;
        margin: 0px;
    }
}
/* /Components/Section/SignatureEditor.razor.rz.scp.css */
.signature-page-container[b-8fgzhng9hp] {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin: 10px 0px;
}

.signature-page-title-field[b-8fgzhng9hp] {
    margin: 0px 30px;
    width: 70%;
}

.signatures-body[b-8fgzhng9hp]{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-left: 30px;
}

.signature-container[b-8fgzhng9hp]{
    display: flex;
    gap: 15px;
}

.signature-content[b-8fgzhng9hp]{
    display: flex;
    width: 60%;
    gap: 20px;
}

.signature[b-8fgzhng9hp]{
    width: 70%;
}

.signature-date[b-8fgzhng9hp]{
    width: 30%;
}

.remove-signature[b-8fgzhng9hp]{
    margin-top: 5px;
}

.terms-and-conditions[b-8fgzhng9hp]{
    margin-left: 30px;
    width: 40%;
}

@media (max-width: 768px) {
    .signature-content[b-8fgzhng9hp]{
        width: 100%;
    }
    .signature-container[b-8fgzhng9hp]{
        flex-direction: column;
        gap: 0px;
    }
    .signature-page-title-field[b-8fgzhng9hp]{
        width: 100%;
        margin: 0px;
    }

    .terms-and-conditions[b-8fgzhng9hp],
    .signatures-body[b-8fgzhng9hp] {
        width: 100%;
        margin-left: 0px;
    }
}
/* /Components/Stage.razor.rz.scp.css */
.lead-status-icon[b-axs5du6ypo] {
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #f6f7f9;
}

.lead-status-icon i[b-axs5du6ypo] {
  font-size: 26px;
}

.tint-blue[b-axs5du6ypo] {
  background: #eff8ff;
  color: #175cd3;
}

.tint-purple[b-axs5du6ypo] {
  background: #f9f5ff;
  color: #350084;
}

.tint-green[b-axs5du6ypo] {
  background: #ecfdf3;
  color: #006128;
}

.tint-orange[b-axs5du6ypo] {
  background: #fff6ed;
  color: #c4320a;
}

.tint-red[b-axs5du6ypo] {
  background: #fef3f2;
  color: #b42318;
}
/* /Components/Template/TemplateList.razor.rz.scp.css */

.template-selectors[b-hycjmcbgm7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-top: 20px;
    width: 80%;
}

.filter-selectors[b-hycjmcbgm7] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.button-group-row-container[b-hycjmcbgm7] {
    flex: 1 1 auto;
    min-width: 0;
}

.button-group-row[b-hycjmcbgm7] {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .button-group-row[b-hycjmcbgm7]::-webkit-scrollbar {
        display: none;
    }

    .button-group-row[b-hycjmcbgm7]  .e-btn-group {
        display: inline-flex;
        gap: 0;
    }

    .button-group-row[b-hycjmcbgm7]  .e-btn {
        flex: 0 1 auto;
        max-width: 100%;
        padding: 4px 16px;
        border: 1px solid var(--light-grey);
    }

.template-selectors > :last-child[b-hycjmcbgm7] {
    flex: 0 0 auto;
}


.multi-select.filters[b-hycjmcbgm7]  .e-multiselect .e-input-group-icon.e-ddl-icon::before,
.multi-select.filters[b-hycjmcbgm7]  .e-multiselect .e-down-icon {
    content: "\f788";
    font-family: "bootstrap-icons" !important;
    font-weight: normal !important;
    font-size: 1.1rem;
    line-height: 1;
}

.template-search-container[b-hycjmcbgm7] {
    margin-top: 20px;
    width: 30%;
}

.templates-container[b-hycjmcbgm7] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 20px;
    margin-top: 10px;
    padding-bottom: 80px;
}

.content-shadow-box[b-hycjmcbgm7] {
    padding: 20px;
    cursor: pointer;
}

.templates-parent-container[b-hycjmcbgm7] {
    margin-top: 40px;
}

.template-summary[b-hycjmcbgm7] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.template-tags[b-hycjmcbgm7],
.header-template-container[b-hycjmcbgm7] {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}

.tag-row[b-hycjmcbgm7] {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.type-tag-container[b-hycjmcbgm7] {
    display: flex;
    gap: 15px;
    align-items: center;
}

.no-results-message[b-hycjmcbgm7] {
    text-align: center;
    padding-bottom: 20px;
}

@media (max-width: 1089px) {
    .template-selectors[b-hycjmcbgm7] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .template-selectors[b-hycjmcbgm7] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .filter-selectors[b-hycjmcbgm7] {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    .multi-select[b-hycjmcbgm7],
    .multi-select.filters[b-hycjmcbgm7] {
        width: 100%;
    }

    .button-group-with-label-container[b-hycjmcbgm7] {
        width: 100%;
    }

    .button-group-row[b-hycjmcbgm7] {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

        .button-group-row[b-hycjmcbgm7]  .e-btn-group {
            display: inline-flex;
            gap: 0;
        }

        .button-group-row[b-hycjmcbgm7]::-webkit-scrollbar {
            display: none;
        }

    [b-hycjmcbgm7] .febtn.febtn-secondary.create-template {
        width: 100%;
    }

    .template-search-container[b-hycjmcbgm7] {
        margin-top: 0px;
        width: 100%;
    }

    .template-tags[b-hycjmcbgm7] {
        flex-direction: column;
        gap: 10px;
    }

    .sub-sub-text[b-hycjmcbgm7] {
        text-align: left;
    }

    .type-tag-container[b-hycjmcbgm7] {
        gap: 0px;
    }

    .header-template-container[b-hycjmcbgm7] {
        display: flex;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .type-tag-container[b-hycjmcbgm7] {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
    }

    .header-template-container .sub-header-text[b-hycjmcbgm7] {
        flex: 1 1 auto;
        overflow-wrap: anywhere;
    }

    .content-shadow-box[b-hycjmcbgm7], .template-summary[b-hycjmcbgm7] {
        overflow-x: hidden;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-kvp4a1sgvs] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-kvp4a1sgvs] {
    flex: 1;
}

.sidebar[b-kvp4a1sgvs] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-kvp4a1sgvs] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-kvp4a1sgvs]  a, .top-row[b-kvp4a1sgvs]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-kvp4a1sgvs]  a:hover, .top-row[b-kvp4a1sgvs]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-kvp4a1sgvs]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-kvp4a1sgvs] {
        justify-content: space-between;
    }

    .top-row[b-kvp4a1sgvs]  a, .top-row[b-kvp4a1sgvs]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-kvp4a1sgvs] {
        flex-direction: row;
    }

    .sidebar[b-kvp4a1sgvs] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-kvp4a1sgvs] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-kvp4a1sgvs]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-kvp4a1sgvs], article[b-kvp4a1sgvs] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Pages/Document/DocumentCEV.razor.rz.scp.css */
.document-container[b-f0bo8mc3o9] {
    margin-top: 20px;
    margin-bottom: 100px;
}

.document-info-container[b-f0bo8mc3o9] {
    display: grid;
    gap: 15px;
    margin-top: 20px;
    grid-template-columns: 1fr 2fr;
}

.name-trades[b-f0bo8mc3o9],
.desc-type[b-f0bo8mc3o9] {
    grid-template-rows: 1fr 1fr;
    display: grid;
    row-gap: 10px;
}

.content-shadow-box[b-f0bo8mc3o9] {
    margin: 10px 0px;
}

.multi-select[b-f0bo8mc3o9] {
    width: 100%;
}

[b-f0bo8mc3o9] *.e-btn-group {
    padding: 0px 1px !important;
}

.invalidish[b-f0bo8mc3o9]  *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn[b-f0bo8mc3o9] {
    border: 1px solid #dc3545;
}

.link-container[b-f0bo8mc3o9] {
    display: flex;
    justify-content: space-between;
}

[b-f0bo8mc3o9] .febtn.febtn-primary.done {
    width: 200px !important;
}

.preview-document[b-f0bo8mc3o9] {
    align-self: end;
    display: flex;
    gap: 10px;
}

.add-section[b-f0bo8mc3o9] {
    margin-top: 20px;
}

/*DND*/
.sections-list[b-f0bo8mc3o9] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section-box[b-f0bo8mc3o9] {
    user-select: none;
}

.drag-handle[b-f0bo8mc3o9] {
    cursor: grab;
    display: inline-flex;
    align-items: center;
    padding-right: .5rem;
}
/*END DND*/

.section-header[b-f0bo8mc3o9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-actions[b-f0bo8mc3o9] {
    display: flex;
    gap: 10px;
    font-weight: 500;
    justify-content: end;
}

.header-container[b-f0bo8mc3o9] {
    display: flex;
    gap: 10px;
    overflow: hidden;
}

.section-footer[b-f0bo8mc3o9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.drag-handle[b-f0bo8mc3o9] {
    font-size: 22px;
}

.options-container[b-f0bo8mc3o9] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
}

.selections-container[b-f0bo8mc3o9] {
    display: flex;
    gap: 25px;
}

.add-on-container[b-f0bo8mc3o9] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.options-container-header[b-f0bo8mc3o9] {
    display: flex;
    gap: 10px;
}

.mobile-tag[b-f0bo8mc3o9] {
    display: none;
}

@media (max-width: 768px) {
    .document-container[b-f0bo8mc3o9] {
        margin-bottom: 80px;
    }

    .fields[b-f0bo8mc3o9] {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin: 10px 0px;
        width: 100%;
    }

    .document-info-container[b-f0bo8mc3o9] {
        grid-template-columns: 1fr;
    }

    .document-description[b-f0bo8mc3o9] {
        width: 100%;
    }

    .title-container[b-f0bo8mc3o9] {
        flex-direction: column;
    }

    .preview-document[b-f0bo8mc3o9] {
        align-self: center;
        width: 100%;
    }

    [b-f0bo8mc3o9] .febtn.febtn-secondary.create-document {
        width: 100%;
        margin-top: 15px;
    }

    .section-footer[b-f0bo8mc3o9] {
        flex-direction: column;
        gap: 25px;
    }

    .trash-container[b-f0bo8mc3o9] {
        align-self: end;
    }

    .selections-container[b-f0bo8mc3o9] {
        flex-direction: column;
    }

    .desktop-tag[b-f0bo8mc3o9] {
        display: none;
    }

    .mobile-tag[b-f0bo8mc3o9] {
        display: flex;
        grid-column: span 2;
        margin-left: 30px;
    }

    [b-f0bo8mc3o9] .tag {
        font-size: 12px;
    }

    .section-header[b-f0bo8mc3o9] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 5px;
    }

    [b-f0bo8mc3o9] .content-shadow-box.section-box {
        padding: 16px !important;
    }

    .text-col[b-f0bo8mc3o9] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .button-group-with-label-container[b-f0bo8mc3o9] {
        grid-row: span 1;
    }
}
/* /Pages/Job/JobDashboard.razor.rz.scp.css */
.title-container[b-y3dgbu4uqm]{
    padding-bottom: 10px;
}

.maincontent[b-y3dgbu4uqm] {
    min-height: 65vh;
    background-color: #fafcfe;
    padding-bottom: 60px;
}

.job-tab-container[b-y3dgbu4uqm] {
    margin-left: 220px;
}

.active-tab[b-y3dgbu4uqm] {
    font-weight: 600;
}

[b-y3dgbu4uqm] .sidebar-list {
    background: white;
    margin: 3px;
    height: 400px;
    box-shadow: 0px 0px 4px 1px rgba(12, 12, 13, 0.1), 0px 4px 4px 0px rgba(12, 12, 13, -0.95);
    padding: 0px;
    border-radius: 10px;
}

.e-content-animation[b-y3dgbu4uqm]{
    margin-left: 220px !important;
}

[b-y3dgbu4uqm] .sidebar-list .e-listview .e-list-item {
    border: none;
}

[b-y3dgbu4uqm] .e-listview{
    border: none;
}

.list-wrapper[b-y3dgbu4uqm] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    padding-top: 4px;
}

[b-y3dgbu4uqm] .e-listview:not(.e-list-template) .e-list-item{
    line-height: 0px;
}

.import-photo[b-y3dgbu4uqm]{
}

    .import-photo .button-label[b-y3dgbu4uqm] {
        cursor: pointer;
    }

@media (max-width: 990px) {
    .e-content-animation[b-y3dgbu4uqm] {
        margin-left: 0px !important;
    }

    .job-tab-container[b-y3dgbu4uqm] {
        margin-left: 55px !important;
    }

    .header-line-two[b-y3dgbu4uqm],
    .header-line-three[b-y3dgbu4uqm] {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 7px;
    }

    .location-address-container[b-y3dgbu4uqm]{
        width: 60%;
    }

    .contact-information-container[b-y3dgbu4uqm],
    .job-category-container[b-y3dgbu4uqm],
    .balance-container[b-y3dgbu4uqm],
    .create-job-container[b-y3dgbu4uqm] {
        justify-self: left;
        text-align: left;
    }
    .felink[b-y3dgbu4uqm] {
        font-size: 12px;
    }
}
/* /Pages/Job/JobList.razor.rz.scp.css */
.job-list[b-dvngm1ugv8]{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.job-lead-list-page[b-dvngm1ugv8] {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 60px;
}

.search-container[b-dvngm1ugv8]{
    width: 30%;
}

.filters-desktop-container[b-dvngm1ugv8] {
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: fit-content;
}

.filter-row-one[b-dvngm1ugv8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.results-container[b-dvngm1ugv8] {
    width: 80%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
}

.results-header[b-dvngm1ugv8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    align-items: start;
    padding: 20px 5px;
}

.results-header-container[b-dvngm1ugv8] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.results-amount[b-dvngm1ugv8] {
    font-size: 16px;
    color: #00000080;
}

.results-items[b-dvngm1ugv8] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 700px;
    overflow: scroll;
    padding: 5px 10px 0px 5px;
}

.filters-mobile-container[b-dvngm1ugv8]{
    display: none;
    cursor: pointer;
}

.sort-label-container[b-dvngm1ugv8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sort-icon[b-dvngm1ugv8]{
    cursor: pointer;
}

.no-results-message[b-dvngm1ugv8] {
    text-align: center;
    padding-bottom: 20px;
}

@media (max-width: 768px) {
    .job-lead-list-page[b-dvngm1ugv8]{
        flex-direction: column;
    }

    .filters-desktop-container[b-dvngm1ugv8] {
        display: none;
    }

    .filters-mobile-container[b-dvngm1ugv8] {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .clear-all[b-dvngm1ugv8] {
        align-self: end;
    }

    .results-container[b-dvngm1ugv8] {
        width: 100%;
    }

    .search-container[b-dvngm1ugv8] {
        width: 100%;
    }
}
/* /Pages/LeadCEV.razor.rz.scp.css */
.lead-page[b-9pnvtjkbpy] {
    display: flex;
    gap: 20px;
    flex-direction: column;
    margin-bottom:80px;
}

.stepper[b-9pnvtjkbpy] {
    margin: 0px auto;
    min-width: 1000px;
    padding: 20px 0;
}

.duplicate-container[b-9pnvtjkbpy]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}

.lead-and-job-container[b-9pnvtjkbpy] {
    display: flex;
    justify-content: space-between;
    padding: 0px 100px;
    gap: 40px;
}

.lead-container[b-9pnvtjkbpy] {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
}

.lead-information[b-9pnvtjkbpy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
    margin: 20px 0px;
}

.cont-lead-information[b-9pnvtjkbpy],
.cont-location-information[b-9pnvtjkbpy]
{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 20px;
}

.job-container[b-9pnvtjkbpy] {
    width: 40%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.job-information[b-9pnvtjkbpy] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0px;
}

.location-information[b-9pnvtjkbpy] {
    display: grid;
    gap: 1rem;
    gap: 10px;
    margin: 20px 0px;
}

.location-information-1[b-9pnvtjkbpy] {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
}

.location-information-2[b-9pnvtjkbpy] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 20px;
}

.insurance-information[b-9pnvtjkbpy] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px 20px;
    margin: 20px 0px;
}

.insurance-phone-information[b-9pnvtjkbpy] {
    display: grid;
    grid-template-columns: 4fr 1fr;
    gap: 10px 20px;
}

.lead-information-conf[b-9pnvtjkbpy] {
    display: grid;
    margin: 10px 0px;
}

.header-edit[b-9pnvtjkbpy]{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.watchlist[b-9pnvtjkbpy] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.mini-map[b-9pnvtjkbpy] {
    width: 260px;
    height: 180px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 1px 6px rgba(0,0,0,.12);
}

.grid-two-one[b-9pnvtjkbpy] {
    grid-template-columns: repeat(2, 1fr);
}

.grid-three-one[b-9pnvtjkbpy]{
    grid-template-columns: repeat(3,1fr);
}

.validation-icon[b-9pnvtjkbpy]{
    font-size: 12px;
}

[b-9pnvtjkbpy] .bi-exclamation-circle{
    margin-top: 0px;
}

.open-job-container-icon[b-9pnvtjkbpy] {
    display: none;
}

.assign-container[b-9pnvtjkbpy]{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
}

.appoitment-details-nav[b-9pnvtjkbpy] {
    padding: 20px 0px;
}

.error-message[b-9pnvtjkbpy] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    background: #D9D9D933;
    border-radius: 10px;
}

.required-field-message[b-9pnvtjkbpy]{
    padding-top: 20px;
}

.response-text[b-9pnvtjkbpy] {
    display: flex;
    align-items: center;
    gap: 5px;
}

    .response-text .dot-small[b-9pnvtjkbpy] {
        color: var(--link-blue);
    }

/*mobile and ipad styles*/
@media (max-width: 1090px) {
    .lead-and-job-container[b-9pnvtjkbpy] {
        flex-direction: row;
        padding: 0px 40px;
    }
    .stepper[b-9pnvtjkbpy] {
        min-width: 600px;
    }
}

/* mobile styles */
@media (max-width: 768px) {
    .lead-and-job-container[b-9pnvtjkbpy] {
        flex-direction: column-reverse;
        padding: 0px;
    }

    .lead-container[b-9pnvtjkbpy] {
        width: 100%;
    }

    .lead-information[b-9pnvtjkbpy] {
        grid-template-columns: repeat(1, 1fr);
    }

    .location-information-1[b-9pnvtjkbpy] {
        grid-template-columns: repeat(1, 1fr);
    }

    .location-information-2[b-9pnvtjkbpy] {
        grid-template-columns: repeat(1, 1fr);
    }

    .insurance-phone-information[b-9pnvtjkbpy] {
        display: grid;
        grid-template-columns: repeat(1, 1fr)
    }

    .job-container[b-9pnvtjkbpy]{
        width: 100%;
    }

    .stepper[b-9pnvtjkbpy]{
        padding: 10px;
    }

    .stepper[b-9pnvtjkbpy] {
        min-width: 300px;
        max-width: 100px;
    }

    .grid-two-one[b-9pnvtjkbpy] {
        grid-template-columns: repeat(1, 1fr);
    }

    .grid-three-one[b-9pnvtjkbpy] {
        grid-template-columns: repeat(1,1fr);
    }

    .open-job-container-icon[b-9pnvtjkbpy]{
        display: flex;
    }

    .duplicate-container[b-9pnvtjkbpy]{
        flex-direction: column;
    }
}

.tab-adaptive[b-9pnvtjkbpy] {
    border: 1px solid #d7d7d7;
}

    .tab-adaptive .e-content .e-item[b-9pnvtjkbpy] {
        padding: 4px !important;
        text-align: justify;
        overflow: auto;
    }

.e-sample-resize-container[b-9pnvtjkbpy] {
    max-width: 615px;
}

@media screen and (min-width: 768px) {
    .e-sample-resize-container[b-9pnvtjkbpy] {
        width: 75%;
        margin: 0 auto;
    }
}

/* /Pages/Login.razor.rz.scp.css */
.login-page[b-aaw5nb5e9e] {
    display: flex;
    flex-direction: column;
    width: 50%;
    align-items: center;
    padding: 40px;
    text-align: center;
    justify-self: center;
    margin-top: 80px;
}

.login-page .logo img[b-aaw5nb5e9e] {
    height: 140px;
    padding-bottom: 30px;
}

.login-info[b-aaw5nb5e9e],
.forgot-section[b-aaw5nb5e9e],
.login-button[b-aaw5nb5e9e] {
    width: 340px;
}

.forgot-section[b-aaw5nb5e9e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 30px;
}
.login-button[b-aaw5nb5e9e] {
    justify-content: center;
}
/* /Pages/Template/Template.razor.rz.scp.css */
    .tab-adaptive[b-az1h34gdqv] {
        border: 1px solid #d7d7d7;
    }
    .tab-adaptive .e-content .e-item[b-az1h34gdqv] {
        padding: 4px !important;
        text-align: justify;
        overflow: auto;
    }
    .e-sample-resize-container[b-az1h34gdqv] {
        max-width: 615px;
    }
    @media screen and (min-width: 768px) {
        .e-sample-resize-container[b-az1h34gdqv] {
            width: 75%;
            margin: 0 auto;
        }
    }


.templates-page[b-az1h34gdqv] {
    padding: 20px 0px;
}
/* /Pages/Template/TemplateCEV.razor.rz.scp.css */
.template-container[b-amth26p40g]{
    margin-top: 20px;
    margin-bottom: 100px;
}

.template-info-container[b-amth26p40g]{
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.content-shadow-box[b-amth26p40g]{
    margin: 10px 0px;
}

.fields[b-amth26p40g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
    width: 70%;
}

.template-description[b-amth26p40g]{
    width: 30%;
}

.multi-select[b-amth26p40g]{
    width:100%;
}

[b-amth26p40g] *.e-btn-group {
    padding: 0px 1px !important;
}

.invalidish[b-amth26p40g]  *.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn, *.e-css.e-btn-group:not(.e-rtl):not(.e-vertical) .e-btn[b-amth26p40g] {
    border: 1px solid #dc3545;
}

.button-group[b-amth26p40g]{
    justify-content: right;
}

[b-amth26p40g] .febtn.febtn-primary.done {
    width: 200px !important;
}

.preview-template[b-amth26p40g] {
    align-self: end;
    display: flex;
    gap: 20px;
    flex-direction: row-reverse;
}

[b-amth26p40g] .preview-button {
    align-self: end;
}

.add-section[b-amth26p40g]{
    margin-top: 20px;
}

/*DND*/
.sections-list[b-amth26p40g] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section-box[b-amth26p40g] {
    user-select: none;
    cursor: pointer;
}

.drag-handle[b-amth26p40g] {
    cursor: grab;
    display: inline-flex;
    align-items: center;
    padding-right: .5rem;
    font-size: 22px;
}
/*END DND*/

.section-header[b-amth26p40g]{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-actions[b-amth26p40g]{
    display: flex;
    gap: 10px;
    font-weight: 500;
    justify-content: end;
}

.header-container[b-amth26p40g] {
    display: flex;
    gap: 10px;
    overflow: hidden;
}

.section-footer[b-amth26p40g]{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.options-container[b-amth26p40g]{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
}

.selections-container[b-amth26p40g] {
    display: flex;
    gap: 25px;
}

.add-on-container[b-amth26p40g] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.options-container-header[b-amth26p40g]{
    display: flex;
    gap: 10px;
}

.mobile-tag[b-amth26p40g]{
    display:none;
}

@media (max-width: 768px) {
    .template-container[b-amth26p40g] {
        margin-bottom: 80px;
    }

    .fields[b-amth26p40g] {
        display: flex;
        flex-direction: column;
        gap: 15px;
        margin: 10px 0px;
        width: 100%;
    }

    .template-info-container[b-amth26p40g]{
        flex-direction: column;
    }

    .template-description[b-amth26p40g]{
        width: 100%;
    }

    .title-container[b-amth26p40g] {
        flex-direction: column;
    }

    .preview-template[b-amth26p40g] {
        align-self: center;
        width: 100%;
    }

    [b-amth26p40g] .febtn.febtn-secondary.create-template {
        width: 100%;
        margin-top: 15px;
    }

    .section-footer[b-amth26p40g]{
        flex-direction: column;
        gap: 25px;
    }

    .trash-container[b-amth26p40g]{
        align-self: end;
    }

    .selections-container[b-amth26p40g]{
        flex-direction: column;
    }

    .desktop-tag[b-amth26p40g]{
        display: none;
    }

    .mobile-tag[b-amth26p40g] {
        display: flex;
        grid-column: span 2;
        margin-left: 30px;
    }

    [b-amth26p40g] .tag {
        font-size: 12px;
    }

    .section-header[b-amth26p40g]{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 5px;
    }

    [b-amth26p40g] .content-shadow-box.section-box {
        padding: 16px !important;
    }

    .text-col[b-amth26p40g] {
        flex: 1 1 auto;
        min-width: 0;
    }
}