@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.bundle.scp.css';
@import '_content/WebSales.Website.Components/WebSales.Website.Components.bundle.scp.css';

/* /Dialogs/Events/DialogEvents.razor.rz.scp.css */
#eventsDialog[b-je9b2nrqat] {
    width: 600px;
    height: 600px;
    padding: 0;
}

#eventsDialogContent[b-je9b2nrqat] {
    height:100%;
    display: flex;
    flex-direction: column;
}

#titleBar[b-je9b2nrqat] {
    padding: 8px;
    flex-basis: auto;
}

#eventsTable[b-je9b2nrqat] {
    margin: 16px;
    flex-grow: 1;
    overflow-y: auto;
}

#buttons[b-je9b2nrqat] {
    flex-basis: auto;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    text-align: center;
}

table[b-je9b2nrqat] {
    table-layout: fixed;
    width: 100%;
}

thead[b-je9b2nrqat] {
    position: sticky;
    color: white;
    background-color: red;
}

th:nth-child(1)[b-je9b2nrqat] {
    width: 50%;
}

th:nth-child(2)[b-je9b2nrqat] {
    width: 25%;
}

th:nth-child(2)[b-je9b2nrqat] {
    width: 25%;
}

th[b-je9b2nrqat], td[b-je9b2nrqat] {
    padding: 4px;
}

td[b-je9b2nrqat] {
    font-size: 0.8REM;
    cursor: pointer;
}
tbody > tr:hover[b-je9b2nrqat] {
    background-color: #FEE;
}



/* /Dialogs/FileUpload/FileUploadDialog.razor.rz.scp.css */
dialog[b-49dc2r23rg] {
    width: 600px;
    padding: 8px;
}

.center[b-49dc2r23rg] {
    grid-column: 1;
    grid-row: 1;
    justify-self: center;
}

.uploadInstruction[b-49dc2r23rg] {
    margin: 0 0 20px 0;
}

.uploadProgressDetail[b-49dc2r23rg] {
    text-align: center;
    margin: 0 0 2px 0;
}

#progressContainer[b-49dc2r23rg] {
    position: relative;    
    height: 316px;
}

#zipFileName[b-49dc2r23rg] {
    width: 200px;
    word-wrap: break-word;
}

#progressBar[b-49dc2r23rg] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#progressInformation[b-49dc2r23rg] {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: transparent;
}
/* /Dialogs/Photograph/ComponentSales.razor.rz.scp.css */
.saleableItemName[b-yjuc83116r] {
    display: inline-block;
    width: 200px;
}
/* /Dialogs/Photograph/ComponentViews.razor.rz.scp.css */
.accessCode[b-fp27dxe3p5] {
    display: inline-block;
    width: 140px;
    font-size: 1.3rem;
}

.table_customer_identity[b-fp27dxe3p5] {
    /*margin-left: 20px;*/
}
/* /Dialogs/Photograph/DialogPhotograph.razor.rz.scp.css */
#photographDialog[b-y2sgic449i] {
    width: 600px;
    padding: 0;
}

#photographDialogContent[b-y2sgic449i] {
    padding: 8px;
}

#details[b-y2sgic449i] {
    display: flex;
    flex-direction: row;
}

#detailsLeftPanel[b-y2sgic449i] {
    flex-grow: 1;    
    flex-basis: 50%;
}

#detailsRightPanel[b-y2sgic449i] {
    flex-grow: 1;
    flex-basis: 50%;    
}

img[b-y2sgic449i] {
    position: relative;
    object-fit: contain;
}

.table_row_description[b-y2sgic449i] {
    display: inline-block;
    width: 180px;
}

.table_customer_name[b-y2sgic449i] {
    margin-left: 20px;
}

#buttons[b-y2sgic449i] {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    text-align: center;
}
/* /Pages/ComponentChangeState.razor.rz.scp.css */
.state0[b-5v5x31v5he] {
    padding: 8px;    
    cursor: pointer;
}

.state[b-5v5x31v5he] {
    padding: 8px;
    cursor: pointer;
}

.state:hover[b-5v5x31v5he] {
    background-color: #F88;
}

.label[b-5v5x31v5he] {
    cursor: pointer;
}

.check[b-5v5x31v5he] {
    display: inline-block;
    width: 28px;
}
/* /Pages/ComponentChangeStateList.razor.rz.scp.css */
#popupBackdrop[b-ofdy8r59o7]{
    display: none;
}

#popupContainer[b-ofdy8r59o7] {
    position: relative;
    transform: translate(0);
    width: 200px;
}
/* /Pages/CRM/CRMPageHeader.razor.rz.scp.css */
.btn.btn-primary[b-l58q5htb7f] {
    background-color: white;
    color: black;
    font-size: 16px;
    border-color: #999999;
}
    .btn.btn-primary.active[b-l58q5htb7f] {
        background-color: #999999;
        color: white;
    }

    .btn.btn-primary:hover[b-l58q5htb7f],
    .btn.btn-primary:focus[b-l58q5htb7f],
    .btn.btn-primary:active[b-l58q5htb7f] {
        background-color: #999999;
        color: white;
        border-color: #1e7e34;
    }
/* /Pages/CRM/Customer/Actions/ActionsModal.razor.rz.scp.css */
*[b-fw1vx2h4l1] {
    margin: 0;
    padding: 0;
}

.modal-form[b-fw1vx2h4l1] {
    position: fixed;
    left: 50%;
    right: 50%;
    display: flex;
    justify-content: center;
    top: 25%;
    z-index: 10;
}

.inFormBackground[b-fw1vx2h4l1] {
    margin: 0rem 2rem;
}

.inFormBackground[b-fw1vx2h4l1],
.inLoginForm[b-fw1vx2h4l1] {
/*    width: 25rem;
    height: 30rem;
    max-width: 320px;
*/    position: relative;
}

.genericForm form[b-fw1vx2h4l1] {
    top: 50%;
    left: 50%;
    /*width: 75%;*/
    max-height: 52rem;
    max-width: 100%;
    overflow: scroll;
    /*position: absolute; */
    /*padding: 50px 35px;*/
    padding: 15px 15px;
    border-radius: 10px;
    backdrop-filter: blur(5px);
    /*         transform: translate(-50%, -50%); */
    box-shadow: 0 0 40px rgba(8, 7, 16, 0.6);
    border: 2px solid rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.13);
}

form *[b-fw1vx2h4l1] {
    border: none;
    outline: none;
    /*color: var(--charcoal);*/
    letter-spacing: 2.5px;
/*    font-family: "Poppins", sans-serif;*/

}

.title[b-fw1vx2h4l1] {
    font-size: 32px;
    font-weight: 500;
    line-height: 22px;
    text-align: center;
    margin-bottom: 15px;
}

.sub-title[b-fw1vx2h4l1] {
    font-size: 32px;
    border-bottom: solid 1px;
    text-align: center;
}

/* Ensures the form container uses flexbox layout for better control over its children */
.form-input-container[b-fw1vx2h4l1] {
    display: flex;
    flex-direction: column; /* Stack children vertically */
    gap: 1rem; /* Space between form elements */
    overflow: auto; /* Adds scrollbar if content overflows */
    max-height: 80%; /* Adjust based on your needs, ensures it doesn't take up more than 90% of the viewport height */
    padding: 1rem; /* Padding inside the container */
}

    /* Adjusts the width of form elements to ensure they don't overflow their container */
    .form-input-container input[b-fw1vx2h4l1],
    .form-input-container select[b-fw1vx2h4l1],
    .form-input-container textarea[b-fw1vx2h4l1] {
        max-width: 100%; /* Ensures form elements do not overflow the container */
        box-sizing: border-box; /* Includes padding and border in the element's total width */
    }


    /* Scrollbar styling for better visual appearance */
    .form-input-container[b-fw1vx2h4l1]::-webkit-scrollbar {
        width: 10px;
    }

    .form-input-container[b-fw1vx2h4l1]::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .form-input-container[b-fw1vx2h4l1]::-webkit-scrollbar-thumb {
        background: #888;
    }

        .form-input-container[b-fw1vx2h4l1]::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


.inputGroup label[b-fw1vx2h4l1] {
    display: inline-block;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 600;
}


.inputGroup input[b-fw1vx2h4l1] {
    width: 100%;
    height: 50px;
    display: block;
    padding: 0 10px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 300;
    border-radius: 3px;
    /*         background-color: rgba(255, 255, 255, 0.07);
 */
}

[b-fw1vx2h4l1]::placeholder {
    color: #e5e5e5;
}

.submitForm[b-fw1vx2h4l1] {
    width: 100%;
    z-index: 1;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #080710;
    padding: 15px 0;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    background: #fff;
}

    .submitForm[b-fw1vx2h4l1]::before {
        content: "";
        top: 0%;
        left: -100%;
        z-index: -1;
        width: 100%;
        height: 100%;
        color: #fff;
        border-radius: 5px;
        position: absolute;
        transition: left 0.4s, color 0.4s;
        background-color: #202020;
    }

    .submitForm:hover[b-fw1vx2h4l1] {
        color: #fff;
    }

        .submitForm:hover[b-fw1vx2h4l1]::before {
            left: 0%;
            content: "Submit"
        }

.form-controls[b-fw1vx2h4l1] {
    display: flex;
    /*margin-top: 20px;*/
    align-items: center;
    justify-content: center;
}

    .form-controls a[b-fw1vx2h4l1] {
        margin: 5px;
        width: 3rem;
        height: 3rem;
        display: flex;
        cursor: pointer;
        color: #eaf0fb;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.27);
        background-color: var(--charcoal);
    }

        .form-controls a:hover[b-fw1vx2h4l1] {
            background-color: rgba(255, 255, 255, 0.47);
        }

    .form-controls .fb[b-fw1vx2h4l1] {
        margin-left: 25px;
    }

    .form-controls .tw[b-fw1vx2h4l1] {
        /*margin-left: 25px;*/
    }

.fa.fa-times[b-fw1vx2h4l1] {
    color: var(--red);
}
/* /Pages/CRM/Emails/ModalEmailBatchDetails.razor.rz.scp.css */
body[b-mqyrqo93kj] {
    margin-top: 20px;
}

.timeline[b-mqyrqo93kj] {
    border-left: 3px solid #727cf5;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(114, 124, 245, 0.09);
    margin: 0 auto;
    letter-spacing: 0.2px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 50px;
    list-style: none;
    text-align: left;
    max-width: 40%;
}

@media (max-width: 767px) {
    .timeline[b-mqyrqo93kj] {
        max-width: 98%;
        padding: 25px;
    }
}

.timeline h1[b-mqyrqo93kj] {
    font-weight: 300;
    font-size: 1.4em;
}

.timeline h2[b-mqyrqo93kj],
.timeline h3[b-mqyrqo93kj] {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 10px;
}

.timeline .event[b-mqyrqo93kj] {
    border-bottom: 1px dashed #e8ebf1;
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
}

@media (max-width: 767px) {
    .timeline .event[b-mqyrqo93kj] {
        padding-top: 30px;
    }
}

.timeline .event:last-of-type[b-mqyrqo93kj] {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.timeline .event[b-mqyrqo93kj]:before,
.timeline .event[b-mqyrqo93kj]:after {
    position: absolute;
    display: block;
    top: 0;
}

.timeline .event[b-mqyrqo93kj]:before {
    left: -207px;
    content: attr(data-date);
    text-align: right;
    font-weight: 100;
    font-size: 0.9em;
    min-width: 120px;
}

@media (max-width: 767px) {
    .timeline .event[b-mqyrqo93kj]:before {
        left: 0px;
        text-align: left;
    }
}

.timeline .event[b-mqyrqo93kj]:after {
    -webkit-box-shadow: 0 0 0 3px #727cf5;
    box-shadow: 0 0 0 3px #727cf5;
    left: -55.8px;
    background: #fff;
    border-radius: 50%;
    height: 9px;
    width: 9px;
    content: "";
    top: 5px;
}

@media (max-width: 767px) {
    .timeline .event[b-mqyrqo93kj]:after {
        left: -31.8px;
    }
}

.rtl .timeline[b-mqyrqo93kj] {
    border-left: 0;
    text-align: right;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-right: 3px solid #727cf5;
}

    .rtl .timeline .event[b-mqyrqo93kj]::before {
        left: 0;
        right: -170px;
    }

    .rtl .timeline .event[b-mqyrqo93kj]::after {
        left: 0;
        right: -55.8px;
    }
/* /Pages/CRM/Emails/ModalEmailDetails.razor.rz.scp.css */
body[b-m0t123n0hq] {
    margin-top: 20px;
}

.timeline[b-m0t123n0hq] {
    border-left: 3px solid #727cf5;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(114, 124, 245, 0.09);
    margin: 0 auto;
    letter-spacing: 0.2px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 50px;
    list-style: none;
    text-align: left;
    max-width: 40%;
}

@media (max-width: 767px) {
    .timeline[b-m0t123n0hq] {
        max-width: 98%;
        padding: 25px;
    }
}

.timeline h1[b-m0t123n0hq] {
    font-weight: 300;
    font-size: 1.4em;
}

.timeline h2[b-m0t123n0hq],
.timeline h3[b-m0t123n0hq] {
    font-weight: 600;
    font-size: 1rem;
    margin-bottom: 10px;
}

.timeline .event[b-m0t123n0hq] {
    border-bottom: 1px dashed #e8ebf1;
    padding-bottom: 25px;
    margin-bottom: 25px;
    position: relative;
}

@media (max-width: 767px) {
    .timeline .event[b-m0t123n0hq] {
        padding-top: 30px;
    }
}

.timeline .event:last-of-type[b-m0t123n0hq] {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none;
}

.timeline .event[b-m0t123n0hq]:before,
.timeline .event[b-m0t123n0hq]:after {
    position: absolute;
    display: block;
    top: 0;
}

.timeline .event[b-m0t123n0hq]:before {
    left: -207px;
    content: attr(data-date);
    text-align: right;
    font-weight: 100;
    font-size: 0.9em;
    min-width: 120px;
}

@media (max-width: 767px) {
    .timeline .event[b-m0t123n0hq]:before {
        left: 0px;
        text-align: left;
    }
}

.timeline .event[b-m0t123n0hq]:after {
    -webkit-box-shadow: 0 0 0 3px #727cf5;
    box-shadow: 0 0 0 3px #727cf5;
    left: -55.8px;
    background: #fff;
    border-radius: 50%;
    height: 9px;
    width: 9px;
    content: "";
    top: 5px;
}

@media (max-width: 767px) {
    .timeline .event[b-m0t123n0hq]:after {
        left: -31.8px;
    }
}

.rtl .timeline[b-m0t123n0hq] {
    border-left: 0;
    text-align: right;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-right: 3px solid #727cf5;
}

    .rtl .timeline .event[b-m0t123n0hq]::before {
        left: 0;
        right: -170px;
    }

    .rtl .timeline .event[b-m0t123n0hq]::after {
        left: 0;
        right: -55.8px;
    }
/* /Pages/Dashboard/Dashboard.razor.rz.scp.css */
/* ======================= Cards ====================== */
.cardBox[b-8itsr7luq2] {
    position: relative;
    width: 100%;
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}

    .cardBox .card[b-8itsr7luq2] {
        position: relative;
        background: var(--white);
        padding: 30px;
        border-radius: 20px;
        display: flex;
        justify-content: space-between;
        cursor: pointer;
        box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
    }

        .cardBox .card .numbers[b-8itsr7luq2] {
            position: relative;
            font-weight: 500;
            font-size: 2.5rem;
            color: var(--blue);
        }

        .cardBox .card .cardName[b-8itsr7luq2] {
            color: var(--black2);
            font-size: 1.1rem;
            margin-top: 5px;
        }

        .cardBox .card .iconBx[b-8itsr7luq2] {
            font-size: 3.5rem;
            color: var(--black2);
        }

        .cardBox .card:hover[b-8itsr7luq2] {
            background: var(--blue);
        }

            .cardBox .card:hover .numbers[b-8itsr7luq2],
            .cardBox .card:hover .cardName[b-8itsr7luq2],
            .cardBox .card:hover .iconBx[b-8itsr7luq2] {
                color: var(--white);
            }

/* ================== Order Details List ============== */
.details[b-8itsr7luq2] {
    position: relative;
    width: 100%;
    padding: 20px;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 30px;
    /* margin-top: 10px; */
}

    .details .recentOrders[b-8itsr7luq2] {
        position: relative;
        display: grid;
        min-height: 500px;
        background: var(--white);
        padding: 20px;
        box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
        border-radius: 20px;
    }

    .details .cardHeader[b-8itsr7luq2] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

.cardHeader h2[b-8itsr7luq2] {
    font-weight: 600;
    color: var(--blue);
}

.cardHeader .btn[b-8itsr7luq2] {
    position: relative;
    padding: 5px 10px;
    background: var(--blue);
    text-decoration: none;
    color: var(--white);
    border-radius: 6px;
}

.details table[b-8itsr7luq2] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

    .details table thead td[b-8itsr7luq2] {
        font-weight: 600;
    }

.details .recentOrders table tr[b-8itsr7luq2] {
    color: var(--black1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .details .recentOrders table tr:last-child[b-8itsr7luq2] {
        border-bottom: none;
    }

.details .recentOrders table tbody tr:hover[b-8itsr7luq2] {
    background: var(--blue);
    color: var(--white);
}

.details .recentOrders table tr td[b-8itsr7luq2] {
    padding: 10px;
}

    .details .recentOrders table tr td:last-child[b-8itsr7luq2] {
        text-align: end;
    }

    .details .recentOrders table tr td:nth-child(2)[b-8itsr7luq2] {
        text-align: end;
    }

    .details .recentOrders table tr td:nth-child(3)[b-8itsr7luq2] {
        text-align: center;
    }

.status.delivered[b-8itsr7luq2] {
    padding: 2px 4px;
    background: #8de02c;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
}

.status.pending[b-8itsr7luq2] {
    padding: 2px 4px;
    background: #e9b10a;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
}

.status.return[b-8itsr7luq2] {
    padding: 2px 4px;
    background: #f00;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
}

.status.inProgress[b-8itsr7luq2] {
    padding: 2px 4px;
    background: #1795ce;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
}

.recentCustomers[b-8itsr7luq2] {
    position: relative;
    display: grid;
    min-height: 500px;
    padding: 20px;
    background: var(--white);
    box-shadow: 0 7px 25px rgba(0, 0, 0, 0.08);
    border-radius: 20px;
}

    .recentCustomers .imgBx[b-8itsr7luq2] {
        position: relative;
        width: 40px;
        height: 40px;
        border-radius: 50px;
        overflow: hidden;
    }

        .recentCustomers .imgBx img[b-8itsr7luq2] {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .recentCustomers table tr td[b-8itsr7luq2] {
        padding: 12px 10px;
    }

        .recentCustomers table tr td h4[b-8itsr7luq2] {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.2rem;
        }

            .recentCustomers table tr td h4 span[b-8itsr7luq2] {
                font-size: 14px;
                color: var(--black2);
            }

    .recentCustomers table tr:hover[b-8itsr7luq2] {
        background: var(--blue);
        color: var(--white);
    }

        .recentCustomers table tr:hover td h4 span[b-8itsr7luq2] {
            color: var(--white);
        }

/* ====================== Responsive Design ========================== */
@media (max-width: 991px) {

    .cardBox[b-8itsr7luq2] {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .details[b-8itsr7luq2] {
        grid-template-columns: 1fr;
    }

    .recentOrders[b-8itsr7luq2] {
        overflow-x: auto;
    }

    .status.inProgress[b-8itsr7luq2] {
        white-space: nowrap;
    }
}

@media (max-width: 480px) {
    .cardBox[b-8itsr7luq2] {
        grid-template-columns: repeat(1, 1fr);
    }

    .cardHeader h2[b-8itsr7luq2] {
        font-size: 20px;
    }
}
/* /Pages/Events/ModalEventSetOrdering.razor.rz.scp.css */
#referenceValues[b-a9klodzxa0] {
    margin: 24px 0;
}

.fas[b-a9klodzxa0] {
    font-size: 80px;
}

.success[b-a9klodzxa0] {
    color: green;
}

.label[b-a9klodzxa0] {
    color: #888;
}

.value[b-a9klodzxa0] {
    color: black;
    font-weight: bold;
}
/* /Pages/Events/PageEvents.razor.rz.scp.css */
#statusCardLine1[b-ky8t7iy0qe] {
    display: flex;
    flex-direction: row;
}

.statusCardLineCenterSpace[b-ky8t7iy0qe] {
    flex-grow: 1;
}

.statusCardLineCommand[b-ky8t7iy0qe] {
    flex-basis: 200px;
    text-align: center;
}

#statusCardLine2[b-ky8t7iy0qe] {
    display: flex;
    flex-direction: row;
}
/* /Pages/Images/ComponentPhotograph.razor.rz.scp.css */
img[b-0v9l9bcn5p] {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: contain;
}

.photo-spinner[b-0v9l9bcn5p] {
    width: 32px;
    height: 32px;
    border: 4px solid #d0d0d0;
    border-top-color: #4d8fff;
    border-radius: 50%;
    animation: spin-b-0v9l9bcn5p 0.8s linear infinite;
    margin: auto;
}

@keyframes spin-b-0v9l9bcn5p {
    to {
        transform: rotate(360deg);
    }
}
/* /Pages/Landing/PageLanding.razor.rz.scp.css */
#loginFormContainer[b-39i71jrf69] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 100px;
    width: 300px;
    padding: 40px;

    background: #DDD;
    border: #FFF solid 6px;
    border-radius: 10px;
    filter: drop-shadow(-12px 12px 6px #444);
}

.landingBackground[b-39i71jrf69] {
    height: 100vh;
    background-color: #f2f2f2;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23ff1700' fill-opacity='0.4' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
}
/* /Pages/Packages/Forms/ProductsInPackageInput.razor.rz.scp.css */
*[b-gj1z966lpk] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

h1[b-gj1z966lpk],
h2[b-gj1z966lpk],
h3[b-gj1z966lpk],
h4[b-gj1z966lpk],
h5[b-gj1z966lpk] {
    font-family: "Figtree";
    font-weight: 800;
    line-height: 1;
    color: var(--text);
}

html[b-gj1z966lpk] {
    font-size: 100%;
}

/* 16px */

h1[b-gj1z966lpk] {
    font-size: 8rem;
}

h2[b-gj1z966lpk] {
    font-size: 3.158rem;
}

h3[b-gj1z966lpk] {
    font-size: 2.369rem;
}

h4[b-gj1z966lpk] {
    font-size: 1.777rem;
}

h5[b-gj1z966lpk] {
    font-size: 1.333rem;
    color: var(--text_light);
    line-height: 1.5rem;
}

p[b-gj1z966lpk] {
    font-size: 0.9rem;
}

small[b-gj1z966lpk] {
    font-size: 0.75rem;
    color: var(--text);
}

.body[b-gj1z966lpk] {
    /*height: 100vh;*/
    /*width: 100vw;*/
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 10vw 0 10vw;
    overflow-x: hidden;
    font-family: "DM Sans";
    font-weight: 400;
    color: var(--text);
   /* background: linear-gradient( 260deg, var(--background_dark), var(--background) );*/
}

svg[b-gj1z966lpk] {
    fill: var(--text_dark);
    height: 1lh;
    width: 1lh;
}

hr[b-gj1z966lpk] {
    background-color: var(--outline);
    height: 1px;
    border: none;
}

button[b-gj1z966lpk] {
    color: var(--text);
    padding: 0.9rem 1rem 0.9rem 1rem;
    border-radius: 0.5rem;
    border: none;
    font-size: 1rem;
}

blt[b-gj1z966lpk] {
    margin: 0 0.2rem 0 0.2rem;
}

.primary[b-gj1z966lpk] {
    background: linear-gradient(114deg, var(--primary), var(--accent));
}

.secondary[b-gj1z966lpk] {
    background: var(--secondary);
}

.muted[b-gj1z966lpk] {
    color: var(--text_dark);
}

.bold[b-gj1z966lpk] {
    font-weight: 700;
}

.underline[b-gj1z966lpk] {
    text-decoration: underline;
}

.alert[b-gj1z966lpk] {
    color: var(--alert);
}

.active[b-gj1z966lpk] {
    color: var(--primary);
}

.list[b-gj1z966lpk] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--glass);
    padding: 2.5rem;
    border-radius: 1rem;
    width: 100%;
    gap: 1rem;
    max-width: 35rem;
    box-shadow: inset 0 0 1.25rem var(--glass), 0rem 0rem 2rem rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(0.1rem);
    background: var(--glass_trans);
}

