/* /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-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;
    }


/* 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: #A52A2A;
    color: #654321;
}

.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;
}
/* /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/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%;
}

.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-summary[b-7v98f70t2r] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

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

.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;
}

@media (max-width: 768px) {
    .document-tags[b-7v98f70t2r] {
        flex-direction: column;
        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;
    }
}
/* /Components/Job/JobMiniHeader.razor.rz.scp.css */
.job-mini-header[b-mvbxg59w1b] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 10px 0px;
}

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

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


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

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

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

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

@media (max-width: 990px) {
    .header-line-two[b-mvbxg59w1b] {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 7px;
    }
    .location-address-container[b-mvbxg59w1b] {
        width: 60%;
    }
}
/* /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 */
.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%;
}

.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; 
}

.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;
}

    .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 {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        column-gap: 8px;
        width: 100%;
        min-width: 0;
    }

.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);
}

@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%;
    }
}

/* /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%;
}

@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%;
}

@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;
    }
}
/* /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;
}

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

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

.preview-document[b-f0bo8mc3o9] {
    align-self: end;
}

.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;
}

.job-header[b-y3dgbu4uqm]{
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.header-line-one[b-y3dgbu4uqm] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}
    .header-line-one .dot[b-y3dgbu4uqm],
    .header-line-one .status-tag[b-y3dgbu4uqm] {
        flex: 0 0 auto;
    }

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

.header-line-three[b-y3dgbu4uqm] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.header-line-three[b-y3dgbu4uqm]{
    align-items: end;
}

.contact-information-container[b-y3dgbu4uqm] {
    display: flex;
    justify-self: center;
    gap: 5px;
    align-items: center;
    min-width: 0;
    width: 280px;
}
    .contact-information-container > div[b-y3dgbu4uqm] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        min-width: 0;
    }

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

.create-job-container[b-y3dgbu4uqm] {
    justify-self: end;
}

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

.job-owner-container[b-y3dgbu4uqm] {
    width: 60%;
}

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

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

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

.count-pill[b-y3dgbu4uqm] {
    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-y3dgbu4uqm] {
    flex: 1 1 auto;
}

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

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

@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/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;
}

.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;
}

/*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;
    }
}

/* /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;
        }
    }
    .bootstrap5 .tab-adaptive[b-az1h34gdqv],
    .bootstrap5-dark .tab-adaptive[b-az1h34gdqv],
    .bootstrap .tab-adaptive[b-az1h34gdqv],
    .bootstrap-dark .tab-adaptive[b-az1h34gdqv],
    .bootstrap4 .tab-adaptive[b-az1h34gdqv] {
        border: none;
    }
    .fluent .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .bootstrap5 .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .tailwind .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .tailwind3 .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .material .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .bootstrap4 .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .bootstrap .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .fabric .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .fluent2 .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv] {
        background: #FAF9F8;
    }
    .fluent-dark .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .bootstrap5-dark .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .tailwind-dark .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .tailwind3-dark .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .material-dark .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .bootstrap-dark .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .fabric-dark .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .highcontrast .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .fluent2-dark .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv],
    .fluent2-highcontrast .tab-adaptive .e-content > .e-item.e-active[b-az1h34gdqv] {
        background: #201F1E;
    }


.templates-page[b-az1h34gdqv] {
    padding: 20px 0px;
}

    .templates-page[b-az1h34gdqv]  .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
        border-bottom: 2px solid var(--blue-primary) !important;
    }

    .templates-page[b-az1h34gdqv]  .e-tab .e-tab-header .e-toolbar-item.e-active {
        border: transparent;
    }

    .templates-page[b-az1h34gdqv]  .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
        border: transparent;
    }

    .templates-page[b-az1h34gdqv]  .e-tab .e-tab-header .e-toolbar-item .e-tab-text {
        color: var(--blue-primary);
        font-weight: 500 !important;
    }

    .templates-page[b-az1h34gdqv]  .e-tab .e-tab-header .e-toolbar-item.e-active.e-ileft .e-tab-text, .e-tab .e-tab-header .e-toolbar-item.e-active.e-iright .e-tab-text[b-az1h34gdqv] {
        color: var(--blue-primary);
        font-weight: 500;
    }

    .templates-page[b-az1h34gdqv]  .e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
        border: transparent;
    }
/* /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;
}

.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;
}

.drag-handle[b-amth26p40g] {
    cursor: grab;
    display: inline-flex;
    align-items: center;
    padding-right: .5rem;
}
/*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;
}

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

.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;
    }
}
/* /Pages/Template/TemplateList.razor.rz.scp.css */

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

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

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

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

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

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

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

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


.multi-select.filters[b-cp0c8k22oo]  .e-multiselect .e-input-group-icon.e-ddl-icon::before,
.multi-select.filters[b-cp0c8k22oo]  .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-cp0c8k22oo] {
    margin-top: 20px;
    width: 30%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .content-shadow-box[b-cp0c8k22oo], .template-summary[b-cp0c8k22oo] {
        overflow-x: hidden;
    }
}