.item-container[b-gj1z966lpk] {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 51rem);
    overflow-y: scroll;
}

.list-item[b-gj1z966lpk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.checkbox[b-gj1z966lpk] {
    appearance: none;
    padding: 0.1rem;
    height: 1.5rem;
    width: 3.5rem;
    border: 1px solid var(--outline);
    background: transparent;
    border-radius: 0.25rem;
    cursor: pointer;
    outline: none;
}

.checkbox-wrapper[b-gj1z966lpk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    max-width: 70%;
}

.checkbox:checked[b-gj1z966lpk] {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="hsla(247, 57%, 5%, 0.5)" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>');
}

    .checkbox:checked ~ p[b-gj1z966lpk] {
        text-decoration: line-through;
    }

    .delete[b-gj1z966lpk]{
        color: var(--red);
    }
grid[b-gj1z966lpk] {
    transform: rotate(20deg) translate(10rem, -10rem);
    background-size: 4.5rem 4.5rem;
    background-image: linear-gradient(to right, white 1px, transparent 1px), linear-gradient(to bottom, white 1px, transparent 1px);
    opacity: 10%;
    position: absolute;
    width: 30rem;
    height: 30rem;
    pointer-events: none;
    mask-image: radial-gradient(black 20%, transparent 80%);
}

glob[b-gj1z966lpk] {
    opacity: 30%;
    position: absolute;
    width: 20rem;
    height: 20rem;
    border-radius: 100%;
    filter: blur(100px);
    background: var(--accent);
    pointer-events: none;
}

[b-gj1z966lpk]::-webkit-scrollbar {
    display: none;
}
/* /Pages/Packages/PagePackages.razor.rz.scp.css */
#namesContainer[b-oiy7ye37wr] {
    display: flex;
    flex-direction: row;
}

[b-oiy7ye37wr] .name {
    flex-grow: 3;
    margin-right: 2px;
    width: 100px !important;
}

[b-oiy7ye37wr] .shortName {
    flex-grow: 1;
    margin-left: 2px;
    width: 100px !important;
}

#product_preview_image[b-oiy7ye37wr] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 8px;
}

#product_preview_image[b-oiy7ye37wr] {
    object-fit: contain;
}

[b-oiy7ye37wr] .product_preview_size {
    width: 200px;
    height: 200px;
}
/* /Pages/PriceLists/AddOnsPriceLists/Forms/ListingsInput.razor.rz.scp.css */
*[b-7o3imd0yrf] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

h1[b-7o3imd0yrf],
h2[b-7o3imd0yrf],
h3[b-7o3imd0yrf],
h4[b-7o3imd0yrf],
h5[b-7o3imd0yrf] {
    font-family: "Figtree";
    font-weight: 800;
    line-height: 1;
    color: var(--text);
}

html[b-7o3imd0yrf] {
    font-size: 100%;
}

/* 16px */

h1[b-7o3imd0yrf] {
    font-size: 8rem;
}

h2[b-7o3imd0yrf] {
    font-size: 3.158rem;
}

h3[b-7o3imd0yrf] {
    font-size: 2.369rem;
}

h4[b-7o3imd0yrf] {
    font-size: 1.777rem;
}

h5[b-7o3imd0yrf] {
    font-size: 1.333rem;
    color: var(--text_light);
    line-height: 1.5rem;
}

p[b-7o3imd0yrf] {
    font-size: 0.9rem;
}

small[b-7o3imd0yrf] {
    font-size: 0.75rem;
    color: var(--text);
}

.body[b-7o3imd0yrf] {
    /*height: 100vh;*/
    /*width: 100vw;*/
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 10vw 0 10vw;
    overflow-x: hidden;
    font-family: "DM Sans";
    font-weight: 400;
    color: var(--text);
   /* background: linear-gradient( 260deg, var(--background_dark), var(--background) );*/
}

svg[b-7o3imd0yrf] {
    fill: var(--text_dark);
    height: 1lh;
    width: 1lh;
}

hr[b-7o3imd0yrf] {
    background-color: var(--outline);
    height: 1px;
    border: none;
}

button[b-7o3imd0yrf] {
    color: var(--text);
    padding: 0.9rem 1rem 0.9rem 1rem;
    border-radius: 0.5rem;
    border: none;
    font-size: 1rem;
}

blt[b-7o3imd0yrf] {
    margin: 0 0.2rem 0 0.2rem;
}

.primary[b-7o3imd0yrf] {
    background: linear-gradient(114deg, var(--primary), var(--accent));
}

.secondary[b-7o3imd0yrf] {
    background: var(--secondary);
}

.muted[b-7o3imd0yrf] {
    color: var(--text_dark);
}

.bold[b-7o3imd0yrf] {
    font-weight: 700;
}

.underline[b-7o3imd0yrf] {
    text-decoration: underline;
}

.alert[b-7o3imd0yrf] {
    color: var(--alert);
}

.active[b-7o3imd0yrf] {
    color: var(--primary);
}

.list[b-7o3imd0yrf] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--glass);
    padding: 2.5rem;
    border-radius: 1rem;
    width: 100%;
    gap: 1rem;
    max-width: 35rem;
    box-shadow: inset 0 0 1.25rem var(--glass), 0rem 0rem 2rem rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(0.1rem);
    background: var(--glass_trans);
}

.item-container[b-7o3imd0yrf] {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 51rem);
    overflow-y: scroll;
}

.list-item[b-7o3imd0yrf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.checkbox[b-7o3imd0yrf] {
    appearance: none;
    padding: 0.1rem;
    height: 1.5rem;
    width: 3.5rem;
    border: 1px solid var(--outline);
    background: transparent;
    border-radius: 0.25rem;
    cursor: pointer;
    outline: none;
}

.checkbox-wrapper[b-7o3imd0yrf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    max-width: 70%;
}

.checkbox:checked[b-7o3imd0yrf] {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="hsla(247, 57%, 5%, 0.5)" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>');
}

    .checkbox:checked ~ p[b-7o3imd0yrf] {
        text-decoration: line-through;
    }

    .delete[b-7o3imd0yrf]{
        color: var(--red);
    }
grid[b-7o3imd0yrf] {
    transform: rotate(20deg) translate(10rem, -10rem);
    background-size: 4.5rem 4.5rem;
    background-image: linear-gradient(to right, white 1px, transparent 1px), linear-gradient(to bottom, white 1px, transparent 1px);
    opacity: 10%;
    position: absolute;
    width: 30rem;
    height: 30rem;
    pointer-events: none;
    mask-image: radial-gradient(black 20%, transparent 80%);
}

glob[b-7o3imd0yrf] {
    opacity: 30%;
    position: absolute;
    width: 20rem;
    height: 20rem;
    border-radius: 100%;
    filter: blur(100px);
    background: var(--accent);
    pointer-events: none;
}

[b-7o3imd0yrf]::-webkit-scrollbar {
    display: none;
}
/* /Pages/PriceLists/IndexPriceListPage.razor.rz.scp.css */
.btn.btn-primary[b-wjl6fzzxfy] {
    background-color: white;
    color: black;
    font-size: 16px;
    border-color: #999999;
}

    .btn.btn-primary.active[b-wjl6fzzxfy] {
        background-color: #999999;
        color: white;
    }

    .btn.btn-primary:hover[b-wjl6fzzxfy],
    .btn.btn-primary:focus[b-wjl6fzzxfy],
    .btn.btn-primary:active[b-wjl6fzzxfy] {
        background-color: #999999;
        color: white;
        border-color: #1e7e34;
    }
/* /Pages/PriceLists/PrimaryPriceLists/Forms/ListingsInput.razor.rz.scp.css */
*[b-td95yl20ff] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

h1[b-td95yl20ff],
h2[b-td95yl20ff],
h3[b-td95yl20ff],
h4[b-td95yl20ff],
h5[b-td95yl20ff] {
    font-family: "Figtree";
    font-weight: 800;
    line-height: 1;
    color: var(--text);
}

html[b-td95yl20ff] {
    font-size: 100%;
}

/* 16px */

h1[b-td95yl20ff] {
    font-size: 8rem;
}

h2[b-td95yl20ff] {
    font-size: 3.158rem;
}

h3[b-td95yl20ff] {
    font-size: 2.369rem;
}

h4[b-td95yl20ff] {
    font-size: 1.777rem;
}

h5[b-td95yl20ff] {
    font-size: 1.333rem;
    color: var(--text_light);
    line-height: 1.5rem;
}

p[b-td95yl20ff] {
    font-size: 0.9rem;
}

small[b-td95yl20ff] {
    font-size: 0.75rem;
    color: var(--text);
}

.body[b-td95yl20ff] {
    /*height: 100vh;*/
    /*width: 100vw;*/
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 10vw 0 10vw;
    overflow-x: hidden;
    font-family: "DM Sans";
    font-weight: 400;
    color: var(--text);
   /* background: linear-gradient( 260deg, var(--background_dark), var(--background) );*/
}

svg[b-td95yl20ff] {
    fill: var(--text_dark);
    height: 1lh;
    width: 1lh;
}

hr[b-td95yl20ff] {
    background-color: var(--outline);
    height: 1px;
    border: none;
}

button[b-td95yl20ff] {
    color: var(--text);
    padding: 0.9rem 1rem 0.9rem 1rem;
    border-radius: 0.5rem;
    border: none;
    font-size: 1rem;
}

blt[b-td95yl20ff] {
    margin: 0 0.2rem 0 0.2rem;
}

.primary[b-td95yl20ff] {
    background: linear-gradient(114deg, var(--primary), var(--accent));
}

.secondary[b-td95yl20ff] {
    background: var(--secondary);
}

.muted[b-td95yl20ff] {
    color: var(--text_dark);
}

.bold[b-td95yl20ff] {
    font-weight: 700;
}

.underline[b-td95yl20ff] {
    text-decoration: underline;
}

.alert[b-td95yl20ff] {
    color: var(--alert);
}

.active[b-td95yl20ff] {
    color: var(--primary);
}

.list[b-td95yl20ff] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--glass);
    padding: 2.5rem;
    border-radius: 1rem;
    width: 100%;
    gap: 1rem;
    max-width: 35rem;
    box-shadow: inset 0 0 1.25rem var(--glass), 0rem 0rem 2rem rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(0.1rem);
    background: var(--glass_trans);
}

.item-container[b-td95yl20ff] {
    gap: 1rem;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 51rem);
    overflow-y: scroll;
}

.list-item[b-td95yl20ff] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.checkbox[b-td95yl20ff] {
    appearance: none;
    padding: 0.1rem;
    height: 1.5rem;
    width: 3.5rem;
    border: 1px solid var(--outline);
    background: transparent;
    border-radius: 0.25rem;
    cursor: pointer;
    outline: none;
}

.checkbox-wrapper[b-td95yl20ff] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    max-width: 70%;
}

.checkbox:checked[b-td95yl20ff] {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path fill="hsla(247, 57%, 5%, 0.5)" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>');
}

    .checkbox:checked ~ p[b-td95yl20ff] {
        text-decoration: line-through;
    }

    .delete[b-td95yl20ff]{
        color: var(--red);
    }
grid[b-td95yl20ff] {
    transform: rotate(20deg) translate(10rem, -10rem);
    background-size: 4.5rem 4.5rem;
    background-image: linear-gradient(to right, white 1px, transparent 1px), linear-gradient(to bottom, white 1px, transparent 1px);
    opacity: 10%;
    position: absolute;
    width: 30rem;
    height: 30rem;
    pointer-events: none;
    mask-image: radial-gradient(black 20%, transparent 80%);
}

glob[b-td95yl20ff] {
    opacity: 30%;
    position: absolute;
    width: 20rem;
    height: 20rem;
    border-radius: 100%;
    filter: blur(100px);
    background: var(--accent);
    pointer-events: none;
}

[b-td95yl20ff]::-webkit-scrollbar {
    display: none;
}
/* /Pages/PriceLists/PrimaryPriceLists/Forms/PriceListForm.razor.rz.scp.css */
.imageType-container[b-5fvltej5ab] {
    min-width: 100px;
    max-width: 100px;
}

.number-input[b-5fvltej5ab]{
    min-width: 90px;
    max-width: 90px;
}

.search-dropdown[b-5fvltej5ab]{
    min-width: 180px;
    max-width: 180px;
}

.config-container[b-5fvltej5ab] {
    padding: 0px 30px 0px 30px;
}
/* /Pages/Products/PageProducts.razor.rz.scp.css */
#namesContainer[b-bi8ptljhwa] {
    display: flex;
    flex-direction: row;
}

[b-bi8ptljhwa] .name {
    flex-grow: 3;
    margin-right: 2px;
    width: 100px !important;
}

[b-bi8ptljhwa] .shortName {
    flex-grow: 1;
    margin-left: 2px;
    width: 100px !important;
}

#layoutSpecificationSimple[b-bi8ptljhwa] {
    display: flex;
    align-items: flex-end;
}

    #layoutSpecificationSimple > *:nth-child(1)[b-bi8ptljhwa] {
        flex: 1 0;
    }

    #layoutSpecificationSimple > *:nth-child(2)[b-bi8ptljhwa] {
        flex: auto;
        padding-left: 4px;
        margin-bottom: 4px;
        padding-right: 20px;
    }

    #layoutSpecificationSimple > *:nth-child(3)[b-bi8ptljhwa] {
        flex: 1 0;
    }

    #layoutSpecificationSimple > *:nth-child(4)[b-bi8ptljhwa] {
        flex: auto;
        padding-left: 4px;
        margin-bottom: 4px;
    }

#product_preview_image[b-bi8ptljhwa] {
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 8px;
    object-fit: contain;
}

[b-bi8ptljhwa] .product_preview_size {
    width: 200px;
    height: 200px;
}
/* /Pages/SettingsPage/Backgrounds/PageBackgrounds.razor.rz.scp.css */
body[b-4cb2ox59a2], html[b-4cb2ox59a2] {
    margin: 0;
    padding: 0;
    background-color: #282c34;
    color: white;
    text-align: center;
}

#image-gallery[b-4cb2ox59a2] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
    padding: 50px;
    margin-top: 80px;
/*    max-width: 600px;
*/    margin: 80px auto;


}

    #image-gallery img[b-4cb2ox59a2] {
        width: 100%;
        height: auto;
        border-radius: 10px;
        transition: transform 0.5s ease;
    }

        #image-gallery img:hover[b-4cb2ox59a2] {
            transform: scale(1.4);
            box-shadow: 0 0 20px white;
        }

.image-container[b-4cb2ox59a2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
}

.image-box[b-4cb2ox59a2] {
    position: relative;
    overflow: hidden;
}

    .image-box img[b-4cb2ox59a2] {
        width: 100%;
        height: auto;
        display: block;
        transition: transform 0.3s ease;
    }

    .image-box:hover img[b-4cb2ox59a2] {
        transform: scale(1.1);
    }

.overlay[b-4cb2ox59a2], .overlay-top[b-4cb2ox59a2] {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.overlay-top[b-4cb2ox59a2] {
    top: -88%; /* Positioned at the top */
    justify-content: center; /* Center the text or any content horizontally */
}

.image-box:hover .overlay[b-4cb2ox59a2], 
.image-box:hover .overlay-top[b-4cb2ox59a2] {
    opacity: 1;
}

.details[b-4cb2ox59a2] {
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    border-radius: 5px;
}

.btn-edit[b-4cb2ox59a2], .btn-delete[b-4cb2ox59a2] {
    padding: 8px;
    margin: 0 10px;
    border: none;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    cursor: pointer;
    border-radius: 10px;
}

.btn-edit[b-4cb2ox59a2] {
    align-self: flex-start;
}

.btn-delete[b-4cb2ox59a2] {
    align-self: flex-end;
}
/* /Pages/SettingsPage/IndexSettingsPage.razor.rz.scp.css */
.btn.btn-primary[b-mvxp99vnkh] {
    background-color: white;
    color: black;
    font-size: 16px;
    border-color: #999999;
}

    .btn.btn-primary.active[b-mvxp99vnkh] {
        background-color: #999999;
        color: white;
    }

    .btn.btn-primary:hover[b-mvxp99vnkh],
    .btn.btn-primary:focus[b-mvxp99vnkh],
    .btn.btn-primary:active[b-mvxp99vnkh] {
        background-color: #999999;
        color: white;
        border-color: #1e7e34;
    }
/* /Pages/SettingsPage/ShopSetup/ShopSetup.razor.rz.scp.css */
.logos-and-design[b-eo9r99bu30] {
    margin-bottom: 20px;
    margin-top:20px;
}

.logo-uploads[b-eo9r99bu30] {
    display: flex;
    justify-content: space-around;
    gap: 25px;
    padding: 15px;
}
    .logo-uploads > div[b-eo9r99bu30] {
        margin-bottom: 10px;
        text-align: center;
    }

.logo-uploads label[b-eo9r99bu30] {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

input[type="file"][b-eo9r99bu30] {
    border: 1px solid #ccc;
    display: block;
    width: 100%;
}

.language-selection[b-eo9r99bu30] {
    margin-top: 20px;
}

    .language-selection .form-group[b-eo9r99bu30] {
        margin-bottom: 10px;
    }

    .language-selection .radio[b-eo9r99bu30] {
        margin-bottom: 10px;
    }

    .language-selection label[b-eo9r99bu30] {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }

    .language-selection select[b-eo9r99bu30] {
        width: 100%;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
/* /Pages/ShippingCosts/ComponentCategory.razor.rz.scp.css */
.category[b-gp4iwv2wdi] {
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    padding: 8px;
}

.delete[b-gp4iwv2wdi] {
    line-height: 16px;
    flex-basis: 16px;
    margin-right: 8px;
    flex-shrink: 0;
}

.field[b-gp4iwv2wdi] {
    flex-basis: 100px;
    flex-grow: 1;
}
/* /Pages/ShippingCosts/ComponentCost.razor.rz.scp.css */
/* /Pages/ShippingCosts/ComponentOption.razor.rz.scp.css */
.optionHeader[b-0j9qr0e0g2] {
    display: flex;
    flex-direction: row;
    align-items: center;

    box-sizing: border-box;
    padding: 8px;
}

.delete[b-0j9qr0e0g2] {
    flex-basis: 16;
    margin-right: 8px;
    flex-shrink: 0;
}

.fields[b-0j9qr0e0g2] {
    flex-basis: 100px;
    flex-grow: 1;
}
/* /Pages/ShippingCosts/ComponentShippingCostsGrid.razor.rz.scp.css */
/* Grid */

.shippingCostGrid[b-kvyup2tuvv]
{
    vertical-align: top;
}

[b-kvyup2tuvv] .categoryWidth {
    width: 160px;
}

[b-kvyup2tuvv] .categoryHeight {
    height: 40px;
}

[b-kvyup2tuvv] .optionWidth {
    width: 260px;   
}

[b-kvyup2tuvv] .optionHeaderHeight {
    height: 95px;
}

[b-kvyup2tuvv] .optionHeaderWithoutBorderHeight {
    height: 95px;
}

[b-kvyup2tuvv] .addWidth {
    width: 40px;
}

[b-kvyup2tuvv] .centre {
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-kvyup2tuvv] .column {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
}

[b-kvyup2tuvv] .cell {
    display: inline-block;
    box-sizing: border-box;
    padding: 8px;
}

[b-kvyup2tuvv] .fullWidth {
    width: 100%;
}

[b-kvyup2tuvv] .alignRight {
    text-align: right;
}


/* Inputs */

[b-kvyup2tuvv] .textInput {
    width: 100%;
    box-sizing: border-box;
}

[b-kvyup2tuvv] .costInput {
    box-sizing: border-box;
    width: 30%;
    text-align: right;
}

/* Styling */

[b-kvyup2tuvv] .option {
    background-color: #CCC;
}

[b-kvyup2tuvv] .border {
    border-style: solid;
    border-color: #DDD;
}

[b-kvyup2tuvv] .invisibleBorder {
    border-style: solid;
    border-width: 2px;
    border-color: rgb(0, 0, 0, 0);
}

[b-kvyup2tuvv] .borderOption {
    border-width: 2px 0 2px 2px;
}

[b-kvyup2tuvv] .borderOptionAdd {
    border-width: 2px 2px 2px 2px;
}
/* /Shared/Accordian/GenericAccordian.razor.rz.scp.css */
@charset "UTF-8";

*[b-von2hieydw] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
    line-height: 1.5;
}

body[b-von2hieydw] {
    background-color: #f1f1f1;
}

details[b-von2hieydw] {
    max-width: 100%;
/*    margin: 1rem auto;*/
    padding: 1.5rem;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1);
}

.nested-input details[b-von2hieydw]{
    margin: 10px;
}

    details summary[b-von2hieydw] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        justify-content: center;
        font-weight: 600;
        margin-bottom: 0;
        transition: margin-bottom 0.4s;
        position: relative;
    }

        /*details summary::-webkit-details-marker,*/
        details summary[b-von2hieydw]::marker {
            content: "";
            display: none;
        }

        details summary[b-von2hieydw]::after {
            content: "+";
            font-size: 1.5rem;
            font-weight: 400;
            line-height: 1;
            margin-right: 1rem;
            cursor: pointer;
            background-color: rgba(0, 0, 255, 0.1);
            padding: 0.75rem;
            display: grid;
            place-content: center;
            aspect-ratio: 1;
            line-height: 0;
            position: absolute;
            top: -0.5rem;
            right: -1.5rem;
            border-radius: 50%;
        }

    details *:not(summary)[b-von2hieydw] {
        animation-name: fade-b-von2hieydw;
        animation-duration: 0.4s;
    }

    details[open] summary[b-von2hieydw] {
        margin-bottom: 1.5rem;
    }

        details[open] summary[b-von2hieydw]::after {
            content: "−";
        }

@keyframes fade-b-von2hieydw {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* /Shared/DataGrid/DataGrid.razor.rz.scp.css */
body[b-e66wi39d8x] {
    font-family: var(--dataGrid-text-font-family);
    font-size: var(--dataGrid-root-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--dataGrid-body-line-height);
    color: var(--dataGrid-text-color);
    text-align: var(--bs-body-text-align);
}

.hidden[b-e66wi39d8x] {
    display: none !important;
}

*[b-e66wi39d8x] {
    box-sizing: border-box;
}

.search-filter[b-e66wi39d8x] {
}

.hidden[b-e66wi39d8x]{
    display: none;
}

[class^="dataGrid-col"][b-e66wi39d8x] {
    flex: 0.7 0 0%;
}

div:has(.dataGrid-search-input)[b-e66wi39d8x] {
    padding-top: .125rem !important;
}

body[b-e66wi39d8x] {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body[b-e66wi39d8x] {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

body[b-e66wi39d8x] {
    font-family: var(--dataGrid-text-font-family);
    color: var(--dataGrid-text-color);
    font-size: var(--dataGrid-body-font-size);
    line-height: var(--dataGrid-body-line-height);
    background-color: var(--dataGrid-body-background-color);
}

.dataGrid-tabview-panel[b-e66wi39d8x] {
    padding: var(--dataGrid-tabs-padding);
}

    .dataGrid-tabview-panel .action-container[b-e66wi39d8x] {
        display: flex;
    }

    .dataGrid-tabview-panel .fas.fa-filter[b-e66wi39d8x] {
        font-size: 24px;
        align-self: center;
    }

    .dataGrid-tabview-panel .items-per-page[b-e66wi39d8x] {
        display: flex;
        margin-left: auto;
    }

    .dataGrid-tabview-panel .paginaton-control[b-e66wi39d8x] {
        display: flex;
        gap: 10px;
    }

    .dataGrid-tabview-panel .items-per-page .pagination-control-label[b-e66wi39d8x] {
        position: absolute;
        top: 9%;
        right: 5%;
    }

    .dataGrid-tabview-panel .items-per-page select[b-e66wi39d8x], input[b-e66wi39d8x] {
        border-radius: 9px;
    }

    .dataGrid-tabview-panel .items-per-page select[b-e66wi39d8x] {
        width: 43%;
    }

    .dataGrid-tabview-panel .items-per-page input[b-e66wi39d8x] {
        width: 50%;
    }

*[b-e66wi39d8x], [b-e66wi39d8x]:after, [b-e66wi39d8x]:before {
    box-sizing: border-box;
}

.dataGrid-layout [b-e66wi39d8x]::selection {
    background-color: var(--dataGrid-text-selection-background-color);
    color: var(--dataGrid-text-selection-color);
}

.dataGrid-layout[b-e66wi39d8x], .dataGrid-layout [b-e66wi39d8x]::-webkit-scrollbar, .dataGrid-scrollbars[b-e66wi39d8x], .dataGrid-scrollbars [b-e66wi39d8x]::-webkit-scrollbar {
    background-color: var(--dataGrid-scrollbar-background-color);
    width: var(--dataGrid-scrollbar-size);
    height: var(--dataGrid-scrollbar-size);
}

    .dataGrid-layout .dataGrid-layout [b-e66wi39d8x]::-webkit-scrollbar-thumb, .dataGrid-scrollbars[b-e66wi39d8x], .dataGrid-scrollbars [b-e66wi39d8x]::-webkit-scrollbar-thumb {
        background: var(--dataGrid-scrollbar-color);
        border: 4px solid rgba(0,0,0,0);
        background-clip: padding-box;
        border-radius: var(--dataGrid-scrollbar-border-radius);
        min-width: var(--dataGrid-scrollbar-size);
        min-height: var(--dataGrid-scrollbar-size);
    }

        .dataGrid-layout[b-e66wi39d8x], .dataGrid-layout [b-e66wi39d8x]::-webkit-scrollbar-corner, .dataGrid-scrollbars[b-e66wi39d8x], .dataGrid-scrollbars [b-e66wi39d8x]::-webkit-scrollbar-corner {
            background-color: var(--dataGrid-scrollbar-background-color);
        }

#datagrid > tbody > tr > td > span[b-e66wi39d8x], .nav-prop-cell[b-e66wi39d8x] {
    /*font-family: monospace;*/
    font-size: 18px;
    font-style: normal;
    font-variant: normal;
    /*font-weight: 600;*/
    line-height: 23px;
    /*text-align: center;*/

}

.nav-prop-cell[b-e66wi39d8x] {
    cursor: help;
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* Optional: adds underline to indicate hover effect */
}

    .nav-prop-cell:hover[b-e66wi39d8x]::after {
        content: attr(title);
        position: absolute;
        white-space: pre; /* Keeps the formatting of the JSON */
        z-index: 1;
        background-color: #f5f5f5;
        padding: 5px;
        border: 1px solid #ddd;
        color: #333;
        max-width: 400px; /* Maximum tooltip width */
        overflow: scroll; /* Enables scrolling for large content */
        bottom: 100%;
        left: 0;
    }

#datagrid .datagrid-edit-container[b-e66wi39d8x] {
    display: flex;
    justify-content: space-evenly;
}

.dataGrid-datatable[b-e66wi39d8x] {
    position: relative;
    box-shadow: var(--dataGrid-grid-shadow);
    border: var(--dataGrid-grid-cell-border);
    border-radius: var(--dataGrid-grid-border-radius);
    background-color: var(--dataGrid-grid-background-color);
    overflow: hidden;
}

.dataGrid-datatable-scrollable[b-e66wi39d8x] {
    display: flex;
    flex-direction: column;
}

.dataGrid-data-grid[b-e66wi39d8x] {
    display: flex;
    flex-direction: column;
}

.dataGrid-layout[b-e66wi39d8x]::-webkit-scrollbar, .dataGrid-layout [b-e66wi39d8x]::-webkit-scrollbar, .dataGrid-scrollbars[b-e66wi39d8x]::-webkit-scrollbar, .dataGrid-scrollbars [b-e66wi39d8x]::-webkit-scrollbar {
    background-color: var(--dataGrid-scrollbar-background-color);
    width: var(--dataGrid-scrollbar-size);
    height: var(--dataGrid-scrollbar-size);
}

.dataGrid-layout[b-e66wi39d8x]::-webkit-scrollbar-thumb, .dataGrid-layout [b-e66wi39d8x]::-webkit-scrollbar-thumb, .dataGrid-scrollbars[b-e66wi39d8x]::-webkit-scrollbar-thumb, .dataGrid-scrollbars [b-e66wi39d8x]::-webkit-scrollbar-thumb {
    background: var(--dataGrid-scrollbar-color);
    border: 4px solid rgba(0,0,0,0);
    background-clip: padding-box;
    border-radius: var(--dataGrid-scrollbar-border-radius);
    min-width: var(--dataGrid-scrollbar-size);
    min-height: var(--dataGrid-scrollbar-size);
}

.dataGrid-layout[b-e66wi39d8x]::-webkit-scrollbar-corner, .dataGrid-layout [b-e66wi39d8x]::-webkit-scrollbar-corner, .dataGrid-scrollbars[b-e66wi39d8x]::-webkit-scrollbar-corner, .dataGrid-scrollbars [b-e66wi39d8x]::-webkit-scrollbar-corner {
    background-color: var(--dataGrid-scrollbar-background-color);
}

.dataGrid-data-grid-data[b-e66wi39d8x] {
    overflow: auto;
    flex: 1;
    box-shadow: var(--dataGrid-grid-data-border-shadow);
}

.dataGrid-unselectable-text[b-e66wi39d8x] {
    user-select: none;
}


table[b-e66wi39d8x] {
    caption-side: bottom;
    border-collapse: collapse;
}

.dataGrid-grid-table-fixed[b-e66wi39d8x] {
    table-layout: fixed;
}

.dataGrid-grid-table[b-e66wi39d8x] {
    width: 100%;
    position: relative;
    border-collapse: separate;
    border-spacing: 0;
}

label[b-e66wi39d8x] {
    display: inline-block;
}


a[b-e66wi39d8x] {
    color: #0d6efd;
    text-decoration: underline;
}

a[b-e66wi39d8x] {
    color: var(--charcoal);
}


    a:hover[b-e66wi39d8x] {
        color: #0a58ca;
    }

    a:hover[b-e66wi39d8x] {
        color: var(--dataGrid-link-hover-color);
    }

thead[b-e66wi39d8x] {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.dataGrid-grid-table thead[b-e66wi39d8x] {
    position: sticky;
    top: 0;
    z-index: 2;
}

tbody[b-e66wi39d8x] {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.rzi[b-e66wi39d8x] {
    /*    font-family: var(--dataGrid-icon-font-family);
    font-weight: normal;
*/ font-style: normal;
    font-size: var(--dataGrid-icon-size);
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
}



tr[b-e66wi39d8x] {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

/* Apply alternating row colors */
.dataGrid-data-grid-data tbody tr:nth-child(odd)[b-e66wi39d8x] {
    background-color: #f8f9fa; /* Light gray */
}

.dataGrid-data-grid-data tbody tr:nth-child(even)[b-e66wi39d8x] {
    background-color: #ffffff; /* White */
}

.dataGrid-data-row[b-e66wi39d8x] {
    cursor: pointer;
}

    .dataGrid-data-row.selected-row[b-e66wi39d8x] {
        background-color: #f0f8ff; /* light blue */
    }

th[b-e66wi39d8x] {
    text-align: inherit;
}

th[b-e66wi39d8x] {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.dataGrid-text-align-center[b-e66wi39d8x] {
    text-align: center;
}

.dataGrid-sortable-column[b-e66wi39d8x] {
    cursor: pointer;
}

.dataGrid-grid-table th[b-e66wi39d8x] {
    padding: var(--dataGrid-grid-cell-padding);
}

.dataGrid-grid-table th[b-e66wi39d8x] {
    white-space: nowrap;
    overflow: hidden;
}

.dataGrid-grid-table thead th[b-e66wi39d8x] {
    background-color: var(--dataGrid-grid-header-background-color);
    background-color: var(--white);
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: var(--dataGrid-grid-header-cell-border-bottom);
}

.dataGrid-grid-table thead th[b-e66wi39d8x] {
    position: sticky;
    top: 0;
    z-index: 1;
}


.dataGrid-grid-table-fixed .dataGrid-frozen-cell-left[b-e66wi39d8x] {
    /*background: var(--dataGrid-grid-frozen-cell-background-color);*/
    /*width: 160px;*/ /*changing this requires a change to DataGrid.CalculateLeftPosition.columnWidth*/
    /*    background: var(--charcoal);*/
    /*width: 57px;
    width: 77px;
    width: 110px;*/
    z-index: 1;
}

.dataGrid-grid-table thead th:not(:last-child)[b-e66wi39d8x] {
    border-right: var(--dataGrid-grid-header-cell-border);
    background: var(--white);
}

.dataGrid-text-align-left[b-e66wi39d8x] {
    text-align: left;
}

.dataGrid-grid-table-fixed .dataGrid-frozen-cell-left.dataGrid-frozen-cell-left-end[b-e66wi39d8x] {
    box-shadow: 5px 0 5px -5px rgba(0,0,0,.12);
    border-right: var(--dataGrid-grid-frozen-cell-border) !important;
}

td[b-e66wi39d8x] {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

{
    padding: var(--dataGrid-grid-cell-padding);
    border-bottom: var(--dataGrid-grid-bottom-cell-border);
    white-space: nowrap;
    overflow: hidden;
}

/*Options*/

.options[b-e66wi39d8x] {
    color: var(--dataGrid-actions);
}

.delete[b-e66wi39d8x] {
    color: var(--red);
}

.edit[b-e66wi39d8x] {
}

:not(:last-child)[b-e66wi39d8x] {
    border-right: var(--dataGrid-grid-right-cell-border);
}

.dataGrid-grid-table tr td:first-child[b-e66wi39d8x] {
    border-left: none;
    background: inherit;
}

.dataGrid-grid-table tr:first-child > td[b-e66wi39d8x] {
    border-top: none;
}

.dataGrid-grid-table tr td:last-child:not(.dataGrid-composite-cell)[b-e66wi39d8x] {
    border-right: none;
}

.dataGrid-grid-table tr:last-child > td[b-e66wi39d8x] {
    border-bottom: none;
}

.dataGrid-grid-table thead th > div:not(.dataGrid-cell-filter)[b-e66wi39d8x] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    outline: none;
    padding: var(--dataGrid-grid-header-cell-padding);
}



.dataGrid-cell-data[b-e66wi39d8x] {
    color: var(--dataGrid-base-700);
    font-size: var(--dataGrid-grid-cell-font-size);
    line-height: var(--dataGrid-grid-cell-line-height);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .dataGrid-cell-data.red[b-e66wi39d8x] {
        padding: 2px 4px;
        /*Red*/
        background: #FF0000;
        color: var(--white);
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        color: black !important;
    }

    .dataGrid-cell-data.orangered[b-e66wi39d8x] {
        padding: 2px 4px;
        /*Orange Red*/
        background: #FF4500;
        color: var(--white);
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        color: black !important;
    }

    .dataGrid-cell-data.amber[b-e66wi39d8x] {
        padding: 2px 4px;
        /* amber */
        background: #FFBF00;
        color: var(--white);
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        color: black !important;
    }

    .dataGrid-cell-data.green[b-e66wi39d8x] {
        padding: 2px 4px;
        /* green */
        background: #28a745;
        background-color: #28a745;
        color: var(--white);
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        color: black !important;
    }

    .dataGrid-cell-data.lightergreen[b-e66wi39d8x] {
        padding: 2px 4px;
        /* lighter green */
        background: #90ee90;
        color: var(--white);
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        color: black !important;
    }

    .dataGrid-cell-data.gray[b-e66wi39d8x] {
        padding: 2px 4px;
        /* gray */
        background: #808080;
        color: var(--white);
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        color: black !important;
    }

    .dataGrid-cell-data.blue[b-e66wi39d8x] {
        padding: 2px 4px;
        /* blue */
        background: #007BFF;
        color: var(--white);
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        color: black !important;
    }

    .dataGrid-cell-data.lightblue[b-e66wi39d8x] {
        padding: 2px 4px;
        background: #1795ce;
        color: var(--white);
        border-radius: 4px;
        font-size: 14px;
        font-weight: 500;
        color: black !important;
    }

.dataGrid-grid-table thead th .dataGrid-column-title[b-e66wi39d8x] {
    /*display: inline-flex;*/
    flex: auto;
    width: 100%;
    align-items: center;
    /*font-size: var(--dataGrid-grid-header-font-size);*/
    line-height: var(--dataGrid-grid-header-line-height);
    text-transform: var(--dataGrid-grid-header-text-transform);
    color: var(--dataGrid-grid-header-color);
    padding: var(--dataGrid-grid-header-title-padding);
    font-weight: var(--dataGrid-grid-header-font-weight);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dataGrid-grid-table thead th.dataGrid-text-align-center .dataGrid-column-title[b-e66wi39d8x] {
    justify-content: center;
    padding-left: 0;
}

.dataGrid-grid-table thead th.dataGrid-text-align-center.dataGrid-sortable-column .dataGrid-column-title[b-e66wi39d8x] {
    /*padding-left: var(--dataGrid-grid-sort-icon-width);*/
}

.dataGrid-column-resizer[b-e66wi39d8x] {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    cursor: col-resize;
    width: var(--dataGrid-grid-column-resizer-width);
}

    .dataGrid-column-resizer[b-e66wi39d8x]:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: var(--dataGrid-grid-column-resizer-helper-width);
        background-color: rgba(0,0,0,0);
    }

    .dataGrid-column-resizer:hover[b-e66wi39d8x]:after, .dataGrid-column-resizer:active[b-e66wi39d8x]:after {
        background-color: var(--dataGrid-grid-column-resizer-helper-background-color);
    }

.dataGrid-grid-filter-icon[b-e66wi39d8x] {
    justify-self: flex-end;
    color: var(--dataGrid-grid-filter-color);
    margin: var(--dataGrid-grid-header-filter-icon-margin);
    font-size: var(--dataGrid-grid-header-filter-icon-font-size);
    transition: var(--dataGrid-grid-state-transition);
}

i.rzi[b-e66wi39d8x] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.dataGrid-overlaypanel[b-e66wi39d8x] {
    position: fixed;
    left: 18px;
    z-index: 3;
    overflow: hidden;
    box-shadow: var(--dataGrid-overlay-shadow);
    border: var(--dataGrid-overlay-border);
    border-radius: var(--dataGrid-border-radius);
    background-color: var(--dataGrid-overlay-background-color);
}

img[b-e66wi39d8x] {
    vertical-align: middle;
}

.dataGrid-gravatar[b-e66wi39d8x] {
    width: var(--dataGrid-gravatar-width);
    height: var(--dataGrid-gravatar-height);
    display: inline-block;
    border-radius: var(--dataGrid-gravatar-border-radius);
    box-shadow: var(--dataGrid-gravatar-box-shadow);
}

.dataGrid-grid-table thead th .dataGrid-column-title-content[b-e66wi39d8x] {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*text-align: center;*/
    /* font-family: monospace; */
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    line-height: 23px;
    text-align: center;
}

.dataGrid-sortable-column .rzi-grid-sort[b-e66wi39d8x] {
    font-family: var(--dataGrid-icon-font-family);
    font-weight: normal;
    font-style: normal;
    font-size: var(--dataGrid-icon-size);
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "liga";
}

.dataGrid-sortable-column .rzi-grid-sort[b-e66wi39d8x] {
    width: var(--dataGrid-grid-sort-icon-width);
    height: var(--dataGrid-grid-sort-icon-height);
    font-size: var(--dataGrid-grid-sort-icon-height);
    text-align: left;
}

.dataGrid-sortable-column .rzi-sort[b-e66wi39d8x] {
    color: rgba(0,0,0,0);
}

    .dataGrid-sortable-column .rzi-sort[b-e66wi39d8x]::before {
        content: "sort";
    }

.dataGrid-sortable-column > div:hover .rzi-sort:not(.rzi-sort-asc):not(.rzi-sort-desc)[b-e66wi39d8x] {
    color: var(--dataGrid-grid-sort-icon-color);
}

.dataGrid-grid-filter-buttons[b-e66wi39d8x] {
    display: flex;
    justify-content: space-between;
    padding: var(--dataGrid-grid-filter-buttons-padding);
}

.dataGrid-grid-filter[b-e66wi39d8x] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: 1rem;
}

button[b-e66wi39d8x] {
    border-radius: 0;
}

button[b-e66wi39d8x] {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button[b-e66wi39d8x] {
    text-transform: none;
}

[type="button"][b-e66wi39d8x], button[b-e66wi39d8x] {
    -webkit-appearance: button;
}

.dataGrid-button[b-e66wi39d8x] {
    position: relative;
    overflow: hidden;
}

.dataGrid-button[b-e66wi39d8x] {
    -webkit-appearance: none;
    display: inline-block;
    border-radius: var(--dataGrid-button-border-radius);
    background-color: var(--dataGrid-button-base-background-color);
    color: var(--dataGrid-button-base-color);
    border: none;
    outline: none;
    line-height: var(--dataGrid-button-line-height);
    font-size: 1.0625rem;
    text-decoration: none;
    box-shadow: var(--dataGrid-button-shadow);
    transition: var(--dataGrid-button-transition);
    background-size: var(--dataGrid-button-background-size);
    background-repeat: no-repeat;
}

.dataGrid-button-md[b-e66wi39d8x] {
    font-size: .875rem;
    font-weight: 500;
    padding: .625rem 1.5rem;
    height: auto;
    line-height: 1.25rem;
    min-height: 2.5rem;
    min-width: 2.5rem;
    letter-spacing: normal;
}

[type="button"]:not(:disabled)[b-e66wi39d8x], button:not(:disabled)[b-e66wi39d8x] {
    cursor: pointer;
}

.dataGrid-button:not(.dataGrid-state-disabled)[b-e66wi39d8x] {
    cursor: pointer;
}

.dataGrid-button.dataGrid-secondary[b-e66wi39d8x] {
    background-color: var(--dataGrid-secondary);
    color: var(--dataGrid-on-secondary);
}

    .dataGrid-button.dataGrid-secondary.dataGrid-shade-default[b-e66wi39d8x] {
        background-color: var(--dataGrid-secondary);
        color: var(--dataGrid-on-secondary);
    }

.dataGrid-button:not(.dataGrid-state-disabled)[b-e66wi39d8x]:before {
    content: "";
    position: absolute;
    inset: 0;
    background-position: center;
    transition: background .8s,opacity .8s;
    opacity: 0;
    background: radial-gradient(circle, currentColor 1%, transparent 1%) center/15000%;
}

[type="submit"][b-e66wi39d8x], button[b-e66wi39d8x] {
    -webkit-appearance: button;
}

    [type="submit"]:not(:disabled)[b-e66wi39d8x], button:not(:disabled)[b-e66wi39d8x] {
        cursor: pointer;
    }

.dataGrid-button.dataGrid-primary[b-e66wi39d8x] {
    background-color: var(--dataGrid-primary);
    color: var(--dataGrid-on-primary);
}

    .dataGrid-button.dataGrid-primary.dataGrid-shade-default[b-e66wi39d8x] {
        background-color: var(--dataGrid-primary);
        color: var(--dataGrid-on-primary);
    }

.dataGrid-label[b-e66wi39d8x] {
    vertical-align: middle;
    margin-bottom: 0;
}

.dataGrid-grid-filter .dataGrid-grid-filter-label[b-e66wi39d8x] {
    display: block;
    width: 100%;
}

.dataGrid-grid-filter .dataGrid-grid-filter-label[b-e66wi39d8x] {
    font-weight: 600;
}

.dataGrid-dropdown[b-e66wi39d8x] {
    padding: var(--dataGrid-input-padding);
}

.dataGrid-dropdown[b-e66wi39d8x] {
    border: var(--dataGrid-input-border);
    border-radius: var(--dataGrid-input-border-radius);
    box-shadow: var(--dataGrid-input-shadow);
    background-color: var(--dataGrid-input-background-color);
}

.dataGrid-dropdown[b-e66wi39d8x] {
    height: var(--dataGrid-input-height);
    line-height: var(--dataGrid-input-line-height);
    color: var(--dataGrid-input-value-color);
    font-size: var(--dataGrid-input-font-size);
    transition: var(--dataGrid-input-transition);
    outline: none;
}

.dataGrid-dropdown[b-e66wi39d8x] {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    text-align: start;
}

.dataGrid-grid-filter .dataGrid-dropdown[b-e66wi39d8x] {
    display: block;
    width: 100%;
}

.dataGrid-dropdown:not(:disabled):not(.dataGrid-state-disabled):hover[b-e66wi39d8x] {
    box-shadow: var(--dataGrid-input-hover-shadow);
    border: var(--dataGrid-input-hover-border);
}

input[b-e66wi39d8x] {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

input[b-e66wi39d8x] {
    color: var(--dataGrid-input-value-color);
    font-size: var(--dataGrid-input-font-size);
}

.dataGrid-textbox[b-e66wi39d8x] {
    padding: var(--dataGrid-input-padding);
}

.dataGrid-textbox[b-e66wi39d8x] {
    border: var(--dataGrid-input-border);
    border-radius: var(--dataGrid-input-border-radius);
    box-shadow: var(--dataGrid-input-shadow);
    background-color: var(--dataGrid-input-background-color);
}

.dataGrid-textbox[b-e66wi39d8x] {
    height: var(--dataGrid-input-height);
    line-height: var(--dataGrid-input-line-height);
    color: var(--dataGrid-input-value-color);
    font-size: var(--dataGrid-input-font-size);
    transition: var(--dataGrid-input-transition);
    outline: none;
}

.dataGrid-grid-filter .dataGrid-textbox[b-e66wi39d8x] {
    display: block;
    width: 100%;
}

.dataGrid-button .dataGrid-button-box[b-e66wi39d8x] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: var(--dataGrid-button-vertical-align);
    line-height: var(--dataGrid-button-line-height);
}

.dataGrid-button-md .dataGrid-button-box[b-e66wi39d8x] {
    line-height: 1.25rem;
    gap: .25rem;
}

.dataGrid-helper-hidden-accessible[b-e66wi39d8x] {
    opacity: 0;
    height: 0;
}

.dataGrid-dropdown-label[b-e66wi39d8x] {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: var(--dataGrid-dropdown-label-padding);
    margin: 0;
}

.dataGrid-dropdown-trigger[b-e66wi39d8x] {
    position: absolute;
    display: flex;
    align-items: center;
    right: 0;
    top: 0;
    bottom: 0;
}

.dataGrid-dropdown-panel[b-e66wi39d8x] {
    position: absolute;
    background-color: var(--dataGrid-dropdown-open-background-color);
    border-radius: var(--dataGrid-input-border-radius);
    border: var(--dataGrid-dropdown-panel-border);
    box-shadow: var(--dataGrid-dropdown-panel-shadow);
}

.dataGrid-dropdown-panel[b-e66wi39d8x] {
    box-sizing: content-box;
    padding: var(--dataGrid-dropdown-panel-padding);
}

.dataGrid-button .dataGrid-button-text[b-e66wi39d8x] {
    vertical-align: var(--dataGrid-button-vertical-align);
}

.dataGrid-calendar[b-e66wi39d8x] {
    display: inline-block;
    position: relative;
}

.dataGrid-calendar[b-e66wi39d8x] {
    display: inline-block;
}

.dataGrid-datepicker[b-e66wi39d8x] {
    background-color: var(--dataGrid-datepicker-panel-background-color);
}

    .dataGrid-datepicker:not(.dataGrid-datepicker-inline)[b-e66wi39d8x] {
        box-sizing: content-box;
        margin: var(--dataGrid-datepicker-panel-margin);
        position: absolute;
        border: var(--dataGrid-datepicker-panel-border);
        box-shadow: var(--dataGrid-datepicker-panel-shadow);
        border-radius: var(--dataGrid-border-radius);
    }

.dataGrid-helper-hidden-accessible input[b-e66wi39d8x] {
    height: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.dataGrid-dropdown-trigger .rzi[b-e66wi39d8x] {
    width: var(--dataGrid-dropdown-trigger-icon-width);
    height: var(--dataGrid-dropdown-trigger-icon-height);
    font-size: var(--dataGrid-dropdown-trigger-icon-height);
    margin: var(--dataGrid-dropdown-trigger-icon-margin);
}

.dataGrid-multiselect-trigger .rzi-chevron-down[b-e66wi39d8x]::before, .dataGrid-dropdown-trigger .rzi-chevron-down[b-e66wi39d8x]::before {
    content: "arrow_drop_down";
}

.dataGrid-dropdown-items-wrapper[b-e66wi39d8x] {
    overflow: auto;
    margin: var(--dataGrid-dropdown-items-margin);
    border-radius: var(--dataGrid-input-border-radius);
}

.dataGrid-calendar .dataGrid-inputtext[b-e66wi39d8x] {
    padding-right: 2.5rem !important;
}

.dataGrid-calendar .dataGrid-inputtext[b-e66wi39d8x] {
    padding: var(--dataGrid-input-padding);
}

.dataGrid-calendar .dataGrid-inputtext[b-e66wi39d8x] {
    border: var(--dataGrid-input-border);
    border-radius: var(--dataGrid-input-border-radius);
    box-shadow: var(--dataGrid-input-shadow);
    background-color: var(--dataGrid-input-background-color);
}

.dataGrid-calendar .dataGrid-inputtext[b-e66wi39d8x] {
    height: var(--dataGrid-input-height);
    line-height: var(--dataGrid-input-line-height);
    color: var(--dataGrid-input-value-color);
    font-size: var(--dataGrid-input-font-size);
    transition: var(--dataGrid-input-transition);
    outline: none;
}

.dataGrid-calendar .dataGrid-readonly[b-e66wi39d8x] {
    cursor: pointer;
}

.dataGrid-calendar .dataGrid-inputtext[b-e66wi39d8x] {
    width: 100%;
    line-height: var(--dataGrid-datepicker-line-height);
    padding-right: calc(1rem + var(--dataGrid-datepicker-trigger-icon-width));
}

.dataGrid-datepicker-trigger[b-e66wi39d8x] {
    border-radius: 0 !important;
    background-color: rgba(0,0,0,0) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.dataGrid-datepicker-trigger[b-e66wi39d8x] {
    box-shadow: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .625rem;
    background-color: rgba(0,0,0,0);
    padding: 0;
    vertical-align: text-top;
    color: var(--dataGrid-datepicker-trigger-icon-color);
    width: var(--dataGrid-datepicker-trigger-icon-width);
    height: var(--dataGrid-datepicker-trigger-icon-height);
    font-size: var(--dataGrid-datepicker-trigger-icon-height);
}

.dataGrid-calendar:not(.dataGrid-state-disabled):hover .dataGrid-datepicker-trigger[b-e66wi39d8x] {
    box-shadow: none;
    color: var(--dataGrid-datepicker-trigger-icon-hover-color);
}

.dataGrid-datepicker-trigger:not(.dataGrid-state-disabled):hover:active[b-e66wi39d8x] {
    background-color: rgba(0,0,0,0);
}

.dataGrid-timepicker[b-e66wi39d8x] {
    flex-wrap: wrap;
}

.dataGrid-timepicker[b-e66wi39d8x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--dataGrid-timepicker-gap);
    border-top: var(--dataGrid-datepicker-calendar-border);
    padding: var(--dataGrid-timepicker-padding);
    color: var(--dataGrid-timepicker-color);
}

ul[b-e66wi39d8x] {
    padding-left: 2rem;
}

ul[b-e66wi39d8x] {
    margin-top: 0;
    margin-bottom: 1rem;
}

.dataGrid-dropdown-items[b-e66wi39d8x] {
    list-style: none;
    padding: var(--dataGrid-dropdown-items-padding);
    margin: 0;
}

.dataGrid-button .rzi[b-e66wi39d8x] {
    vertical-align: var(--dataGrid-button-vertical-align);
}

.dataGrid-datepicker-trigger .rzi-calendar[b-e66wi39d8x] {
    font-size: inherit;
    vertical-align: top;
}

    .dataGrid-datepicker-trigger .rzi-calendar[b-e66wi39d8x]::before {
        content: "calendar_today";
    }

.dataGrid-datepicker-trigger .dataGrid-button-text[b-e66wi39d8x] {
    display: none;
}

.dataGrid-datepicker-header[b-e66wi39d8x] {
    position: relative;
    line-height: var(--dataGrid-datepicker-header-line-height);
    background-color: var(--dataGrid-datepicker-header-background-color);
    border-bottom: var(--dataGrid-datepicker-header-border);
    color: var(--dataGrid-datepicker-header-color);
    padding: var(--dataGrid-datepicker-header-padding);
}

.dataGrid-datepicker .dataGrid-datepicker-calendar-container[b-e66wi39d8x] {
    padding: 0 .75rem .5rem;
}

.dataGrid-spinner[b-e66wi39d8x] {
    padding: var(--dataGrid-input-padding);
}

.dataGrid-spinner[b-e66wi39d8x] {
    border: var(--dataGrid-input-border);
    border-radius: var(--dataGrid-input-border-radius);
    box-shadow: var(--dataGrid-input-shadow);
    background-color: var(--dataGrid-input-background-color);
}

.dataGrid-spinner[b-e66wi39d8x] {
    height: var(--dataGrid-input-height);
    line-height: var(--dataGrid-input-line-height);
    color: var(--dataGrid-input-value-color);
    font-size: var(--dataGrid-input-font-size);
    transition: var(--dataGrid-input-transition);
    outline: none;
}

.dataGrid-hour-picker[b-e66wi39d8x] {
    background-color: var(--dataGrid-timepicker-background-color);
    width: 4rem;
}

.dataGrid-spinner[b-e66wi39d8x] {
    display: inline-block;
    position: relative;
    padding: 0px;
}

.dataGrid-timepicker .dataGrid-spinner[b-e66wi39d8x] {
    flex: 1;
}

.dataGrid-grid-filter .dataGrid-spinner[b-e66wi39d8x] {
    display: block;
    width: 100%;
}

.dataGrid-spinner:not(:disabled):not(.dataGrid-state-disabled):hover[b-e66wi39d8x] {
    box-shadow: var(--dataGrid-input-hover-shadow);
    border: var(--dataGrid-input-hover-border);
}

.dataGrid-timepicker .dataGrid-separator[b-e66wi39d8x] {
    color: var(--dataGrid-timepicker-separator-color);
}

.dataGrid-minute-picker[b-e66wi39d8x] {
    background-color: var(--dataGrid-timepicker-background-color);
    width: 4rem;
}

.dataGrid-timepicker > .dataGrid-button[b-e66wi39d8x] {
    flex-basis: 100%;
}

.dataGrid-timepicker .dataGrid-button-md[b-e66wi39d8x] {
    padding: var(--dataGrid-timepicker-button-padding);
    text-transform: uppercase;
}

.dataGrid-dropdown-items li[b-e66wi39d8x], .dataGrid-dropdown-item[b-e66wi39d8x] {
    padding: var(--dataGrid-dropdown-item-padding);
    transition: var(--dataGrid-dropdown-item-transition);
    cursor: default;
    font-size: var(--dataGrid-dropdown-item-font-size);
}

    .dataGrid-dropdown-items li:hover[b-e66wi39d8x], .dataGrid-dropdown-item:hover[b-e66wi39d8x] {
        background-color: var(--dataGrid-dropdown-item-hover-background-color);
        color: var(--dataGrid-dropdown-item-hover-color);
        border-radius: 0;
    }

    .dataGrid-menuitem:hover[b-e66wi39d8x], .dataGrid-autocomplete-list-item:hover[b-e66wi39d8x], .dataGrid-multiselect-item:hover[b-e66wi39d8x], .dataGrid-autocomplete-items li:hover[b-e66wi39d8x], .dataGrid-dropdown-items li:hover[b-e66wi39d8x], .dataGrid-multiselect-items li:hover[b-e66wi39d8x], .dataGrid-dropdown-item:hover[b-e66wi39d8x] {
        background-color: var(--dataGrid-dropdown-item-hover-background-color);
        color: var(--dataGrid-dropdown-item-hover-color);
        border-radius: 0;
    }

    .dataGrid-dropdown-items li.dataGrid-state-highlight[b-e66wi39d8x], .dataGrid-dropdown-item.dataGrid-state-highlight[b-e66wi39d8x] {
        background-color: var(--dataGrid-dropdown-item-selected-background-color);
        color: var(--dataGrid-dropdown-item-selected-color);
        box-shadow: var(--dataGrid-dropdown-item-selected-shadow);
        border-radius: 0;
    }

        .dataGrid-dropdown-items li.dataGrid-state-highlight:hover[b-e66wi39d8x], .dataGrid-dropdown-item.dataGrid-state-highlight:hover[b-e66wi39d8x] {
            background-color: var(--dataGrid-dropdown-item-selected-hover-background-color);
            color: var(--dataGrid-dropdown-item-selected-hover-color);
        }

        .dataGrid-state-highlight.dataGrid-menuitem:hover[b-e66wi39d8x], .dataGrid-state-highlight.dataGrid-autocomplete-list-item:hover[b-e66wi39d8x], .dataGrid-state-highlight.dataGrid-multiselect-item:hover[b-e66wi39d8x], .dataGrid-autocomplete-items li.dataGrid-state-highlight:hover[b-e66wi39d8x], .dataGrid-dropdown-items li.dataGrid-state-highlight:hover[b-e66wi39d8x], .dataGrid-multiselect-items li.dataGrid-state-highlight:hover[b-e66wi39d8x], .dataGrid-dropdown-item.dataGrid-state-highlight:hover[b-e66wi39d8x] {
            background-color: var(--dataGrid-dropdown-item-selected-hover-background-color);
            color: var(--dataGrid-dropdown-item-selected-hover-color);
        }

.dataGrid-datepicker-prev[b-e66wi39d8x] {
    float: left;
    height: var(--dataGrid-datepicker-header-line-height);
}

.dataGrid-datepicker-next[b-e66wi39d8x] {
    float: right;
    height: var(--dataGrid-datepicker-header-line-height);
}

.dataGrid-datepicker-title[b-e66wi39d8x] {
    height: var(--dataGrid-datepicker-title-height);
    text-align: center;
}

.dataGrid-datepicker-calendar[b-e66wi39d8x] {
    table-layout: fixed;
    border-collapse: collapse;
}

.dataGrid-spinner input[type="text"][b-e66wi39d8x] {
    -moz-appearance: textfield;
    width: 100%;
    height: 100%;
    border: none;
    background-color: rgba(0,0,0,0);
    line-height: var(--dataGrid-numeric-line-height);
    text-align: inherit;
    padding: var(--dataGrid-numeric-input-padding);
    outline: none;
}

.dataGrid-spinner-button[b-e66wi39d8x] {
    position: absolute;
    right: var(--dataGrid-numeric-button-offset);
    padding: 0;
    width: var(--dataGrid-numeric-button-width);
    height: var(--dataGrid-numeric-button-height);
    border-radius: var(--dataGrid-numeric-button-border-radius);
    background-color: var(--dataGrid-numeric-button-background-color);
    color: var(--dataGrid-numeric-button-color);
}

.dataGrid-spinner-up[b-e66wi39d8x] {
    top: var(--dataGrid-numeric-button-offset);
}

.dataGrid-spinner .dataGrid-spinner-button[b-e66wi39d8x] {
    box-shadow: none;
}

.dataGrid-spinner-button:hover[b-e66wi39d8x] {
    background-color: var(--dataGrid-numeric-button-background-color);
}

.dataGrid-spinner .dataGrid-spinner-button:hover[b-e66wi39d8x] {
    box-shadow: none !important;
}

.dataGrid-spinner-down[b-e66wi39d8x] {
    bottom: var(--dataGrid-numeric-button-offset);
}

.dataGrid-datepicker-prev .rzi-chevron-left[b-e66wi39d8x] {
    vertical-align: text-top;
    color: var(--dataGrid-datepicker-header-color);
}

    .dataGrid-datepicker-prev .rzi-chevron-left[b-e66wi39d8x]::before {
        content: "chevron_left";
    }

.dataGrid-datepicker-next .rzi-chevron-right[b-e66wi39d8x] {
    vertical-align: text-top;
    color: var(--dataGrid-datepicker-header-color);
}

    .dataGrid-datepicker-next .rzi-chevron-right[b-e66wi39d8x]::before {
        content: "chevron_right";
    }

.dataGrid-datepicker-title .dataGrid-dropdown[b-e66wi39d8x] {
    min-width: 100px !important;
    margin-top: .75rem !important;
}

    .dataGrid-datepicker-title .dataGrid-dropdown:first-child[b-e66wi39d8x] {
        min-width: 140px !important;
    }

.dataGrid-spinner-button .rzi[b-e66wi39d8x] {
    font-size: var(--dataGrid-numeric-button-height);
    vertical-align: top;
}

.dataGrid-spinner-button .rzi-caret-up[b-e66wi39d8x]::before {
    content: "expand_less";
}

.dataGrid-spinner-button .rzi-caret-down[b-e66wi39d8x]::before {
    content: "expand_more";
}

.dataGrid-datepicker-calendar th[b-e66wi39d8x] {
    text-align: center;
}

.dataGrid-datepicker-calendar th[b-e66wi39d8x] {
    font-weight: normal;
    font-size: var(--dataGrid-datepicker-calendar-header-font-size);
    text-transform: var(--dataGrid-datepicker-calendar-header-text-transform);
    color: var(--dataGrid-datepicker-calendar-header-color);
    padding: var(--dataGrid-datepicker-calendar-padding);
    text-align: center;
}

.dataGrid-datepicker-calendar td[b-e66wi39d8x] {
    text-align: center;
}

.dataGrid-datepicker-calendar td[b-e66wi39d8x] {
    text-align: center;
    border-top: var(--dataGrid-datepicker-calendar-border);
    padding: 0;
}

.dataGrid-datepicker-calendar .dataGrid-datepicker-other-month[b-e66wi39d8x] {
    opacity: .5;
}

.dataGrid-datepicker-calendar td .dataGrid-state-default[b-e66wi39d8x] {
    display: block;
    padding: var(--dataGrid-datepicker-calendar-padding);
    color: var(--dataGrid-datepicker-calendar-color);
    font-size: var(--dataGrid-datepicker-calendar-font-size);
    border-radius: var(--dataGrid-datepicker-calendar-border-radius);
    transition: var(--dataGrid-datepicker-calendar-transition);
}

.dataGrid-datepicker-calendar td span.dataGrid-state-default[b-e66wi39d8x] {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    line-height: 1rem;
}

.dataGrid-datepicker-calendar td .dataGrid-state-default:hover[b-e66wi39d8x] {
    text-decoration: none;
    color: var(--dataGrid-datepicker-calendar-hover-color);
    background-color: var(--dataGrid-datepicker-calendar-hover-background-color);
    cursor: pointer;
}

.dataGrid-datepicker-calendar td span.dataGrid-state-default:not(.dataGrid-state-active):hover[b-e66wi39d8x] {
    border-radius: 50%;
}

.dataGrid-datepicker-calendar td .dataGrid-state-default.dataGrid-datepicker-today[b-e66wi39d8x] {
    color: var(--dataGrid-datepicker-calendar-today-color);
    background-color: var(--dataGrid-datepicker-calendar-today-background-color);
    box-shadow: var(--dataGrid-datepicker-calendar-today-box-shadow);
    border-radius: var(--dataGrid-datepicker-calendar-today-border-radius);
}


/* These were inline style tags. Uses id+class to override almost everything */
#nJGPf-TN600-col.style-2pbPn[b-e66wi39d8x] {
    width: 80px;
    z-index: 1;
}

#nJGPf-TN601-col.style-Cg7O9[b-e66wi39d8x] {
    width: 80px;
    z-index: 1;
}

#nJGPf-TN602-col.style-znR6D[b-e66wi39d8x] {
    width: 160px;
    z-index: 1;
}

.style-QkWlb[b-e66wi39d8x] {
    /*width: 86px;*/
    width: 6rem;
    text-align: center;
    left: 0;
    z-index: 2;
}

#nJGPf-TN600-resizer.style-CiXTx[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

.style-9PFUW[b-e66wi39d8x] {
    width: 150px;
    width: 10rem;
    text-align: center;
    z-index: 2;
}

#nJGPf-TN601-resizer.style-xbULN[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

.style-odwIL[b-e66wi39d8x] {
    width: 160px;
    z-index: 2;
}

#nJGPf-TN602-resizer.style-HyTe8[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popupnJGPf-TN60FirstName.style-UsKWr[b-e66wi39d8x] {
    display: none;
    min-width: 250px;
}

#popup-oxIifEoqok.style-iLZFf[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-XZycF.style-XZycF[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-sFQU2lKOFE.style-XZn7a[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-JaHXI.style-JaHXI[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-K-su2zY-1E.style-kHb4s[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-SbwKc.style-SbwKc[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

.dataGrid-grid-table-fixed .dataGrid-frozen-cell-left[b-e66wi39d8x] {
    position: sticky;
    /*background: var(--dataGrid-grid-frozen-cell-background-color);*/
    z-index: 2;
    background: inherit;
}

.dataGrid-frozen-cell-left-first[b-e66wi39d8x] {
    left: 0;
    z-index: 3;
}

.dataGrid-frozen-cell-left-middle[b-e66wi39d8x] {
    z-index: 2;
}

.dataGrid-frozen-cell-left-last[b-e66wi39d8x] {
    z-index: 1;
    box-shadow: 5px 0 5px -5px rgba(0, 0, 0, .12);
}

th.dataGrid-unselectable-text.dataGrid-sortable-column.dataGrid-text-align-left.style-Unpinned[b-e66wi39d8x] {
    width: 9rem;
}

.style-Unpinned[b-e66wi39d8x] {
    z-index: 0 !important;
}

#nJGPf-TN603-resizer.style-hE6x1[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popup-laL1sRG6UE.style-LwKWz[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-p5oIq.style-p5oIq[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-BbyH3N8Suk.style-CRLpQ[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-R3brY.style-R3brY[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-Wo4f0jZREE.style-beM5j[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-regd8.style-regd8[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

.style-PTtVb[b-e66wi39d8x] {
    width: 200px;
    z-index: 1;
}

#nJGPf-TN604-resizer.style-IPaO8[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popupnJGPf-TN60Title.style-P62RT[b-e66wi39d8x] {
    display: none;
    min-width: 250px;
}

#popup-Km3UcBJHAE.style-sx7Ut[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-AjBD6.style-AjBD6[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-6AlhNaDYUU.style-UO1nt[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-vwmXc.style-vwmXc[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-k1A74VYGRE.style-Q4L5p[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-kWNzN.style-kWNzN[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#style-6jIBx.style-6jIBx[b-e66wi39d8x] {
    width: 120px;
    z-index: 1;
}

#nJGPf-TN605-resizer.style-1BmbO[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popupnJGPf-TN60TitleOfCourtesy.style-DTEks[b-e66wi39d8x] {
    display: none;
    min-width: 250px;
}

#popup-ITrzpbOgIU.style-otv3L[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-YbomR.style-YbomR[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-or51k10gxk.style-HRjWA[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-RHKBO.style-RHKBO[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-WXgJmpN11E.style-IOr1I[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-H34xI.style-H34xI[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#style-ncUMW.style-ncUMW[b-e66wi39d8x] {
    width: 160px;
    z-index: 1;
}

#nJGPf-TN606-resizer.style-D95K9[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popupnJGPf-TN60BirthDate.style-ORikI[b-e66wi39d8x] {
    display: none;
    min-width: 250px;
}

#popup-nLOEPPmZlE.style-n8Swn[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-gHG8p.style-gHG8p[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#K0RBkZxcXk.style-cz92p[b-e66wi39d8x] {
    display: inline-block;
}

#popupK0RBkZxcXk.style-UFJFS[b-e66wi39d8x] {
    width: 320px;
    display: none;
}

#Vssx0IKRKU.style-1NH5H[b-e66wi39d8x] {
    height: auto;
    width: 120px;
    margin-top: 5px;
    text-align: left;
}

#popup-Vssx0IKRKU.style-hhLBz[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-9a52t.style-9a52t[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#-rz04DeFLE.style-OUYZX[b-e66wi39d8x] {
    height: auto;
    width: 80px;
    margin-top: 5px;
    text-align: left;
}

#popup--rz04DeFLE.style-XzcXj[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-hFEmw.style-hFEmw[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-kP8QBJ3gak.style-t2oI7[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-ymPpv.style-ymPpv[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-8AH2jXRhlU.style-dfYTE[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-1A3Xb.style-1A3Xb[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#4MyuXeCJ9k.style-5CMYP[b-e66wi39d8x] {
    display: inline-block;
}

#popup4MyuXeCJ9k.style-OYzK9[b-e66wi39d8x] {
    width: 320px;
    display: none;
}

#aGKBdyZs6k.style-UQ8or[b-e66wi39d8x] {
    height: auto;
    width: 120px;
    margin-top: 5px;
    text-align: left;
}

#popup-aGKBdyZs6k.style-4MwKh[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-WqjTW.style-WqjTW[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#0TneNc4gG0.style-bnHHd[b-e66wi39d8x] {
    height: auto;
    width: 80px;
    margin-top: 5px;
    text-align: left;
}

#popup-0TneNc4gG0.style-rssP9[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-Jy5pG.style-Jy5pG[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#style-LbQ96.style-LbQ96[b-e66wi39d8x] {
    width: 160px;
    z-index: 1;
}

#nJGPf-TN607-resizer.style-BWtFW[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popupnJGPf-TN60HireDate.style-z59p2[b-e66wi39d8x] {
    display: none;
    min-width: 250px;
}

#popup-7e5-rjWFrk.style-tK3WZ[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-hItvo.style-hItvo[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#gAg4SPgHtk.style-OyUbM[b-e66wi39d8x] {
    display: inline-block;
}

#popupgAg4SPgHtk.style-N5GmP[b-e66wi39d8x] {
    width: 320px;
    display: none;
}

#C7dZc8-QHk.style-L2oa1[b-e66wi39d8x] {
    height: auto;
    width: 120px;
    margin-top: 5px;
    text-align: left;
}

#popup-C7dZc8-QHk.style-fwd76[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-9zsKd.style-9zsKd[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#G2Jsb7q9HE.style-ObAeE[b-e66wi39d8x] {
    height: auto;
    width: 80px;
    margin-top: 5px;
    text-align: left;
}

#popup-G2Jsb7q9HE.style-gvez7[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-hjmai.style-hjmai[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-myvznlksDk.style-DbZ8A[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-4kNnT.style-4kNnT[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-mBNF-MsbKU.style-tJOcO[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-tvFrp.style-tvFrp[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#VCg2RoASlU.style-EN6Ri[b-e66wi39d8x] {
    display: inline-block;
}

#popupVCg2RoASlU.style-v6z7c[b-e66wi39d8x] {
    width: 320px;
    display: none;
}

#l5fHCJHPZk.style-e39BK[b-e66wi39d8x] {
    height: auto;
    width: 120px;
    margin-top: 5px;
    text-align: left;
}

#popup-l5fHCJHPZk.style-sTxDv[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-qcrrc.style-qcrrc[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#0BsDGP6xBk.style-mJ4f2[b-e66wi39d8x] {
    height: auto;
    width: 80px;
    margin-top: 5px;
    text-align: left;
}

#popup-0BsDGP6xBk.style-6MIY3[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-cjx7a.style-cjx7a[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#style-VEz3Y.style-VEz3Y[b-e66wi39d8x] {
    width: 200px;
    z-index: 1;
}

#nJGPf-TN608-resizer.style-tZgJn[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popupnJGPf-TN60Address.style-PGsS1[b-e66wi39d8x] {
    display: none;
    min-width: 250px;
}

#popup-qWwm04oPnE.style-nCPnN[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-6Rx3j.style-6Rx3j[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-yWCHGc13lU.style-WfAoH[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-6IXXn.style-6IXXn[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup--87fD8Egj0.style-cYVOt[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-bOpqp.style-bOpqp[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#style-23ASN.style-23ASN[b-e66wi39d8x] {
    width: 160px;
    z-index: 1;
}

#nJGPf-TN609-resizer.style-lVI6I[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popupnJGPf-TN60City.style-CKKnv[b-e66wi39d8x] {
    display: none;
    min-width: 250px;
}

#popup-4Xff-JIMyE.style-Hh6ed[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-3MNxP.style-3MNxP[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-Dk4KfxhytU.style-R72JA[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-gEHeL.style-gEHeL[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-ExA6oDHJZE.style-zgtHj[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-ALi7U.style-ALi7U[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#style-sOAtd.style-sOAtd[b-e66wi39d8x] {
    width: 160px;
    z-index: 1;
}

#nJGPf-TN6010-resizer.style-yQPvO[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popupnJGPf-TN60Region.style-4Mxsz[b-e66wi39d8x] {
    display: none;
    min-width: 250px;
}

#popup-A6FYGZsXU0.style-CYl1H[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-SMDQ3.style-SMDQ3[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-b36ntH-7IE.style-BEVYS[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-5QSSc.style-5QSSc[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup--SPeM9Jx3E.style-sLzvO[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-CXPmX.style-CXPmX[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#style-bLZa7.style-bLZa7[b-e66wi39d8x] {
    width: 160px;
    z-index: 1;
}

#nJGPf-TN6011-resizer.style-1cfrL[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popupnJGPf-TN60PostalCode.style-TVqxo[b-e66wi39d8x] {
    display: none;
    min-width: 250px;
}

#popup-plj2Yo0JkU.style-Wkopk[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-VAlhR.style-VAlhR[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-uOixVeLrbU.style-rdLXa[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-WOJPw.style-WOJPw[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-y1ADrAcqx0.style-kRne7[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-KRzaz.style-KRzaz[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#style-o4ZDg.style-o4ZDg[b-e66wi39d8x] {
    width: 160px;
    z-index: 1;
}

#nJGPf-TN6012-resizer.style-HoqGl[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popupnJGPf-TN60Country.style-yUMUr[b-e66wi39d8x] {
    display: none;
    min-width: 250px;
}

#popup-7tHQokD3sE.style-ed5fD[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-mebTs.style-mebTs[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-dlVugSKd9E.style-V57PK[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-65jEG.style-65jEG[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-CHrC5gMJgk.style-zAfJI[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-tEito.style-tEito[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#style-OPE7S.style-OPE7S[b-e66wi39d8x] {
    width: 160px;
    z-index: 1;
}

#nJGPf-TN6013-resizer.style-pSd9Z[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popupnJGPf-TN60HomePhone.style-oCt9k[b-e66wi39d8x] {
    display: none;
    min-width: 250px;
}

#popup-Z48eJumRvE.style-B1LI6[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-K9bf7.style-K9bf7[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-zK5cfQyFR0.style-kqO1i[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-YnTBJ.style-YnTBJ[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-o8GGcoNNqU.style-PtByM[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-4NdeX.style-4NdeX[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#style-MO4gM.style-MO4gM[b-e66wi39d8x] {
    width: 160px;
    z-index: 1;
}

#nJGPf-TN6014-resizer.style-2Gcz8[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popupnJGPf-TN60Extension.style-MHQpx[b-e66wi39d8x] {
    display: none;
    min-width: 250px;
}

#popup-krjWjgnzvU.style-6HgYQ[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-nATUp.style-nATUp[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-MIZTKgv-U0.style-PosnI[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-Go6Ln.style-Go6Ln[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-8B-Y02Eo-k.style-tFKbT[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-VbC6G.style-VbC6G[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#style-wqoMN.style-wqoMN[b-e66wi39d8x] {
    width: 300px;
    z-index: 1;
}

#nJGPf-TN6015-resizer.style-a8h2C[b-e66wi39d8x] {
    cursor: col-resize;
    float: right;
}

#popupnJGPf-TN60Notes.style-mJVzv[b-e66wi39d8x] {
    display: none;
    min-width: 250px;
}

#popup-Yd1Y00yX5k.style-7IUmQ[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-FAfdi.style-FAfdi[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-AZ3DC5me2E.style-oV8ma[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-WchdZ.style-WchdZ[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

#popup-vk-MYMKuW0.style-TgDSm[b-e66wi39d8x] {
    display: none;
    box-sizing: border-box;
}

#style-f4Gjx.style-f4Gjx[b-e66wi39d8x] {
    max-height: 200px;
    overflow-x: hidden;
}

.style-PULKQ[b-e66wi39d8x] {
    width: 80px;
    text-align: center;
    left: 0;
    z-index: 1;
}

.style-As7qk[b-e66wi39d8x] {
    width: 80px;
    text-align: center;
    left: 80px;
    left: 10rem;
    z-index: 1;
}

.style-F8GiB[b-e66wi39d8x] {
    width: 160px;
    left: calc(80px + 80px);
    left: calc(0px + 10rem);
    z-index: 1;
}

#style-fDvoN.style-fDvoN[b-e66wi39d8x] {
    width: 80px;
    text-align: center;
    left: 0;
    z-index: 1;
}

#style-4VGIN.style-4VGIN[b-e66wi39d8x] {
    width: 80px;
    text-align: center;
    left: 80px;
    z-index: 1;
}

#style-mBP98.style-mBP98[b-e66wi39d8x] {
    width: 160px;
    left: calc(80px + 80px);
    left: calc(10rem + 160px);
    z-index: 1;
}

#style-vHSeb.style-vHSeb[b-e66wi39d8x] {
    width: 80px;
    text-align: center;
    left: 0;
    z-index: 1;
}

#style-3ByOh.style-3ByOh[b-e66wi39d8x] {
    width: 80px;
    text-align: center;
    left: 80px;
    z-index: 1;
}

#style-bmYhT.style-bmYhT[b-e66wi39d8x] {
    width: 160px;
    left: calc(80px + 80px);
    z-index: 1;
}

#style-kWet2.style-kWet2[b-e66wi39d8x] {
    width: 80px;
    text-align: center;
    left: 0;
    z-index: 1;
}

#style-PHet6.style-PHet6[b-e66wi39d8x] {
    width: 80px;
    text-align: center;
    left: 80px;
    z-index: 1;
}

#style-TZtSK.style-TZtSK[b-e66wi39d8x] {
    width: 160px;
    left: calc(80px + 80px);
    z-index: 1;
}

#style-Av4FX.style-Av4FX[b-e66wi39d8x] {
    width: 80px;
    text-align: center;
    left: 0;
    z-index: 1;
}

#style-ZTr2m.style-ZTr2m[b-e66wi39d8x] {
    width: 80px;
    text-align: center;
    left: 80px;
    z-index: 1;
}

#style-gm9IY.style-gm9IY[b-e66wi39d8x] {
    width: 160px;
    left: calc(80px + 80px);
    z-index: 1;
}

.modal-form[b-e66wi39d8x] {
    /*display: flex;*/
    position: fixed;
    position: sticky;
    /*    width: 80%;
*/ /*right: 50%;*/
    /*left: 40%;*/
    /*top: 15%;*/
    bottom: 50%;
    z-index: 10;
}


/*.dataGrid-cell-data[title="FULLFILED"], .dataGrid-cell-data[title="PRODUCED"], .dataGrid-cell-data[title="SHIPPED"], .dataGrid-cell-data[title="DELIVERED"] {
    padding: 2px 4px;
    background: #8de02c;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
}

.dataGrid-cell-data[title="PENDING"], .dataGrid-cell-data[title="PRODUCING"], .dataGrid-cell-data[title="PLACED"] {
    padding: 2px 4px;
    background: #e9b10a;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
}

.dataGrid-cell-data[title="HELD"], .dataGrid-cell-data[title="CANCELLED"], .dataGrid-cell-data[title="FAILED"] {
    padding: 2px 4px;
    background: #f00;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
}

*/

.dataGrid-cell-data[title="COMPLETED"][b-e66wi39d8x] {
    padding: 2px 4px;
    width: max-content;
    background: #1795ce;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: black !important;
}
.dataGrid-cell-data[title="CAPTURED"][b-e66wi39d8x], .dataGrid-cell-data[title="BOOKED"][b-e66wi39d8x] {
    padding: 2px 4px;
    /* amber */
    width: max-content;
    background: #FFBF00;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: black !important;
}

.dataGrid-cell-data[title="PENDING"][b-e66wi39d8x] {
    padding: 2px 4px;
    /* gray */
    width: max-content;
    background: #808080;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: black !important;
}

.dataGrid-cell-data[title="PRODUCING"][b-e66wi39d8x] {
    padding: 2px 4px;
    /* blue*/
    width: max-content;
    background: #007BFF;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: black !important;
}

.dataGrid-cell-data[title="PRODUCED"][b-e66wi39d8x], .dataGrid-cell-data[title="ORDERING"][b-e66wi39d8x] {
    padding: 2px 4px;
    /*green*/
    width: max-content;
    background: #28a745;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: black !important;
}

.dataGrid-cell-data[title="SHIPPED"][b-e66wi39d8x] {
    padding: 2px 4px;
    /*lighter green */
    width: max-content;
    background: #90ee90;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: black !important;
}

.dataGrid-cell-data[title="HELD"][b-e66wi39d8x], .dataGrid-cell-data[title="CANCELLED"][b-e66wi39d8x], .dataGrid-cell-data[title="FAILED"][b-e66wi39d8x] {
    padding: 2px 4px;
    /*Orange Red*/
    width: max-content;
    background: #FF4500;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: black !important;
}
.dataGrid-cell-data[title="CLOSED"][b-e66wi39d8x], .dataGrid-cell-data[title="ARCHIVED"][b-e66wi39d8x] {
    padding: 2px 4px;
    /*Red*/
    width: max-content;
    background: #FF0000;
    color: var(--white);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    color: black !important;
}



.offcanvas-container[b-e66wi39d8x] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 1050; /* Adjust as necessary */
    display: flex;
}

.offcanvas-panel[b-e66wi39d8x] {
    width: 300px;
    background-color: #fff;
    height: 100%;
    box-shadow: 2px 0 12px rgba(0,0,0,.2);
    overflow-y: auto;
    padding: 20px;
    animation: slideIn-b-e66wi39d8x .3s forwards;
}

@keyframes slideIn-b-e66wi39d8x {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

.close-btn[b-e66wi39d8x] {
    position: absolute;
    top: 10px;
    right: 15px;
    border: none;
    background: transparent;
    font-size: 24px;
    cursor: pointer;
}
/* /Shared/DataGrid/Filter.razor.rz.scp.css */
#filterPopup.filterModalHidden[b-bt72jfgjs1] {
    display: none;
    min-width: 250px;
}

/*either handle the ddrop down tail different or remove this, here just in case but overriden below*/
.filter-modal select[b-bt72jfgjs1], input[b-bt72jfgjs1] {
    padding: 2px 7px 3px;
}

.filter-modal[b-bt72jfgjs1] {
    padding: 8px;
    background-color: var(--charcoal)
}

.fas.fa-times[b-bt72jfgjs1] {
    color: rgba(244,67,54,.7);
    transition: color 0.3s ease, transform 0.3s ease; /* Smooth transition for hover effect */
    cursor: pointer; /* Changes the cursor to a pointer to indicate it's clickable */
    float: inline-end;
}

    .fas.fa-times:hover[b-bt72jfgjs1] {
        color: #9e1111; /* Change color on hover */
        transform: scale(1.1); /* Slightly increase the size on hover */
    }

.filter-options[b-bt72jfgjs1] {
    display: flex;
    align-items: center;
}

.filter-container[b-bt72jfgjs1] {
    padding: 10px;
}

.select-dropdown[b-bt72jfgjs1] {
    margin-right: 10px; /* Adjust the value as needed */
}

/* or, if you prefer to add space using the icon */
.fa.fa-plus[b-bt72jfgjs1] {
    margin-left: 10px; /* Adjust the value as needed */
}

.select-dropdown[b-bt72jfgjs1],
.select-dropdown *[b-bt72jfgjs1] {
    margin: 0;
    padding: 0;
    position: relative;
    box-sizing: border-box;
}

.select-dropdown[b-bt72jfgjs1] {
    /*    width: 65px;*/
    position: relative;
    background-color: #e76262;
    border-radius: 4px;
}

    .select-dropdown select[b-bt72jfgjs1] {
        font-size: 1rem;
        font-weight: bold;
        /*max-width: 100%;*/
        padding: 8px 20px 8px 10px;
        border: none;
        background-color: transparent;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        transition: color 0.3s ease, transform 0.3s ease; /* Smooth transition for hover effect */
        cursor: pointer; /* Changes the cursor to a pointer to indicate it's clickable */
    }

        .select-dropdown select:hover[b-bt72jfgjs1] {
            color: ghostwhite; /* Change color on hover */
            transform: scale(1.1); /* Slightly increase the size on hover */
        }

        .select-dropdown select:active[b-bt72jfgjs1], .select-dropdown select:focus[b-bt72jfgjs1] {
            outline: none;
            box-shadow: none;
        }

    .select-dropdown[b-bt72jfgjs1]:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 8px;
        width: 0;
        height: 0;
        margin-top: -2px;
        border-top: 5px solid #aaa;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
    }

.fa.fa-plus[b-bt72jfgjs1] {
    color: yellowgreen;
    transition: color 0.3s ease, transform 0.3s ease; /* Smooth transition for the hover effect */
    cursor: pointer; /* Changes the cursor to a pointer to indicate it's clickable */
}

    .fa.fa-plus:hover[b-bt72jfgjs1] {
        color: #abd123; /* Change to a different color on hover */
        transform: scale(1.1); /* Slightly increase the size on hover */
    }

.filter-modal-filters[b-bt72jfgjs1] {
    display: flex;
    align-items: center; /* Vertically center items in the flex container */
    justify-content: flex-start; /* Align items to the start of the container, adjust as needed */
    gap: 10px; /* Adds space between each item, adjust as needed */
    padding: 5px;
}

.fas.fa-times.remove-filter[b-bt72jfgjs1] {
    color: #df4141;
    transition: color 0.3s ease, transform 0.3s ease; /* Smooth transition for hover effect */
    cursor: pointer; /* Changes the cursor to a pointer to indicate it's clickable */
}

    .fas.fa-times.remove-filter:hover[b-bt72jfgjs1] {
        color: #ff6666; /* Change color on hover */
        transform: scale(1.1); /* Slightly increase the size on hover */
    }

.select-dropdown.filter-field[b-bt72jfgjs1] {
    background-color: rgba(3,169,244,.3);
}

.select-dropdown.filter-operator[b-bt72jfgjs1] {
    background-color: rgba(139,195,74,.3);
}

.filter-value[b-bt72jfgjs1] {
    width: 130px;
    height: 32px;
    border: none;
    background-color: rgba(224,224,224,.5);
    border-radius: 6px;
}

.filter-container button[b-bt72jfgjs1] {
    margin: 20px;
}

.filter-container .custom-btn[b-bt72jfgjs1] {
    width: 130px;
    height: 40px;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
    outline: none;
}

/* 9 */
.btn-clear[b-bt72jfgjs1] {
    border: none;
    transition: all 0.3s ease;
    overflow: hidden;
}

    .btn-clear[b-bt72jfgjs1]:after {
        position: absolute;
        content: " ";
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #1fd1f9;
        background-image: linear-gradient(315deg, #1fd1f9 0%, #b621fe 74%);
        transition: all 0.3s ease;
    }

    .btn-clear:hover[b-bt72jfgjs1] {
        background: transparent;
        box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
        color: #fff;
    }

        .btn-clear:hover[b-bt72jfgjs1]:after {
            -webkit-transform: scale(2) rotate(180deg);
            transform: scale(2) rotate(180deg);
            box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5), -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.5), inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
        }


/* 12 */
.btn-apply-filter[b-bt72jfgjs1] {
/*    position: relative;
    right: 20px;
    bottom: 20px;*/
    border: none;
    /*box-shadow: none;
    width: 130px;
    height: 40px;
    line-height: 42px;
    -webkit-perspective: 230px;
    perspective: 230px;*/
}

    .btn-apply-filter span[b-bt72jfgjs1] {
        background: rgb(0,172,238);
        background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
        display: block;
        position: absolute;
        width: 130px;
        height: 40px;
        box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
        border-radius: 5px;
        margin: 0;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .3s;
        transition: all .3s;
    }

        .btn-apply-filter span:nth-child(1)[b-bt72jfgjs1] {
            box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9, 7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;
            -webkit-transform: rotateX(90deg);
            -moz-transform: rotateX(90deg);
            transform: rotateX(90deg);
            -webkit-transform-origin: 50% 50% -20px;
            -moz-transform-origin: 50% 50% -20px;
            transform-origin: 50% 50% -20px;
        }

        .btn-apply-filter span:nth-child(2)[b-bt72jfgjs1] {
            -webkit-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            transform: rotateX(0deg);
            -webkit-transform-origin: 50% 50% -20px;
            -moz-transform-origin: 50% 50% -20px;
            transform-origin: 50% 50% -20px;
        }

    .btn-apply-filter:hover span:nth-child(1)[b-bt72jfgjs1] {
        box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
    }

    .btn-apply-filter:hover span:nth-child(2)[b-bt72jfgjs1] {
        box-shadow: inset 2px 2px 2px 0px rgba(255,255,255,.5), 7px 7px 20px 0px rgba(0,0,0,.1), 4px 4px 5px 0px rgba(0,0,0,.1);
        color: transparent;
        -webkit-transform: rotateX(-90deg);
        -moz-transform: rotateX(-90deg);
        transform: rotateX(-90deg);
    }
/* /Shared/DataGrid/Paginator.razor.rz.scp.css */
.pagination .page-item[b-5r64b0qlaj] {
    margin: 0 4px;
    border-radius: 6px;
}

.pagination .page-link[b-5r64b0qlaj] {
    border-radius: 6px;
}
/* /Shared/Forms/AddOnPriceListForm.razor.rz.scp.css */
/* 6 columns: price | product | digital | add-on | upsell | actions */
.add-on-grid[b-omcfsxo0rc] {
    display: grid;
    grid-template-columns: 100px 1fr 180px 1fr 120px 80px;
    /* tweak the numbers above to match the widths you like */
    gap: .5rem;
    align-items: center;
}

/* visual style for the header cells */
.add-on-header[b-omcfsxo0rc] {
    font-weight: 600;
    font-size: .9rem;
}
/* /Shared/Forms/EventForm.razor.rz.scp.css */
.hold-orders[b-txa6w6mjl3] {
    border: solid 1px;
    border-radius: 15px;
    width: 95%;
    margin-left: 0.5rem;
    background: lightgrey;
}

    .hold-orders .hold-orders-checkbox[b-txa6w6mjl3] {
        padding-top: 3px;
    }
/* /Shared/Forms/FileUploader.razor.rz.scp.css */
/* General Styles */

*[b-n2la607u9o] {
    box-sizing: border-box;
}



body[b-n2la607u9o] {
    margin: 0;
    padding: 0;
    background-color: var(--clr-light);
    color: var(--clr-black);
    font-family: 'Poppins', sans-serif;
    font-size: 1.125rem;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* End General Styles */

/* Upload Area */
.upload-area[b-n2la607u9o] {
    width: 100%;
    max-width: 25rem;
    background-color: var(--white);
    box-shadow: 0 10px 60px rgb(218, 229, 255);
    border: 2px solid var(--charcoal);
    border-radius: 24px;
    padding: 2.5rem 1.875rem 2.5rem 1.875rem;
    padding: 1.7rem 1.875rem 1.7rem 1.875rem;
    /*margin: 0.625rem;
    margin: auto;*/
    text-align: center;
}

.upload-area--open[b-n2la607u9o] { /* Slid Down Animation */
    animation: slidDown-b-n2la607u9o 500ms ease-in-out;
}

@keyframes slidDown-b-n2la607u9o {
    from {
        height: 28.125rem; /* 450px */
    }

    to {
        height: 35rem; /* 560px */
    }
}

/* Header */
.upload-area__header[b-n2la607u9o] {
}

.upload-area__title[b-n2la607u9o] {
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 0.3125rem;
}

.upload-area__paragraph[b-n2la607u9o] {
    font-size: 0.9375rem;
    color: var(--gray);
    margin-top: 0;
}

.upload-area__tooltip[b-n2la607u9o] {
    position: relative;
    color: var(--red);
    cursor: pointer;
    transition: color 300ms ease-in-out;
}

    .upload-area__tooltip:hover[b-n2la607u9o] {
        color: var(--red);
    }

.upload-area__tooltip-data[b-n2la607u9o] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -125%);
    min-width: max-content;
    background-color: var(--white);
    color: var(--charcoal);
    border: 1px solid var(--charcoal);
    padding: 0.625rem 1.25rem;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    transition: none 300ms ease-in-out;
    transition-property: opacity, visibility;
    border-radius: 10px;
}

.upload-area__tooltip:hover .upload-area__tooltip-data[b-n2la607u9o] {
    opacity: 1;
    visibility: visible;
}

/* Drop zone */
.upload-area__drop-zone[b-n2la607u9o] {
    position: relative;
    min-height: 7.25rem;
    max-height: 14.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border: 2px dashed var(--charcoal);
    border-radius: 15px;
    /*margin-top: 2.1875rem;*/
    cursor: pointer;
    transition: border-color 300ms ease-in-out;
}

    .upload-area__drop-zone:hover[b-n2la607u9o] {
        border-color: var(--gray);
    }

.image-preview[b-n2la607u9o] {
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    width: 324px;
    height: 172px;
    border-radius: 15px;
    opacity: 0.3;
    position: fixed;
}

.drop-zone__icon[b-n2la607u9o] {
    display: flex;
    font-size: 3.75rem;
    color: var(--charcoal);
    transition: opacity 300ms ease-in-out;
}

.drop-zone__paragraph[b-n2la607u9o] {
    font-size: 0.9375rem;
    color: var(--grey);
    margin: 0;
    margin-top: 0.625rem;
    transition: opacity 300ms ease-in-out;
}

.drop-zone:hover .drop-zone__icon[b-n2la607u9o],
.drop-zone:hover .drop-zone__paragraph[b-n2la607u9o] {
    opacity: 0.7;
}

.drop-zone__loading-text[b-n2la607u9o] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*display: none;*/
    color: var(--red);
    z-index: 10;
}

.drop-zone__preview-image[b-n2la607u9o] {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.3125rem;
    border-radius: 10px;
    z-index: 1000;
    transition: opacity 300ms ease-in-out;
}

/* CSS for zooming in on hover */
/*    .drop-zone__preview-image:hover {
        transform: scale(1.1);
        transition: transform 0.5s ease;
        z-index: 1001;
        position: fixed;
        height: 74%;
        width: 33%;
        justify-self: anchor-center;
        box-shadow: none !important;
    }*/

.enlarged-preview-area[b-n2la607u9o] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 280px; /* Or as you need */
    margin-bottom: 1rem;
    z-index: 10;
}

.enlarged-preview-img[b-n2la607u9o] {
    max-width: 400px;
    max-height: 280px;
    border-radius: 16px;
    box-shadow: 0 8px 32px #0003;
    object-fit: contain;
    background: white;
    border: 2px solid #ddd;
    transition: transform 0.15s;
}
.enlarged-preview-img[b-n2la607u9o] {
    transform: scale(1.1);
    transition: transform 0.5s ease;
    z-index: 1001;
    position: fixed;
    height: 74%;
    width: 33%;
    justify-self: anchor-center;
    box-shadow: none !important;
}

.enlarged-preview-area[b-n2la607u9o] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 280px;
    margin-bottom: 1rem;
    z-index: 10;
}

.enlarged-preview-img[b-n2la607u9o] {
    max-width: 400px;
    max-height: 280px;
    border-radius: 16px;
    box-shadow: 0 8px 32px #0003;
    object-fit: contain;
    background: white;
    border: 2px solid #ddd;
}

.preview-close-btn[b-n2la607u9o] {
    position: absolute;
    top: 0rem;
    right: 17rem;
    z-index: 20;
    background: #fff;
    border-radius: 50%;
    border: none;
    width: 2.2rem;
    height: 2.2rem;
    font-size: 1.2rem;
    opacity: 0.8;
    cursor: pointer;
    box-shadow: 0 2px 8px #0002;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .preview-close-btn:hover[b-n2la607u9o] {
        opacity: 1;
        background: #eee;
    }

/*.preview-wrapper {
    position: relative;
    min-width: 140px;
    overflow: visible;*/ /* allow image to grow outside */
/*}*/

    /* Only enlarge image when hovered */
    /*.preview-wrapper:hover .drop-zone__preview-image {
        position: absolute;*/ /* overlay above others */
        /*left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) scale(2.2);
        z-index: 10;
        box-shadow: 0 4px 32px #0002;
        transition: transform 0.4s cubic-bezier(.33,1.02,.58,.93), box-shadow 0.3s;
    }*/

.drop-zone:hover .drop-zone__preview-image[b-n2la607u9o] {
    opacity: 0.8;
}

.drop-zone__file-input[b-n2la607u9o] {
    display: none;
}

.drop-zone--uploading[b-n2la607u9o] {
    opacity: .6;
    cursor: progress;
}

.drop-zone--over[b-n2la607u9o] {
    border-color: var(--clr-blue);
    border-color: var(--charcoal);
    border-color: #0d6efd;
    background: rgba(13,110,253,.05);
}

    .drop-zone--over .drop-zone__icon[b-n2la607u9o],
    .drop-zone--over .drop-zone__paragraph[b-n2la607u9o] {
        opacity: 0.7;
    }

.drop-zone--Uploaded[b-n2la607u9o] {
}

.drop-zone--success[b-n2la607u9o] {
    border-color: #198754;
}

.drop-zone--error[b-n2la607u9o] {
    border-color: #dc3545;
}

/*    .drop-zone--Uploaded .drop-zone__icon,
    .drop-zone--Uploaded .drop-zone__paragraph {
        display: none;
    }*/

/* File Details Area */
.upload-area__file-details[b-n2la607u9o] {
    height: 0;
    visibility: hidden;
    opacity: 0;
    text-align: left;
    transition: none 500ms ease-in-out;
    transition-property: opacity, visibility;
    transition-delay: 500ms;
}

/* (duploaded-file--open) Modifier Class */
.file-details--open[b-n2la607u9o] {
    height: auto;
    visibility: visible;
    opacity: 1;
}

.file-details__title[b-n2la607u9o] {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--gray);
}

/* Uploaded File */
.uploaded-file[b-n2la607u9o] {
    display: flex;
    align-items: center;
    padding: 0.625rem 0;
    visibility: hidden;
    opacity: 0;
    transition: none 500ms ease-in-out;
    transition-property: visibility, opacity;
}

/* (duploaded-file--open) Modifier Class */
.uploaded-file--open[b-n2la607u9o] {
    visibility: visible;
    opacity: 1;
}

.uploaded-file__icon-container[b-n2la607u9o] {
    position: relative;
    margin-right: 0.3125rem;
}

.uploaded-file__icon[b-n2la607u9o] {
    font-size: 3.4375rem;
    color: var(--charcoal);
}

.uploaded-file__icon-text[b-n2la607u9o] {
    position: absolute;
    top: 1.5625rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.9375rem;
    font-weight: 500;
    color: var(--white);
}

.uploaded-file__info[b-n2la607u9o] {
    position: relative;
    top: -0.3125rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

    .uploaded-file__info[b-n2la607u9o]::before,
    .uploaded-file__info[b-n2la607u9o]::after {
        content: '';
        position: absolute;
        bottom: -0.9375rem;
        width: 0;
        height: 0.5rem;
        background-color: #ebf2ff;
        border-radius: 0.625rem;
    }

    .uploaded-file__info[b-n2la607u9o]::before {
        width: 100%;
    }

    .uploaded-file__info[b-n2la607u9o]::after {
        width: 100%;
        background-color: var(--clr-blue);
    }

/* Progress Animation */
.uploaded-file__info--active[b-n2la607u9o]::after {
    animation: progressMove-b-n2la607u9o 800ms ease-in-out;
    animation-delay: 300ms;
}

@keyframes progressMove-b-n2la607u9o {
    from {
        width: 0%;
        background-color: transparent;
    }

    to {
        width: 100%;
        background-color: var(--charcoal);
    }
}

.uploaded-file__name[b-n2la607u9o] {
    width: 100%;
    /*max-width: 6.25rem;*/ /* 100px */
    display: inline-block;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.uploaded-file__counter[b-n2la607u9o] {
    font-size: 1rem;
    color: var(--gray);
}

.uploaded-file__names-list[b-n2la607u9o] {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    max-width: 320px; /* adjust as needed */
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 0.25rem;
    /* Optional for custom scrollbar: */
    scrollbar-width: thin;
    scrollbar-color: #bbb #f1f1f1;
    align-items: center;
}

.uploaded-file__name[b-n2la607u9o] {
    display: inline-block;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px; /* adjust for per-item length */
    border-radius: 6px;
    padding: 2px 8px;
    background: #f3f3fb;
    color: #444;
    border: 1px solid #e6e6ef;
    margin-right: 0.25rem;
}

    .uploaded-file__name:last-child[b-n2la607u9o] {
        margin-right: 0;
    }
/* /Shared/Forms/Gallery.razor.rz.scp.css */
.busy-thumb[b-7f2z78ny5x] {
    filter: blur(4px);
    opacity: .25;
    transition: .35s ease;
}
.fade-in[b-7f2z78ny5x] {
    opacity: 0;
    animation: fade-b-7f2z78ny5x .4s ease forwards;
}
@keyframes fade-b-7f2z78ny5x {
    to {
        opacity: 1
    }
}

.thumb[b-7f2z78ny5x] {
    position: relative;
    width: 170px;
    width: 20rem !important;
    cursor: pointer;
}
    .thumb:hover[b-7f2z78ny5x] {
        transform: scale(1.05);
        box-shadow: 0 0 20px white;
        z-index: 5;
        background: aliceblue;
    }

    .thumb.checked[b-7f2z78ny5x] {
        outline: 2px solid var(--bs-primary);
    }

    .thumb img[b-7f2z78ny5x] {
        height: 12rem;
        width: 100%;
        object-fit: fill;

        border-radius: 5px;
        transition: transform 0.5s ease;
    }

/*Image Edit Buttons*/
    .thumb .overlay[b-7f2z78ny5x],
    .thumb .overlay-top[b-7f2z78ny5x] {
        position: absolute;
        left: 0;
        right: 0;
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: 2;
    }

    .thumb .overlay[b-7f2z78ny5x] {
        bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
    }

    .thumb .overlay-top[b-7f2z78ny5x] {
        top: 15px;
        justify-content: center;
        display: flex;
    }

    .thumb:hover .overlay[b-7f2z78ny5x],
    .thumb:hover .overlay-top[b-7f2z78ny5x] {
        opacity: 1;
    }

.caption[b-7f2z78ny5x] {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
}

    .caption .name[b-7f2z78ny5x] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .caption .ext[b-7f2z78ny5x] {
        flex-shrink: 0;
    }

.form-check-input.overlay[b-7f2z78ny5x] {
    position: absolute;
    top: 4px;
    right: 4px;
}

.images-container[b-7f2z78ny5x] {
    max-height: 80vh;
    overflow: auto;
}
.images-grid[b-7f2z78ny5x] {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
    gap: 0.5rem;
}

.overlay[b-7f2z78ny5x], .overlay-top[b-7f2z78ny5x] {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.overlay-top[b-7f2z78ny5x] {
    top: -88%; /* Positioned at the top */
    justify-content: center; /* Center the text or any content horizontally */
}

.details[b-7f2z78ny5x] {
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    border-radius: 5px;
    place-self: start;
}

.btn-edit[b-7f2z78ny5x] {
    align-self: flex-start;
    background: aliceblue;
}

.btn-delete[b-7f2z78ny5x] {
    align-self: flex-end;
    background: aliceblue;
}
/* /Shared/Forms/VoucherForm.razor.rz.scp.css */
.btn-purple[b-z0pewd3s2y] {
    background-color: #6f42c1;
    color: white;
}
/* /Shared/Icons/AnimatedAddRemoveIcons.razor.rz.scp.css */
.main-hr[b-ltuuhhc8xk] {
    width: 30%;
    border: none;
    border-top: 1px solid #c3c3c3;
}

.icon-btn[b-ltuuhhc8xk] {
    width: 50px;
    height: 50px;
    border: 1px solid #cdcdcd;
    background: white;
    border-radius: 25px;
    overflow: hidden;
    position: relative;
    transition: width 0.2s ease-in-out;
    width: 74px;
    height: 33px;
    border-radius: 20px; /* Fixed height approach */
    /* OR for a more generic solution: */
    border-radius: 999px; /* Makes it pill-shaped */
    /* Other styles */
}

.add-btn:hover[b-ltuuhhc8xk] {
    width: 120px;
}

.add-btn[b-ltuuhhc8xk]::before,
.add-btn[b-ltuuhhc8xk]::after {
    transition: width 0.2s ease-in-out, border-radius 0.2s ease-in-out;
    content: "";
    position: absolute;
    height: 4px;
    width: 10px;
    top: calc(50% - 2px);
    background: var(--red);
}

.add-btn[b-ltuuhhc8xk]::after {
    right: 38px;
    overflow: hidden;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.add-btn[b-ltuuhhc8xk]::before {
    left: 33px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.icon-btn:focus[b-ltuuhhc8xk] {
    outline: none;
}

.btn-txt[b-ltuuhhc8xk] {
    opacity: 0;
    transition: opacity 0.2s;
}

.add-btn:hover[b-ltuuhhc8xk]::before,
.add-btn:hover[b-ltuuhhc8xk]::after {
    width: 4px;
    border-radius: 2px;
}

.add-btn:hover .btn-txt[b-ltuuhhc8xk] {
    opacity: 1;
    z-index: 2;
}

.add-icon[b-ltuuhhc8xk]::after,
.add-icon[b-ltuuhhc8xk]::before {
    transition: all 0.2s ease-in-out;
    content: "";
    position: absolute;
    height: 20px;
    width: 2px;
    top: calc(50% - 10px);
    background: var(--red);
    overflow: hidden;
    left: 47%;
}

.add-icon[b-ltuuhhc8xk]::before {
    left: 22px;
    left: 45%;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.add-icon[b-ltuuhhc8xk]::after {
    right: 22px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.add-btn:hover .add-icon[b-ltuuhhc8xk]::before {
    left: 15px;
    height: 4px;
    top: calc(50% - 2px);
}

.add-btn:hover .add-icon[b-ltuuhhc8xk]::after {
    right: 15px;
    height: 4px;
    top: calc(50% - 2px);
}
/* /Shared/InputAid.razor.rz.scp.css */
#inputAid[b-6vh05vflbh] {
    visibility: hidden;
    position: absolute;
    box-sizing: border-box;
    z-index: 1;
    background-color: white;
    border: solid 2px black;
    box-shadow: 5px 5px 8px #AAA;
}

#buttonDiv[b-6vh05vflbh] {
    padding: 8px;
}

[b-6vh05vflbh] .rightMargin {
    margin-right: 4px;
}

[b-6vh05vflbh] .leftMargin {
    margin-left: 4px;
}

#tableDiv[b-6vh05vflbh] {
    padding: 8px;
    padding-top: 0;
    height: 300px;
    overflow-y: auto;
}

th[b-6vh05vflbh] {
    background-color: #FEE;
}

th[b-6vh05vflbh] {
    position: sticky;
    top: 0;
    padding-right:15px;
}

td[b-6vh05vflbh] {
    cursor: pointer;
}

tr:hover[b-6vh05vflbh] {
    background-color: #FAA;
}

.action[b-6vh05vflbh] {
    visibility: hidden;
}

tr:hover .action[b-6vh05vflbh] {
    visibility: visible;
}
/* /Shared/LayoutRenderer/ExtractLayoutNodes.razor.rz.scp.css */
.product-container[b-467vq66x71] {
    position: relative;
    /*  width: 100%;
                height: 100%;
                max-width: 300px;
                max-height: 300px; */
    margin: 0px 0px 20px auto;
    border: 2px solid #ccc;
    border-radius: 15px;
    overflow: hidden;
    max-height: 95%;
}
    .product-container.fill[b-467vq66x71] {
        height: 100%;
        height: auto;
        /*height: -webkit-fill-available;*/
    }

#product-template[b-467vq66x71] {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.overlay[b-467vq66x71] {
    position: absolute;
    object-fit: cover;
    border: 2px solid red;
    object-fit: fill;
    overflow: hidden;
}

    .overlay:hover[b-467vq66x71] {
        z-index: 100000 !important;
        border: 4px solid #c5ffb6 !important;
    }

.overlay-editor-list[b-467vq66x71] {
    max-height: 340px;
    overflow-y: auto;
    margin-top: 10px;
}

.overlay-editor-item:hover[b-467vq66x71] {
    background-color: darkgray;
    box-shadow: 0 0 5px #000;
    transition: box-shadow 0.3s;
}
/* /Shared/Loader/LoadingPanelAnimation.razor.rz.scp.css */
:root[b-al2fnu7ag7] {
    --cube-size: 150px;
    --text-size: 40px;
    --border-size: 20px;
    --gap: 1.8;
    --main-color: #dc64ff;
    --main-color-transparent: rgba(220, 100, 255, 0.4);
    --translateYLeft: 0;
    --translateYRight: 0;
    --duration: 1.7s;
}
@media (max-width: 768px) {
    :root[b-al2fnu7ag7] {
        --cube-size: 100px;
        --text-size: 20px;
        --border-size: 15px;
    }
}


.container[b-al2fnu7ag7] {
    display: flex;
    justify-items: center;
    width:;
    position: sticky;
    padding: 35%;
    left: 39%;
}

@media (max-width: 668px) {
    .container[b-al2fnu7ag7] {
        padding: 20%;
        left: 9%;
    }
}

*[b-al2fnu7ag7],
*[b-al2fnu7ag7]::before,
*[b-al2fnu7ag7]::after {
    box-sizing: border-box;
}

body[b-al2fnu7ag7] {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100vh;
    padding: 100px 0 0;
    font-family: "Space Grotesk", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: white;
    background-color: black;
    overflow: hidden;
}

.wrapper[b-al2fnu7ag7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
}

.text[b-al2fnu7ag7] {
    margin: 40px 0 0;
    font-size: 40px;;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.cube[b-al2fnu7ag7] {
    position: relative;
    z-index: 2;
    transform-style: preserve-3d;
    transform: rotateX(20deg) rotateY(-135deg);
    animation: cubeRotation-b-al2fnu7ag7 1.7s cubic-bezier(0, 0.5, 0.7, 1) infinite;
}

.cube[b-al2fnu7ag7],
.bottom[b-al2fnu7ag7],
.side[b-al2fnu7ag7] {
    width: 150px;
    height: 150px;
}

.bottom[b-al2fnu7ag7],
.side[b-al2fnu7ag7] {
    position: absolute;
}

.bottom[b-al2fnu7ag7] {
    background-color: var(--charcoal);
    border-radius: 5px;
    box-shadow: 0 0 200px 0 rgba(220, 100, 255, 0.4);
    transform: translateY(calc(150px / 1.8)) rotateX(-90deg);
}

.side[b-al2fnu7ag7] {
    display: flex;
}

    .side[b-al2fnu7ag7]::after {
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.1);
        border: 20px; solid #dc64ff;
        border-radius: 5px;
        box-shadow: 0 0 200px 0 rgba(220, 100, 255, 0.4);
    }

.back[b-al2fnu7ag7] {
    transform: translateZ(calc(150px / 1.8 * -1)) rotateY(180deg);
}

    .back[b-al2fnu7ag7]::after {
        animation: cubeSideOut-b-al2fnu7ag7 1.7s cubic-bezier(0.5, 1, 0.5, 1) infinite both;
    }

.left[b-al2fnu7ag7] {
    transform: translateX(calc(150px / 1.8 * -1)) rotateY(-90deg);
    display: none;
}

.right[b-al2fnu7ag7] {
    transform: translateX(calc(150px / 1.8)) rotateY(90deg);
}

    .right[b-al2fnu7ag7]::after {
        animation: cubeSideIn-b-al2fnu7ag7 1.7s cubic-bezier(0.5, 1, 0.5, 1) infinite both;
    }

.front[b-al2fnu7ag7] {
    transform: translateZ(calc(150px / 1.8));
    display: none;
}

@keyframes cubeRotation-b-al2fnu7ag7 {
    0%, 80% {
        transform: rotateX(20deg) rotateY(-135deg);
    }

    100% {
        transform: rotateX(20deg) rotateY(-45deg);
    }
}

@keyframes cubeSideIn-b-al2fnu7ag7 {
    0% {
        transform: translateY(-100%);
        opacity: 0;
    }

    25%, 100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes cubeSideOut-b-al2fnu7ag7 {
    0%, 60% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-100%);
        opacity: 0;
    }
}

@keyframes movingGradient-b-al2fnu7ag7 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translate(50%, 50%);
    }
}
/* /Shared/MainLayout/MainLayout.razor.rz.scp.css */
/*div {
    position: absolute;
    left: 0;
    top: 110px;
    right: 0;
    bottom: 0;
    background: #FAFAFA;
}
*/

/* =========== Google Fonts ============ */
/*@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap");
*/
/* =============== Globals ============== */

/** {
    font-family: "Ubuntu", sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --blue: #2a2185;
    --white: #fff;
    --gray: #f5f5f5;
    --black1: #222;
    --black2: #999;
}
*/
.mainlayout[b-r69vv6dh79] {
    min-height: 100vh;
    overflow-x: hidden;
}

.seller-container[b-r69vv6dh79] {
    position: relative;
    width: 100%;
}

/* ===================== Main ===================== */
.main[b-r69vv6dh79] {
    position: relative;
    width: calc(100% - 300px);
    left: 300px;
    min-height: 100vh;
    background: var(--paper);
    transition: 0.5s;
}
/* Hide scrollbar in WebKit-based browsers (Chrome, Safari, etc.) */
.main[b-r69vv6dh79]::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar in IE, Edge, older browsers */
.main[b-r69vv6dh79] {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
}

/* You still need overflow set to scroll or auto on the container */
.main[b-r69vv6dh79] {
    overflow-y: scroll; /* or auto, depending on your need */
}

    .main.active[b-r69vv6dh79] {
        width: calc(100% - 80px);
        left: 80px;
    }

.topbar[b-r69vv6dh79] {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}

.toggle[b-r69vv6dh79] {
    position: relative;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
    cursor: pointer;
}

.search[b-r69vv6dh79] {
    position: relative;
    width: 400px;
    margin: 0 10px;
}

    .search label[b-r69vv6dh79] {
        position: relative;
        width: 100%;
    }

        .search label input[b-r69vv6dh79] {
            width: 100%;
            height: 40px;
            border-radius: 40px;
            padding: 5px 20px;
            padding-left: 35px;
            font-size: 18px;
            outline: none;
            border: 1px solid var(--black2);
        }

        .search label ion-icon[b-r69vv6dh79] {
            position: absolute;
            top: 0;
            left: 10px;
            font-size: 1.2rem;
        }

.user[b-r69vv6dh79] {
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

    .user img[b-r69vv6dh79] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


/* ====================== Responsive Design ========================== */
@media (max-width: 991px) {
    .main[b-r69vv6dh79] {
        width: 100%;
        left: 0;
    }

        .main.active[b-r69vv6dh79] {
            left: 300px;
        }
}

@media (max-width: 480px) {
    .cardBox[b-r69vv6dh79] {
        grid-template-columns: repeat(1, 1fr);
    }

    .cardHeader h2[b-r69vv6dh79] {
        font-size: 20px;
    }

    .user[b-r69vv6dh79] {
        min-width: 40px;
    }

    .toggle[b-r69vv6dh79] {
        z-index: 10001;
    }

    .main.active .toggle[b-r69vv6dh79] {
        color: #fff;
        position: fixed;
        right: 0;
        left: initial;
    }
}
/* /Shared/MainLayout/Navigation.razor.rz.scp.css */
/* =============== Navigation ================ */

.navIcon[b-sdbb2m77ok] {
    width: 260px;
}

.navigation[b-sdbb2m77ok] {
    position: fixed;
    width: 300px;
    height: 100%;
    background: var(--charcoal);
    border-left: 10px solid var(--charcoal);
    transition: 0.5s;
    overflow-x: hidden;
    overflow-y: auto;
}

    .navigation.active[b-sdbb2m77ok] {
        width: 80px;
    }

    .navigation ul[b-sdbb2m77ok] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding-left: 0rem;
    }

        .navigation ul li[b-sdbb2m77ok] {
            position: relative;
            width: 100%;
            list-style: none;
            border-top-left-radius: 30px;
            border-bottom-left-radius: 30px;
        }

            .navigation ul li:hover[b-sdbb2m77ok],
            .navigation ul li.hovered[b-sdbb2m77ok] {
                background-color: var(--gray);
            }

            .navigation ul li.clicked[b-sdbb2m77ok] {
                background-color: dimgray;
            }

            .navigation ul li:nth-child(1)[b-sdbb2m77ok] {
                margin-bottom: 40px;
                pointer-events: none;
            }

            .navigation ul li a[b-sdbb2m77ok] {
                position: relative;
                display: block;
                width: 100%;
                display: flex;
                text-decoration: none;
                color: var(--white);
            }

            .navigation ul li:hover a[b-sdbb2m77ok],
            .navigation ul li.hovered a[b-sdbb2m77ok] {
                color: var(--paper);
            }

            .navigation ul li a .icon[b-sdbb2m77ok] {
                position: relative;
                display: block;
                min-width: 60px;
                height: 60px;
                line-height: 75px;
                text-align: center;
            }

            .navigation ul li a .material-symbols-outlined[b-sdbb2m77ok] {
                font-size: 35px !important;
            }

                .navigation ul li a .icon ion-icon[b-sdbb2m77ok] {
                    font-size: 1.75rem;
                }

            .navigation ul li a .title[b-sdbb2m77ok] {
                position: relative;
                display: block;
                padding: 0 10px;
                height: 60px;
                line-height: 60px;
                text-align: start;
                white-space: nowrap;
            }

            /* --------- curve outside ---------- */
            .navigation ul li:hover a[b-sdbb2m77ok]::before,
            .navigation ul li.hovered a[b-sdbb2m77ok]::before {
                content: "";
                position: absolute;
                right: 0;
                top: -50px;
                width: 50px;
                height: 50px;
                background-color: transparent;
                border-radius: 50%;
                box-shadow: 35px 35px 0 10px var(--gray);
                pointer-events: none;

            }

            .navigation ul li:hover a[b-sdbb2m77ok]::after,
            .navigation ul li.hovered a[b-sdbb2m77ok]::after {
                content: "";
                position: absolute;
                right: 0;
                bottom: -50px;
                width: 50px;
                height: 50px;
                background-color: transparent;
                border-radius: 50%;
                box-shadow: 35px -35px 0 10px var(--gray);
                pointer-events: none;
            }

            .navigation ul li.clicked a[b-sdbb2m77ok]::before {
                content: "";
                position: absolute;
                right: 0;
                top: -50px;
                width: 50px;
                height: 50px;
                background-color: transparent;
                border-radius: 50%;
                box-shadow: 35px 35px 0 10px dimgray;
                pointer-events: none;
            }

            .navigation ul li.clicked a[b-sdbb2m77ok]::after {
                content: "";
                position: absolute;
                right: 0;
                bottom: -50px;
                width: 50px;
                height: 50px;
                background-color: transparent;
                border-radius: 50%;
                box-shadow: 35px -35px 0 10px dimgray;
                pointer-events: none;
            }
/* ====================== Responsive Design ========================== */
@media (max-width: 991px) {
    .navigation[b-sdbb2m77ok] {
        left: -300px;
    }

        .navigation.active[b-sdbb2m77ok] {
            width: 300px;
            left: 0;
        }
}

@media (max-width: 480px) {
    .navigation[b-sdbb2m77ok] {
        width: 100%;
        left: -100%;
        z-index: 1000;
    }

        .navigation.active[b-sdbb2m77ok] {
            width: 100%;
            left: 0;
        }
}

@media (max-width: 991px) {
    .navIcon[b-sdbb2m77ok] {
        width: 0px;
    }
}
/* /Shared/PageContentHeader.razor.rz.scp.css */
header[b-7db80yyur6] {
}

.csv-file[b-7db80yyur6] {
    font-size: 31px;
    margin-left: 10px;
    position: relative;
    top: -4px;
    vertical-align: middle;
    color: #e97c81;
    cursor: pointer;
}

.csv-file:hover[b-7db80yyur6] {
    color: #D13159;
}
#filterCriteria[b-7db80yyur6] {
    display: inline-block;
    vertical-align: middle;
}

#pageActions[b-7db80yyur6] {
    display: inline-block;
    /*margin-left: 16px;*/
}

#saveButton[b-7db80yyur6] {
}

#cancelButton[b-7db80yyur6] {
}
/* /Shared/UserInputs/SearchableComboBox.Razor.rz.scp.css */
.searchable-dropdown[b-wk78or1dyn] {
    min-width: fit-content !important;
}