@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';

/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login_container[b-hwpvue0jlk] {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(./images/loginBg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.login_card[b-hwpvue0jlk] {
    width: 30vw;
    max-width: 50rem;
    border: 2px solid #dadada;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: var(--primary-bg);
}

.login_card_header[b-hwpvue0jlk] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.login_card_header .logo[b-hwpvue0jlk] {
    width: 10rem;
}

.login_card_header .logo img[b-hwpvue0jlk] {
    width: 100%;
}

.form_inputs[b-hwpvue0jlk] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.input_group[b-hwpvue0jlk] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.input_group label[b-hwpvue0jlk] {
    font-size: 1.3rem;
    font-weight: 600;
}

.forget_password_new_user[b-hwpvue0jlk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.forget_password_new_user p[b-hwpvue0jlk] {
    font-size: 1.3rem;
    color: blue !important;
    text-decoration: underline;
}

.forget_password_new_user p:nth-child(2)[b-hwpvue0jlk] {
}

.login_btn[b-hwpvue0jlk] {
    font-size: 1.5rem;
    font-weight: 600;
}

@media (min-width: 320px) and (max-width: 575.98px) {
    .login_card[b-hwpvue0jlk] {
        width: 90vw;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .login_card[b-hwpvue0jlk] {
        width: 50vw;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .login_card[b-hwpvue0jlk] {
        width: 50vw;
    }
}
/* /Components/Admin/BusinessType/Insert.razor.rz.scp.css */
.insert_page[b-442t6uozkm] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-442t6uozkm] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_container[b-442t6uozkm] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-442t6uozkm] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-442t6uozkm] .loadSpinner[Spinner-scope] {
    position: static;
}

[b-442t6uozkm] .formClass {
    margin-top: 0;
}

@media (min-width: 320px) and (max-width:575.99px) {
    .insert_container .insert_form[b-442t6uozkm] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Admin/BusinessType/InsertComponent.razor.rz.scp.css */
label[b-sldqmvce4s] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Admin/BusinessType/InsertModal.razor.rz.scp.css */
[b-4ydoaw80mq] .CustomeModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* /Components/Admin/BusinessType/List.razor.rz.scp.css */
.content_box_inner[b-azaey7hhhi] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .brand_header[b-azaey7hhhi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.brand_header h2[b-azaey7hhhi] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.brand_header a[b-azaey7hhhi] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-azaey7hhhi] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-azaey7hhhi] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-azaey7hhhi] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-azaey7hhhi] {
        outline-color: gray;
    }

.action_btn[b-azaey7hhhi] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-azaey7hhhi] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-azaey7hhhi] {
            width: 100%;
        }

[b-azaey7hhhi] thead tr th .col-justify-right:last-child .col-header-content .col-title {
    justify-content: flex-end;
}

[b-azaey7hhhi] .formClass {
    margin-top: 0;
}

[b-azaey7hhhi] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*tooltip */
[b-azaey7hhhi] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-azaey7hhhi] {
        padding: 1rem;
    }

    .brand_header h2[b-azaey7hhhi] {
        font-size: 1.8rem;
    }

    .brand_header a[b-azaey7hhhi] {
        font-size: 1.1rem;
    }

    .search-box[b-azaey7hhhi] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-azaey7hhhi] {
            font-size: 1.1rem;
        }
}
/* /Components/Admin/Business/InsertComponent.razor.rz.scp.css */
label[b-blymfmwtoi] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
.update_info[b-blymfmwtoi] {
    position: relative;
    width: 100%;
    top: 0;
    background: white;
    padding: 0;
}
.form_intpurs[b-blymfmwtoi]{
    display:grid;
    gap:1rem;
    grid-template-columns:repeat(2, 1fr);
}
.form_holder[b-blymfmwtoi]{
    display:flex;
    flex-direction:column;
    gap:1rem;
}

.select_input_item[b-blymfmwtoi]{
    width:100%;
}

.upload_logo label[b-blymfmwtoi] {
    display: flex;
    gap: 1rem;
    padding: .7rem 1rem;
    background: #c1c3c5;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.4rem;
    font-weight: 500;
}
    .upload_logo label i[b-blymfmwtoi]{
        font-size:2rem;
    }

.input_group[b-blymfmwtoi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .input_group button[b-blymfmwtoi] {
        min-width: 30px;
        width: 30px;
        font-size: 2.5rem;
        border: none;
        background: transparent;
        color: var(--addInputBtn);
        outline: none;
        border: none;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    .input_group button img[b-blymfmwtoi] {
        width: 100%;
    }




[b-blymfmwtoi] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    position: fixed;
    width: 100vw;
    left: 0;
    top: 0;
    height: 100vh;
}
[b-blymfmwtoi] .CustomeModal .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 2rem;
   
}
[b-blymfmwtoi] .formClass {
    margin-top: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .update_info[b-blymfmwtoi] {
        width: 100%;
    }
    .form_intpurs[b-blymfmwtoi] {
        grid-template-columns: repeat(1, 1fr);
    }
    [b-blymfmwtoi] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        position: fixed;
        width: 100vw;
        left: 0;
        top: 3.5rem;
        height: 100vh;
        padding: 1rem;
    }
    .CustomeModal .modal_box .modal_head[basemodal-scope][b-blymfmwtoi] {
        padding-bottom: 0;
    }
 
}
@media (min-width:687px) and (max-width:991.98px) {
    .update_info[b-blymfmwtoi] {
        width: 67vw;
    }
}
/* /Components/Admin/Business/Update.razor.rz.scp.css */
.info_Insert_page[b-ioz2az3zae] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-ioz2az3zae] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_form[b-ioz2az3zae] {
    width: 40vw;
    margin-top: 3rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: var(--primary-bg);
    border-radius:10px;
    position:relative;
}
.lable_group[b-ioz2az3zae]{
    display:flex;
    gap:1rem;
    align-items:center;
}
    .lable_group label[b-ioz2az3zae] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
        width: 37%;
    }
    .lable_group .sign[b-ioz2az3zae] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
    }
    .lable_group span:nth-child(3)[b-ioz2az3zae] {
        font-size: 1.4rem;
        font-weight: 400;
    }
.insert_form .edit_btn[b-ioz2az3zae] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .5rem;
    position:absolute;
    right:1rem;
    top:1rem;
}
    .insert_form .edit_btn button[b-ioz2az3zae] {
        padding: 0.5rem 1.5rem;
        border: none;
        outline: none;
        background: blue;
        color: white;
        font-size: 1.2rem;
        border-radius: 5px;
    }

[b-ioz2az3zae] .submit_btn {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}
[b-ioz2az3zae] .formClass {
    margin-top: 0;
}
[b-ioz2az3zae] #spanText {
    width: 110px;
}

[b-ioz2az3zae] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ioz2az3zae] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ioz2az3zae] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media (min-width:320px) and (max-width:767.98px){
    .insert_form[b-ioz2az3zae] {
        width: 100%;
    }
}
@media (min-width:768px) and (max-width:991.98px){
    .insert_form[b-ioz2az3zae] {
        width: 65vw;
    }
}
/* /Components/Admin/Client/ClientActivityList.razor.rz.scp.css */
.content_box_inner[b-055j3nj50u] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .user_header[b-055j3nj50u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_header h2[b-055j3nj50u] {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
}

.user_header a[b-055j3nj50u] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-055j3nj50u] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-055j3nj50u] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-055j3nj50u] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-055j3nj50u] {
        outline-color: gray;
    }

.action_btn[b-055j3nj50u] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-055j3nj50u] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-055j3nj50u] {
            width: 100%;
        }

[b-055j3nj50u] .CustomeModal .modal_box[BaseModal-scope] {
    margin-top: 0;
    width: auto;
}

[b-055j3nj50u] .CustomeModal .modal_box .modal_head[basemodal-scope] {
    padding-bottom: 0;
}
/*tooltip */
.action_btn[b-055j3nj50u]  #spanText {
    width: 52px;
}

.green-value[b-055j3nj50u] {
    background-color: #d1e7dd;
}

@media (min-width:320px) and (max-width:575.98px) {
    .content_box_inner[b-055j3nj50u] {
        padding: 1rem;
    }
    [b-055j3nj50u] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 1rem 1rem;
    }
}
/* /Components/Admin/Client/Create.razor.rz.scp.css */
.create_client[b-js588p8qoa] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-js588p8qoa] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_form[b-js588p8qoa] {
    width: 40vw;
    margin-top: 3rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: var(--primary-bg);
    border-radius: 10px;
    position: relative;
}

.lable_group[b-js588p8qoa] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

    .lable_group label[b-js588p8qoa] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
        width: 37%;
    }

    .lable_group .sign[b-js588p8qoa] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
    }

    .lable_group span:nth-child(3)[b-js588p8qoa] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.insert_form .edit_btn[b-js588p8qoa] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .5rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
}

    .insert_form .edit_btn button[b-js588p8qoa] {
        padding: 0.5rem 1.5rem;
        border: none;
        outline: none;
        background: blue;
        color: white;
        font-size: 1.2rem;
        border-radius: 5px;
    }

[b-js588p8qoa] .input_group button {
    min-width: 40px;
    font-size: 2.5rem;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

[b-js588p8qoa] .submit_btn {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

[b-js588p8qoa] .formClass {
    margin-top: 0;
}

[b-js588p8qoa] #spanText {
    width: 110px;
}

[b-js588p8qoa] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-js588p8qoa] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-js588p8qoa] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media (min-width:320px) and (max-width:767.98px) {
    .insert_form[b-js588p8qoa] {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .insert_form[b-js588p8qoa] {
        width: 65vw;
    }
}
/* /Components/Admin/Client/CreateComponent.razor.rz.scp.css */
label[b-rflmfbg7st] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}

.update_info[b-rflmfbg7st] {
    left: 0;
    top: -2rem;
    background: white;
}

.form_intpurs[b-rflmfbg7st] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, 1fr);
}

.form_holder[b-rflmfbg7st] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.select_input_item[b-rflmfbg7st] {
    width: 100%;
}

.input_group[b-rflmfbg7st] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .input_group button[b-rflmfbg7st] {
        min-width: 30px;
        width: 30px;
        font-size: 2.5rem;
        border: none;
        background: transparent;
        color: var(--addInputBtn);
        outline: none;
        border: none;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    .input_group button img[b-rflmfbg7st] {
        width: 100%;
    }



[b-rflmfbg7st] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    position: fixed;
    width: 100vw;
    left: 0;
    top:0;
    height: 100vh;
}

[b-rflmfbg7st] .CustomeModal .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 2rem;
}

[b-rflmfbg7st] .formClass {
    margin-top: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .update_info[b-rflmfbg7st] {
        width: 100%;
    }

    .form_intpurs[b-rflmfbg7st] {
        grid-template-columns: repeat(1, 1fr);
    }

    [b-rflmfbg7st] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        position: fixed;
        width: 100vw;
        left: 0;
        top: 3.5rem;
        height: 100vh;
        padding: 1rem;
    }

    .CustomeModal .modal_box .modal_head[basemodal-scope][b-rflmfbg7st] {
        padding-bottom: 0;
    }
}

@media (min-width:687px) and (max-width:991.98px) {
    .update_info[b-rflmfbg7st] {
        width: 67vw;
    }
}
/* /Components/Admin/Client/List.razor.rz.scp.css */
.content_box_inner[b-panv6uzjj0] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .user_header[b-panv6uzjj0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_header h2[b-panv6uzjj0] {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
}

.user_header a[b-panv6uzjj0] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-panv6uzjj0] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-panv6uzjj0] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-panv6uzjj0] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-panv6uzjj0] {
        outline-color: gray;
    }

.action_btn[b-panv6uzjj0] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-panv6uzjj0] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-panv6uzjj0] {
            width: 100%;
        }

[b-panv6uzjj0] .CustomeModal .modal_box[BaseModal-scope] {
    margin-top: 0;
    width: auto;
}

[b-panv6uzjj0] .CustomeModal .modal_box .modal_head[basemodal-scope] {
    padding-bottom: 0;
}
/*tooltip */
.action_btn[b-panv6uzjj0]  #spanText {
    width: 52px;
}

@media (min-width:320px) and (max-width:575.98px) {
    .content_box_inner[b-panv6uzjj0] {
        padding: 1rem;
    }
    [b-panv6uzjj0] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 1rem 1rem;
    }
}
/* /Components/Admin/Client/Only30DaysActive.razor.rz.scp.css */
.content_box_inner[b-iu3e9jr60m] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .user_header[b-iu3e9jr60m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_header h2[b-iu3e9jr60m] {
    font-size: 2.5rem;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
}

.user_header a[b-iu3e9jr60m] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search_bar[b-iu3e9jr60m] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-iu3e9jr60m] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-iu3e9jr60m] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-iu3e9jr60m], select[b-iu3e9jr60m] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-iu3e9jr60m] {
        margin-left: auto;
    }

.input_date[b-iu3e9jr60m] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.report_button[b-iu3e9jr60m] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-iu3e9jr60m] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-iu3e9jr60m] {
    opacity: .8;
}

.action_btn[b-iu3e9jr60m] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-iu3e9jr60m] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-iu3e9jr60m] {
            width: 100%;
        }

[b-iu3e9jr60m] .CustomeModal .modal_box[BaseModal-scope] {
    margin-top: 0;
    width: auto;
}

[b-iu3e9jr60m] .CustomeModal .modal_box .modal_head[basemodal-scope] {
    padding-bottom: 0;
}
/*tooltip */
.action_btn[b-iu3e9jr60m]  #spanText {
    width: 52px;
}

.green-value[b-iu3e9jr60m] {
    background-color: #d1e7dd;
}

@media (min-width:320px) and (max-width:575.98px) {
    .content_box_inner[b-iu3e9jr60m] {
        padding: 1rem;
    }
    [b-iu3e9jr60m] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 1rem 1rem;
    }
}
/* /Components/Admin/Client/Registration.razor.rz.scp.css */
/* /Components/Admin/Client/RegistrationComponent.razor.rz.scp.css */
.form_wrapper[b-mgjh4lt4e3] {
    padding: 2rem;
    background: var(--primary-bg);
    width: 50rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
}

.user_info[b-mgjh4lt4e3] {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 1rem;
}

.user_info_input_group label[b-mgjh4lt4e3] {
    font-size: 1.2rem;
    font-weight: 500;
    padding-bottom: 1rem;
    user-select: none;
}

.form_wrapper h3[b-mgjh4lt4e3] {
    padding: 2rem 0 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.select_user[b-mgjh4lt4e3] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 2rem;
}

.checkbox .form-label[b-mgjh4lt4e3] {
    display: flex;
    align-items: center;
    gap: .4rem;
    font-size: 1.3rem;
    font-weight: 400;
}

.submit_btn[b-mgjh4lt4e3] {
    margin-top: 1rem;
}

@media (min-width:320px) and (max-width:575.98px) {
    .form_wrapper[b-mgjh4lt4e3] {
        width: auto;
    }

    .select_user[b-mgjh4lt4e3] {
        gap: .5rem;
        flex-wrap: wrap;
    }
}
/* /Components/Admin/Currency/Insert.razor.rz.scp.css */
.insert_page[b-av9syr13sf] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-av9syr13sf] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-av9syr13sf] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-av9syr13sf] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-av9syr13sf] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-av9syr13sf] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-av9syr13sf] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Admin/Currency/InsertComponent.razor.rz.scp.css */
label[b-zv0tkc79ma] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Admin/Currency/List.razor.rz.scp.css */
.content_box_inner[b-xxc7xdue9e] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .product_unit_header[b-xxc7xdue9e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_unit_header h2[b-xxc7xdue9e] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.product_unit_header a[b-xxc7xdue9e] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-xxc7xdue9e] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-xxc7xdue9e] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-xxc7xdue9e] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-xxc7xdue9e] {
        outline-color: gray;
    }
.action_btn[b-xxc7xdue9e] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-xxc7xdue9e] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-xxc7xdue9e] {
            width: 100%;
        }

[b-xxc7xdue9e] .formClass {
    margin-top: 0;
}
[b-xxc7xdue9e] #PriceUnitInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-xxc7xdue9e] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-xxc7xdue9e] #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-xxc7xdue9e] {
        padding: 1rem;
    }
    .product_unit_header h2[b-xxc7xdue9e] {
        font-size: 1.8rem;
    }

    .product_unit_header a[b-xxc7xdue9e] {
        font-size: 1.1rem;
    }

    .search-box[b-xxc7xdue9e] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-xxc7xdue9e] {
            font-size: 1.1rem;
        }
}
/* /Components/Admin/Role/Insert.razor.rz.scp.css */
.user_Insert_page[b-xbn3vmq80d] {
    padding: 2rem;
    background: var(--primary-bg);
}

.user_insert_header h2[b-xbn3vmq80d] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Admin/Role/InsertComponent.razor.rz.scp.css */
.form_wrapper[b-i0cqzvao7w] {
    padding: 2rem;
    background: var(--primary-bg);
    width: 50rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
}

.user_info[b-i0cqzvao7w] {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 1rem;
}

.user_info_input_group label[b-i0cqzvao7w] {
    font-size: 1.2rem;
    font-weight: 500;
    padding-bottom: 1rem;
    user-select: none;
}

.form_wrapper h3[b-i0cqzvao7w] {
    padding: 2rem 0 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.select_user[b-i0cqzvao7w] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem 2rem;
    flex-wrap: wrap;
}

.checkbox[b-i0cqzvao7w] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

    .checkbox .form-label[b-i0cqzvao7w] {
        display: flex;
        align-items: center;
        gap: .4rem;
        font-size: 1.3rem;
        font-weight: 400;
        margin: 0;
        cursor: pointer;
        user-select: none;
    }

[b-i0cqzvao7w] .submit_btn {
    margin-top: 1rem;
}

@media (min-width:320px) and (max-width:575.98px) {
    .form_wrapper[b-i0cqzvao7w] {
        width: auto;
    }

    .select_user[b-i0cqzvao7w] {
        gap: .5rem;
        flex-wrap: wrap;
    }
}
/* /Components/Admin/Role/List.razor.rz.scp.css */
.content_box_inner[b-d73id3rh9a] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .user_header[b-d73id3rh9a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_header h2[b-d73id3rh9a] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.user_header a[b-d73id3rh9a] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-d73id3rh9a] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-d73id3rh9a] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-d73id3rh9a] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-d73id3rh9a] {
        outline-color: gray;
    }

.action_btn[b-d73id3rh9a] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-d73id3rh9a] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-d73id3rh9a] {
            width: 100%;
        }

[b-d73id3rh9a] .CustomeModal .modal_box[BaseModal-scope] {
    margin-top: 0;
    width: auto;
}

[b-d73id3rh9a] .CustomeModal .modal_box .modal_head[basemodal-scope] {
    padding-bottom: 0;
}
/*tooltip */
.action_btn[b-d73id3rh9a]  #spanText {
    width: 52px;
}

@media (min-width:320px) and (max-width:575.98px) {
    .content_box_inner[b-d73id3rh9a] {
        padding: 1rem;
    }

    [b-d73id3rh9a] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 1rem 1rem;
    }
}
/* /Components/Admin/SystemSetting.razor.rz.scp.css */

.setting_wrapper[b-zbi5n3rej4]{
    padding:2rem;
    background:var(--primary-bg);
}
.setting_header[b-zbi5n3rej4]{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:2rem;
    border-bottom:1px solid lightgray;
}
.setting_header h1[b-zbi5n3rej4]{
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
    .setting_header button[b-zbi5n3rej4] {
        min-width: 6rem;
        font-size: 1.3rem;
    }
    .settings_container[b-zbi5n3rej4] {
        display: grid;
        grid-template-columns: repeat(5,1fr);
        gap: 3rem;
        padding-top: 3rem;
    }

.setting_group[b-zbi5n3rej4]{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:.5rem;
}
    .setting_group label[b-zbi5n3rej4] {
        font-size: 1.2rem;
        font-weight: 600;
        color: black;
        user-select:none;
        cursor:pointer;
    }
    /*toggle button css*/
    .toggle-switch[b-zbi5n3rej4] {
        display: inline-block;
        position: relative;
        width: 60px;
        height: 24px;
    }

.toggle-input[b-zbi5n3rej4] {
    display: none;
}

.toggle-label[b-zbi5n3rej4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 24px;
    background-color: #ccc;
    border-radius: 34px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .toggle-label[b-zbi5n3rej4]:before {
        content: "";
        position: absolute;
        top: 2px;
        left: 2px;
        width: 20px;
        height: 20px;
        background-color: #fff;
        border-radius: 50%;
        transition: transform 0.3s;
    }

.toggle-input:checked + .toggle-label[b-zbi5n3rej4] {
    background-color: #4fbf26;
}

    .toggle-input:checked + .toggle-label[b-zbi5n3rej4]:before {
        transform: translateX(26px);
    }


.product_create_container[b-zbi5n3rej4] {
    background: var(--primary-bg);
}


    .product_create_container .insert_product_form[b-zbi5n3rej4] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

.form_N_title_wraper[b-zbi5n3rej4] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .form_N_title_wraper .feilds[b-zbi5n3rej4] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .form_N_title_wraper h3[b-zbi5n3rej4] {
        padding-bottom: .5rem;
        width: fit-content;
    }

    .form_N_title_wraper hr[b-zbi5n3rej4] {
        margin: 0;
    }


.product_create_container .form_group input[b-zbi5n3rej4] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    width: 100%;
}

    .product_create_container .form_group input:focus[b-zbi5n3rej4] {
        outline: none;
    }

.product_create_container .form_group select[b-zbi5n3rej4] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    cursor: pointer;
}

    .product_create_container .form_group select:focus[b-zbi5n3rej4] {
        outline: none;
    }

.select_group[b-zbi5n3rej4] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.select_item[b-zbi5n3rej4] {
    display: flex;
    justify-content: space-between !important;
    align-items: center !important;
}

    .select_item select[b-zbi5n3rej4] {
        width: -webkit-fill-available;
    }

[b-zbi5n3rej4] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

.select_item button[b-zbi5n3rej4] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

    .select_item button img[b-zbi5n3rej4] {
        width: 100%;
    }

    .select_item button:focus[b-zbi5n3rej4] {
        outline: none;
        border: none;
        box-shadow: none;
    }

[b-zbi5n3rej4] .loadSpinner[Spinner-scope] {
    background: var(--secondary-bg);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

    @media (min-width:320px) and (max-width:575.98px){
        .settings_container[b-zbi5n3rej4] {
            grid-template-columns: repeat(2,1fr);
            gap:1.3rem;
        }
    }
    @media (min-width:576px) and (max-width:767.98px){
        .settings_container[b-zbi5n3rej4] {
            grid-template-columns: repeat(2,1fr);
        }
    }
    @media (min-width:768px) and (max-width:1279.98px){
        .settings_container[b-zbi5n3rej4] {
            grid-template-columns: repeat(4,1fr);
        }
    }
/* /Components/Admin/User/Insert.razor.rz.scp.css */
.user_Insert_page[b-tfsso8zp3d] {
    padding: 2rem;
    background: var(--primary-bg);
}

.user_insert_header h2[b-tfsso8zp3d] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Admin/User/InsertComponent.razor.rz.scp.css */
.form_wrapper[b-61yj3y5g3z] {
    padding: 2rem;
    background: var(--primary-bg);
   /* width: 50rem;*/
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius:10px;
}
.user_info[b-61yj3y5g3z] {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    gap: 1rem;

}
.user_info_input_group label[b-61yj3y5g3z]{
    font-size:1.2rem;
    font-weight:500;
    padding-bottom:1rem;
    user-select:none;
}
.form_wrapper h3[b-61yj3y5g3z] {
    padding: 1rem 0 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}
.select_user[b-61yj3y5g3z] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0.5rem 2rem;
    flex-wrap: wrap;
}
.checkbox[b-61yj3y5g3z] {
    display: flex;
    gap: .5rem;
    align-items: center;
}
    .checkbox .form-label[b-61yj3y5g3z] {
        display: flex;
        align-items: center;
        gap: .4rem;
        font-size: 1.3rem;
        font-weight: 400;
        margin: 0;
        cursor: pointer;
        user-select: none;
        white-space: nowrap;
    }
[b-61yj3y5g3z] .submit_btn {
    margin-top: 1rem;
}
@media (min-width:320px) and (max-width:575.98px) {
    .form_wrapper[b-61yj3y5g3z] {
        width: auto;
    }
    .select_user[b-61yj3y5g3z] {
        gap: .5rem;
        flex-wrap: wrap;
    }
}

.user_insert_header[b-61yj3y5g3z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0 0;
    z-index: 9;
}

.user_insert_header_left[b-61yj3y5g3z] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
/* /Components/Admin/User/List.razor.rz.scp.css */
.content_box_inner[b-92tromejvh] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .user_header[b-92tromejvh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user_header h2[b-92tromejvh] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.user_header a[b-92tromejvh] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-92tromejvh] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-92tromejvh] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-92tromejvh] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-92tromejvh] {
        outline-color: gray;
    }

.action_btn[b-92tromejvh] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-92tromejvh] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-92tromejvh] {
            width: 100%;
        }

[b-92tromejvh] .CustomeModal .modal_box[BaseModal-scope] {
     margin-top: 0; 
     width: auto; 
}
[b-92tromejvh] .CustomeModal .modal_box .modal_head[basemodal-scope] {
    padding-bottom: 0;
}
/*tooltip */
.action_btn[b-92tromejvh]  #spanText {
    width: 52px;
}
@media (min-width:320px) and (max-width:575.98px){
    .content_box_inner[b-92tromejvh] {
        padding: 1rem;
    }
    [b-92tromejvh] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 1rem 1rem;
    }
}
/* /Components/Layout/Footer.razor.rz.scp.css */
footer[b-8ta4bdq4c1] {
    padding: 0.5rem 1rem;
    background: rgb(247, 247, 247);
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 6;
}

footer p[b-8ta4bdq4c1] {
    font-size: 1.2rem;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
    padding-left: 2rem;
    max-width: 1680px;
    margin: 0 auto;
}


@media (min-width:320px) and (max-width: 575.99px) {
    footer p[b-8ta4bdq4c1] {
        padding: 0;
        text-align: center;
    }
}

@media (min-width:768px) and (max-width: 991.99px) {
    footer p[b-8ta4bdq4c1] {
        padding: 0;
        text-align: left;
    }
}
/* /Components/Layout/FooterEmptyLayout.razor.rz.scp.css */
[b-o0gwub5we2] footer p{
    font-size: 1.2rem;
    font-family: "Mulish", sans-serif;
    font-weight: 500;
     padding-left: 0; 
    margin: 0;
    text-align: center;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-eo270u90vn] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-eo270u90vn] {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#wrapper[b-eo270u90vn] {
    width: 100%;
    display: flex;
    background: var(--primary-bg);
}

    #wrapper .content[b-eo270u90vn] {
        width: 100%;
        position: relative;
        overflow: auto;
        height: 100vh;
        background: var(--secondary-bg);
    }

.content_body[b-eo270u90vn] {
    padding: 2rem;
    overflow-y: scroll;
    height: 90vh;
    max-width: 1940px;
    margin: 0 auto;
    position: relative;
}

    .content_body[b-eo270u90vn]::-webkit-scrollbar {
        display: none;
    }




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

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

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

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


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

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

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

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

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

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

    .top-row[b-eo270u90vn], article[b-eo270u90vn] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-eo270u90vn] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-eo270u90vn] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

@media (min-width:320px) and (max-width: 575.99px) {
    .content_body[b-eo270u90vn] {
        padding: 2rem 1.5rem;
    }
}

@media (min-width:1500px) {
    .content_body[b-eo270u90vn] {
        height: 92vh;
        padding-bottom: 1.5rem;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav_area[b-gi2yh67g04] {
    position: sticky;
    top: 0;
    padding: 0 0rem;
    width: 100%;
    z-index: 999;
    left: 0;
    background: var(--primary-bg);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.navbar[b-gi2yh67g04] {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0;
    transition: .3s all;
    border: none;
    padding: 0;
}

.sticky_header[b-gi2yh67g04] {
    max-width: 1940px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    padding: 1.4rem 2rem;
    justify-content: space-between;
}

    .sticky_header .toggle_menu[b-gi2yh67g04] {
        font-size: 1.6rem;
        padding: .5rem;
        width: 3rem;
        height: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: .5rem;
        background: var(--primary-bg);
        cursor: pointer;
        user-select: none;
        border: none;
        outline: none;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    }

        .sticky_header .toggle_menu img[b-gi2yh67g04] {
            width: 100%;
        }

.navbar .nav_search[b-gi2yh67g04] {
    min-width: 26%;
}

.form-group[b-gi2yh67g04] {
    margin: 0;
}

.nav_search .input-group[b-gi2yh67g04] {
    border-radius: 2rem !important;
    border: 1px solid rgba(128, 128, 128, 0.185);
    background: var(--primery-bg);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.btn-group-vertical > .btn-group[b-gi2yh67g04]:after,
.btn-group-vertical > .btn-group[b-gi2yh67g04]:before,
.btn-toolbar[b-gi2yh67g04]:after,
.btn-toolbar[b-gi2yh67g04]:before,
.clearfix[b-gi2yh67g04]:after,
.clearfix[b-gi2yh67g04]:before,
.container-fluid[b-gi2yh67g04]:after,
.container-fluid[b-gi2yh67g04]:before,
.container[b-gi2yh67g04]:after,
.container[b-gi2yh67g04]:before,
.dl-horizontal dd[b-gi2yh67g04]:after,
.dl-horizontal dd[b-gi2yh67g04]:before,
.form-horizontal .form-group[b-gi2yh67g04]:after,
.form-horizontal .form-group[b-gi2yh67g04]:before,
.modal-footer[b-gi2yh67g04]:after,
.modal-footer[b-gi2yh67g04]:before,
.modal-header[b-gi2yh67g04]:after,
.modal-header[b-gi2yh67g04]:before,
.nav[b-gi2yh67g04]:after,
.nav[b-gi2yh67g04]:before,
.navbar-collapse[b-gi2yh67g04]:after,
.navbar-collapse[b-gi2yh67g04]:before,
.navbar-header[b-gi2yh67g04]:after,
.navbar-header[b-gi2yh67g04]:before,
.navbar[b-gi2yh67g04]:after,
.navbar[b-gi2yh67g04]:before,
.pager[b-gi2yh67g04]:after,
.pager[b-gi2yh67g04]:before,
.panel-body[b-gi2yh67g04]:after,
.panel-body[b-gi2yh67g04]:before,
.row[b-gi2yh67g04]:after,
.row[b-gi2yh67g04]:before {
    display: none !important;
}

.navbar .nav_search .form-control:focus[b-gi2yh67g04] {
    outline: none;
    background: transparent;
    box-shadow: none !important;
}

.navbar .nav_search .form-control[b-gi2yh67g04] {
    padding: 0;
    font-size: 1.5rem;
    font-weight: normal;
    font-family: "Quicksand", sans-serif;
    background: transparent;
    border: none !important;
    outline: none !important;
    box-shadow: none;
    padding-right: 1rem;
}

.input-group-addon[b-gi2yh67g04] {
    background: transparent !important;
    border: none !important;
    outline: none;
    font-size: 1.6rem;
    padding: 0.5rem 1rem;
}

.nav_action[b-gi2yh67g04] {
    display: flex;
    gap: 1rem;
}

    .nav_action button[b-gi2yh67g04] {
        border: none;
        outline: none;
        font-size: 2rem;
        background: transparent;
        width: 2rem;
    }

        .nav_action button img[b-gi2yh67g04] {
            width: 100%;
        }

    .nav_action .notification[b-gi2yh67g04] {
        position: relative;
    }

        .nav_action .notification .notification_dropdown[b-gi2yh67g04] {
            position: absolute;
            top: 4rem;
            right: -4rem;
            box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
            background: white;
            border-radius: 5px;
            display: none;
        }

            .nav_action .notification .notification_dropdown.active[b-gi2yh67g04] {
                display: block;
            }

            .nav_action .notification .notification_dropdown[b-gi2yh67g04]:before {
                position: absolute;
                top: -0.8rem;
                height: 1.5rem;
                width: 1.5rem;
                content: '';
                right: 4rem;
                transform: rotate(135deg);
                background: white;
                box-shadow: -2px 2px 3px rgba(57,73,76,.1);
            }

            .nav_action .notification .notification_dropdown ul[b-gi2yh67g04] {
                display: flex;
                flex-direction: column;
                gap: .4rem;
                margin: 0;
                padding: 0;
                padding: 1rem;
                width: 25rem;
                max-height: 30rem;
                overflow: auto;
                z-index: 30;
                position: relative;
            }

                .nav_action .notification .notification_dropdown ul li[b-gi2yh67g04] {
                    list-style-type: none;
                    display: flex;
                    flex-direction: column;
                    gap: .3rem;
                    border-bottom: 1px solid #dedede;
                    padding: 1rem 2rem;
                    cursor: pointer;
                }

.notification .notification_dropdown ul li:hover[b-gi2yh67g04] {
    background: whitesmoke;
}

.notification .notification_dropdown ul li h3[b-gi2yh67g04] {
    font-size: 1.4rem;
    font-weight: 600;
}

.notification .notification_dropdown ul li p[b-gi2yh67g04] {
    font-size: 1.2rem;
    margin: 0;
}

.nav_action .notification[b-gi2yh67g04]:before {
    position: absolute;
    content: "";
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    background: red;
    right: 0;
    top: 0rem;
}


/*custom scrollbar for notification dorpdown*/
.notification_dropdown ul[b-gi2yh67g04]::-webkit-scrollbar {
    width: 5px;
    padding: 1rem 0;
}

.notification_dropdown ul[b-gi2yh67g04]::-webkit-scrollbar-track {
    background-color: darkgrey;
}

.notification_dropdown ul[b-gi2yh67g04]::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

.notification_dropdown ul[b-gi2yh67g04]::-webkit-scrollbar-thumb {
    background-color: #d4aa70;
    border-radius: 100px;
}







.nav_action .user_info[b-gi2yh67g04] {
    position: relative;
}

.user_info .user_avatar[b-gi2yh67g04] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

    .user_info .user_avatar img[b-gi2yh67g04] {
        width: 100%;
    }

.user_info .user_drawer[b-gi2yh67g04] {
    position: absolute;
    top: 4rem;
    right: -1rem;
    width: 25rem;
    border-radius: 5px;
    background: white;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    display: none;
    z-index: 9;
    transition: all .4s ease-in-out;
}

.user_drawer.active[b-gi2yh67g04] {
    display: block;
}

.user_drawer[b-gi2yh67g04]:before {
    position: absolute;
    top: -0.6rem;
    height: 1.5rem;
    width: 1.5rem;
    content: '';
    right: 1.4rem;
    transform: rotate(135deg);
    background: #efe5dd;
    box-shadow: -2px 2px 3px rgba(57, 73, 76, .1);
    z-index: -1;
}

.user_img_and_name[b-gi2yh67g04] {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    gap: 1rem;
    background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);
}

    .user_img_and_name .user_img[b-gi2yh67g04] {
        width: 8rem;
        height: 8rem;
        border-radius: 50%;
    }

        .user_img_and_name .user_img img[b-gi2yh67g04] {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.user_links ul[b-gi2yh67g04] {
    margin: 0;
    padding: 1rem 0 1.5rem;
}



    .user_links ul li[b-gi2yh67g04] {
        list-style-type: none;
    }

        .user_links ul li .Drawer_link[b-gi2yh67g04] {
            width: 100%;
            font-size: 1.5rem;
            font-weight: 500;
            padding: .5rem 2rem;
            display: flex;
            justify-content: flex-start;
            gap: 1rem;
            align-items: center;
        }

            .user_links ul li .Drawer_link img[b-gi2yh67g04] {
                width: 2rem;
            }

        .user_links ul li:hover[b-gi2yh67g04] {
            background: #eeecec;
            cursor: pointer;
        }










.nav_action .user_info button[b-gi2yh67g04] {
    font-size: 1.7rem;
    font-family: "Quicksand", sans-serif;
    font-weight: 700;
    display: flex;
    gap: 0.4rem;
    align-items: center;
}

.navbar-toggler[b-gi2yh67g04] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-gi2yh67g04] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-gi2yh67g04] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-gi2yh67g04] {
    font-size: 1.1rem;
}

.bi[b-gi2yh67g04] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-gi2yh67g04] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-gi2yh67g04] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-gi2yh67g04] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-gi2yh67g04] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-gi2yh67g04] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-gi2yh67g04] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-gi2yh67g04] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-gi2yh67g04] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-gi2yh67g04] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-gi2yh67g04] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-gi2yh67g04] {
        padding-bottom: 1rem;
    }

    .nav-item[b-gi2yh67g04]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

    .nav-item[b-gi2yh67g04]  a.active {
        background-color: rgba(255,255,255,0.37);
        color: white;
    }

    .nav-item[b-gi2yh67g04]  .nav-link:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

.nav-scrollable[b-gi2yh67g04] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-gi2yh67g04] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-gi2yh67g04] {
        display: none;
    }

    .nav-scrollable[b-gi2yh67g04] {
        Never collapse the sidebar for wide screens display: block;
        Allow sidebar to scroll for tall menus height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}


@media (min-width:320px) and (max-width: 767.99px) {
    .sticky_header[b-gi2yh67g04] {
        padding: 1.4rem 1rem;
    }

    .user_info .user_drawer[b-gi2yh67g04] {
        right: 0rem;
        width: 20rem;
    }

    .user_links[b-gi2yh67g04] {
        position: relative;
        top: 0;
        transition: all .4s ease-in-out;
        visibility: visible;
        opacity: 1;
        z-index: 1;
    }
}
/* /Components/Layout/SideBar.razor.rz.scp.css */
#sidebar[b-osppsobduy] {
    min-width: 300px;
    max-width: 300px;
    padding: 1rem 2.5rem 0;
    background: var(--primary-bg);
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.527);
    height: 100vh;
    transition: 0.4s ease;
    z-index: 9999;
}

    #sidebar.active[b-osppsobduy] {
        min-width: 90px;
        max-width: 90px;
    }

.sidebar_inner[b-osppsobduy] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    overflow: auto;
}

/* navbar design css  */
.logo[b-osppsobduy] {
    display: flex;
    gap: 1rem;
    align-items: center;
    transition: .3s all ease-out;
    width: 16vw;
}

    .logo h2[b-osppsobduy] {
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
        font-size: 2.5rem;
        font-weight: 600;
        color: rgb(54, 54, 54);
        transition: .3s all ease-out;
    }



        .logo h2.active[b-osppsobduy] {
            display: none;
        }

    .logo .logo_img[b-osppsobduy] {
        width: 4rem;
    }

        .logo .logo_img img[b-osppsobduy] {
            width: 100%;
        }

.SidbarToggler_mobile[b-osppsobduy] {
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid lightgray;
    border-radius: 6px;
    font-size: 1.7rem;
    display: none;
}

    .SidbarToggler_mobile img[b-osppsobduy] {
        width: 3rem;
    }

#navbarSupportedContent[b-osppsobduy] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

#sidebar .sidebar_inner .navbar[b-osppsobduy] {
    justify-content: flex-start;
    height: 100%;
    padding-top: 3rem;
}

#sidebar .sidebar_inner .components[b-osppsobduy] {
    padding-left: 0;
    margin-bottom: 0;
}

.components #home_menu[b-osppsobduy] {
    position: relative;
}

    .components #home_menu[b-osppsobduy]::after {
        content: "";
        position: absolute;
        top: 2rem;
        right: 0;
        display: inline-block;
        margin-left: 0.255em;
        border-top: 0.5rem solid;
        border-right: 0.5rem solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        color: rgb(21, 36, 250);
    }

.components_menu[b-osppsobduy] {
    position: relative;
}

    .components_menu[b-osppsobduy]::after {
        content: "";
        position: absolute;
        top: 2rem;
        right: 0;
        display: inline-block;
        margin-left: 0.255em;
        border-top: 0.5rem solid;
        border-right: 0.5rem solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
        color: rgb(21, 36, 250);
    }

.components > li[b-osppsobduy] {
    padding: 0.5rem 0;
    display: flex;
    align-items: flex-start;
    color: rgb(54, 54, 54);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-decoration: none;
    font-size: 2rem;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 400;
    cursor: pointer;
    list-style-type: none;
    user-select: none;
    flex-direction: column;
}

.components li .side_bar_menus[b-osppsobduy] {
    display: flex;
    align-items: center;
}

    .components li .side_bar_menus .menu_icon[b-osppsobduy] {
        width: 45px;
        height: 45px;
    }

        .components li .side_bar_menus .menu_icon img[b-osppsobduy] {
            width: 100%;
        }

.components > li:hover[b-osppsobduy] {
    color: rgb(21, 36, 250);
}

.components > li.active[b-osppsobduy] {
    color: rgb(21, 36, 250);
}

    .components > li.active span:first-child[b-osppsobduy] {
        background: rgb(206, 206, 206);
    }

.components > li .menu_icon[b-osppsobduy] {
    font-size: 2.3rem;
    font-weight: 600;
    height: 4rem;
    width: 4rem;
    padding: 0.7rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
}

.menu-item[b-osppsobduy] {
    position: relative;
}

    .menu-item[b-osppsobduy]:before {
        content: "";
        width: 1rem;
        height: 1rem;
        right: 8px;
        top: 18px;
        position: absolute;
        border-left: 2px solid #ababab;
        border-top: 2px solid #ababab;
        transform: rotate(-137deg);
        transition: .3s ease-in-out;
        transform-origin: center;
    }

.submenu[b-osppsobduy] {
    width: 100%;
    padding-left: 5rem;
    display: none;
}

    .submenu li[b-osppsobduy] {
        list-style-type: none;
    }

        .submenu li a[b-osppsobduy] {
            width: 100%;
            font-size: 1.7rem;
            padding: .8rem 1rem;
            transition: all .1s ease-in-out;
            color: black;
            display: flex;
            align-items: center;
            line-height: 18px;
        }

        .submenu li:hover[b-osppsobduy] {
            background: #e5e5e5;
        }

            .submenu li:hover a[b-osppsobduy] {
                color: rgb(21, 36, 250) !important;
            }

.active-submenu[b-osppsobduy] {
    display: block;
}

#AdminSettingLi[b-osppsobduy] {
    padding: 0.5rem 0.5rem;
}

.menu-item.rotate[b-osppsobduy]:before {
    transform: rotate(45deg);
}

.menu-item.hidden[b-osppsobduy]:before {
    display: none;
}

.submenu-item span[b-osppsobduy] {
    font-size: 1.7rem;
    margin: .4rem 0;
    padding: .4rem;
    transition: all .1s ease-in-out;
    list-style-type: none;
    color: black;
    cursor: pointer;
    list-style-type: none;
    width: 100%;
    display: block;
}

.submenu-item:hover[b-osppsobduy] {
    background-color: transparent !important;
}

    .submenu-item:hover span[b-osppsobduy] {
        background: #e5e5e5;
        color: rgb(21, 36, 250);
    }


.submenu-item.active span[b-osppsobduy] {
    color: black;
    background: #e5e5e5;
}

.submenu2[b-osppsobduy] {
    display: none;
}

    .submenu2 li[b-osppsobduy] {
        font-size: 1.5rem;
        list-style-type: disc !important;
        color: black;
        padding-left: 0.5rem;
        margin: 0.5rem 0;
        padding: .5rem;
    }

        .submenu2 li:hover[b-osppsobduy] {
            background: #d6d6d6;
            color: black;
        }

    .submenu2 a li:hover[b-osppsobduy] {
        text-decoration: none;
    }

.active-submenu2[b-osppsobduy] {
    display: block;
}

li.menu_link.active[b-osppsobduy] {
    background: #e5e5e5;
    color: blue;
}

.subWithChild[b-osppsobduy] {
    position: relative;
}

    .subWithChild[b-osppsobduy]:before {
        position: absolute;
        content: "";
        height: .7rem;
        width: .7rem;
        right: 8px;
        top: 13px;
        position: absolute;
        border-left: 2px solid #ababab;
        border-top: 2px solid #ababab;
        transform: rotate(-137deg);
        transition: .3s ease-in-out;
        transform-origin: center;
    }

    .subWithChild.rotate[b-osppsobduy]:before {
        transform: rotate(45deg);
    }

    .subWithChild.hidden[b-osppsobduy]:before {
        display: none;
    }




#sidebar .sidebar_inner .footer[b-osppsobduy] {
    margin-top: auto;
}

    #sidebar .sidebar_inner .footer p[b-osppsobduy] {
        color: rgb(212, 212, 212);
        font-size: 1.5rem;
        font-family: poppins, Arial, sans-serif;
        font-weight: 400;
        text-align: center;
    }

        #sidebar .sidebar_inner .footer p span[b-osppsobduy] {
            display: block;
            margin-top: 2rem;
            font-size: 2rem;
            color: rgb(21, 36, 250);
        }
/* Firefox */
div *[b-osppsobduy] {
    scrollbar-width: none;
}

    /* IE 10+ */
    div *[b-osppsobduy]::-ms-overflow-style {
        display: none;
    }

    /* WebKit (Chrome, Safari, Edge) */
    div *[b-osppsobduy]::-webkit-scrollbar {
        width: 3px;
    }

    div *[b-osppsobduy]::-webkit-scrollbar-track {
        -webkit-box-shadow: none !important;
        background-color: transparent;
    }

    div *[b-osppsobduy]::-webkit-scrollbar-thumb {
        background-color: transparent;
    }


@media (min-width:320px) and (max-width: 991.99px) {
    #sidebar[b-osppsobduy] {
        position: absolute;
        left: -100%;
        top: 0;
        padding: 1rem 1rem 0;
    }

        #sidebar.active[b-osppsobduy] {
            left: 0;
            min-width: 280px;
            max-width: 280px;
        }

    .logo[b-osppsobduy] {
        transition: .3s all ease-out;
        width: auto;
    }

    .SidbarToggler_mobile[b-osppsobduy] {
        display: flex;
        margin-left: auto;
    }

    .sticky_header[b-osppsobduy] {
        padding: 1.4rem 1rem;
    }
}

@media (min-width:320px) and (max-width: 575.99px) {
}
/* /Components/Pages/Brand/Insert.razor.rz.scp.css */
.insert_page[b-yatrjbko7c] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-yatrjbko7c] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-yatrjbko7c] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-yatrjbko7c] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-yatrjbko7c] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-yatrjbko7c] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {
    .insert_container .insert_form[b-yatrjbko7c] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Brand/InsertComponent.razor.rz.scp.css */
label[b-amckm0m5y5] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Brand/InsertModal.razor.rz.scp.css */
[b-7m4wo18g13] .CustomeModal .modal_box[BaseModal-scope] {

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* /Components/Pages/Brand/List.razor.rz.scp.css */
.content_box_inner[b-va1od7amro] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .brand_header[b-va1od7amro] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.brand_header h2[b-va1od7amro] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.brand_header a[b-va1od7amro] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-va1od7amro] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-va1od7amro] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-va1od7amro] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-va1od7amro] {
        outline-color: gray;
    }

.action_btn[b-va1od7amro] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-va1od7amro] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-va1od7amro] {
            width: 100%;
        }
[b-va1od7amro] thead tr th .col-justify-right:last-child .col-header-content .col-title {
    justify-content: flex-end;
}

[b-va1od7amro] .formClass {
    margin-top: 0;
}
[b-va1od7amro] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*tooltip */
[b-va1od7amro] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-va1od7amro] {
        padding: 1rem;
    }
    .brand_header h2[b-va1od7amro] {
        font-size: 1.8rem;
    }

    .brand_header a[b-va1od7amro] {
        font-size: 1.1rem;
    }

    .search-box[b-va1od7amro] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-va1od7amro] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Category/Insert.razor.rz.scp.css */
.insert_page[b-kxbuebxqlj] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-kxbuebxqlj] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.category_insert[b-kxbuebxqlj] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .category_insert .category_insert_form[b-kxbuebxqlj] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-kxbuebxqlj] .formClass {
    margin-top: 0;
}
[b-kxbuebxqlj] .loadSpinner[Spinner-scope] {
    position: static;
}






@media (min-width:320px) and (max-width: 575.99px) {
    .category_insert_header[b-kxbuebxqlj] {
        padding: 1rem;
    }

    .category_insert .category_insert_form[b-kab4beyvc9][b-kxbuebxqlj] {
        padding: 2rem;
        width: 86vw;
        margin-top: 6rem;
        background: var(--secondary-bg);
        border-radius: 1rem;
    }
}
/* /Components/Pages/Category/InsertComponent.razor.rz.scp.css */
.submit_btn[b-1xztl8c680] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

label[b-1xztl8c680] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Category/InsertModal.razor.rz.scp.css */
/* /Components/Pages/Category/List.razor.rz.scp.css */
.content_box_inner[b-9qjyp8yvoa] {
    width: 100%;
    height: 100%;
    background:var(--primary-bg);
    padding:2rem;
}

.content_box_inner .category_header[b-9qjyp8yvoa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category_header h2[b-9qjyp8yvoa] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.category_header a[b-9qjyp8yvoa] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
}

.search-box[b-9qjyp8yvoa] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-9qjyp8yvoa] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-9qjyp8yvoa] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-9qjyp8yvoa] {
        outline-color: gray;
    }

.action_btn[b-9qjyp8yvoa] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-9qjyp8yvoa] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-9qjyp8yvoa] {
            width: 100%;
        }
[b-9qjyp8yvoa] .formClass {
    margin-top: 0;
}
[b-9qjyp8yvoa] #CategoryInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-9qjyp8yvoa] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-9qjyp8yvoa] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-9qjyp8yvoa] {
        padding: 1rem;
    }
    .category_header h2[b-9qjyp8yvoa] {
        font-size: 1.5rem;
    }

    .category_header a[b-9qjyp8yvoa]{
        font-size: 1.1rem;
    }

    .search-box[b-9qjyp8yvoa] {
        justify-content: flex-start;
    }

    .search-box .search_key[b-9qjyp8yvoa]{
        border-color: gray;
        border: 1px solid gray;
        border-radius: .5rem;
        outline: none;
        font-size: 1rem;
    }
    [b-9qjyp8yvoa] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 4rem;
        position: fixed;
    }
}
/* /Components/Pages/ClientAccount/AccountReport.razor.rz.scp.css */
.content_box_inner[b-qivk3bs6hb] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-qivk3bs6hb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-qivk3bs6hb] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-qivk3bs6hb] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-qivk3bs6hb] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-qivk3bs6hb] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-qivk3bs6hb] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-qivk3bs6hb], select[b-qivk3bs6hb] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-qivk3bs6hb] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-qivk3bs6hb] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-qivk3bs6hb] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-qivk3bs6hb] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-qivk3bs6hb] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-qivk3bs6hb] {
    opacity: .8;
}

.table_container[b-qivk3bs6hb] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-qivk3bs6hb] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-qivk3bs6hb]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-qivk3bs6hb]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-qivk3bs6hb]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-qivk3bs6hb]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-qivk3bs6hb] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-qivk3bs6hb] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-qivk3bs6hb] {
    white-space: nowrap;
}

thead tr th[b-qivk3bs6hb] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-qivk3bs6hb] {
        text-align: right;
    }

tbody tr[b-qivk3bs6hb] {
    height: 45px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-qivk3bs6hb] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-qivk3bs6hb] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-qivk3bs6hb] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-qivk3bs6hb] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-qivk3bs6hb] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-qivk3bs6hb] {
        padding: 3rem 1rem;
    }

    .table_container[b-qivk3bs6hb] {
        margin-top: 2rem;
    }

    .search_bar[b-qivk3bs6hb] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-qivk3bs6hb] {
        overflow: auto;
    }

    .submit_btn[b-qivk3bs6hb] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-qivk3bs6hb] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-qivk3bs6hb] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-qivk3bs6hb] {
            width: auto;
        }

    .submit_btn[b-qivk3bs6hb] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-qivk3bs6hb] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/ClientAccount/DetailComponent.razor.rz.scp.css */
.insert_container[b-eumxnbbbtt] {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
}

.info_Insert_page[b-eumxnbbbtt] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-eumxnbbbtt] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_form[b-eumxnbbbtt] {
    width: 100%;
    height: max-content;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: var(--primary-bg);
    border-radius: 10px;
    position: relative;
}

.customer_button[b-eumxnbbbtt] {
    text-align: right;
}

.lable_group[b-eumxnbbbtt] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

    .lable_group label[b-eumxnbbbtt] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
        width: 37%;
    }

    .lable_group .sign[b-eumxnbbbtt] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
    }

    .lable_group span:nth-child(3)[b-eumxnbbbtt] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.insert_form_right[b-eumxnbbbtt] {
    width: 100%;
    height: 43rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    background: var(--primary-bg);
    border-radius: 10px;
    position: relative;
}

    .insert_form_right[b-eumxnbbbtt]  .tableContainer {
        min-height: 43rem;
        max-height: 50rem;
    }

.lable_group_right[b-eumxnbbbtt] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: right;
}

.insert_form .edit_btn[b-eumxnbbbtt] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .5rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
}

    .insert_form .edit_btn button[b-eumxnbbbtt] {
        padding: 0.5rem 1.5rem;
        border: none;
        outline: none;
        background: blue;
        color: white;
        font-size: 1.2rem;
        border-radius: 5px;
    }

[b-eumxnbbbtt] .submit_btn {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}

[b-eumxnbbbtt] .formClass {
    margin-top: 0;
}

[b-eumxnbbbtt] #spanText {
    width: 110px;
}

[b-eumxnbbbtt] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-eumxnbbbtt] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-eumxnbbbtt] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.due_table[b-eumxnbbbtt]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

.due_table[b-eumxnbbbtt]  .col-options label {
    display: block;
    margin-bottom: 10px;
}

.due_table[b-eumxnbbbtt] {
    margin-top: 2rem;
}

.action_btn[b-eumxnbbbtt] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-eumxnbbbtt] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-eumxnbbbtt] {
            width: 100%;
        }


@media (min-width:320px) and (max-width:767.98px) {
    .insert_form[b-eumxnbbbtt] {
        width: 100%;
    }

    .insert_form_right[b-eumxnbbbtt] {
        width: 100%;
    }

    .insert_container[b-eumxnbbbtt] {
        display: flex;
        flex-direction: column;
    }

    .due_collection_header[b-eumxnbbbtt] {
        flex-direction: column;
    }

    .item_header[b-eumxnbbbtt] {
        flex-direction: column;
    }
}

@media (min-width:768px) and (max-width:1430px) {
    .item_header[b-eumxnbbbtt] {
        flex-direction: column;
    }

    .insert_container[b-eumxnbbbtt] {
        display: flex;
        flex-direction: column;
    }
}

/*Override base .btn*/
.btn[b-eumxnbbbtt] {
    --bs-btn-font-size: 1.5rem;
    width: 13rem;
}
/* /Components/Pages/ClientAccount/Details.razor.rz.scp.css */
.supplier_details[b-02bmbmxa4z] {
    background: var(--primary-bg);
}

.supplier_details_header[b-02bmbmxa4z] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
}

    .supplier_details_header h2[b-02bmbmxa4z] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-02bmbmxa4z] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}

[b-02bmbmxa4z] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}


@media (min-width:320px) and (max-width:767.98px) {
    .supplier_details_header[b-02bmbmxa4z] {
        padding: 2rem 2rem 0;
        flex-direction: column;
        gap: 1rem;
    }

    .submit_btn[b-02bmbmxa4z] {
        justify-content: flex-start;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
}
/* /Components/Pages/ClientAccount/Insert.razor.rz.scp.css */
.insert_page[b-ondul3gzkh] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-ondul3gzkh] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.category_insert[b-ondul3gzkh] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .category_insert .category_insert_form[b-ondul3gzkh] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-ondul3gzkh] .formClass {
    margin-top: 0;
}

[b-ondul3gzkh] .loadSpinner[Spinner-scope] {
    position: static;
}






@media (min-width:320px) and (max-width: 575.99px) {
    .category_insert_header[b-ondul3gzkh] {
        padding: 1rem;
    }

    .category_insert .category_insert_form[b-kab4beyvc9][b-ondul3gzkh] {
        padding: 2rem;
        width: 86vw;
        margin-top: 6rem;
        background: var(--secondary-bg);
        border-radius: 1rem;
    }
}
/* /Components/Pages/ClientAccount/InsertComponent.razor.rz.scp.css */
.submit_btn[b-8v5xp8nrps] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

label[b-8v5xp8nrps] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/ClientAccount/List.razor.rz.scp.css */
.content_box_inner[b-0qaovr2m53] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .category_header[b-0qaovr2m53] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category_header h2[b-0qaovr2m53] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.category_header a[b-0qaovr2m53] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
}

.search-box[b-0qaovr2m53] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-0qaovr2m53] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-0qaovr2m53] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-0qaovr2m53] {
        outline-color: gray;
    }

.action_btn[b-0qaovr2m53] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-0qaovr2m53] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-0qaovr2m53] {
            width: 100%;
        }

[b-0qaovr2m53] .formClass {
    margin-top: 0;
}

[b-0qaovr2m53] #CategoryInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-0qaovr2m53] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-0qaovr2m53] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-0qaovr2m53] {
        padding: 1rem;
    }

    .category_header h2[b-0qaovr2m53] {
        font-size: 1.5rem;
    }

    .category_header a[b-0qaovr2m53] {
        font-size: 1.1rem;
    }

    .search-box[b-0qaovr2m53] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-0qaovr2m53] {
            border-color: gray;
            border: 1px solid gray;
            border-radius: .5rem;
            outline: none;
            font-size: 1rem;
        }

    [b-0qaovr2m53] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 4rem;
        position: fixed;
    }
}
/* /Components/Pages/Color/Insert.razor.rz.scp.css */
.insert_page[b-bggs58ik87] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-bggs58ik87] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-bggs58ik87] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-bggs58ik87] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-bggs58ik87] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-bggs58ik87] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-bggs58ik87] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Color/InsertComponent.razor.rz.scp.css */
label[b-pc2vsf6ylx] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Color/List.razor.rz.scp.css */
.content_box_inner[b-6bxp4vw4iz] {
    width: 100%;
    padding: 0 0 6rem;
    height: 100%;
    background: var(--primary-bg);
    padding:2rem;
}

.content_box_inner .color_header[b-6bxp4vw4iz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.color_header h2[b-6bxp4vw4iz] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.color_header a[b-6bxp4vw4iz] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-6bxp4vw4iz] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-6bxp4vw4iz] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-6bxp4vw4iz] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-6bxp4vw4iz] {
        outline-color: gray;
    }

.action_btn[b-6bxp4vw4iz] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-6bxp4vw4iz] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-6bxp4vw4iz] {
            width: 100%;
        }

[b-6bxp4vw4iz] .formClass {
    margin-top: 0;
}
[b-6bxp4vw4iz] #ColorInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-6bxp4vw4iz] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-6bxp4vw4iz] #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-6bxp4vw4iz] {
        padding: 1rem;
    }
    .color_header h2[b-6bxp4vw4iz] {
        font-size: 1.8rem;
    }

    .color_header a[b-6bxp4vw4iz] {
        font-size: 1.1rem;
    }

    .search-box[b-6bxp4vw4iz] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-6bxp4vw4iz] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/CustomerAccountStatement/CustomerAccountStatementComponent.razor.rz.scp.css */
.history_table[b-v3bbwz82b2] {
    height: 21.5rem;
    overflow: auto;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    margin-top: .5rem;
}
    /*custom scrollbar for notification dorpdown*/
    .history_table[b-v3bbwz82b2]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .history_table[b-v3bbwz82b2]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .history_table[b-v3bbwz82b2]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .history_table[b-v3bbwz82b2]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }

table[b-v3bbwz82b2] {
    width: 100%;
    margin-top: .5rem;
}

thead[b-v3bbwz82b2] {
    position: sticky;
    top: -10px;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

table thead tr[b-v3bbwz82b2] {
    border-bottom: 1px solid lightgray;
}

    table thead tr th[b-v3bbwz82b2] {
        padding: 0 .5rem .5rem;
        font-size: 1.3rem;
        font-weight: 500;
    }

        table thead tr th:last-child[b-v3bbwz82b2] {
            text-align: right;
        }

tbody tr td[b-v3bbwz82b2] {
    padding: .5rem;
    font-size: 1.2rem;
    font-weight: 400;
}

    tbody tr td:last-child[b-v3bbwz82b2] {
        text-align: right;
    }

tbody tr:nth-child(odd)[b-v3bbwz82b2] {
    background: #f1f1f1;
}
/* /Components/Pages/Customer/DetailComponent.razor.rz.scp.css */
.insert_container[b-jwrkm2u7be] {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
}

.info_Insert_page[b-jwrkm2u7be] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-jwrkm2u7be] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_form[b-jwrkm2u7be] {
    width: 100%;
    height: max-content;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: var(--primary-bg);
    border-radius: 10px;
    position: relative;
}

.customer_button[b-jwrkm2u7be] {
    text-align: right;
}

.lable_group[b-jwrkm2u7be] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

    .lable_group label[b-jwrkm2u7be] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
        width: 37%;
    }

    .lable_group .sign[b-jwrkm2u7be] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
    }

    .lable_group span:nth-child(3)[b-jwrkm2u7be] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.sale_table_button[b-jwrkm2u7be] {
    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
}

.insert_form_right[b-jwrkm2u7be] {
    width: 100%;
    height: 43rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    background: var(--primary-bg);
    border-radius: 10px;
    position: relative;
}

    .insert_form_right[b-jwrkm2u7be]  .tableContainer {
        min-height: 43rem;
        max-height: 50rem;
    }

.lable_group_right[b-jwrkm2u7be] {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: right;
}

.insert_form .edit_btn[b-jwrkm2u7be] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .5rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
}

    .insert_form .edit_btn button[b-jwrkm2u7be] {
        padding: 0.5rem 1.5rem;
        border: none;
        outline: none;
        background: blue;
        color: white;
        font-size: 1.2rem;
        border-radius: 5px;
    }

[b-jwrkm2u7be] .submit_btn {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}

[b-jwrkm2u7be] .formClass {
    margin-top: 0;
}

[b-jwrkm2u7be] #spanText {
    width: 110px;
}

[b-jwrkm2u7be] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-jwrkm2u7be] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-jwrkm2u7be] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.due_table[b-jwrkm2u7be]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

.due_table[b-jwrkm2u7be]  .col-options label {
    display: block;
    margin-bottom: 10px;
}

.due_table[b-jwrkm2u7be] {
    margin-top: 2rem;
}

.action_btn[b-jwrkm2u7be] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-jwrkm2u7be] {
        width: 53px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-jwrkm2u7be] {
            width: 100%;
        }


@media (min-width:320px) and (max-width:767.98px) {
    .insert_form[b-jwrkm2u7be] {
        width: 100%;
    }

    .insert_form_right[b-jwrkm2u7be] {
        width: 100%;
    }

    .insert_container[b-jwrkm2u7be] {
        display: flex;
        flex-direction: column;
    }

    .due_collection_header[b-jwrkm2u7be] {
        flex-direction: column;
    }

    .item_header[b-jwrkm2u7be] {
        flex-direction: column;
    }
}

@media (min-width:768px) and (max-width:1430px) {
    .item_header[b-jwrkm2u7be] {
        flex-direction: column;
    }

    .insert_container[b-jwrkm2u7be] {
        display: flex;
        flex-direction: column;
    }
}

.btn[b-jwrkm2u7be] {
    width: 10rem;
}
/* /Components/Pages/Customer/Details.razor.rz.scp.css */
.supplier_details[b-p2100rdere] {
    background: var(--primary-bg);
}

.supplier_details_header[b-p2100rdere] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
}

    .supplier_details_header h2[b-p2100rdere] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-p2100rdere] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}

[b-p2100rdere] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}


@media (min-width:320px) and (max-width:767.98px) {
    .supplier_details_header[b-p2100rdere]{
        padding: 2rem 2rem 0;
        flex-direction: column;
        gap: 1rem;
    }

    .submit_btn[b-p2100rdere] {
        justify-content: flex-start;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
 
}
/* /Components/Pages/Customer/Insert.razor.rz.scp.css */
.customer_insert_page[b-2w3rp5ys1o] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-2w3rp5ys1o] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_container[b-2w3rp5ys1o] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-2w3rp5ys1o] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45vw;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-2w3rp5ys1o] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-2w3rp5ys1o] .formClass {
    margin-top: 0;
}


@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-2w3rp5ys1o] {
        width: 100%;
        margin-top: 2rem;
    }
    .input_group_main[b-2w3rp5ys1o] {
        grid-template-columns: repeat(1,1fr);
    }
}
@media (min-width:767.99px) and (max-width:991.99px) {

    .insert_container .insert_form[b-2w3rp5ys1o] {
        width: 87vw;
    }
}
/* /Components/Pages/Customer/InsertComponent.razor.rz.scp.css */
label[b-j0oqdwhokp] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
.input_group_main[b-j0oqdwhokp] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 2rem;
}
.input_groups[b-j0oqdwhokp] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.select_input_item[b-j0oqdwhokp] {
    width: 100%;
}

    .input_group button:focus[b-j0oqdwhokp] {
        outline: none;
        border: none;
        box-shadow: none;
    }

.input_group[b-j0oqdwhokp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .input_group button[b-j0oqdwhokp] {
        min-width: 30px;
        width: 30px;
        font-size: 2.5rem;
        border: none;
        background: transparent;
        color: var(--addInputBtn);
        outline: none;
        border: none;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

        .input_group button img[b-j0oqdwhokp] {
            width: 100%;
        }

[b-j0oqdwhokp] .formClass textarea{
    height:auto;
}

[b-j0oqdwhokp] #CustomerInsertModal[basemodal-scope] .modal_box {
    width: 70rem;
}

[b-j0oqdwhokp] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-j0oqdwhokp] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-j0oqdwhokp] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-j0oqdwhokp] #spanText {
    width: 110px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .input_group_main[b-j0oqdwhokp] {
        grid-template-columns: repeat(1,1fr);
    }
    [b-j0oqdwhokp] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
       
    }
}
/* /Components/Pages/Customer/InsertModal.razor.rz.scp.css */
[b-znsu8tol1o] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}
/* /Components/Pages/Customer/List.razor.rz.scp.css */
.content_box_inner[b-hwufpnh95c] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .supplier_header[b-hwufpnh95c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.supplier_header h2[b-hwufpnh95c] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.supplier_header a[b-hwufpnh95c] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-hwufpnh95c] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-hwufpnh95c] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-hwufpnh95c] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-hwufpnh95c] {
        outline-color: gray;
    }

.submit_btn[b-hwufpnh95c] {
    margin-top: 3rem;
    display: flex;
    gap: 1rem;
}

.action_btn[b-hwufpnh95c] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-hwufpnh95c] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-hwufpnh95c] {
            width: 100%;
        }


[b-hwufpnh95c] .tableContainer[BaseTable-scope] {
    overflow-x: auto !important;
}
[b-hwufpnh95c] .formClass {
    margin-top: 0;
}
[b-hwufpnh95c] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}


[b-hwufpnh95c] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-hwufpnh95c] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-hwufpnh95c] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-hwufpnh95c] #DeleteModalId[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
.action_btn[b-hwufpnh95c]  #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-hwufpnh95c] {
        padding: 0 1rem;
    }
    .supplier_header h2[b-hwufpnh95c] {
        font-size: 1.8rem;
    }

    .supplier_header a[b-hwufpnh95c] {
        font-size: 1.1rem;
    }

    .search-box[b-hwufpnh95c] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-hwufpnh95c] {
            font-size: 1.1rem;
        }
    [b-hwufpnh95c] .CustomeModal[basemodal-scope][basemodal-scope] {
        padding:3rem 2rem;
    }
}
/* /Components/Pages/DashBoard/CustomerSummary.razor.rz.scp.css */
.dashboard .overview_item[b-kn7s8exokk] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-kn7s8exokk] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-kn7s8exokk] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-kn7s8exokk] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-kn7s8exokk] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-kn7s8exokk] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-kn7s8exokk] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-kn7s8exokk] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-kn7s8exokk] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-kn7s8exokk] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-kn7s8exokk] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-kn7s8exokk] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-kn7s8exokk] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-kn7s8exokk] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-kn7s8exokk] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-kn7s8exokk] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-kn7s8exokk] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/Ditribution/DistributionOverView.razor.rz.scp.css */
.dashboard .overview_item[b-5pmwaszv0e] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-5pmwaszv0e] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-5pmwaszv0e] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-5pmwaszv0e] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-5pmwaszv0e] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-5pmwaszv0e] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-5pmwaszv0e] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-5pmwaszv0e] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-5pmwaszv0e] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-5pmwaszv0e] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-5pmwaszv0e] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-5pmwaszv0e] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-5pmwaszv0e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-5pmwaszv0e] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-5pmwaszv0e] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-5pmwaszv0e] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-5pmwaszv0e] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/Ditribution/DistributionProfitComponent.razor.rz.scp.css */
.dashboard .overview_item[b-1mjhurgo2z] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-1mjhurgo2z] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-1mjhurgo2z] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-1mjhurgo2z] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-1mjhurgo2z] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-1mjhurgo2z] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-1mjhurgo2z] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-1mjhurgo2z] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-1mjhurgo2z] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-1mjhurgo2z] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-1mjhurgo2z] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-1mjhurgo2z] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-1mjhurgo2z] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-1mjhurgo2z] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-1mjhurgo2z] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-1mjhurgo2z] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-1mjhurgo2z] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/Ditribution/DistributionSaleChart.razor.rz.scp.css */
.overview_item[b-jopsbpo69e] {
    position: relative;
}

    .overview_item h3[b-jopsbpo69e] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-jopsbpo69e] {
    display: flex;
    align-items: flex-end;
    width: 100%;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
    padding-right: .5rem;
}

    .stock_overview_items table[b-jopsbpo69e] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-jopsbpo69e] {
            /*background: var(--tableHead);*/
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-jopsbpo69e] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .stock_overview_items table thead tr th[b-jopsbpo69e] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-jopsbpo69e] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-jopsbpo69e] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-jopsbpo69e] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-jopsbpo69e] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-jopsbpo69e] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-jopsbpo69e] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-jopsbpo69e] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-jopsbpo69e]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-jopsbpo69e]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-jopsbpo69e]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-jopsbpo69e]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/Ditribution/DistributionStaticReportComponent.razor.rz.scp.css */
.dashboard .overview_item[b-plnp1dw00s] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-plnp1dw00s] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-plnp1dw00s] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-plnp1dw00s] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-plnp1dw00s] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-plnp1dw00s] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-plnp1dw00s] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-plnp1dw00s] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-plnp1dw00s] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-plnp1dw00s] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-plnp1dw00s] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-plnp1dw00s] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(4)[b-plnp1dw00s] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(5)[b-plnp1dw00s] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(6)[b-plnp1dw00s] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(7)[b-plnp1dw00s] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(8)[b-plnp1dw00s] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(9)[b-plnp1dw00s] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(10)[b-plnp1dw00s] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}


.dashboard .summery .overview_item .overview_items[b-plnp1dw00s] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-plnp1dw00s] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-plnp1dw00s] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-plnp1dw00s] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-plnp1dw00s] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/Ditribution/DistributionStatusPieChartComponent.razor.rz.scp.css */
.overview_item[b-0cvd69vos3] {
    position: relative;
}

    .overview_item h3[b-0cvd69vos3] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-0cvd69vos3] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: auto;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
}

    .stock_overview_items table[b-0cvd69vos3] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-0cvd69vos3] {
            /*background: var(--tableHead);*/
            position: sticky;
            top: 0;
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-0cvd69vos3] {
            font-size: 1.4rem;
            font-weight: 400;
            white-space: nowrap;
        }

        .stock_overview_items table thead tr th[b-0cvd69vos3] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-0cvd69vos3] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-0cvd69vos3] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-0cvd69vos3] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-0cvd69vos3] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-0cvd69vos3] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-0cvd69vos3] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-0cvd69vos3] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-0cvd69vos3]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-0cvd69vos3]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-0cvd69vos3]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-0cvd69vos3]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/Ditribution/DistributionTopSale.razor.rz.scp.css */
.overview_item[b-t63k19fmvn] {
    position: relative;
}

    .overview_item h3[b-t63k19fmvn] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-t63k19fmvn] {
    width: 100%;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
    padding-right: .5rem;
}

    .stock_overview_items table[b-t63k19fmvn] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-t63k19fmvn] {
            /*background: var(--tableHead);*/
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-t63k19fmvn] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .stock_overview_items table thead tr th[b-t63k19fmvn] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-t63k19fmvn] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-t63k19fmvn] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-t63k19fmvn] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-t63k19fmvn] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-t63k19fmvn] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-t63k19fmvn] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-t63k19fmvn] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-t63k19fmvn]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-t63k19fmvn]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-t63k19fmvn]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-t63k19fmvn]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/ExpenseComponent.razor.rz.scp.css */
.dashboard .overview_item[b-h29gzcxdev] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-h29gzcxdev] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-h29gzcxdev] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-h29gzcxdev] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-h29gzcxdev] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-h29gzcxdev] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-h29gzcxdev] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-h29gzcxdev] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-h29gzcxdev] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-h29gzcxdev] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-h29gzcxdev] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-h29gzcxdev] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-h29gzcxdev] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-h29gzcxdev] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-h29gzcxdev] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-h29gzcxdev] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-h29gzcxdev] {
        display: flex;
        flex-direction: column;
    }
}
body[b-h29gzcxdev] {
}
/* /Components/Pages/DashBoard/InventorySummary.razor.rz.scp.css */
.dashboard .overview_item[b-bak43f2agm] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-bak43f2agm] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-bak43f2agm] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-bak43f2agm] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-bak43f2agm] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-bak43f2agm] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-bak43f2agm] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-bak43f2agm] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-bak43f2agm] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-bak43f2agm] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-bak43f2agm] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-bak43f2agm] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-bak43f2agm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-bak43f2agm] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-bak43f2agm] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-bak43f2agm] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-bak43f2agm] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/LowQuantity.razor.rz.scp.css */
.dashboard .overview_item[b-57d9486z7d] {
    padding-right: .5rem;
    border-radius: 0.5rem;
    background: white;
    overflow: hidden;
    position: relative;
    height: 21rem;
}

#low_stock_overview[b-57d9486z7d] {
    overflow-y: auto;
}
    .dashboard .overview_item .low_quantity_product_list:nth-child(3)[b-57d9486z7d]{
        padding-bottom:0;
    }

    .dashboard .overview_item h3[b-57d9486z7d] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

.low_quantity_product_list[b-57d9486z7d] {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    padding-bottom: 1.5rem;
}

   .low_quantity_product_list .low_quantity_item[b-57d9486z7d] {
            display: flex;
            gap: 1rem;
            justify-content: space-around;
            align-items: center;
            border: 1px solid rgba(155, 155, 155, 0.596);
            border-radius: 1rem;
            padding: 1rem;
        }

.low_quantity_item .low_quantity_item_img[b-57d9486z7d] {
    width: 4rem;
    height: 4rem;
    overflow: hidden;
}

    .low_quantity_item .low_quantity_item_img img[b-57d9486z7d] {
        width: 100%;
    }

.low_quantity_item .low_quantity_product_name h3[b-57d9486z7d] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 0;
}

.low_quantity_item .low_quantity_product_name p[b-57d9486z7d] {
    font-size: 1.2rem;
    font-weight: 400;
    color: rgb(134, 134, 134);
    margin:0;
}

.low_quantity_item span[b-57d9486z7d] {
    font-size: 1.2rem;
    font-weight: 400;
    color: rgb(134, 134, 134);
    padding: .5rem 1rem;
    background: rgba(255, 9, 9, 0.479);
    border-radius: 2rem;
    color: white;
    margin-left: auto;
}

/*scroll bar */

.overview_item[b-57d9486z7d]::-webkit-scrollbar {
    width: 5px;
    padding: 0;
    height: 5px;
}

.overview_item[b-57d9486z7d]::-webkit-scrollbar-track {
    background-color: transparent;
}

.overview_item[b-57d9486z7d]::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 0;
    height: 10px;
}

.overview_item[b-57d9486z7d]::-webkit-scrollbar-thumb {
    background-color: lightgray;
    border-radius: 100px;
    height: 10px;
}

@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item[b-57d9486z7d] {
        height: auto;
    }
}

@media (min-width:768px) and (max-width:991.98px) {

}

@media (min-width:992px) and (max-width:1439.98px) {

}
/* /Components/Pages/DashBoard/ProductSummary.razor.rz.scp.css */
.dashboard .overview_item[b-52jct0gwdm] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-52jct0gwdm] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-52jct0gwdm] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-52jct0gwdm] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-52jct0gwdm] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-52jct0gwdm] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-52jct0gwdm] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-52jct0gwdm] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-52jct0gwdm] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-52jct0gwdm] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-52jct0gwdm] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-52jct0gwdm] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-52jct0gwdm] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-52jct0gwdm] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-52jct0gwdm] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-52jct0gwdm] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-52jct0gwdm] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/ProfitComponent.razor.rz.scp.css */
.dashboard .overview_item[b-rmgw4jt3xr] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-rmgw4jt3xr] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-rmgw4jt3xr] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-rmgw4jt3xr] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-rmgw4jt3xr] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-rmgw4jt3xr] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-rmgw4jt3xr] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-rmgw4jt3xr] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-rmgw4jt3xr] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-rmgw4jt3xr] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-rmgw4jt3xr] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-rmgw4jt3xr] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-rmgw4jt3xr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-rmgw4jt3xr] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-rmgw4jt3xr] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-rmgw4jt3xr] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-rmgw4jt3xr] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/PurchaseOverview.razor.rz.scp.css */
.dashboard .overview_item[b-ezkbrf99d2] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-ezkbrf99d2] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-ezkbrf99d2] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-ezkbrf99d2] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-ezkbrf99d2] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-ezkbrf99d2] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-ezkbrf99d2] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-ezkbrf99d2] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-ezkbrf99d2] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-ezkbrf99d2] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-ezkbrf99d2] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-ezkbrf99d2] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-ezkbrf99d2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-ezkbrf99d2] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-ezkbrf99d2] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-ezkbrf99d2] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-ezkbrf99d2] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/PurchaseStaticReportComponent.razor.rz.scp.css */
.dashboard .overview_item[b-o3dl4dz8nn] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-o3dl4dz8nn] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-o3dl4dz8nn] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-o3dl4dz8nn] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-o3dl4dz8nn] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-o3dl4dz8nn] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-o3dl4dz8nn] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-o3dl4dz8nn] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-o3dl4dz8nn] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-o3dl4dz8nn] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-o3dl4dz8nn] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-o3dl4dz8nn] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(4)[b-o3dl4dz8nn] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(5)[b-o3dl4dz8nn] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(6)[b-o3dl4dz8nn] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(7)[b-o3dl4dz8nn] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(8)[b-o3dl4dz8nn] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(9)[b-o3dl4dz8nn] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(10)[b-o3dl4dz8nn] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}


.dashboard .summery .overview_item .overview_items[b-o3dl4dz8nn] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-o3dl4dz8nn] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-o3dl4dz8nn] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-o3dl4dz8nn] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-o3dl4dz8nn] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/ReturnOverView.razor.rz.scp.css */
.dashboard .overview_item[b-t02hcgbib0] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-t02hcgbib0] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-t02hcgbib0] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-t02hcgbib0] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-t02hcgbib0] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-t02hcgbib0] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-t02hcgbib0] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-t02hcgbib0] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-t02hcgbib0] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-t02hcgbib0] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-t02hcgbib0] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-t02hcgbib0] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-t02hcgbib0] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-t02hcgbib0] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-t02hcgbib0] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-t02hcgbib0] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-t02hcgbib0] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/ReturnReportComponent.razor.rz.scp.css */
.dashboard .overview_item[b-8coz6926u2] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-8coz6926u2] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-8coz6926u2] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-8coz6926u2] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-8coz6926u2] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-8coz6926u2] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-8coz6926u2] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-8coz6926u2] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-8coz6926u2] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-8coz6926u2] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-8coz6926u2] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-8coz6926u2] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-8coz6926u2] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-8coz6926u2] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-8coz6926u2] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-8coz6926u2] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-8coz6926u2] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/SaleDiscountAndTaxeComponent.razor.rz.scp.css */
.dashboard .overview_item[b-t0ggd555ol] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-t0ggd555ol] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-t0ggd555ol] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-t0ggd555ol] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-t0ggd555ol] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-t0ggd555ol] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-t0ggd555ol] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-t0ggd555ol] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-t0ggd555ol] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-t0ggd555ol] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-t0ggd555ol] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-t0ggd555ol] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


.dashboard .summery .overview_item .overview_items[b-t0ggd555ol] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-t0ggd555ol] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-t0ggd555ol] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-t0ggd555ol] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-t0ggd555ol] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/SaleOverView.razor.rz.scp.css */
.dashboard .overview_item[b-dq050ddmw0] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position:relative;
}

    .dashboard .overview_item h3[b-dq050ddmw0] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-dq050ddmw0] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-dq050ddmw0] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-dq050ddmw0] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-dq050ddmw0] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-dq050ddmw0] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-dq050ddmw0] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}
    .overview_items .mic_overview .overview_item_text span[b-dq050ddmw0] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-dq050ddmw0] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-dq050ddmw0] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-dq050ddmw0] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}


    .dashboard .summery .overview_item .overview_items[b-dq050ddmw0] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem;
    }

        .dashboard .summery .overview_item .overview_items .mic_overview[b-dq050ddmw0] {
            flex-direction: column;
            gap: 0;
            text-align: center;
            padding: 1.6rem;
        }
  

@media (min-width:320px) and (max-width:767.98px) {
        .dashboard .overview_item .overview_items[b-dq050ddmw0] {
            display: grid;
            grid-template-columns: repeat(1,1fr);
            gap: 2rem;
        }

        .dashboard .summery .overview_item .overview_items[b-dq050ddmw0] {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 3rem;
        } 
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-dq050ddmw0] {
        display: flex;
        flex-direction: column;
    }
}

/* /Components/Pages/DashBoard/StaticReportComponent.razor.rz.scp.css */
.dashboard .overview_item[b-wo0iinqrfa] {
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
    background: white;
    overflow: hidden;
    position: relative;
}

    .dashboard .overview_item h3[b-wo0iinqrfa] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

    .dashboard .overview_item .overview_items[b-wo0iinqrfa] {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        gap: 2rem;
    }

        .dashboard .overview_item .overview_items .mic_overview[b-wo0iinqrfa] {
            padding: 1rem;
            background: rgba(128, 128, 128, 0.171);
            box-shadow: 0 0 0.5rem rgba(128, 128, 128, 0.171);
            border-radius: 1rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 10rem;
        }

.overview_item .overview_items .mic_overview .over_icon[b-wo0iinqrfa] {
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

    .overview_item .overview_items .mic_overview .over_icon img[b-wo0iinqrfa] {
        width: 4rem;
    }

    .overview_item .overview_items .mic_overview .over_icon span[b-wo0iinqrfa] {
        font-size: 1.4rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }


.overview_items .mic_overview .overview_item_text[b-wo0iinqrfa] {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

    .overview_items .mic_overview .overview_item_text span[b-wo0iinqrfa] {
        font-size: 2.5rem;
        font-weight: 700;
        font-family: "Josefin Sans", sans-serif;
    }

.dashboard .overview_item .overview_items .mic_overview:first-child[b-wo0iinqrfa] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(2)[b-wo0iinqrfa] {
    background: #ff8b8b41;
    box-shadow: 0 0 0.5rem #ff8b8b5e;
}


.dashboard .overview_item .overview_items .mic_overview:nth-child(3)[b-wo0iinqrfa] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(4)[b-wo0iinqrfa] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(5)[b-wo0iinqrfa] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(6)[b-wo0iinqrfa] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(7)[b-wo0iinqrfa] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(8)[b-wo0iinqrfa] {
    background: #041ca541;
    box-shadow: 0 0 0.5rem #041ca541;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(9)[b-wo0iinqrfa] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}

.dashboard .overview_item .overview_items .mic_overview:nth-child(10)[b-wo0iinqrfa] {
    background: #04a51936;
    box-shadow: 0 0 0.5rem #04a51936;
}


.dashboard .summery .overview_item .overview_items[b-wo0iinqrfa] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
}

    .dashboard .summery .overview_item .overview_items .mic_overview[b-wo0iinqrfa] {
        flex-direction: column;
        gap: 0;
        text-align: center;
        padding: 1.6rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard .overview_item .overview_items[b-wo0iinqrfa] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    .dashboard .summery .overview_item .overview_items[b-wo0iinqrfa] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 3rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-wo0iinqrfa] {
        display: flex;
        flex-direction: column;
    }
}
/* /Components/Pages/DashBoard/StatusPieChartComponent.razor.rz.scp.css */
.overview_item[b-qij6ygcv2z] {
    position: relative;
}

    .overview_item h3[b-qij6ygcv2z] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-qij6ygcv2z] {
    display:flex;
    justify-content:center;
    align-items:center;
    width: 100%;
    overflow: auto;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
}

    .stock_overview_items table[b-qij6ygcv2z] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-qij6ygcv2z] {
            /*background: var(--tableHead);*/
            position: sticky;
            top: 0;
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-qij6ygcv2z] {
            font-size: 1.4rem;
            font-weight: 400;
            white-space: nowrap;
        }

        .stock_overview_items table thead tr th[b-qij6ygcv2z] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-qij6ygcv2z] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-qij6ygcv2z] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-qij6ygcv2z] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-qij6ygcv2z] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-qij6ygcv2z] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-qij6ygcv2z] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-qij6ygcv2z] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-qij6ygcv2z]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-qij6ygcv2z]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-qij6ygcv2z]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-qij6ygcv2z]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/TopPurchase.razor.rz.scp.css */
.overview_item[b-rrzr7quw4c] {
    position: relative;
}

    .overview_item h3[b-rrzr7quw4c] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-rrzr7quw4c] {
    width: 100%;
    overflow: auto;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
}

    .stock_overview_items table[b-rrzr7quw4c] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-rrzr7quw4c] {
            /*background: var(--tableHead);*/
            position: sticky;
            top: 0;
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-rrzr7quw4c] {
            font-size: 1.4rem;
            font-weight: 400;
            white-space:nowrap;
        }

        .stock_overview_items table thead tr th[b-rrzr7quw4c] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-rrzr7quw4c] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-rrzr7quw4c] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-rrzr7quw4c] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-rrzr7quw4c] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-rrzr7quw4c] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-rrzr7quw4c] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-rrzr7quw4c] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-rrzr7quw4c]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-rrzr7quw4c]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-rrzr7quw4c]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-rrzr7quw4c]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/TopReturn.razor.rz.scp.css */
.overview_item[b-jj3tuy14wr] {
    position: relative;
}

    .overview_item h3[b-jj3tuy14wr] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-jj3tuy14wr] {
    width: 100%;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
}

    .stock_overview_items table[b-jj3tuy14wr] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-jj3tuy14wr] {
            /*background: var(--tableHead);*/
            position: sticky;
            top: 0;
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-jj3tuy14wr] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .stock_overview_items table thead tr th[b-jj3tuy14wr] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-jj3tuy14wr] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-jj3tuy14wr] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-jj3tuy14wr] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-jj3tuy14wr] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-jj3tuy14wr] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-jj3tuy14wr] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-jj3tuy14wr] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-jj3tuy14wr]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-jj3tuy14wr]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .stock_overview_items[b-jj3tuy14wr]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-jj3tuy14wr]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/TopSale.razor.rz.scp.css */
.overview_item[b-dnc5hptq3q] {
    position: relative;
}

.overview_item h3[b-dnc5hptq3q] {
    font-size: 2rem;
    font-weight: 600;
    font-family: "Quicksand", sans-serif;
    padding-bottom: 1rem;
}

/*table*/
.stock_overview_items[b-dnc5hptq3q] {
    width: 100%;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
    padding-right: .5rem;
}

    .stock_overview_items table[b-dnc5hptq3q] {
        width: 100%;
        border-radius: 7px;
   
    }

        .stock_overview_items table thead[b-dnc5hptq3q] {
            /*background: var(--tableHead);*/
            background: white;
            border-bottom: 1px solid lightgray; 
        }

        .stock_overview_items table tr[b-dnc5hptq3q] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .stock_overview_items table thead tr th[b-dnc5hptq3q] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-dnc5hptq3q] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-dnc5hptq3q] {
            border-bottom: 1px solid #d7d7d7;
        }
            .stock_overview_items table tbody tr:nth-child(odd)[b-dnc5hptq3q] {
                background: #f4f4f4;
            }
            .stock_overview_items table tbody tr:hover[b-dnc5hptq3q]{
                background: #f4f4f4;
            }
            .stock_overview_items table tbody tr:last-child[b-dnc5hptq3q] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-dnc5hptq3q] {
                height:30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-dnc5hptq3q] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-dnc5hptq3q]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-dnc5hptq3q]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-dnc5hptq3q]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-dnc5hptq3q]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DashBoard/TopSaleChart.razor.rz.scp.css */
.overview_item[b-800mbyotgk] {
    position: relative;
}

    .overview_item h3[b-800mbyotgk] {
        font-size: 2rem;
        font-weight: 600;
        font-family: "Quicksand", sans-serif;
        padding-bottom: 1rem;
    }

/*table*/
.stock_overview_items[b-800mbyotgk] {
    display: flex;
    align-items: flex-end;
    width: 100%;
    overflow: hidden;
    min-height: 21rem;
    max-height: 21rem;
    padding-right: .5rem;
}

    .stock_overview_items table[b-800mbyotgk] {
        width: 100%;
        border-radius: 7px;
    }

        .stock_overview_items table thead[b-800mbyotgk] {
            /*background: var(--tableHead);*/
            background: white;
            border-bottom: 1px solid lightgray;
        }

        .stock_overview_items table tr[b-800mbyotgk] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .stock_overview_items table thead tr th[b-800mbyotgk] {
            font-size: 1.5rem;
            font-weight: 500;
            padding: 1rem .5rem;
            border: 0;
        }

            .stock_overview_items table thead tr th:last-child[b-800mbyotgk] {
                text-align: end;
            }

        .stock_overview_items table tbody tr[b-800mbyotgk] {
            border-bottom: 1px solid #d7d7d7;
        }

            .stock_overview_items table tbody tr:nth-child(odd)[b-800mbyotgk] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:hover[b-800mbyotgk] {
                background: #f4f4f4;
            }

            .stock_overview_items table tbody tr:last-child[b-800mbyotgk] {
                border-bottom: 1px solid transparent;
            }

            .stock_overview_items table tbody tr td[b-800mbyotgk] {
                height: 30px;
            }

                .stock_overview_items table tbody tr td:last-child[b-800mbyotgk] {
                    text-align: end;
                }


    /*scroll bar */

    .stock_overview_items[b-800mbyotgk]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .stock_overview_items[b-800mbyotgk]::-webkit-scrollbar-track {
        background-color: transparent;
    }

    .stock_overview_items[b-800mbyotgk]::-webkit-scrollbar-track {
        background-color: transparent;
        border-radius: 0;
        height: 10px;
    }

    .stock_overview_items[b-800mbyotgk]::-webkit-scrollbar-thumb {
        background-color: lightgray;
        border-radius: 100px;
        height: 10px;
    }
/* /Components/Pages/DistributionPaymentHistory/DistributionPaymentHistoryComponent.razor.rz.scp.css */
.history_table[b-hcncnt61y5] {
    height: 21.5rem;
    overflow: auto;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    margin-top: .5rem;
}
    /*custom scrollbar for notification dorpdown*/
    .history_table[b-hcncnt61y5]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .history_table[b-hcncnt61y5]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .history_table[b-hcncnt61y5]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .history_table[b-hcncnt61y5]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }

table[b-hcncnt61y5] {
    width: 100%;
    margin-top: .5rem;
}

thead[b-hcncnt61y5] {
    position: sticky;
    top: -10px;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

table thead tr[b-hcncnt61y5] {
    border-bottom: 1px solid lightgray;
}

    table thead tr th[b-hcncnt61y5] {
        padding: 0 .5rem .5rem;
        font-size: 1.3rem;
        font-weight: 500;
    }

        table thead tr th:last-child[b-hcncnt61y5] {
            text-align: right;
        }

tbody tr td[b-hcncnt61y5] {
    padding: .5rem;
    font-size: 1.2rem;
    font-weight: 400;
}

    tbody tr td:last-child[b-hcncnt61y5] {
        text-align: right;
    }

tbody tr:nth-child(odd)[b-hcncnt61y5] {
    background: #f1f1f1;
}
/* /Components/Pages/Distribution/InsertOrder.razor.rz.scp.css */
.sales_innsert_page[b-swlt8hvfcq] {
    background: var(--primary-bg);
}

    .sales_innsert_page .sales_insert_header[b-swlt8hvfcq] {
        padding: 1.5rem 1.5rem 0;
    }

.sales_insert_header h2[b-swlt8hvfcq] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

[b-swlt8hvfcq] .salse_insert_header_left h2 {
    display: none;
}
/* /Components/Pages/Distribution/InsertOrderComponent.razor.rz.scp.css */
.salse_insert_header[b-thzjt6h40w] {
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0;
    margin-bottom: 0rem;
    z-index: 9;
}

.salse_insert_header_left[b-thzjt6h40w] {
    display: flex;
    align-items: center;
}

.customer_and_sale_info[b-thzjt6h40w] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-thzjt6h40w] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-thzjt6h40w] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-thzjt6h40w] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-thzjt6h40w] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-thzjt6h40w] {
    min-width: 10rem;
}

.sale_info .info span:first-child[b-thzjt6h40w] {
    min-width: 12rem;
}

.checkbox_group[b-thzjt6h40w] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

    .checkbox_group label[b-thzjt6h40w] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
        white-space: nowrap;
        user-select: none;
        cursor: pointer;
        line-height: 0;
    }

.sale_create_container[b-thzjt6h40w] {
    padding: 0.5rem 1.5rem 1.5rem;
    background: var(--primary-bg);
}

    .sale_create_container .sale_create_first_container[b-thzjt6h40w] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

.form_N_title_wraper[b-thzjt6h40w] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .form_N_title_wraper .feilds[b-thzjt6h40w] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

.sale_create_first_container .form_N_title_wraper:nth-child(2) .feilds[b-thzjt6h40w] {
    grid-template-columns: repeat(3, 1fr);
}

.form_N_title_wraper h3[b-thzjt6h40w] {
    padding-bottom: .5rem;
    width: fit-content;
}

.form_N_title_wraper hr[b-thzjt6h40w] {
    margin: 0;
}

.options_group[b-thzjt6h40w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-thzjt6h40w] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

[b-thzjt6h40w] .BaseInput[BaseInputElement-scope] {
    width: 100%;
}

.options_group button[b-thzjt6h40w] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

    .options_group button img[b-thzjt6h40w] {
        width: 100%;
    }


    .options_group button:focus[b-thzjt6h40w] {
        outline: none;
        border: none;
        box-shadow: none;
    }

.sale_create_container .form_group input[b-thzjt6h40w] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
}

    .sale_create_container .form_group input:focus[b-thzjt6h40w] {
        outline: none;
    }

.sale_create_container .form_group select[b-thzjt6h40w] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    cursor: pointer;
}

    .sale_create_container .form_group select:focus[b-thzjt6h40w] {
        outline: none;
    }

.quantiry_status[b-thzjt6h40w] {
    font-size: 1.25rem;
}

.add_product[b-thzjt6h40w] {
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0;
}

    .add_product button[b-thzjt6h40w] {
        background: #39a756;
        color: white;
        font-size: 1.3rem;
    }

    .add_product :hover[b-thzjt6h40w] {
        opacity: .9;
    }



.mainTable[b-thzjt6h40w] {
    margin-top: 4rem;
}


    .mainTable table[b-thzjt6h40w] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .mainTable table thead[b-thzjt6h40w] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .mainTable table thead tr[b-thzjt6h40w] {
                height: 40px;
                margin-bottom: 1rem;
            }

                .mainTable table thead tr td[b-thzjt6h40w] {
                    font-size: 1.4rem;
                    color: black;
                    font-weight: 500;
                    white-space: nowrap;
                }

                    .mainTable table thead tr td:first-child[b-thzjt6h40w] {
                        padding-left: 1rem;
                    }

                    .mainTable table thead tr td:last-child[b-thzjt6h40w] {
                        text-align: right;
                        padding-right: 1rem;
                    }

        /*body*/
        .mainTable table tbody tr[b-thzjt6h40w] {
            height: 30px;
            border-bottom: 1px solid lightgray;
            background: var(--primary-bg);
        }

            .mainTable table tbody tr:last-child[b-thzjt6h40w] {
                border-bottom: 1px solid transparent;
            }


            .mainTable table tbody tr:nth-child(odd)[b-thzjt6h40w] {
                background: var(--secondary-bg);
            }

            .mainTable table tbody tr:hover[b-thzjt6h40w] {
                background: rgb(225 225 225 / 72%);
                cursor: pointer;
            }

            .mainTable table tbody tr td[b-thzjt6h40w] {
                font-size: 1.4rem;
                color: black;
                white-space: nowrap;
            }

                .mainTable table tbody tr td:first-child[b-thzjt6h40w] {
                    padding-left: 1rem;
                }

tbody[b-thzjt6h40w], td[b-thzjt6h40w], tfoot[b-thzjt6h40w], th[b-thzjt6h40w], thead[b-thzjt6h40w], tr[b-thzjt6h40w] {
    padding-right: 19px;
}

.action_btn[b-thzjt6h40w] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-right: .5rem;
}

    .action_btn button[b-thzjt6h40w] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-thzjt6h40w] {
            width: 100%;
        }

.net_amount[b-thzjt6h40w] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
}

    .net_amount .form_group h2[b-thzjt6h40w] {
        font-size: 1.4rem;
        font-weight: 500;
        font-family: "Josefin Sans", sans-serif;
    }

    .net_amount .total_amount[b-thzjt6h40w] {
        width: 40%;
    }

    .net_amount .select_group[b-thzjt6h40w] {
        padding: 1rem 0;
    }

    .net_amount .form_group label[b-thzjt6h40w] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

    .net_amount .form_group[b-thzjt6h40w] {
        height: 15rem;
        width: 35%;
    }

.discountField[b-thzjt6h40w] {
    display: flex;
    justify-content: flex-end;
}

    .discountField #SpecialDiscountPriceId[b-thzjt6h40w], #ExtraCostId[b-thzjt6h40w] {
        border: 1px solid lightgray !important;
        width: 50% !important;
    }

    .discountField input[b-thzjt6h40w] {
        margin-right: 2px;
    }

.collection-field[b-thzjt6h40w] {
    display: flex;
    justify-content: flex-end;
}

    .collection-field input[b-thzjt6h40w] {
        border: 1px solid lightgray !important;
        width: 50% !important;
    }

.total_amount ul[b-thzjt6h40w] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

    .total_amount ul li[b-thzjt6h40w] {
        padding: .5rem 1rem;
        list-style-type: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .total_amount ul li:nth-child(even)[b-thzjt6h40w] {
            border-bottom: 1px solid lightgrey;
            border-top: 1px solid lightgrey;
            background-color: #f1f1f1;
        }

        .total_amount ul li span[b-thzjt6h40w] {
            font-size: 1.3rem;
            font-weight: 400;
        }

        .total_amount ul li > span:nth-child(1)[b-thzjt6h40w] {
            width: 50%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }




/*modals css */
.sale_view_container[b-thzjt6h40w] {
    height: 100%;
}

[b-thzjt6h40w] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
}

[b-thzjt6h40w] #PaymentInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-thzjt6h40w] #PaymentStatusInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-thzjt6h40w] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-thzjt6h40w] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-thzjt6h40w] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-thzjt6h40w] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    z-index: 99999;
    position: fixed;
    background: #0000006e;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}

[b-thzjt6h40w] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0 !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

[b-thzjt6h40w] .formClass {
    margin-top: 0;
}
/*tooltip */
[b-thzjt6h40w] #spanText {
    width: 110px;
}

/*Radio button css */
.redio_button_box h3[b-thzjt6h40w] {
    font-size: 1.4rem;
    color: black;
    font-weight: 500;
    padding-bottom: .8rem;
}

.radio-button-container[b-thzjt6h40w] {
    display: grid;
    gap: 10px;
    align-items: center;
    margin: 0 0 2rem;
}

.radio-button[b-thzjt6h40w] {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.radio-button__input[b-thzjt6h40w] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.radio-button__label[b-thzjt6h40w] {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-size: 1.3rem;
    color: black;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.radio-button__custom[b-thzjt6h40w] {
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #555;
    transition: all 0.3s ease;
}

.radio-button__input:checked + .radio-button__label .radio-button__custom[b-thzjt6h40w] {
    background-color: #4c8bf5;
    border-color: transparent;
    transform: scale(0.8);
    box-shadow: 0 0 20px #4c8bf580;
}

.radio-button__input:checked + .radio-button__label[b-thzjt6h40w] {
    color: #4c8bf5;
}

.radio-button__label:hover .radio-button__custom[b-thzjt6h40w] {
    transform: scale(1.2);
    border-color: #4c8bf5;
    box-shadow: 0 0 20px #4c8bf580;
}

/*checkbox button css */
.checkbox h3[b-thzjt6h40w] {
    font-size: 1.4rem;
    color: black;
    font-weight: 500;
    padding-bottom: .8rem;
}

.checkbox-container[b-thzjt6h40w] {
    display: grid;
    gap: 10px;
    align-items: center;
    margin: 0 0 2rem;
}

.checkbox[b-thzjt6h40w] {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.checkbox__input[b-thzjt6h40w] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.checkbox__label[b-thzjt6h40w] {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-size: 1.3rem;
    color: black;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.checkbox__custom[b-thzjt6h40w] {
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 3%;
    border: 2px solid #555;
    transition: all 0.3s ease;
}

.checkbox__input:checked + .checkbox__label .checkbox__custom[b-thzjt6h40w] {
    background-color: #4c8bf5;
    border-color: transparent;
    transform: scale(0.8);
    box-shadow: 0 0 20px #4c8bf580;
}

.checkbox__input:checked + .checkbox__label[b-thzjt6h40w] {
    color: #4c8bf5;
}

.checkbox__label:hover .checkbox__custom[b-thzjt6h40w] {
    transform: scale(1.2);
    border-color: #4c8bf5;
    box-shadow: 0 0 20px #4c8bf580;
}

.order_submit_button[b-thzjt6h40w] {
    padding-top: 81px;
}

@media (min-width:320px) and (max-width: 767.98px) {
    .salse_insert_header[b-thzjt6h40w] {
        padding: 1rem 0;
        flex-direction: column;
        gap: 1rem;
    }

    .salse_insert_header_left[b-thzjt6h40w] {
        display: flex;
        align-items: center;
    }

    .sale_create_container .sale_create_first_container[b-thzjt6h40w] {
        grid-template-columns: repeat(1, 1fr);
    }

    .sale_create_first_container .form_N_title_wraper:nth-child(2) .feilds[b-thzjt6h40w] {
        grid-template-columns: repeat(1, 1fr);
    }

    .form_N_title_wraper .feilds[b-thzjt6h40w] {
        grid-template-columns: repeat(1, 1fr);
    }

    .mainTable[b-thzjt6h40w] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-thzjt6h40w] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 3rem;
    }


    .mainTable table tr td[b-thzjt6h40w] {
        padding: 0 1rem;
    }

    .net_amount .form_group[b-thzjt6h40w] {
        height: 5rem;
        width: 100%;
    }

    .net_amount .total_amount[b-thzjt6h40w] {
        width: 100%;
    }

    [b-thzjt6h40w] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 2rem;
        top: 0rem;
        position: fixed;
    }
}

@media (min-width:768px) and (max-width: 991.98px) {
    .salse_insert_header[b-thzjt6h40w] {
        padding: 1rem 0;
        flex-direction: row;
    }

    .salse_insert_header_left[b-thzjt6h40w] {
        display: flex;
        align-items: center;
    }

    .sale_create_container .sale_create_first_container[b-thzjt6h40w] {
        grid-template-columns: repeat(2, 1fr);
    }

    .mainTable[b-thzjt6h40w] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-thzjt6h40w] {
        display: flex;
        flex-direction: row;
    }

    .form_N_title_wraper .feilds[b-thzjt6h40w] {
        grid-template-columns: repeat(3, 1fr);
    }

    .mainTable table tr td[b-thzjt6h40w] {
        padding: 0 1rem;
    }
}

@media (min-width:992px) and (max-width: 1400px) {
    .mainTable[b-thzjt6h40w] {
        margin-top: 4rem;
        overflow-x: auto;
    }
}

.submit_section[b-thzjt6h40w] {
    justify-content: right !important;
}
/* /Components/Pages/Distribution/InvoiceComponent.razor.rz.scp.css */
.invoice[b-zisud2rw7u] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
}

.invoice_header[b-zisud2rw7u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-zisud2rw7u] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-zisud2rw7u] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-zisud2rw7u] {
            width: 100%;
        }

    .logo .logo_text[b-zisud2rw7u] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-zisud2rw7u] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-zisud2rw7u] {
        color: blue;
    }





.company_info[b-zisud2rw7u] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-zisud2rw7u] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

#invoice_title[b-zisud2rw7u] {
    font-size: 20px;
}

.address p[b-zisud2rw7u] {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

    .address p:first-child[b-zisud2rw7u] {
        font-weight: 400;
    }

.invoice_date[b-zisud2rw7u] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-zisud2rw7u] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-zisud2rw7u] {
            font-weight: 400;
        }

.customer_and_sale_info[b-zisud2rw7u] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
    padding-left: 3rem;
    padding-bottom: 3rem;
}

.customer_info[b-zisud2rw7u] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-zisud2rw7u] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-zisud2rw7u] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-zisud2rw7u] {
            font-size: 1.4rem;
            font-weight: 400;
        }

    .left_info h3[b-zisud2rw7u] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-zisud2rw7u] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-zisud2rw7u] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-zisud2rw7u] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-zisud2rw7u] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

[b-zisud2rw7u] .right_info h4 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #636363;
    padding-bottom: .5rem;
    text-align: right;
}

}

.right_info h4:nth-child(2)[b-zisud2rw7u] {
    color: blue;
    font-weight: 500;
}


/*table*/
.invoice_table[b-zisud2rw7u] {
    width: 100%;
    padding-bottom: 3rem;
}

    .invoice_table table[b-zisud2rw7u] {
        width: 100%;
        /*box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
        /*border-radius: 7px;*/
    }

        .invoice_table table thead[b-zisud2rw7u] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
            border-top: 1px solid lightgray;
        }

            .invoice_table table thead tr[b-zisud2rw7u] {
                height: 40px;
            }

                .invoice_table table thead tr th[b-zisud2rw7u] {
                    padding: 1rem 2rem;
                    font-weight: 400;
                    font-size: 1.5rem;
                }

                    .invoice_table table thead tr th:first-child[b-zisud2rw7u] {
                        padding-left: 3rem;
                    }

                    .invoice_table table thead tr th:last-child[b-zisud2rw7u] {
                        text-align: end;
                        padding-right: 3rem;
                    }

        .invoice_table table tbody tr td[b-zisud2rw7u] {
            padding: 0 2rem;
            font-size: 1.4rem;
            font-weight: 400;
            white-space: nowrap;
        }

        .invoice_table table tbody tr[b-zisud2rw7u] {
            border-bottom: 1px solid #d7d7d7;
            height: 30px;
        }

            .invoice_table table tbody tr:last-child[b-zisud2rw7u] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-zisud2rw7u] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-zisud2rw7u] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td:last-child[b-zisud2rw7u] {
                text-align: end;
                padding-right: 3rem;
            }

            .invoice_table table tbody tr td:first-child[b-zisud2rw7u] {
                padding-left: 3rem;
            }

/*sub total and payment method */
.payment_and_notes[b-zisud2rw7u] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 2rem;
    display: flex;
    flex-direction: column;
}

.sub_and_payment_method[b-zisud2rw7u] {
    display: flex;
    justify-content: space-between;
}

.payment_and_notes .notes[b-zisud2rw7u] {
    width: 55rem;
}

    .payment_and_notes .notes h2[b-zisud2rw7u] {
        font-size: 1.5rem;
        font-weight: 500;
    }

.sub_total[b-zisud2rw7u] {
    width: 36.5%;
}

    .sub_total .sub_items[b-zisud2rw7u] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-zisud2rw7u] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-zisud2rw7u] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-zisud2rw7u] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-zisud2rw7u] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-zisud2rw7u] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }

[b-zisud2rw7u] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .invoice[b-zisud2rw7u] {
        padding: 1rem 0;
        margin: 1rem 0;
    }

    .invoice_header[b-zisud2rw7u] {
        padding: 0 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-zisud2rw7u] {
        justify-content: flex-start;
    }

        .logo .logo_img[b-zisud2rw7u] {
            width: 30px;
            height: 30px;
        }

        .logo .logo_text[b-zisud2rw7u] {
            font-size: 12px;
        }

    .invoice_serial h3[b-zisud2rw7u] {
        font-size: 12px;
    }

    .company_info[b-zisud2rw7u] {
        padding: 1rem;
        padding-top: 1rem;
    }

    .address[b-zisud2rw7u] {
        gap: 0;
    }

        .address p[b-zisud2rw7u] {
            font-size: 12px;
        }

    .invoice_date p[b-zisud2rw7u] {
        font-size: 10px;
    }

    .invoice_info[b-zisud2rw7u] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .invoice_table[b-zisud2rw7u] {
        overflow: auto;
        padding: 3rem 0;
    }

        .invoice_table table thead tr th:first-child[b-zisud2rw7u] {
            padding-left: 1rem;
        }

        .invoice_table table thead tr th:last-child[b-zisud2rw7u] {
            padding-right: 1rem;
        }

        .invoice_table table thead tr th[b-zisud2rw7u] {
            white-space: nowrap;
        }

        .invoice_table table tbody tr td:first-child[b-zisud2rw7u] {
            padding-left: 1rem;
        }

        .invoice_table table tbody tr td:last-child[b-zisud2rw7u] {
            padding-right: 1rem;
        }


    .sub_and_payment_method[b-zisud2rw7u] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-zisud2rw7u] {
        width: 100%;
        padding: 0 1rem;
    }

        .sub_total .sub_items[b-zisud2rw7u] {
            padding: 1rem;
        }

    .terms[b-zisud2rw7u] {
        margin: 3rem 2rem 0;
    }

    .greating[b-zisud2rw7u] {
        padding: 1rem;
    }

        .greating p[b-zisud2rw7u] {
            font-size: 1.2rem;
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-zisud2rw7u] {
        margin: 3rem 0rem;
    }

    .invoice_table[b-zisud2rw7u] {
        padding: 0 0 3rem 0;
    }

    .terms[b-zisud2rw7u] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Distribution/List.razor.rz.scp.css */
.content_box_inner[b-4enl7vnfdt] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

[b-4enl7vnfdt] .content_body {
    position: unset;
}

.content_box_inner .sales_header[b-4enl7vnfdt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sales_header h2[b-4enl7vnfdt] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.sales_header a[b-4enl7vnfdt] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-4enl7vnfdt] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-4enl7vnfdt] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-4enl7vnfdt] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-4enl7vnfdt] {
        outline-color: gray;
    }

.action_btn[b-4enl7vnfdt] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-4enl7vnfdt] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-4enl7vnfdt] {
            width: 100%;
        }

/*update modal */

[b-4enl7vnfdt] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}

[b-4enl7vnfdt] #SaleInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 90%;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}

[b-4enl7vnfdt] #CustomerInsertModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    width: 70rem;
}

[b-4enl7vnfdt] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-4enl7vnfdt] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-4enl7vnfdt] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-4enl7vnfdt] .formClass {
    margin-top: 0;
}

[b-4enl7vnfdt] .salse_insert_header {
    padding: 0;
}

[b-4enl7vnfdt] .salse_insert_header_left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
}

[b-4enl7vnfdt] .sale_create_container {
    padding: 0;
}

/*tooltip */
.action_btn[b-4enl7vnfdt]  #spanText {
    width: 52px;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-4enl7vnfdt] {
        padding: 1rem;
    }

    .sales_header h2[b-4enl7vnfdt] {
        font-size: 1.8rem;
    }

    .sales_header a[b-4enl7vnfdt] {
        font-size: 1.1rem;
    }

    .search-box[b-4enl7vnfdt] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-4enl7vnfdt] {
            font-size: 1.1rem;
        }

    .sale_create_container[b-4enl7vnfdt] {
        padding: 0;
    }

    [b-4enl7vnfdt] .tableContainer[BaseTable-scope] {
        min-height: 50rem;
    }


    [b-4enl7vnfdt] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 2rem;
    }

    [b-4enl7vnfdt] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        left: 0;
        transform: translate(0);
        top: -6rem;
    }

    [b-4enl7vnfdt] #PaymentInsertModal[basemodal-scope] {
        top: -1rem;
    }

        [b-4enl7vnfdt] #PaymentInsertModal[BaseModal-scope] .modal_box {
            width: 100%;
        }

    [b-4enl7vnfdt] #PaymentStatusInsertModal[basemodal-scope] {
        top: -1rem;
    }

        [b-4enl7vnfdt] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
            width: 100%;
        }
}
/* /Components/Pages/Distribution/OrderDetail.razor.rz.scp.css */
.sale_details[b-jpfc37prd3] {
    background: var(--primary-bg);
}

.sale_details_header[b-jpfc37prd3] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
    align-items: center;
}

    .sale_details_header h2[b-jpfc37prd3] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-jpfc37prd3] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}

[b-jpfc37prd3] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .sale_details_header[b-jpfc37prd3] {
        padding: 2rem 1rem 0;
        align-items: center;
    }

        .sale_details_header h2[b-jpfc37prd3] {
            font-size: 1.45rem;
        }
}
/* /Components/Pages/Distribution/OrderDetailComponent.razor.rz.scp.css */
.invoice[b-7cy5bwhg1g] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    padding: 0 2rem 2rem;
}

.date_and_action[b-7cy5bwhg1g] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .date_and_action .date[b-7cy5bwhg1g] {
        font-size: 1.6rem;
    }

        .date_and_action .date span:first-child[b-7cy5bwhg1g] {
            font-size: 1.6rem;
            font-weight: 600;
        }

.customer_and_sale_info[b-7cy5bwhg1g] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-7cy5bwhg1g] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-7cy5bwhg1g] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-7cy5bwhg1g] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-7cy5bwhg1g] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-7cy5bwhg1g] {
    min-width: 10rem;
}

.sale_info .info span:first-child[b-7cy5bwhg1g] {
    min-width: 12rem;
}
/*table*/
.invoice_table[b-7cy5bwhg1g] {
    width: 100%;
    padding: 3rem 0;
}

    .invoice_table table[b-7cy5bwhg1g] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .invoice_table table tr[b-7cy5bwhg1g] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table thead tr[b-7cy5bwhg1g] {
            height: 40px;
        }

        .invoice_table table thead[b-7cy5bwhg1g] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }


            .invoice_table table thead tr th[b-7cy5bwhg1g] {
                padding: .5rem 2rem;
                font-weight: 500;
            }

                .invoice_table table thead tr th:last-child[b-7cy5bwhg1g] {
                    text-align: end;
                }

        .invoice_table table tbody tr[b-7cy5bwhg1g] {
            border-bottom: 1px solid #d7d7d7;
        }

            .invoice_table table tbody tr:last-child[b-7cy5bwhg1g] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-7cy5bwhg1g] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-7cy5bwhg1g] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td[b-7cy5bwhg1g] {
                padding: .5rem 2rem;
                white-space: nowrap;
            }

                .invoice_table table tbody tr td:last-child[b-7cy5bwhg1g] {
                    text-align: end;
                }

/*sub total and payment method */
.payment_and_notes[b-7cy5bwhg1g] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.pyamet_method[b-7cy5bwhg1g] {
    display: flex;
    gap: 0.5rem;
}

.sub_and_payment_method[b-7cy5bwhg1g] {
    display: flex;
    justify-content: space-between;
}

    .sub_and_payment_method .pyamet_method h2[b-7cy5bwhg1g] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .sub_and_payment_method .pyamet_method h3[b-7cy5bwhg1g] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.payment_and_notes .notes[b-7cy5bwhg1g] {
    width: 55rem;
}

    .payment_and_notes .notes h2[b-7cy5bwhg1g] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: .7rem;
    }

    .payment_and_notes .notes p[b-7cy5bwhg1g] {
        font-size: 1.3rem;
        font-weight: 400;
    }


.sub_and_payment_method .pyamet_method .bank_account[b-7cy5bwhg1g] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding-left: 1rem;
    border-left: 3px solid gray;
}

    .sub_and_payment_method .pyamet_method .bank_account span[b-7cy5bwhg1g] {
        font-size: 1.2rem;
        font-weight: 500;
    }

.sub_total[b-7cy5bwhg1g] {
    width: 36.5%;
}

    .sub_total .sub_items[b-7cy5bwhg1g] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem 1rem 0;
    }

        .sub_total .sub_items:last-child[b-7cy5bwhg1g] {
            padding-bottom: 0;
        }

        .sub_total .sub_items:nth-child(2)[b-7cy5bwhg1g] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-7cy5bwhg1g] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-7cy5bwhg1g] {
            font-size: 1.4rem;
            font-weight: 400;
        }


/*Terms and conditions */
.terms[b-7cy5bwhg1g] {
    display: flex;
    justify-content: space-between;
    margin: 7rem 6rem 0;
    align-items: center;
}

    .terms .conditions[b-7cy5bwhg1g] {
        width: 35%;
    }

        .terms .conditions h2[b-7cy5bwhg1g] {
            font-size: 1.7rem;
            font-weight: 700;
            padding-bottom: 1rem;
        }

        .terms .conditions p[b-7cy5bwhg1g] {
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 2.3rem;
        }

@media (min-width:320px) and (max-width:767.98px) {
    [b-7cy5bwhg1g] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }

    .invoice[b-7cy5bwhg1g] {
        padding: 1rem;
        margin: 1rem 0;
    }

    .date_and_action[b-7cy5bwhg1g] {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .invoice_table[b-7cy5bwhg1g] {
        overflow: auto;
    }

        .invoice_table table thead tr th[b-7cy5bwhg1g] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-7cy5bwhg1g] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-7cy5bwhg1g] {
        width: 100%;
    }

    .payment_and_notes .notes[b-7cy5bwhg1g] {
        width: auto;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [b-7cy5bwhg1g] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }
}
/* /Components/Pages/Distribution/OrderList.razor.rz.scp.css */
.content_box_inner[b-nz75hoa4vr] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

[b-nz75hoa4vr] .content_body {
    position: unset;
}

.content_box_inner .sales_header[b-nz75hoa4vr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sales_header h2[b-nz75hoa4vr] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.sales_header a[b-nz75hoa4vr] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-nz75hoa4vr] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-nz75hoa4vr] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-nz75hoa4vr] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-nz75hoa4vr] {
        outline-color: gray;
    }

.action_btn[b-nz75hoa4vr] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-nz75hoa4vr] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-nz75hoa4vr] {
            width: 100%;
        }

/*update modal */

[b-nz75hoa4vr] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}

[b-nz75hoa4vr] #SaleInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 90%;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}

[b-nz75hoa4vr] #CustomerInsertModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    width: 70rem;
}

[b-nz75hoa4vr] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-nz75hoa4vr] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-nz75hoa4vr] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-nz75hoa4vr] .formClass {
    margin-top: 0;
}

[b-nz75hoa4vr] .salse_insert_header {
    padding: 0;
}

[b-nz75hoa4vr] .salse_insert_header_left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
}

[b-nz75hoa4vr] .sale_create_container {
    padding: 0;
}

/*tooltip */
.action_btn[b-nz75hoa4vr]  #spanText {
    width: 52px;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-nz75hoa4vr] {
        padding: 1rem;
    }

    .sales_header h2[b-nz75hoa4vr] {
        font-size: 1.8rem;
    }

    .sales_header a[b-nz75hoa4vr] {
        font-size: 1.1rem;
    }

    .search-box[b-nz75hoa4vr] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-nz75hoa4vr] {
            font-size: 1.1rem;
        }

    .sale_create_container[b-nz75hoa4vr] {
        padding: 0;
    }

    [b-nz75hoa4vr] .tableContainer[BaseTable-scope] {
        min-height: 50rem;
    }


    [b-nz75hoa4vr] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 2rem;
    }

    [b-nz75hoa4vr] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        left: 0;
        transform: translate(0);
        top: -6rem;
    }

    [b-nz75hoa4vr] #PaymentInsertModal[basemodal-scope] {
        top: -1rem;
    }

        [b-nz75hoa4vr] #PaymentInsertModal[BaseModal-scope] .modal_box {
            width: 100%;
        }

    [b-nz75hoa4vr] #PaymentStatusInsertModal[basemodal-scope] {
        top: -1rem;
    }

        [b-nz75hoa4vr] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
            width: 100%;
        }
}
/* /Components/Pages/Expense/Insert.razor.rz.scp.css */
.insert_page[b-yj63e1yx14] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-yj63e1yx14] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_container[b-yj63e1yx14] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-yj63e1yx14] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-yj63e1yx14] .loadSpinner[Spinner-scope] {
    position: static;
}

[b-yj63e1yx14] .formClass {
    margin-top: 0;
}

@media (min-width: 320px) and (max-width:575.99px) {
    .insert_container .insert_form[b-yj63e1yx14] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Expense/InsertComponent.razor.rz.scp.css */
.submit_btn[b-0gtbmn9xcp] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

label[b-0gtbmn9xcp] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Expense/List.razor.rz.scp.css */
.content_box_inner[b-nucusu1xsg] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .category_header[b-nucusu1xsg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category_header h2[b-nucusu1xsg] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.category_header a[b-nucusu1xsg] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
}

.search-box[b-nucusu1xsg] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-nucusu1xsg] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-nucusu1xsg] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-nucusu1xsg] {
        outline-color: gray;
    }

.action_btn[b-nucusu1xsg] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-nucusu1xsg] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-nucusu1xsg] {
            width: 100%;
        }

[b-nucusu1xsg] .formClass {
    margin-top: 0;
}

[b-nucusu1xsg] #CategoryInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-nucusu1xsg] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-nucusu1xsg] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-nucusu1xsg] {
        padding: 1rem;
    }

    .category_header h2[b-nucusu1xsg] {
        font-size: 1.5rem;
    }

    .category_header a[b-nucusu1xsg] {
        font-size: 1.1rem;
    }

    .search-box[b-nucusu1xsg] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-nucusu1xsg] {
            border-color: gray;
            border: 1px solid gray;
            border-radius: .5rem;
            outline: none;
            font-size: 1rem;
        }

    [b-nucusu1xsg] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 4rem;
        position: fixed;
    }
}
/* /Components/Pages/index.razor.rz.scp.css */
.dashboard[b-jn9m25nxql] {
    display: flex;
}

    .dashboard .overview[b-jn9m25nxql] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        padding: 0 1rem 1rem 0;
    }

    .dashboard .overview_item[b-jn9m25nxql] {
        padding: 2rem;
        border-radius: 0.5rem;
        box-shadow: 0 0 1rem rgba(128, 128, 128, 0.342);
        background: white;
        overflow: hidden;
        min-height: 28rem;
        max-height: 28rem;
    }


    /* summery */
    .dashboard .summery[b-jn9m25nxql] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        padding: 0 0 1rem 1rem;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .dashboard[b-jn9m25nxql] {
        display: flex;
        flex-direction: column;
    }

        .dashboard .overview_item[b-jn9m25nxql] {
            max-height: max-content;
        }

        .dashboard .overview[b-jn9m25nxql] {
            padding: 0 0rem 1rem 0;
        }

        .dashboard .summery[b-jn9m25nxql] {
            padding: 0 0 2rem 0rem;
        }

        .dashboard .overview_item .overview_items[b-jn9m25nxql] {
            display: grid;
            grid-template-columns: repeat(1,1fr);
            gap: 2rem;
        }

        .dashboard .summery .overview_item .overview_items[b-jn9m25nxql] {
            display: grid;
            grid-template-columns: repeat(1, 1fr);
            gap: 3rem;
        }

    .stock_overview_items[b-jn9m25nxql] {
        overflow: auto;
    }

    .dashboard .overview_item .stock_overview_items .top_product_list .top_item[b-jn9m25nxql] {
        gap: 1rem;
        width: max-content;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .dashboard[b-jn9m25nxql] {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width:992px) and (max-width:1439.98px) {
    /*    .dashboard {
        display: flex;
        flex-direction: column;
    }*/
}
/* /Components/Pages/Location/City/Insert.razor.rz.scp.css */
.insert_page[b-x7ulcrfadn] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-x7ulcrfadn] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-x7ulcrfadn] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-x7ulcrfadn] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-x7ulcrfadn] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-x7ulcrfadn] .formClass {
    margin-top: 0;
}


@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-x7ulcrfadn] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Location/City/InsertComponent.razor.rz.scp.css */
label[b-qxft2xa5pi] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Location/City/List.razor.rz.scp.css */
.content_box_inner[b-5pypj94z93] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}


.content_box_inner .city_header[b-5pypj94z93] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.city_header h2[b-5pypj94z93] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.city_header a[b-5pypj94z93] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-5pypj94z93] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-5pypj94z93] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-5pypj94z93] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-5pypj94z93] {
        outline-color: gray;
    }

.action_btn[b-5pypj94z93] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-5pypj94z93] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-5pypj94z93] {
            width: 100%;
        }

[b-5pypj94z93] .formClass {
    margin-top: 0;
}

[b-5pypj94z93] #CityInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-5pypj94z93] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
.action_btn[b-5pypj94z93]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.99px) {
    .content_box_inner[b-5pypj94z93] {
        padding: 1rem;
    }
    .city_header h2[b-5pypj94z93] {
        font-size: 1.8rem;
    }

    .city_header a[b-5pypj94z93] {
        font-size: 1.1rem;
    }

    .search-box[b-5pypj94z93] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-5pypj94z93] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Location/Country/Insert.razor.rz.scp.css */
.insert_page[b-ir21dguzxp] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-ir21dguzxp] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-ir21dguzxp] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-ir21dguzxp] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-ir21dguzxp] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-ir21dguzxp] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-ir21dguzxp] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Location/Country/InsertComponent.razor.rz.scp.css */
label[b-2ll76er0no] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Location/Country/List.razor.rz.scp.css */
.content_box_inner[b-4pyuafzw31] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .country_header[b-4pyuafzw31] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.country_header h2[b-4pyuafzw31] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.country_header a[b-4pyuafzw31] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-4pyuafzw31] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-4pyuafzw31] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-4pyuafzw31] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-4pyuafzw31] {
        outline-color: gray;
    }

.action_btn[b-4pyuafzw31] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-4pyuafzw31] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-4pyuafzw31] {
            width: 100%;
        }

[b-4pyuafzw31] .formClass {
    margin-top: 0;
}

[b-4pyuafzw31] #CountryInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-4pyuafzw31] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*tooltip */
.action_btn[b-4pyuafzw31]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.99px) {
    .content_box_inner[b-4pyuafzw31] {
        padding: 1rem;
    }
    .country_header h2[b-4pyuafzw31] {
        font-size: 1.8rem;
    }

    .country_header a[b-4pyuafzw31] {
        font-size: 1.1rem;
    }

    .search-box[b-4pyuafzw31] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-4pyuafzw31] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Location/State/Insert.razor.rz.scp.css */
.insert_page[b-9239bznfp5] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-9239bznfp5] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-9239bznfp5] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-9239bznfp5] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-9239bznfp5] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-9239bznfp5] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-9239bznfp5] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Location/State/InsertComponent.razor.rz.scp.css */
label[b-tfs135rihq] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Location/State/List.razor.rz.scp.css */
.content_box_inner[b-1js0ydqcx7] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}


.content_box_inner .state_header[b-1js0ydqcx7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.state_header h2[b-1js0ydqcx7] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.state_header a[b-1js0ydqcx7] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-1js0ydqcx7] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-1js0ydqcx7] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-1js0ydqcx7] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-1js0ydqcx7] {
        outline-color: gray;
    }


.action_btn[b-1js0ydqcx7] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-1js0ydqcx7] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-1js0ydqcx7] {
            width: 100%;
        }


[b-1js0ydqcx7] .formClass {
    margin-top: 0;
}

[b-1js0ydqcx7] #StateInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-1js0ydqcx7] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
.action_btn[b-1js0ydqcx7]  #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.99px) {
    .content_box_inner[b-1js0ydqcx7] {
        padding: 1rem;
    }
    .state_header h2[b-1js0ydqcx7] {
        font-size: 1.8rem;
    }

    .state_header a[b-1js0ydqcx7] {
        font-size: 1.1rem;
    }

    .search-box[b-1js0ydqcx7] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-1js0ydqcx7] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Location/Thana/Insert.razor.rz.scp.css */
.insert_page[b-5llgc0p4i2] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-5llgc0p4i2] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_container[b-5llgc0p4i2] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-5llgc0p4i2] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-5llgc0p4i2] .loadSpinner[Spinner-scope] {
    position: static;
}

[b-5llgc0p4i2] .formClass {
    margin-top: 0;
}


@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-5llgc0p4i2] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Location/Thana/InsertComponent.razor.rz.scp.css */
label[b-sjmbkgwr3e] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Location/Thana/List.razor.rz.scp.css */
.content_box_inner[b-9p05rnmuvz] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}


.content_box_inner .city_header[b-9p05rnmuvz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.city_header h2[b-9p05rnmuvz] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.city_header a[b-9p05rnmuvz] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-9p05rnmuvz] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-9p05rnmuvz] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-9p05rnmuvz] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-9p05rnmuvz] {
        outline-color: gray;
    }

.action_btn[b-9p05rnmuvz] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-9p05rnmuvz] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-9p05rnmuvz] {
            width: 100%;
        }

[b-9p05rnmuvz] .formClass {
    margin-top: 0;
}

[b-9p05rnmuvz] #CityInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-9p05rnmuvz] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
.action_btn[b-9p05rnmuvz]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.99px) {
    .content_box_inner[b-9p05rnmuvz] {
        padding: 1rem;
    }

    .city_header h2[b-9p05rnmuvz] {
        font-size: 1.8rem;
    }

    .city_header a[b-9p05rnmuvz] {
        font-size: 1.1rem;
    }

    .search-box[b-9p05rnmuvz] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-9p05rnmuvz] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Model/Insert.razor.rz.scp.css */
.insert_page[b-wa1xdo83cl] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-wa1xdo83cl] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-wa1xdo83cl] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-wa1xdo83cl] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-wa1xdo83cl] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-wa1xdo83cl] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {
    .insert_container .insert_form[b-wa1xdo83cl] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Model/InsertComponent.razor.rz.scp.css */
label[b-4pj4d71585] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Model/List.razor.rz.scp.css */
.content_box_inner[b-7g8m3g9zay] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .model_header[b-7g8m3g9zay] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.model_header h2[b-7g8m3g9zay] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.model_header a[b-7g8m3g9zay] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-7g8m3g9zay] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-7g8m3g9zay] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-7g8m3g9zay] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-7g8m3g9zay] {
        outline-color: gray;
    }
.action_btn[b-7g8m3g9zay] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-7g8m3g9zay] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-7g8m3g9zay] {
            width: 100%;
        }

[b-7g8m3g9zay] .formClass {
    margin-top: 0;
}

[b-7g8m3g9zay] #ProductModelInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-7g8m3g9zay] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-7g8m3g9zay] #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-7g8m3g9zay] {
        padding: 1rem;
    }

    .model_header h2[b-7g8m3g9zay] {
        font-size: 1.8rem;
    }

    .model_header a[b-7g8m3g9zay] {
        font-size: 1.1rem;
    }

    .search-box[b-7g8m3g9zay] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-7g8m3g9zay] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/PaymentStatus/Insert.razor.rz.scp.css */
.insert_page[b-hdmjx9j8pn] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-hdmjx9j8pn] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-hdmjx9j8pn] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-hdmjx9j8pn] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-hdmjx9j8pn] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-hdmjx9j8pn] .formClass {
    margin-top: 0;
}

@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-hdmjx9j8pn] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/PaymentStatus/InsertComponent.razor.rz.scp.css */
label[b-9zvi45wvl9] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/PaymentStatus/List.razor.rz.scp.css */
.content_box_inner[b-xbcjnox02m] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}
.content_box_inner .payment_status_header[b-xbcjnox02m] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payment_status_header h2[b-xbcjnox02m] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.payment_status_header a[b-xbcjnox02m] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-xbcjnox02m] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-xbcjnox02m] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-xbcjnox02m] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-xbcjnox02m] {
        outline-color: gray;
    }

.action_btn[b-xbcjnox02m] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-xbcjnox02m] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-xbcjnox02m] {
            width: 100%;
        }

[b-xbcjnox02m] .formClass {
    margin-top: 0;
}
[b-xbcjnox02m] #PaymentStatusInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xbcjnox02m] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
.action_btn[b-xbcjnox02m]  #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-xbcjnox02m] {
        padding: 1rem;
    }
    .payment_status_header h2[b-xbcjnox02m] {
        font-size: 1.8rem;
    }

    .payment_status_header a[b-xbcjnox02m] {
        font-size: 1.1rem;
    }

    .search-box[b-xbcjnox02m] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-xbcjnox02m] {
            font-size: 1.1rem;
        }
    [b-xbcjnox02m] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
        padding: 3rem 2rem;
    }
}
/* /Components/Pages/Payment/Insert.razor.rz.scp.css */
.insert_page[b-gjtwrczk0p] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-gjtwrczk0p] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-gjtwrczk0p] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-gjtwrczk0p] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-gjtwrczk0p] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-gjtwrczk0p] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-gjtwrczk0p] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Payment/InsertComponent.razor.rz.scp.css */
label[b-eqjyhqfehd] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Payment/List.razor.rz.scp.css */
.content_box_inner[b-xwzzhxj3pu] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}


.content_box_inner .payment_list_header[b-xwzzhxj3pu] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.payment_list_header h2[b-xwzzhxj3pu] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.payment_list_header a[b-xwzzhxj3pu] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-xwzzhxj3pu] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-xwzzhxj3pu] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-xwzzhxj3pu] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-xwzzhxj3pu] {
        outline-color: gray;
    }

.action_btn[b-xwzzhxj3pu] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-xwzzhxj3pu] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-xwzzhxj3pu] {
            width: 100%;
        }

[b-xwzzhxj3pu] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-xwzzhxj3pu] #PaymentInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xwzzhxj3pu] .formClass {
    margin-top: 0;
}

/*tooltip */
.action_btn[b-xwzzhxj3pu]  #spanText {
    width: 52px;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-xwzzhxj3pu] {
        padding:1rem;
    }
    .payment_list_header h2[b-xwzzhxj3pu] {
        font-size: 1.8rem;
    }

    .payment_list_header a[b-xwzzhxj3pu] {
        font-size: 1.1rem;
    }

    .search-box[b-xwzzhxj3pu] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-xwzzhxj3pu] {
            font-size: 1.1rem;
        }
    [b-xwzzhxj3pu] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
        padding: 3rem 2rem;
    }
}
/* /Components/Pages/Product/Insert.razor.rz.scp.css */
.product_insert_page[b-qo0ufe1f1x] {
    background: var(--primary-bg);
}

    .product_insert_page .product_insert_header[b-qo0ufe1f1x] {
        padding: 1.5rem 1.5rem 0;
    }
.product_insert_header h2[b-qo0ufe1f1x] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Pages/Product/InsertComponent.razor.rz.scp.css */
.product_insert_header[b-03kpr8qq6u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0 0;
    z-index: 9;
}

.product_insert_header_left[b-03kpr8qq6u] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.product_create_container[b-03kpr8qq6u] {
    padding: .5rem 1.5rem 1.5rem;
    background: var(--primary-bg);
}


    .product_create_container .insert_product_form[b-03kpr8qq6u] {
       display:flex;
       flex-direction:column;
       gap: 2rem;
    }

.form_N_title_wraper[b-03kpr8qq6u]{
    width:100%;
    display:flex;
    flex-direction:column;
    gap:2rem;
}
    .form_N_title_wraper .feilds[b-03kpr8qq6u] {
       display:grid;
       grid-template-columns:repeat(4, 1fr);
       gap:1rem;
    }
    .form_N_title_wraper h3[b-03kpr8qq6u] {
        padding-bottom: .5rem;
        width: fit-content;
    }
    .form_N_title_wraper hr[b-03kpr8qq6u] {
        margin: 0;
    }

input#productVariantCheckbox[b-03kpr8qq6u] {
    width: 7%;
}


.product_create_container .form_group input[b-03kpr8qq6u] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    width: 100%;
}

    .product_create_container .form_group input:focus[b-03kpr8qq6u] {
        outline: none;
    }

.product_create_container .form_group select[b-03kpr8qq6u] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    cursor: pointer;
}

    .product_create_container .form_group select:focus[b-03kpr8qq6u] {
        outline: none;
    }

.select_group[b-03kpr8qq6u] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.select_item[b-03kpr8qq6u] {
    display: flex;
    justify-content:space-between !important;
    align-items:center !important;

}

.select_item select[b-03kpr8qq6u] {
    width: -webkit-fill-available;
}

[b-03kpr8qq6u] .BaseSelectDropdown[baseselectelement-scope]{
    width:100%;
}

.select_item button[b-03kpr8qq6u] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
    .select_item button img[b-03kpr8qq6u]{
        width:100%;
    }
    .select_item button:focus[b-03kpr8qq6u] {
        outline: none;
        border: none;
        box-shadow: none;
    }


.price_form button[b-03kpr8qq6u] {
    background: green;
    color: white;
    font-size: 1.4rem;
    font-weight: 500;
    min-width: 6rem;
    padding: .5rem 0;
    border-radius: .25rem;
    height: fit-content;
}
.pirceList[b-03kpr8qq6u] {
    grid-column: 2 / span 3;
}
.pList[b-03kpr8qq6u]{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:2rem;
}
    .pList ul[b-03kpr8qq6u] {
        margin: 0;
        padding: 1.4rem;
        border: 1px solid #e0e0e0;
        border-radius: 5px;
        position: relative;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
    .pList ul li[b-03kpr8qq6u] {
        font-size: 1.4rem;
        font-weight: 400;
        list-style-type:none;
    }
    .pList ul li span[b-03kpr8qq6u]{
        font-size:1.4rem;
        font-weight: 700;
        padding-right:.5rem;
    }
        .pList ul button[b-03kpr8qq6u] {
            position: absolute;
            top: 1rem;
            right: 1rem;
            padding: .2rem .6rem;
            font-size: 1.1rem;
            border-radius: 5px;
            border: none;
            background: #ca2626;
            color: white;
        }


        .add_product[b-03kpr8qq6u] {
            display: flex;
            justify-content: flex-start;
            margin: 3rem 0 1rem;
        }

    .add_product button[b-03kpr8qq6u] {
        background: #39a756;
        color:white;
        font-size:1.3rem;
    }

    .add_product :hover[b-03kpr8qq6u] {
        opacity: .9;
    }

.mainTable[b-03kpr8qq6u] {
    margin-top: 4rem;
}


    .mainTable table[b-03kpr8qq6u] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .mainTable table thead[b-03kpr8qq6u] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .mainTable table thead tr[b-03kpr8qq6u] {
                padding: 1rem 1.5rem;
                height: 30px;
                margin-bottom: 1rem;
            }

                .mainTable table thead tr td[b-03kpr8qq6u] {
                    font-size: 1.4rem;
                    color: black;
                    font-weight: 500;
                    white-space: nowrap;
                }

                    .mainTable table thead tr td:first-child[b-03kpr8qq6u] {
                        padding-left: 1rem;
                    }

                    .mainTable table thead tr td:last-child[b-03kpr8qq6u] {
                        text-align: right;
                        padding-right: 1rem;
                    }

        /*body*/
        .mainTable table tbody tr[b-03kpr8qq6u] {
            height: 30px;
            border-bottom: 1px solid lightgray;
            background: var(--primary-bg);
        }

            .mainTable table tbody tr:last-child[b-03kpr8qq6u] {
                border-bottom: 1px solid transparent;
            }


            .mainTable table tbody tr:nth-child(odd)[b-03kpr8qq6u] {
                background: var(--secondary-bg);
            }

            .mainTable table tbody tr:hover[b-03kpr8qq6u] {
                background: rgb(225 225 225 / 72%);
                cursor: pointer;
            }

            .mainTable table tbody tr td[b-03kpr8qq6u] {
                font-size: 1.4rem;
                color: black;
                white-space: nowrap;
            }

                .mainTable table tbody tr td:first-child[b-03kpr8qq6u] {
                    padding-left: 1rem;
                }


.action_btn[b-03kpr8qq6u] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-right: .5rem;
}

    .action_btn button[b-03kpr8qq6u] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-03kpr8qq6u] {
            width: 100%;
        }



                        /*custom scrollbar for table dorpdown*/
                        .mainTable[b-03kpr8qq6u]::-webkit-scrollbar {
                            height: 9px;
                            padding: 1rem 0;
                        }

    .mainTable[b-03kpr8qq6u]::-webkit-scrollbar-track {
        background-color: darkgrey;
    }

    .mainTable[b-03kpr8qq6u]::-webkit-scrollbar-track {
        background-color: #e4e4e4;
        border-radius: 100px;
    }

    .mainTable[b-03kpr8qq6u]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
    }
[b-03kpr8qq6u] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    position: fixed;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}
[b-03kpr8qq6u] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0 !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
[b-03kpr8qq6u] .formClass {
    margin-top: 0;
}

/*tooltip */
[b-03kpr8qq6u] #spanText {
    width: 110px;
}

@media (min-width:320px) and (max-width: 767.98px) {
    .salse_insert_header[b-03kpr8qq6u] {
        padding: 1rem 0;
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .salse_insert_header_left[b-03kpr8qq6u] {
        display: flex;
        align-items: center;
    }

    .submit_btn_group .submit_btn[b-03kpr8qq6u] {
        padding: 0.5rem 1rem;
    }

    .sale_create_container .purchase_create_first_container[b-03kpr8qq6u] {
        grid-template-columns: repeat(1, 1fr);
    }

    .mainTable[b-03kpr8qq6u] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-03kpr8qq6u] {
        grid-template-columns: repeat(1,1fr);
        gap: 1rem;
    }

    .mainTable table tr td[b-03kpr8qq6u] {
        padding: 0 1rem;
    }

    .net_amount .total_amount[b-03kpr8qq6u] {
        width: 100%;
    }
    .form_N_title_wraper .feilds[b-03kpr8qq6u] {
        grid-template-columns: repeat(1, 1fr);
    }
    .pirceList[b-03kpr8qq6u] {
        grid-column: auto;
    }
    [b-03kpr8qq6u] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
    [b-03kpr8qq6u] .CustomeModal .modal_box .modal_head[BaseModal-scope] {
         padding-bottom: 0; 
    }
}

@media (min-width:768px) and (max-width: 991.98px) {
    .salse_insert_header[b-03kpr8qq6u] {
        padding: 1rem 0rem;
    }

    .salse_insert_header_left[b-03kpr8qq6u] {
        display: flex;
        align-items: center;
    }

    .sale_create_container .purchase_create_first_container[b-03kpr8qq6u] {
        grid-template-columns: repeat(2, 1fr);
    }

    .mainTable[b-03kpr8qq6u] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-03kpr8qq6u] {
        display: flex;
        flex-direction: column-reverse;
    }

    .mainTable table tr td[b-03kpr8qq6u] {
        padding: 0 1rem;
    }
    [b-03kpr8qq6u] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
    .form_N_title_wraper .feilds[b-03kpr8qq6u] {
        grid-template-columns: repeat(3, 1fr);
    }
    .pirceList[b-03kpr8qq6u] {
        grid-column: auto;
    }
}



  
/* /Components/Pages/Product/InsertModal.razor.rz.scp.css */

[b-mxlenf9jdg] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 0;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}
/* /Components/Pages/Product/List.razor.rz.scp.css */
.content_box_inner[b-swe5nxdg8f] {
    width: 100%;
    background: white;
    height: 100%;
    padding: 2rem;
}

.content_box_inner .product_list_header[b-swe5nxdg8f] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
}

.product_list_header h2[b-swe5nxdg8f] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.product_list_header a[b-swe5nxdg8f] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-swe5nxdg8f] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-swe5nxdg8f] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-swe5nxdg8f] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-swe5nxdg8f] {
        outline-color: gray;
    }


.action_btn[b-swe5nxdg8f] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}
    .action_btn button[b-swe5nxdg8f]{
        width:25px;
        height:25px;
        padding:0;
    }
        .action_btn button img[b-swe5nxdg8f]{
            width:100%;}


        [b-swe5nxdg8f] .CustomeModal .modal_box .modal_head[BaseModal-scope] {
            padding-bottom: 0;
        }

[b-swe5nxdg8f] #ProductInsertModal[basemodal-scope] .modal_box {
    width: 90%;
    max-height: 95vh;
    overflow: auto;
}
[b-swe5nxdg8f] #CategoryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}
[b-swe5nxdg8f] #ProductUnitInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}
[b-swe5nxdg8f] #PriceUnitInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-swe5nxdg8f] #ProductBrandInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-swe5nxdg8f] #ProductVariantInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-swe5nxdg8f] #ProductModelInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}
[b-swe5nxdg8f] #ProductQualityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}
[b-swe5nxdg8f] #ColorInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-swe5nxdg8f] #ProductWarrantyInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}
[b-swe5nxdg8f] #WareHouseInsertModal[basemodal-scope] .modal_box {
    width: 70rem;
    overflow: hidden;
}
[b-swe5nxdg8f] #SupplierInsertModal[basemodal-scope] .modal_box {
    width: 70rem;
    overflow: hidden;
}



[b-swe5nxdg8f] .formClass {
    margin-top: 0;
}

[b-swe5nxdg8f] .product_create_container{
    padding:0 0 1rem 0;
}

/*tooltip */
.action_btn[b-swe5nxdg8f]  #spanText {
    width: 52px;
}





@media (min-width: 320px) and (max-width:767.99px) {
    .product_list_header h2[b-swe5nxdg8f] {
        font-size: 1.8rem;
    }

    .product_list_header a[b-swe5nxdg8f] {
        font-size: 1.1rem;
    }

    .search-box[b-swe5nxdg8f] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-swe5nxdg8f] {
            font-size: 1.1rem;
        }
}

/*responsive css */
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-swe5nxdg8f] {
        padding: 0 1rem;
    }

    .category_header h2[b-swe5nxdg8f] {
        font-size: 2rem;
        font-family: 'Josefin Sans', sans-serif;
    }

    .category_header a[b-swe5nxdg8f] {
        font-size: 1rem;
    }

    .search-box[b-swe5nxdg8f] {
        justify-content: flex-start;
    }

        .search-box input[b-swe5nxdg8f] {
            font-size: 1.2rem;
        }
 
    .product_create_container[b-swe5nxdg8f] {
        padding: 0 1.5rem;
    }
   

}
/* /Components/Pages/Product/View.razor.rz.scp.css */
.product_details_page[b-un9i6tz38o] {
    padding: 1rem 1.5rem;
    background: var(--primary-bg);
}
.product_insert_header[b-un9i6tz38o]{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.close_btn a[b-un9i6tz38o] {
    font-size: 1.3rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: #fff !important;
    border: none;
    outline: none;
    min-width: 6rem;
    border-radius: 3px;
    padding: .375rem .75rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.close_btn[b-un9i6tz38o] {
    display: flex;
    gap: 1rem;
}
/* /Components/Pages/Product/ViewComponent.razor.rz.scp.css */
.details_header[b-o0n2dbs3zh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5rem 1rem;
    background: var(--secondary-bg);
}
.basic_info[b-o0n2dbs3zh]{
    display:flex;
    flex-direction:column;
    gap:.5rem;
}
.details_header h2[b-o0n2dbs3zh] {
    font-size: 1.5rem;
    font-weight: 500;
}
    .details_header h2 span[b-o0n2dbs3zh]{
        font-weight:400;
    }
.details_container[b-o0n2dbs3zh] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin-top: 2.5rem;
}

    .details_item[b-o0n2dbs3zh] {
        padding: 2rem;
        background: #f7f7f7;
        border-radius: 7px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
    .details_item .micro_details[b-o0n2dbs3zh] {
     display:flex;
     flex-direction:column;
     justify-content:flex-start;
     align-items:flex-start;
     gap:.5rem;
     margin-left:0;
     padding-left:0;
    }
        .details_item .micro_details li[b-o0n2dbs3zh] {
            list-style-type: none;
            display: flex;
            justify-content: flex-start;
            gap: 1rem;
            width: 100%;
            border-bottom: 1px solid gainsboro;
            font-size: 1.3rem;
            font-weight: 500;
        }
            .details_item .micro_details li span:first-child[b-o0n2dbs3zh] {
                width: 8rem;
                white-space: nowrap;
            }

.close_btn[b-o0n2dbs3zh]{
    padding:2rem 0;
}
    .close_btn button[b-o0n2dbs3zh] {
        font-size: 1.3rem;
        font-weight: 500;
        font-family: 'Josefin Sans', sans-serif;
        color: #fff;
        background: #dc3545;
        border-color: #dc3545;
        border: none;
        outline: none;
        min-width: 6rem;
        padding: .2rem 1rem;
    }

.item_end[b-o0n2dbs3zh] {
    width: 100%;
    height: 5px;
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(228,228,228,1) 59%);
    border-radius: 5px;
    margin: 0.6rem 0;
}

#barcode-generate-button[b-o0n2dbs3zh] {
    width: 14rem;
}


@media(min-width:320px) and (max-width:767.98px) {
    .details_container[b-o0n2dbs3zh] {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media(min-width:768px) and (max-width:991.98px){
    .details_container[b-o0n2dbs3zh] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(min-width:992px) and (max-width:1279.98px){
    .details_container[b-o0n2dbs3zh] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Pages/Product/ViewModal.razor.rz.scp.css */
[b-8l4b87vozn] #ProductViewModelId[basemodal-scope] .modal_box {
    width: 80%;
    max-width: 1680px;
    margin: 10rem auto;
    max-height:95vh;
    overflow:auto;
}

    [b-8l4b87vozn] #ProductViewModelId[basemodal-scope] .modal_box .modal_head {
       padding-bottom:1rem;
    }
/* /Components/Pages/PurchasePaymentHistory/PaymentHistoryComponent.razor.rz.scp.css */
.history_table[b-ng3r7u31jh] {
    height: 21.5rem;
    overflow: auto;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    margin-top: .5rem;
}
    /*custom scrollbar for notification dorpdown*/
    .history_table[b-ng3r7u31jh]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .history_table[b-ng3r7u31jh]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .history_table[b-ng3r7u31jh]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .history_table[b-ng3r7u31jh]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }

table[b-ng3r7u31jh] {
    width: 100%;
    margin-top: .5rem;
}
thead[b-ng3r7u31jh] {
    position: sticky;
    top: -10px;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}
    table thead tr[b-ng3r7u31jh] {
        border-bottom: 1px solid lightgray;
    }

        table thead tr th[b-ng3r7u31jh] {
            padding: 0 .5rem .5rem;
            font-size: 1.3rem;
            font-weight: 500;
        }

            table thead tr th:last-child[b-ng3r7u31jh] {
                text-align: right;
            }

tbody tr td[b-ng3r7u31jh] {
    padding: .5rem;
    font-size: 1.2rem;
    font-weight: 400;
}

    tbody tr td:last-child[b-ng3r7u31jh] {
        text-align: right;
    }

tbody tr:nth-child(odd)[b-ng3r7u31jh] {
    background: #f1f1f1;
}
/* /Components/Pages/Purchase/Insert.razor.rz.scp.css */
.purchase_insert_page[b-qfgs84ss7b] {
    background: var(--primary-bg);
}

    .purchase_insert_page .purchase_insert_header[b-qfgs84ss7b] {
        padding: 1.5rem 1.5rem 0;
    }
.purchase_insert_header h2[b-qfgs84ss7b] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Pages/Purchase/InsertComponent.razor.rz.scp.css */
.purchase_insert_header[b-alxe3xe4gu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0 0;
    margin-bottom: 2rem;
    z-index: 9;
}
.purchase_insert_header_left[b-alxe3xe4gu] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
    .purchase_insert_header .form_check[b-alxe3xe4gu] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;
    }
        .purchase_insert_header .form_check:first-child[b-alxe3xe4gu] {
            height: 2rem;
            width: 2rem;
            padding: 0;
        }
        .purchase_insert_header .form_check label[b-alxe3xe4gu] {
            font-size: 1.4rem;
            font-family: "Josefin Sans", sans-serif;
            font-weight: 500;
            color: black;
            white-space: nowrap;
            cursor: pointer;
            user-select: none;
        }


.purchase_create_container[b-alxe3xe4gu] {
    padding: .5rem 1.5rem 1.5rem;
    background: var(--primary-bg);
}


    .purchase_create_container .purchase_create_first_container[b-alxe3xe4gu] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }


.form_N_title_wraper[b-alxe3xe4gu] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .form_N_title_wraper .feilds[b-alxe3xe4gu] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .form_N_title_wraper h3[b-alxe3xe4gu] {
        padding-bottom: .5rem;
        width: fit-content;
    }

    .form_N_title_wraper hr[b-alxe3xe4gu] {
        margin: 0;
    }

    .purchase_create_container .form_group[b-alxe3xe4gu] {
        display: flex;
        flex-direction: column;
        /*gap: 1rem;*/
        justify-content: flex-start;
    }

.options_group[b-alxe3xe4gu] {
    display: flex;
    justify-content: space-between;
    align-items:center;
}

[b-alxe3xe4gu] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

.options_group button[b-alxe3xe4gu] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0;
}

    .options_group button img[b-alxe3xe4gu] {
        width: 100%;
    }

    .options_group button:focus[b-alxe3xe4gu] {
        outline: none;
        border: none;
        box-shadow: none;
    }

[b-alxe3xe4gu] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

.purchase_create_container .form_group input[b-alxe3xe4gu] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
}

    .purchase_create_container .form_group input:focus[b-alxe3xe4gu] {
        outline: none;
    }

.purchase_create_container .form_group select[b-alxe3xe4gu] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    cursor: pointer;
}

    .purchase_create_container .form_group select:focus[b-alxe3xe4gu] {
        outline: none;
    }


.add_product[b-alxe3xe4gu] {
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0;
}
    .add_product button[b-alxe3xe4gu] {
        background: #39a756;
        color: white;
        font-size: 1.3rem;
    }
    .add_product :hover[b-alxe3xe4gu] {
        opacity:.9;
    }


.mainTable[b-alxe3xe4gu] {
    margin-top: 4rem;
}

    .mainTable table[b-alxe3xe4gu] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .mainTable table thead[b-alxe3xe4gu] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .mainTable table thead tr[b-alxe3xe4gu] {
                padding: 1rem 1.5rem;
                height: 40px;
                margin-bottom: 1rem;
            }

                .mainTable table thead tr td[b-alxe3xe4gu] {
                    font-size: 1.5rem;
                    color: black;
                    font-weight: 500;
                    white-space: nowrap;
                }

                    .mainTable table thead tr td:first-child[b-alxe3xe4gu] {
                        padding-left: 1rem;
                    }

                    .mainTable table thead tr td:last-child[b-alxe3xe4gu] {
                        text-align: right;
                        padding-right: 1rem;
                    }

        /*body*/
        .mainTable table tbody tr[b-alxe3xe4gu] {
            height: 30px;
            border-bottom: 1px solid lightgray;
            background: var(--primary-bg);
        }

            .mainTable table tbody tr:last-child[b-alxe3xe4gu] {
                border-bottom: 1px solid transparent;
            }


            .mainTable table tbody tr:nth-child(odd)[b-alxe3xe4gu] {
                background: var(--secondary-bg);
            }

            .mainTable table tbody tr:hover[b-alxe3xe4gu] {
                background: rgb(225 225 225 / 72%);
                cursor: pointer;
            }

            .mainTable table tbody tr td[b-alxe3xe4gu] {
                font-size: 1.4rem;
                font-weight:400;
                color: black;
                white-space: nowrap;
            }
            .mainTable table tbody tr:nth-child(odd)[b-alxe3xe4gu]{
                background:var(--secondary-bg);
            }
            .mainTable table tbody tr:hover[b-alxe3xe4gu]{
                background:var(--secondary-bg);
                cursor:pointer;
            }
            .mainTable table tbody tr td:first-child[b-alxe3xe4gu] {
                padding-left: 1rem;
            }


.action_btn[b-alxe3xe4gu] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-right:.5rem;
}

    .action_btn button[b-alxe3xe4gu] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-alxe3xe4gu] {
            width: 100%;
        }


.net_amount[b-alxe3xe4gu] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
}

    .net_amount .select_group[b-alxe3xe4gu] {
        padding: 1rem 0;
    }

    .net_amount .form_group[b-alxe3xe4gu] {
        width: 50%;
    }

        .net_amount .form_group h2[b-alxe3xe4gu] {
            font-size: 1.4rem;
            font-weight: 500;
            font-family: "Josefin Sans", sans-serif;
        }

        .net_amount .total_amount[b-alxe3xe4gu] {
            width: 40%;
        }

    .net_amount .form_group label[b-alxe3xe4gu] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }
    
    .net_amount .form_group[b-alxe3xe4gu] {
        height: 15rem;
        width: 35%;
    }

.total_amount ul[b-alxe3xe4gu] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

    .total_amount ul li[b-alxe3xe4gu] {
        padding: .5rem 1rem;
        list-style-type: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .total_amount ul li:nth-child(even)[b-alxe3xe4gu] {
            border-bottom: 1px solid lightgrey;
            border-top: 1px solid lightgrey;
            background-color: #f1f1f1;
        }

        .total_amount ul li span[b-alxe3xe4gu] {
            font-size: 1.3rem;
            font-weight: 400;
        }

        .total_amount ul li > span:nth-child(1)[b-alxe3xe4gu] {
            width: 50%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .total_amount ul li:last-child span[b-alxe3xe4gu] {
            font-weight: 600;
        }

.discountField[b-alxe3xe4gu] {
    display: flex;
    justify-content: flex-end;
}
    .discountField #SpecialDiscountPriceId[b-alxe3xe4gu], #ExtraCostId[b-alxe3xe4gu] {
        border: 1px solid lightgray !important;
        width: 50% !important;
    }

    .discountField input[b-alxe3xe4gu] {
        margin-right: 2px;
    }

/*purchase modal */
[b-alxe3xe4gu] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    z-index: 99999;
    position: fixed;
    background: #0000006e;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}

[b-alxe3xe4gu] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem !important;
}

[b-alxe3xe4gu] #SupplierInsertModal[basemodal-scope] .modal_box {
    width: 70rem;
}
[b-alxe3xe4gu] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-alxe3xe4gu] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-alxe3xe4gu] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


[b-alxe3xe4gu] #ProductUnitInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-alxe3xe4gu] #PriceUnitInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-alxe3xe4gu] #AddSerialModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-alxe3xe4gu] #PaymentInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-alxe3xe4gu] #PaymentStatusInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-alxe3xe4gu] .formClass {
    margin-top: 0;
}

[b-alxe3xe4gu] #spanText {
    width: 110px;
}

/*Radio button css */
.redio_button_box h3[b-alxe3xe4gu] {
    font-size: 1.4rem;
    color: black;
    font-weight: 500;
    padding-bottom: .8rem;
}

.radio-button-container[b-alxe3xe4gu] {
    display: grid;
    gap: 10px;
    align-items: center;
    margin: 0 0 2rem;
}

.radio-button[b-alxe3xe4gu] {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.radio-button__input[b-alxe3xe4gu] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.radio-button__label[b-alxe3xe4gu] {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-size: 1.3rem;
    color: black;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.radio-button__custom[b-alxe3xe4gu] {
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #555;
    transition: all 0.3s ease;
}

.radio-button__input:checked + .radio-button__label .radio-button__custom[b-alxe3xe4gu] {
    background-color: #4c8bf5;
    border-color: transparent;
    transform: scale(0.8);
    box-shadow: 0 0 20px #4c8bf580;
}

.radio-button__input:checked + .radio-button__label[b-alxe3xe4gu] {
    color: #4c8bf5;
}

.radio-button__label:hover .radio-button__custom[b-alxe3xe4gu] {
    transform: scale(1.2);
    border-color: #4c8bf5;
    box-shadow: 0 0 20px #4c8bf580;
}

.checkbox__input[b-alxe3xe4gu] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.checkbox-container[b-alxe3xe4gu] {
    display: grid;
    gap: 10px;
    align-items: center;
    margin: 0 0 2rem;
}

.checkbox__custom[b-alxe3xe4gu] {
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 3%;
    border: 2px solid #555;
    transition: all 0.3s ease;
}

.checkbox__label[b-alxe3xe4gu] {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-size: 1.3rem;
    color: black;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    text-transform: capitalize;
    transition: all 0.3s ease;
}

.checkbox__input:checked + .checkbox__label .checkbox__custom[b-alxe3xe4gu] {
    background-color: #4c8bf5;
    border-color: transparent;
    transform: scale(0.8);
    box-shadow: 0 0 20px #4c8bf580;
}

.checkbox__input:checked + .checkbox__label[b-alxe3xe4gu] {
    color: #4c8bf5;
}

.checkbox__label:hover .checkbox__custom[b-alxe3xe4gu] {
    transform: scale(1.2);
    border-color: #4c8bf5;
    box-shadow: 0 0 20px #4c8bf580;
}

@media (min-width:320px) and (max-width: 767.98px) {

    .purchase_insert_header[b-alxe3xe4gu] {
        padding: 0;
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
        flex-wrap: wrap;
    }
        .purchase_insert_header .form_check label[b-alxe3xe4gu] {
            font-size: 1rem;
        }

    .purchase_create_container .purchase_create_first_container[b-alxe3xe4gu]{
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem;
    }
    .form_N_title_wraper .feilds[b-alxe3xe4gu] {
        grid-template-columns: repeat(1, 1fr);
    }
    .mainTable[b-alxe3xe4gu] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-alxe3xe4gu] {
        display:grid;
        grid-template-columns: repeat(1,1fr);
        gap: 1rem;
    }
        
        .net_amount .form_group[b-alxe3xe4gu] {
            width: 100%;
            height: 12rem;
        }

    .mainTable table tr td[b-alxe3xe4gu] {
        padding: 0 1rem;
    }

    .net_amount .total_amount[b-alxe3xe4gu] {
        width: 100%;
    }
    [b-alxe3xe4gu] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
        padding: 3rem 2rem;
    }
}

@media (min-width:768px) and (max-width: 991.98px) {
    .purchase_insert_header[b-alxe3xe4gu] {
        padding: 0rem;
        flex-direction: row;
    }


    .purchase_create_container .purchase_create_first_container[b-alxe3xe4gu] {
        grid-template-columns: repeat(2, 1fr);
    }
    .form_N_title_wraper .feilds[b-alxe3xe4gu] {
        grid-template-columns: repeat(3, 1fr);
    }
    .mainTable[b-alxe3xe4gu] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-alxe3xe4gu] {
        display: flex;
    }

    .mainTable table tr td[b-alxe3xe4gu] {
        padding: 0 1rem;
    }
    [b-alxe3xe4gu] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
        padding: 3rem;
    }
}

.submit_section[b-alxe3xe4gu] {
    justify-content: right !important;
}

[b-alxe3xe4gu] .formClass .checkbox input {
    width: auto !important;
}
/* /Components/Pages/Purchase/InsertModal.razor.rz.scp.css */
::deep .CustomeModal[BaseModal-scope][BaseModal-scope][b-r8qy4es5bv] {
    top: 7rem;
}

[b-r8qy4es5bv] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}
/* /Components/Pages/Purchase/InvoiceComponent.razor.rz.scp.css */
.invoice[b-561piq4sok] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
}

.invoice_header[b-561piq4sok] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-561piq4sok] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-561piq4sok] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-561piq4sok] {
            width: 100%;
        }

    .logo .logo_text[b-561piq4sok] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-561piq4sok] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-561piq4sok] {
        color: blue;
    }



.company_info[b-561piq4sok] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-561piq4sok] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-561piq4sok] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-561piq4sok] {
            font-weight: 400;
        }

.invoice_date[b-561piq4sok] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-561piq4sok] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-561piq4sok] {
            font-weight: 400;
        }

.invoice_info[b-561piq4sok] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-561piq4sok] {
    width: 25rem;
}

    .left_info h3[b-561piq4sok] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-561piq4sok] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-561piq4sok] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-561piq4sok] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-561piq4sok] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-561piq4sok] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
    }

        .right_info h4:nth-child(2)[b-561piq4sok] {
            color: blue;
            font-weight: 500;
        }


/*table*/
.invoice_table[b-561piq4sok] {
    width: 100%;
    padding-bottom: 3rem;
}

    .invoice_table table[b-561piq4sok] {
        width: 100%;
        /*box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
        /*border-radius: 7px;*/
    }

        .invoice_table table thead[b-561piq4sok] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
            border-top: 1px solid lightgray;
        }

            .invoice_table table thead tr[b-561piq4sok] {
                height: 40px;
            }

                .invoice_table table thead tr th[b-561piq4sok] {
                    padding: 1rem 2rem;
                    font-weight: 400;
                    font-size: 1.5rem;
                }

                    .invoice_table table thead tr th:first-child[b-561piq4sok] {
                        padding-left: 3rem;
                    }

                    .invoice_table table thead tr th:last-child[b-561piq4sok] {
                        text-align: end;
                        padding-right: 3rem;
                    }

        .invoice_table table tbody tr td[b-561piq4sok] {
            padding: 0 2rem;
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table tbody tr[b-561piq4sok] {
            border-bottom: 1px solid #d7d7d7;
            height: 30px;
        }

            .invoice_table table tbody tr:last-child[b-561piq4sok] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-561piq4sok] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-561piq4sok] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td:last-child[b-561piq4sok] {
                text-align: end;
                padding-right: 3rem;
            }

            .invoice_table table tbody tr td:first-child[b-561piq4sok] {
                padding-left: 3rem;
            }

/*payment method */
.payment_and_notes[b-561piq4sok] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

/*sub total and payment method */
.sub_and_payment_method[b-561piq4sok] {
    display: flex;
    justify-content: space-between;
}

.sub_total[b-561piq4sok] {
    width: 36.5%;
}

    .sub_total .sub_items[b-561piq4sok] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-561piq4sok] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-561piq4sok] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-561piq4sok] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-561piq4sok] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-561piq4sok] {
        font-size: 1.5rem;
        font-weight: 400;
        margin:0;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .invoice[b-561piq4sok] {
        padding: 5rem 0;
    }

    .invoice_header[b-561piq4sok] {
        padding: 0 2rem;
    }

        .invoice_header h1[b-561piq4sok] {
            font-size: 2.2rem;
            padding-bottom: 1rem;
        }

            .invoice_header h1[b-561piq4sok]:before {
                bottom: 12px;
            }

    .invoice_info[b-561piq4sok] {
        margin: 3rem 0;
    }

    .invoice_table[b-561piq4sok] {
        overflow: auto;
        padding: 3rem 0;
    }

        .invoice_table table thead tr th[b-561piq4sok] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-561piq4sok] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-561piq4sok] {
        width: 100%;
    }

    .terms[b-561piq4sok] {
        margin: 3rem 2rem 0;
    }

    .Shape3[b-561piq4sok] {
        bottom: -100px;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-561piq4sok] {
        margin: 3rem 0rem;
    }

    .invoice_table[b-561piq4sok] {
        padding: 0 0 3rem 0;
    }

    .terms[b-561piq4sok] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Purchase/InvoiceModal.razor.rz.scp.css */
[b-jsomp8e48a] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    height: 100vh;
}
[b-jsomp8e48a] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}

[b-jsomp8e48a] .invoice {
    margin: 0;
}
[b-jsomp8e48a] #PurchaseInvoiceModal .modal_box[BaseModal-scope] {
    width: 80%;
    padding: 0;
    background: transparent;
}
[b-jsomp8e48a] #PurchaseInvoiceModal .modal_box[BaseModal-scope] {
    padding: 0;
}

[b-jsomp8e48a] .PrintModal .modal_head {
    background: white;
}
/* /Components/Pages/Purchase/List.razor.rz.scp.css */
.content_box_inner[b-l3mmwbtp3u] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .purchase_header[b-l3mmwbtp3u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.purchase_header h2[b-l3mmwbtp3u] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.purchase_header a[b-l3mmwbtp3u] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-l3mmwbtp3u] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-l3mmwbtp3u] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-l3mmwbtp3u] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-l3mmwbtp3u] {
        outline-color: gray;
    }


.action_btn[b-l3mmwbtp3u] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-l3mmwbtp3u] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-l3mmwbtp3u] {
            width: 100%;
        }

[b-l3mmwbtp3u] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
}
[b-l3mmwbtp3u] .formClass {
    margin-top: 0;
}
[b-l3mmwbtp3u] .purchase_create_container {
    padding: 0;
}
[b-l3mmwbtp3u] .purchase_insert_header{
    padding:1rem 0 0;
}

[b-l3mmwbtp3u] #PurchaseInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 90%;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}


[b-l3mmwbtp3u] #CustomerInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-l3mmwbtp3u] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 70rem !important;
        left: 0;
        transform: translate(0);
    }


    [b-l3mmwbtp3u] #SupplierInsertModal[BaseModal-scope] .modal_box {
        width: 70rem !important;
        left: 0;
        transform: translate(0);
    }

[b-l3mmwbtp3u] #CountryInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-l3mmwbtp3u] #CountryInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-l3mmwbtp3u] #StateInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-l3mmwbtp3u] #StateInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }
[b-l3mmwbtp3u] #CityInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-l3mmwbtp3u] #CityInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }


    [b-l3mmwbtp3u] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

    [b-l3mmwbtp3u] #PaymentInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

    [b-l3mmwbtp3u] #ProductUnitInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }


    [b-l3mmwbtp3u] #PriceUnitInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }
[b-l3mmwbtp3u] #DeleteModalId[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


/*print invoice */

/*tooltip */
.action_btn[b-l3mmwbtp3u]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-l3mmwbtp3u] {
        padding: 0 1rem;
    }
    .purchase_header h2[b-l3mmwbtp3u] {
        font-size: 1.8rem;
    }

    .purchase_header a[b-l3mmwbtp3u] {
        font-size: 1.1rem;
    }

    .search-box[b-l3mmwbtp3u] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-l3mmwbtp3u] {
            font-size: 1.1rem;
        }
    [b-l3mmwbtp3u] .CustomeModal[BaseModal-scope][BaseModal-scope] {
      padding:2rem;
    }
    [b-l3mmwbtp3u] #CountryInsertModal[basemodal-scope] {
        top: 0rem;
    }
    [b-l3mmwbtp3u] #StateInsertModal[basemodal-scope] {
        top: 0rem;
    }
    [b-l3mmwbtp3u] #CityInsertModal[basemodal-scope] {
        top: 0rem;
    }
}
@media (min-width: 768px) and (max-width:991.98px) {
    [b-l3mmwbtp3u] #CountryInsertModal[basemodal-scope] {
        top: 0rem;
    }

    [b-l3mmwbtp3u] #StateInsertModal[basemodal-scope] {
        top: 0rem;
    }

    [b-l3mmwbtp3u] #CityInsertModal[basemodal-scope] {
        top: 0rem;
    }
}
/* /Components/Pages/Purchase/PurchaseDetail.razor.rz.scp.css */
.purchase_details[b-jed833yywt] {
    background: var(--primary-bg);
}
.purchase_details_header[b-jed833yywt] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
    align-items:center;
}
    .purchase_details_header h2[b-jed833yywt] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-jed833yywt] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}

[b-jed833yywt] .CustomeModal .modal_box .modal_head[BaseModal-scope]{
    padding-bottom:0;
}
@media (min-width:320px) and (max-width:767.98px) {
    .purchase_details_header[b-jed833yywt] {
        padding: 2rem 1rem 0;
        align-items: flex-start;
        flex-direction: column;
    }

        .purchase_details_header h2[b-jed833yywt] {
            font-size: 1.5rem;
        }
}
/* /Components/Pages/Purchase/PurchaseDetailComponent.razor.rz.scp.css */
.invoice[b-h5pn8tatt9] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    padding: 0 2rem 2rem;
}

.date_and_action[b-h5pn8tatt9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .date_and_action .date[b-h5pn8tatt9] {
        font-size: 1.6rem;
    }

        .date_and_action .date span:first-child[b-h5pn8tatt9] {
            font-size: 1.6rem;
            font-weight: 600;
        }

.customer_and_sale_info[b-h5pn8tatt9] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-h5pn8tatt9] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-h5pn8tatt9] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-h5pn8tatt9] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-h5pn8tatt9] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-h5pn8tatt9] {
    min-width: 8rem;
}

.sale_info .info span:first-child[b-h5pn8tatt9] {
    min-width: 12rem;
}
/*table*/
.invoice_table[b-h5pn8tatt9] {
    width: 100%;
    padding: 3rem 0;
}

    .invoice_table table[b-h5pn8tatt9] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .invoice_table table tr[b-h5pn8tatt9] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table thead tr[b-h5pn8tatt9] {
            height: 40px;
        }

        .invoice_table table thead[b-h5pn8tatt9] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .invoice_table table thead tr th[b-h5pn8tatt9] {
                padding: .5rem 2rem;
                font-weight: 500;
            }

                .invoice_table table thead tr th:last-child[b-h5pn8tatt9] {
                    text-align: end;
                }

        .invoice_table table tbody tr[b-h5pn8tatt9] {
            border-bottom: 1px solid #d7d7d7;
        }

            .invoice_table table tbody tr:last-child[b-h5pn8tatt9] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-h5pn8tatt9] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-h5pn8tatt9] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td[b-h5pn8tatt9] {
                padding: .5rem 2rem;
                white-space:nowrap;
            }

                .invoice_table table tbody tr td:last-child[b-h5pn8tatt9] {
                    text-align: end;
                }

/*sub total and payment method */
.payment_and_notes[b-h5pn8tatt9] {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.pyamet_method[b-h5pn8tatt9] {
    display: flex;
    gap: 0.5rem;
}

.sub_and_payment_method[b-h5pn8tatt9] {
    display: flex;
    justify-content: space-between;
}

    .sub_and_payment_method .pyamet_method h2[b-h5pn8tatt9] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .sub_and_payment_method .pyamet_method h3[b-h5pn8tatt9] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.payment_and_notes .notes[b-h5pn8tatt9]{
    width:55rem;    
}

.payment_and_notes .notes h2[b-h5pn8tatt9] {
    font-size: 1.4rem;
    font-weight: 500;
    padding-bottom: .7rem;
}

    .payment_and_notes .notes p[b-h5pn8tatt9] {
        font-size: 1.3rem;
        font-weight: 400;
    }

.sub_and_payment_method .pyamet_method .bank_account[b-h5pn8tatt9] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding-left: 1rem;
    border-left: 3px solid gray;
}

    .sub_and_payment_method .pyamet_method .bank_account span[b-h5pn8tatt9] {
        font-size: 1.2rem;
        font-weight: 500;
    }

.sub_total[b-h5pn8tatt9] {
    width: 36.5%;
}

    .sub_total .sub_items[b-h5pn8tatt9] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem 1rem 0;
    }

        .sub_total .sub_items:last-child[b-h5pn8tatt9] {
            padding-bottom: 0;
        }

        .sub_total .sub_items:nth-child(2)[b-h5pn8tatt9] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-h5pn8tatt9] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-h5pn8tatt9] {
            font-size: 1.4rem;
            font-weight: 400;
        }


/*Terms and conditions */
.terms[b-h5pn8tatt9] {
    display: flex;
    justify-content: space-between;
    margin: 7rem 6rem 0;
    align-items: center;
}

    .terms .conditions[b-h5pn8tatt9] {
        width: 35%;
    }

        .terms .conditions h2[b-h5pn8tatt9] {
            font-size: 1.7rem;
            font-weight: 700;
            padding-bottom: 1rem;
        }

        .terms .conditions p[b-h5pn8tatt9] {
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 2.3rem;
        }

@media (min-width:320px) and (max-width:767.98px) {
    [b-h5pn8tatt9] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }

    .invoice[b-h5pn8tatt9] {
        padding: 1rem;
    }

    .date_and_action[b-h5pn8tatt9] {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .invoice_table[b-h5pn8tatt9] {
        overflow: auto;
    }

        .invoice_table table thead tr th[b-h5pn8tatt9] {
            white-space: nowrap;
        }
    .payment_and_notes .notes[b-h5pn8tatt9]{
        width: auto;
    }
    .sub_and_payment_method[b-h5pn8tatt9] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-h5pn8tatt9] {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [b-h5pn8tatt9] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }
}
/* /Components/Pages/Purchase/PurchaseDetailModal.razor.rz.scp.css */
[b-g2fkni6nbi] .CustomeModal .modal_box[BaseModal-scope] {
    width: 80%;
    padding: 0;
    max-height: 95vh;
    overflow: auto;
}

[b-g2fkni6nbi] .invoice {
    margin: 0;
    padding-top: 0;
}

[b-g2fkni6nbi] .modal_head {
    background: var(--primary-bg);
    padding: 3rem 3rem 0;
}
/* /Components/Pages/Purpose/Insert.razor.rz.scp.css */
.insert_page[b-wyjdq4bbmz] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-wyjdq4bbmz] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.category_insert[b-wyjdq4bbmz] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .category_insert .category_insert_form[b-wyjdq4bbmz] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-wyjdq4bbmz] .formClass {
    margin-top: 0;
}

[b-wyjdq4bbmz] .loadSpinner[Spinner-scope] {
    position: static;
}






@media (min-width:320px) and (max-width: 575.99px) {
    .category_insert_header[b-wyjdq4bbmz] {
        padding: 1rem;
    }

    .category_insert .category_insert_form[b-kab4beyvc9][b-wyjdq4bbmz] {
        padding: 2rem;
        width: 86vw;
        margin-top: 6rem;
        background: var(--secondary-bg);
        border-radius: 1rem;
    }
}
/* /Components/Pages/Purpose/InsertComponent.razor.rz.scp.css */
.submit_btn[b-9kfevbagat] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

label[b-9kfevbagat] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Purpose/List.razor.rz.scp.css */
.content_box_inner[b-wymo5rkgmf] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .category_header[b-wymo5rkgmf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.category_header h2[b-wymo5rkgmf] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.category_header a[b-wymo5rkgmf] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
}

.search-box[b-wymo5rkgmf] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-wymo5rkgmf] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-wymo5rkgmf] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-wymo5rkgmf] {
        outline-color: gray;
    }

.action_btn[b-wymo5rkgmf] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-wymo5rkgmf] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-wymo5rkgmf] {
            width: 100%;
        }

[b-wymo5rkgmf] .formClass {
    margin-top: 0;
}

[b-wymo5rkgmf] #CategoryInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-wymo5rkgmf] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-wymo5rkgmf] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-wymo5rkgmf] {
        padding: 1rem;
    }

    .category_header h2[b-wymo5rkgmf] {
        font-size: 1.5rem;
    }

    .category_header a[b-wymo5rkgmf] {
        font-size: 1.1rem;
    }

    .search-box[b-wymo5rkgmf] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-wymo5rkgmf] {
            border-color: gray;
            border: 1px solid gray;
            border-radius: .5rem;
            outline: none;
            font-size: 1rem;
        }

    [b-wymo5rkgmf] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 4rem;
        position: fixed;
    }
}
/* /Components/Pages/Quality/Insert.razor.rz.scp.css */
.insert_page[b-xoxqatmxu0] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-xoxqatmxu0] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-xoxqatmxu0] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-xoxqatmxu0] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 45rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-xoxqatmxu0] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-xoxqatmxu0] .formClass {
    margin-top: 0;
}



@media (min-width: 320px) and (max-width:575.99px) {
    .insert_container .insert_form[b-xoxqatmxu0] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Quality/InsertComponent.razor.rz.scp.css */
label[b-4ihme21zqu] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Quality/List.razor.rz.scp.css */
.content_box_inner[b-u355i0jp9k] {
    width: 100%;
    background: white;
    height: 100%;
    padding: 2rem;
}

.content_box_inner .quality_header[b-u355i0jp9k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.quality_header h2[b-u355i0jp9k] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.quality_header a[b-u355i0jp9k] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-u355i0jp9k] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-u355i0jp9k] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-u355i0jp9k] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-u355i0jp9k] {
        outline-color: gray;
    }
.action_btn[b-u355i0jp9k] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-u355i0jp9k] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-u355i0jp9k] {
            width: 100%;
        }

[b-u355i0jp9k] .formClass {
    margin-top: 0;
}

[b-u355i0jp9k] #ProductQualityInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-u355i0jp9k] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-u355i0jp9k] #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-u355i0jp9k] {
        padding: 1rem;
    }
    .quality_header h2[b-u355i0jp9k] {
        font-size: 1.8rem;
    }

    .quality_header a[b-u355i0jp9k] {
        font-size: 1.1rem;
    }

    .search-box[b-u355i0jp9k] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-u355i0jp9k] {
            font-size: 1.1rem;
        }
 
}
/* /Components/Pages/Report/AllPurchase.razor.rz.scp.css */
.saleInvoiceComponentClass[b-p763fsuuej] {
    padding: 1.5rem;
    background: white;
}

.submit_btn[b-p763fsuuej] {
    justify-content: space-between;
    align-items: center;
}

.report_and_print[b-p763fsuuej] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.print_for_mobile[b-p763fsuuej] {
    display: none;
}

.date_selection[b-p763fsuuej] {
    display: inline-flex;
    gap: 1rem;
    align-items: flex-end;
}

.date_select_box[b-p763fsuuej] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .date_select_box label[b-p763fsuuej] {
        font-size: 1.5rem;
        font-weight: 500;
    }

.invoice[b-p763fsuuej] {
    margin: 2rem 0 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.invoice_header[b-p763fsuuej] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-p763fsuuej] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-p763fsuuej] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-p763fsuuej] {
            width: 100%;
        }

    .logo .logo_text[b-p763fsuuej] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-p763fsuuej] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-p763fsuuej] {
        color: blue;
    }

.input_date[b-p763fsuuej] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.company_info[b-p763fsuuej] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-p763fsuuej] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-p763fsuuej] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-p763fsuuej] {
            font-weight: 400;
        }

.invoice_date[b-p763fsuuej] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-p763fsuuej] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-p763fsuuej] {
            font-weight: 400;
        }

.invoice_info[b-p763fsuuej] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-p763fsuuej] {
    width: 25rem;
}

    .left_info h3[b-p763fsuuej] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-p763fsuuej] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-p763fsuuej] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-p763fsuuej] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-p763fsuuej] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-p763fsuuej] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
    }

        .right_info h4:nth-child(2)[b-p763fsuuej] {
            color: blue;
            font-weight: 500;
        }

.text_end[b-p763fsuuej] {
    text-align: end;
}

.text_center[b-p763fsuuej] {
    text-align: center;
}


.table_mine[b-p763fsuuej] {
    overflow: auto;
}

    /*scroll bar */

    .table_mine[b-p763fsuuej]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-p763fsuuej]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-p763fsuuej]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-p763fsuuej]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





table[b-p763fsuuej] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-p763fsuuej] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

tr th[b-p763fsuuej] {
    white-space: nowrap;
}

thead tr th[b-p763fsuuej] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-p763fsuuej] {
        text-align: right;
    }

tbody tr[b-p763fsuuej] {
    height: 45px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-p763fsuuej] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-p763fsuuej] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-p763fsuuej] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-p763fsuuej] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-p763fsuuej] {
    display: none;
}

/*sub total and payment method */
.payment_and_notes[b-p763fsuuej] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

.sub_and_payment_method[b-p763fsuuej] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.sub_total[b-p763fsuuej] {
    width: 36.5%;
}

    .sub_total .sub_items[b-p763fsuuej] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-p763fsuuej] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-p763fsuuej] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-p763fsuuej] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-p763fsuuej] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-p763fsuuej] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }

[b-p763fsuuej] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .submit_btn[b-p763fsuuej] {
        align-items: flex-start;
        flex-direction: column;
    }

    .date_selection[b-p763fsuuej] {
        display: inline-flex;
        align-items: flex-start;
        gap: .5rem;
        flex-direction: column;
        width: 100%;
    }
    .report_and_print[b-p763fsuuej] {
        margin-top: 1rem;
    }
    .date_select_box[b-p763fsuuej] {
        width: 100%;
    }

        .date_select_box label[b-p763fsuuej] {
            font-size: 1.2rem;
        }

    .submit_btn button[b-p763fsuuej] {
        font-size: 1.2rem;
        padding: 3px .7rem;
    }

    .print_for_mobile[b-p763fsuuej] {
        display: inline-block;
    }

    .action_buttons[b-p763fsuuej] {
        display: none;
    }


    .invoice[b-p763fsuuej] {
        padding: 1rem 0;
    }

    .invoice_header[b-p763fsuuej] {
        padding: 0 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-p763fsuuej] {
        justify-content: flex-start;
    }

        .logo .logo_img[b-p763fsuuej] {
            width: 30px;
            height: 30px;
        }

        .logo .logo_text[b-p763fsuuej] {
            font-size: 12px;
        }

    .invoice_serial h3[b-p763fsuuej] {
        font-size: 14px;
    }

    .company_info[b-p763fsuuej] {
        padding: 1rem;
        padding-top: 1rem;
        flex-direction: column;
        gap: 1rem;
    }

    .invoice_date[b-p763fsuuej] {
        align-items: flex-start;
    }

    .address[b-p763fsuuej] {
        gap: 0;
    }

        .address p[b-p763fsuuej] {
            font-size: 12px;
        }

    .invoice_date p[b-p763fsuuej] {
        font-size: 12px;
    }

    .invoice_info[b-p763fsuuej] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .table_mine[b-p763fsuuej] {
        overflow: auto;
        padding: 3rem 0;
    }

        .table_mine table thead tr th[b-p763fsuuej] {
            white-space: nowrap;
            font-size: 12px;
        }

    .sub_and_payment_method[b-p763fsuuej] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-p763fsuuej] {
        width: 100%;
        padding: 0 1rem;
    }

        .sub_total .sub_items span[b-p763fsuuej] {
            font-size: 1.2rem;
        }

    .terms[b-p763fsuuej] {
        margin: 3rem 2rem 0;
    }

    .greating[b-p763fsuuej]{
        padding: 1rem;
    }

    .greating p[b-p763fsuuej] {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .submit_btn[b-p763fsuuej] {
        align-items: flex-end;
    }
    .invoice_info[b-p763fsuuej] {
        margin: 3rem 0rem;
    }

    .table_mine[b-p763fsuuej] {
        padding: 0 0 3rem 0;
    }

    .terms[b-p763fsuuej] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Report/AllReturn.razor.rz.scp.css */
.saleInvoiceComponentClass[b-1y6hvkm4ja] {
    padding: 1.5rem;
    background: white;
}

.submit_btn[b-1y6hvkm4ja] {
    justify-content: space-between;
    align-items: center;
}

.report_and_print[b-1y6hvkm4ja] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.print_for_mobile[b-1y6hvkm4ja] {
    display: none;
}

.date_selection[b-1y6hvkm4ja] {
    display: inline-flex;
    gap: 1rem;
    align-items: flex-end;
}

.date_select_box[b-1y6hvkm4ja] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .date_select_box label[b-1y6hvkm4ja] {
        font-size: 1.5rem;
        font-weight: 500;
    }

.invoice[b-1y6hvkm4ja] {
    margin: 2rem 0 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.invoice_header[b-1y6hvkm4ja] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-1y6hvkm4ja] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-1y6hvkm4ja] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-1y6hvkm4ja] {
            width: 100%;
        }

    .logo .logo_text[b-1y6hvkm4ja] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-1y6hvkm4ja] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-1y6hvkm4ja] {
        color: blue;
    }

.input_date[b-1y6hvkm4ja] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.company_info[b-1y6hvkm4ja] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-1y6hvkm4ja] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-1y6hvkm4ja] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-1y6hvkm4ja] {
            font-weight: 400;
        }

.invoice_date[b-1y6hvkm4ja] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-1y6hvkm4ja] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-1y6hvkm4ja] {
            font-weight: 400;
        }

.invoice_info[b-1y6hvkm4ja] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-1y6hvkm4ja] {
    width: 25rem;
}

    .left_info h3[b-1y6hvkm4ja] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-1y6hvkm4ja] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-1y6hvkm4ja] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-1y6hvkm4ja] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-1y6hvkm4ja] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-1y6hvkm4ja] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
    }

        .right_info h4:nth-child(2)[b-1y6hvkm4ja] {
            color: blue;
            font-weight: 500;
        }

.text_end[b-1y6hvkm4ja] {
    text-align: end;
}

.text_center[b-1y6hvkm4ja] {
    text-align: center;
}


.table_mine[b-1y6hvkm4ja] {
    overflow: auto;
}

    /*scroll bar */

    .table_mine[b-1y6hvkm4ja]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-1y6hvkm4ja]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-1y6hvkm4ja]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-1y6hvkm4ja]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





table[b-1y6hvkm4ja] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-1y6hvkm4ja] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

tr th[b-1y6hvkm4ja] {
    white-space: nowrap;
}

thead tr th[b-1y6hvkm4ja] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-1y6hvkm4ja] {
        text-align: right;
    }

tbody tr[b-1y6hvkm4ja] {
    height: 45px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-1y6hvkm4ja] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-1y6hvkm4ja] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-1y6hvkm4ja] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-1y6hvkm4ja] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-1y6hvkm4ja] {
    display: none;
}

/*sub total and payment method */
.payment_and_notes[b-1y6hvkm4ja] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

.sub_and_payment_method[b-1y6hvkm4ja] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.sub_total[b-1y6hvkm4ja] {
    width: 36.5%;
}

    .sub_total .sub_items[b-1y6hvkm4ja] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-1y6hvkm4ja] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-1y6hvkm4ja] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-1y6hvkm4ja] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-1y6hvkm4ja] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-1y6hvkm4ja] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }

[b-1y6hvkm4ja] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .submit_btn[b-1y6hvkm4ja] {
        align-items: flex-start;
        flex-direction: column;
    }

    .date_selection[b-1y6hvkm4ja] {
        display: inline-flex;
        align-items: flex-start;
        gap: .5rem;
        flex-direction: column;
        width: 100%;
    }

    .date_select_box[b-1y6hvkm4ja] {
        width: 100%;
    }

        .date_select_box label[b-1y6hvkm4ja] {
            font-size: 1.2rem;
        }

    .submit_btn button[b-1y6hvkm4ja] {
        font-size: 1.2rem;
        padding: 3px .7rem;
    }

    .print_for_mobile[b-1y6hvkm4ja] {
        display: inline-block;
    }

    .action_buttons[b-1y6hvkm4ja] {
        display: none;
    }


    .invoice[b-1y6hvkm4ja] {
        padding: 1rem 0;
    }

    .invoice_header[b-1y6hvkm4ja] {
        padding: 0 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-1y6hvkm4ja] {
        justify-content: flex-start;
    }

        .logo .logo_img[b-1y6hvkm4ja] {
            width: 30px;
            height: 30px;
        }

        .logo .logo_text[b-1y6hvkm4ja] {
            font-size: 12px;
        }

    .invoice_serial h3[b-1y6hvkm4ja] {
        font-size: 14px;
    }

    .company_info[b-1y6hvkm4ja] {
        padding: 1rem;
        padding-top: 1rem;
        flex-direction: column;
        gap: 1rem;
    }

    .invoice_date[b-1y6hvkm4ja] {
        align-items: flex-start;
    }

    .address[b-1y6hvkm4ja] {
        gap: 0;
    }

        .address p[b-1y6hvkm4ja] {
            font-size: 12px;
        }

    .invoice_date p[b-1y6hvkm4ja] {
        font-size: 12px;
    }

    .invoice_info[b-1y6hvkm4ja] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .table_mine[b-1y6hvkm4ja] {
        overflow: auto;
        padding: 3rem 0;
    }

        .table_mine table thead tr th[b-1y6hvkm4ja] {
            white-space: nowrap;
            font-size: 12px;
        }

    .sub_and_payment_method[b-1y6hvkm4ja] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-1y6hvkm4ja] {
        width: 100%;
        padding: 0 1rem;
    }

        .sub_total .sub_items span[b-1y6hvkm4ja] {
            font-size: 1.2rem;
        }

    .terms[b-1y6hvkm4ja] {
        margin: 3rem 2rem 0;
    }

    .greating[b-1y6hvkm4ja] {
        padding: 1rem;
    }

        .greating p[b-1y6hvkm4ja] {
            font-size: 1.2rem;
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .submit_btn[b-1y6hvkm4ja] {
        align-items: flex-end;
    }
    .invoice_info[b-1y6hvkm4ja] {
        margin: 3rem 0rem;
    }

    .table_mine[b-1y6hvkm4ja] {
        padding: 0 0 3rem 0;
    }

    .terms[b-1y6hvkm4ja] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Report/AllSales.razor.rz.scp.css */
.saleInvoiceComponentClass[b-nszc1sjb15]{
    padding:1.5rem;
    background:white;
}
.submit_btn[b-nszc1sjb15] {
    justify-content: space-between;
    align-items:center;
}
.report_and_print[b-nszc1sjb15]{
    display:flex;
    gap:1rem;
    align-items:center;
}
.print_for_mobile[b-nszc1sjb15] {
    display: none;
}
.date_selection[b-nszc1sjb15] {
    display: inline-flex;
    gap: 1rem;
    align-items: flex-end;
}
.date_select_box[b-nszc1sjb15] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
    .date_select_box label[b-nszc1sjb15] {
        font-size: 1.5rem;
        font-weight: 500;
    }
    .invoice[b-nszc1sjb15] {
        margin: 2rem 0 0;
        background: var(--primary-bg);
        position: relative;
        overflow: hidden;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

.invoice_header[b-nszc1sjb15] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-nszc1sjb15] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-nszc1sjb15] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-nszc1sjb15] {
            width: 100%;
        }

    .logo .logo_text[b-nszc1sjb15] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-nszc1sjb15] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-nszc1sjb15] {
        color: blue;
    }

.input_date[b-nszc1sjb15] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.company_info[b-nszc1sjb15] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-nszc1sjb15] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-nszc1sjb15] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-nszc1sjb15] {
            font-weight: 400;
        }

.invoice_date[b-nszc1sjb15] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-nszc1sjb15] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-nszc1sjb15] {
            font-weight: 400;
        }

.invoice_info[b-nszc1sjb15] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-nszc1sjb15] {
    width: 25rem;
}

    .left_info h3[b-nszc1sjb15] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-nszc1sjb15] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-nszc1sjb15] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-nszc1sjb15] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-nszc1sjb15] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-nszc1sjb15] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
    }

        .right_info h4:nth-child(2)[b-nszc1sjb15] {
            color: blue;
            font-weight: 500;
        }

.text_end[b-nszc1sjb15] {
    text-align: end;
}

.text_center[b-nszc1sjb15] {
    text-align: center;
}


.table_mine[b-nszc1sjb15] {
    overflow: auto;
}

    /*scroll bar */

    .table_mine[b-nszc1sjb15]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-nszc1sjb15]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-nszc1sjb15]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-nszc1sjb15]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





table[b-nszc1sjb15] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-nszc1sjb15] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

tr th[b-nszc1sjb15] {
    white-space: nowrap;
}

thead tr th[b-nszc1sjb15] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead th:last-child[b-nszc1sjb15] {
        text-align: right;
    }

tbody tr[b-nszc1sjb15] {
    height: 45px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-nszc1sjb15] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-nszc1sjb15] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-nszc1sjb15] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

       /* tbody tr td:last-child {
            text-align: right;
        }*/
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-nszc1sjb15] {
    display: none;
}

/*sub total and payment method */
.payment_and_notes[b-nszc1sjb15] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

.sub_and_payment_method[b-nszc1sjb15] {
    display: flex;
    justify-content: space-between;
    margin-top:1rem;
}

.sub_total[b-nszc1sjb15] {
    width: 36.5%;
}

    .sub_total .sub_items[b-nszc1sjb15] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-nszc1sjb15] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-nszc1sjb15] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-nszc1sjb15] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-nszc1sjb15] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-nszc1sjb15] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }

[b-nszc1sjb15] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .submit_btn[b-nszc1sjb15]{
        align-items: flex-start;
        flex-direction: column;
    }
    .date_selection[b-nszc1sjb15] {
        display: inline-flex;
        align-items: flex-start;
        gap: .5rem;
        flex-direction: column;
        width: 100%;
    }
    .date_select_box[b-nszc1sjb15] {
        width: 100%;
    }
        .date_select_box label[b-nszc1sjb15]{
            font-size: 1.2rem;
        }
    .submit_btn button[b-nszc1sjb15] {
        font-size: 1.2rem;
        padding: 3px .7rem;
    }
    .report_and_print[b-nszc1sjb15] {
        margin-top: 1rem;
    }
    .print_for_mobile[b-nszc1sjb15] {
        display: inline-block;
    }
    .action_buttons[b-nszc1sjb15]{
        display:none;
    }


    .invoice[b-nszc1sjb15] {
        padding: 1rem 0;
    }

    .invoice_header[b-nszc1sjb15] {
        padding: 0 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-nszc1sjb15] {
        justify-content: flex-start;
    }

        .logo .logo_img[b-nszc1sjb15] {
            width: 30px;
            height: 30px;
        }

        .logo .logo_text[b-nszc1sjb15] {
            font-size: 12px;
        }

    .invoice_serial h3[b-nszc1sjb15] {
        font-size: 14px;
    }

    .company_info[b-nszc1sjb15] {
        padding: 1rem;
        padding-top: 1rem;
        flex-direction: column;
        gap:1rem;
    }
    .invoice_date[b-nszc1sjb15] {
        align-items: flex-start;
    }
    .address[b-nszc1sjb15] {
        gap: 0;
    }

        .address p[b-nszc1sjb15] {
            font-size: 12px;
        }

    .invoice_date p[b-nszc1sjb15] {
        font-size: 12px;
    }

    .invoice_info[b-nszc1sjb15] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .table_mine[b-nszc1sjb15] {
        overflow: auto;
        padding: 3rem 0;
    }

        .table_mine table thead tr th[b-nszc1sjb15] {
            white-space: nowrap;
            font-size:12px;
        }

    .sub_and_payment_method[b-nszc1sjb15] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-nszc1sjb15] {
        width: 100%;
        padding:0 1rem;
    }
        .sub_total .sub_items span[b-nszc1sjb15] {
            font-size: 1.2rem;
        }
    .terms[b-nszc1sjb15] {
        margin: 3rem 2rem 0;
    }
    .greating[b-wtf91uh2a3][b-nszc1sjb15] {
        padding:1rem;
    }
    .greating p[b-nszc1sjb15] {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .submit_btn[b-nszc1sjb15] {
        align-items: flex-end;
    }
    .invoice_info[b-nszc1sjb15] {
        margin: 3rem 0rem;
    }

    .table_mine[b-nszc1sjb15] {
        padding: 0 0 3rem 0;
    }

    .terms[b-nszc1sjb15] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Report/CustomerStatement.razor.rz.scp.css */
.content_box_inner[b-c9k1tegxw4] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-c9k1tegxw4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-c9k1tegxw4] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-c9k1tegxw4] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-c9k1tegxw4] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-c9k1tegxw4] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-c9k1tegxw4] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-c9k1tegxw4], select[b-c9k1tegxw4] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-c9k1tegxw4] {
        margin-left: auto;
    }

.input_date[b-c9k1tegxw4] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-c9k1tegxw4] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-c9k1tegxw4] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-c9k1tegxw4] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-c9k1tegxw4] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-c9k1tegxw4] {
    opacity: .8;
}

[b-c9k1tegxw4] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

.action_btn[b-c9k1tegxw4] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-c9k1tegxw4] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-c9k1tegxw4] {
            width: 100%;
        }


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-c9k1tegxw4] {
        padding: 3rem 1rem;
    }

    .search_bar[b-c9k1tegxw4] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .submit_btn[b-c9k1tegxw4] {
        justify-content: flex-start;
    }


    .search_bar .date_selection[b-c9k1tegxw4] {
        margin-left: 0;
        margin-top: 3rem;
    }
    .search_bar .search_box[b-c9k1tegxw4] {
        width: auto;
        align-items: stretch;
    }
    [b-c9k1tegxw4] .selectBox .selectInput {
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width:991.98px) {
    .table_container[b-c9k1tegxw4] {
        margin-top: 2rem;
    }
    .search_bar[b-c9k1tegxw4] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
        .search_bar .search_box[b-c9k1tegxw4] {
            width: auto;
        }
        .search_bar .date_selection[b-c9k1tegxw4] {
            grid-column: 3 / span 2;
        }
    .submit_btn[b-c9k1tegxw4] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-c9k1tegxw4] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}

[b-c9k1tegxw4] #spanText {
    width: 100px !important;
}
/* /Components/Pages/Report/CustomerStatus.razor.rz.scp.css */
.content_box_inner[b-uhvy2ynzdj] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-uhvy2ynzdj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-uhvy2ynzdj] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-uhvy2ynzdj] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-uhvy2ynzdj] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-uhvy2ynzdj] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-uhvy2ynzdj] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-uhvy2ynzdj], select[b-uhvy2ynzdj] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-uhvy2ynzdj] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.action_btn[b-uhvy2ynzdj] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-uhvy2ynzdj] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-uhvy2ynzdj] {
            width: 100%;
        }

td.action_btn[b-uhvy2ynzdj] {
    border-bottom: none;
}


[b-uhvy2ynzdj] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-uhvy2ynzdj] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-uhvy2ynzdj] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-uhvy2ynzdj] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-uhvy2ynzdj] {
    opacity: .8;
}

.table_container[b-uhvy2ynzdj] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-uhvy2ynzdj] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-uhvy2ynzdj]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-uhvy2ynzdj]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-uhvy2ynzdj]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-uhvy2ynzdj]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-uhvy2ynzdj] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-uhvy2ynzdj] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-uhvy2ynzdj] {
    white-space: nowrap;
}

thead tr th[b-uhvy2ynzdj] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-uhvy2ynzdj] {
        text-align: right;
    }

tbody tr[b-uhvy2ynzdj] {
    height: 45px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-uhvy2ynzdj] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-uhvy2ynzdj] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-uhvy2ynzdj] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-uhvy2ynzdj] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-uhvy2ynzdj] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-uhvy2ynzdj] {
        padding: 3rem 1rem;
    }

    .table_container[b-uhvy2ynzdj] {
        margin-top: 2rem;
    }

    .search_bar[b-uhvy2ynzdj] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-uhvy2ynzdj] {
        overflow: auto;
    }

    .submit_btn[b-uhvy2ynzdj] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-uhvy2ynzdj] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-uhvy2ynzdj] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-uhvy2ynzdj] {
            width: auto;
        }

    .submit_btn[b-uhvy2ynzdj] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-uhvy2ynzdj] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/DistributionCustomerStatement.razor.rz.scp.css */
.content_box_inner[b-vbj3s91b92] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-vbj3s91b92] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-vbj3s91b92] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-vbj3s91b92] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-vbj3s91b92] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-vbj3s91b92] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-vbj3s91b92] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-vbj3s91b92], select[b-vbj3s91b92] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-vbj3s91b92] {
        margin-left: auto;
    }

.input_date[b-vbj3s91b92] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-vbj3s91b92] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-vbj3s91b92] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-vbj3s91b92] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-vbj3s91b92] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-vbj3s91b92] {
    opacity: .8;
}

[b-vbj3s91b92] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

.action_btn[b-vbj3s91b92] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-vbj3s91b92] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-vbj3s91b92] {
            width: 100%;
        }


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-vbj3s91b92] {
        padding: 3rem 1rem;
    }

    .search_bar[b-vbj3s91b92] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .submit_btn[b-vbj3s91b92] {
        justify-content: flex-start;
    }


    .search_bar .date_selection[b-vbj3s91b92] {
        margin-left: 0;
        margin-top: 3rem;
    }
    .search_bar .search_box[b-vbj3s91b92] {
        width: auto;
        align-items: stretch;
    }
    [b-vbj3s91b92] .selectBox .selectInput {
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width:991.98px) {
    .table_container[b-vbj3s91b92] {
        margin-top: 2rem;
    }
    .search_bar[b-vbj3s91b92] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
        .search_bar .search_box[b-vbj3s91b92] {
            width: auto;
        }
        .search_bar .date_selection[b-vbj3s91b92] {
            grid-column: 3 / span 2;
        }
    .submit_btn[b-vbj3s91b92] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-vbj3s91b92] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}

[b-vbj3s91b92] #spanText {
    width: 100px !important;
}
/* /Components/Pages/Report/DistributionDetails.razor.rz.scp.css */
.content_box_inner[b-gcrkqc3yp5] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-gcrkqc3yp5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-gcrkqc3yp5] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-gcrkqc3yp5] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-gcrkqc3yp5] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-gcrkqc3yp5] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-gcrkqc3yp5] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-gcrkqc3yp5], select[b-gcrkqc3yp5] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-gcrkqc3yp5] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-gcrkqc3yp5] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-gcrkqc3yp5] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-gcrkqc3yp5] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-gcrkqc3yp5] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-gcrkqc3yp5] {
    opacity: .8;
}

.table_container[b-gcrkqc3yp5] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-gcrkqc3yp5] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-gcrkqc3yp5]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-gcrkqc3yp5]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-gcrkqc3yp5]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-gcrkqc3yp5]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-gcrkqc3yp5] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-gcrkqc3yp5] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-gcrkqc3yp5] {
    white-space: nowrap;
}

thead tr th[b-gcrkqc3yp5] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-gcrkqc3yp5] {
        text-align: right;
    }

tbody tr[b-gcrkqc3yp5] {
    height: 45px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-gcrkqc3yp5] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-gcrkqc3yp5] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-gcrkqc3yp5] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-gcrkqc3yp5] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-gcrkqc3yp5] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-gcrkqc3yp5] {
        padding: 3rem 1rem;
    }

    .table_container[b-gcrkqc3yp5] {
        margin-top: 2rem;
    }

    .search_bar[b-gcrkqc3yp5] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-gcrkqc3yp5] {
        overflow: auto;
    }

    .submit_btn[b-gcrkqc3yp5] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-gcrkqc3yp5] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-gcrkqc3yp5] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-gcrkqc3yp5] {
            width: auto;
        }

    .submit_btn[b-gcrkqc3yp5] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-gcrkqc3yp5] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/DistributionDueCollection.razor.rz.scp.css */
.content_box_inner[b-k10v7m3xzk] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-k10v7m3xzk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-k10v7m3xzk] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-k10v7m3xzk] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-k10v7m3xzk] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-k10v7m3xzk] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-k10v7m3xzk] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-k10v7m3xzk], select[b-k10v7m3xzk] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-k10v7m3xzk] {
        margin-left: auto;
    }

.input_date[b-k10v7m3xzk] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-k10v7m3xzk] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-k10v7m3xzk] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-k10v7m3xzk] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-k10v7m3xzk] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-k10v7m3xzk] {
    opacity: .8;
}

[b-k10v7m3xzk] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

.action_btn[b-k10v7m3xzk] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-k10v7m3xzk] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-k10v7m3xzk] {
            width: 100%;
        }


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-k10v7m3xzk] {
        padding: 3rem 1rem;
    }

    .search_bar[b-k10v7m3xzk] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .submit_btn[b-k10v7m3xzk] {
        justify-content: flex-start;
    }


    .search_bar .date_selection[b-k10v7m3xzk] {
        margin-left: 0;
        margin-top: 3rem;
    }
    .search_bar .search_box[b-k10v7m3xzk] {
        width: auto;
        align-items: stretch;
    }
    [b-k10v7m3xzk] .selectBox .selectInput {
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width:991.98px) {
    .table_container[b-k10v7m3xzk] {
        margin-top: 2rem;
    }
    .search_bar[b-k10v7m3xzk] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
        .search_bar .search_box[b-k10v7m3xzk] {
            width: auto;
        }
        .search_bar .date_selection[b-k10v7m3xzk] {
            grid-column: 3 / span 2;
        }
    .submit_btn[b-k10v7m3xzk] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-k10v7m3xzk] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}

[b-k10v7m3xzk] #spanText {
    width: 100px !important;
}
/* /Components/Pages/Report/DistributionSalesDue.razor.rz.scp.css */
.content_box_inner[b-1h57e6kg3w] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-1h57e6kg3w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-1h57e6kg3w] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-1h57e6kg3w] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-1h57e6kg3w] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-1h57e6kg3w] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-1h57e6kg3w] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-1h57e6kg3w], select[b-1h57e6kg3w] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-1h57e6kg3w] {
        margin-left: auto;
    }

.input_date[b-1h57e6kg3w] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-1h57e6kg3w] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-1h57e6kg3w] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-1h57e6kg3w] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-1h57e6kg3w] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-1h57e6kg3w] {
    opacity: .8;
}

[b-1h57e6kg3w] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

.action_btn[b-1h57e6kg3w] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-1h57e6kg3w] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-1h57e6kg3w] {
            width: 100%;
        }


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-1h57e6kg3w] {
        padding: 3rem 1rem;
    }

    .search_bar[b-1h57e6kg3w] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .submit_btn[b-1h57e6kg3w] {
        justify-content: flex-start;
    }


    .search_bar .date_selection[b-1h57e6kg3w] {
        margin-left: 0;
        margin-top: 3rem;
    }

    .search_bar .search_box[b-1h57e6kg3w] {
        width: auto;
        align-items: stretch;
    }

    [b-1h57e6kg3w] .selectBox .selectInput {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .table_container[b-1h57e6kg3w] {
        margin-top: 2rem;
    }

    .search_bar[b-1h57e6kg3w] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-1h57e6kg3w] {
            width: auto;
        }

        .search_bar .date_selection[b-1h57e6kg3w] {
            grid-column: 3 / span 2;
        }

    .submit_btn[b-1h57e6kg3w] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-1h57e6kg3w] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}

[b-1h57e6kg3w] #spanText {
    width: 100px !important;
}
/* /Components/Pages/Report/ExpenseStatus.razor.rz.scp.css */
.content_box_inner[b-7b6ypuf56h] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-7b6ypuf56h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-7b6ypuf56h] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-7b6ypuf56h] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-7b6ypuf56h] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-7b6ypuf56h] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-7b6ypuf56h] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-7b6ypuf56h], select[b-7b6ypuf56h] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-7b6ypuf56h] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-7b6ypuf56h] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-7b6ypuf56h] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-7b6ypuf56h] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-7b6ypuf56h] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-7b6ypuf56h] {
    opacity: .8;
}

.table_container[b-7b6ypuf56h] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-7b6ypuf56h] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-7b6ypuf56h]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-7b6ypuf56h]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-7b6ypuf56h]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-7b6ypuf56h]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-7b6ypuf56h] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-7b6ypuf56h] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-7b6ypuf56h] {
    white-space: nowrap;
}

thead tr th[b-7b6ypuf56h] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-7b6ypuf56h] {
        text-align: right;
    }

tbody tr[b-7b6ypuf56h] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-7b6ypuf56h] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-7b6ypuf56h] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-7b6ypuf56h] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-7b6ypuf56h] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-7b6ypuf56h] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-7b6ypuf56h] {
        padding: 3rem 1rem;
    }

    .table_container[b-7b6ypuf56h] {
        margin-top: 2rem;
    }

    .search_bar[b-7b6ypuf56h] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-7b6ypuf56h] {
        overflow: auto;
    }

    .submit_btn[b-7b6ypuf56h] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-7b6ypuf56h] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-7b6ypuf56h] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-7b6ypuf56h] {
            width: auto;
        }

    .submit_btn[b-7b6ypuf56h] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-7b6ypuf56h] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/Profit.razor.rz.scp.css */
.content_box_inner[b-pcrhmocr3n] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-pcrhmocr3n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-pcrhmocr3n] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-pcrhmocr3n] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-pcrhmocr3n] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-pcrhmocr3n] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-pcrhmocr3n] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-pcrhmocr3n], select[b-pcrhmocr3n] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-pcrhmocr3n] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-pcrhmocr3n] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-pcrhmocr3n] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-pcrhmocr3n] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-pcrhmocr3n] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-pcrhmocr3n] {
    opacity: .8;
}

.table_container[b-pcrhmocr3n] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-pcrhmocr3n] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-pcrhmocr3n]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-pcrhmocr3n]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-pcrhmocr3n]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-pcrhmocr3n]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-pcrhmocr3n] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-pcrhmocr3n] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-pcrhmocr3n] {
    white-space: nowrap;
}

thead tr th[b-pcrhmocr3n] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-pcrhmocr3n] {
        text-align: right;
    }

tbody tr[b-pcrhmocr3n] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-pcrhmocr3n] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-pcrhmocr3n] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-pcrhmocr3n] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-pcrhmocr3n] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-pcrhmocr3n] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-pcrhmocr3n] {
        padding: 3rem 1rem;
    }

    .table_container[b-pcrhmocr3n] {
        margin-top: 2rem;
    }

    .search_bar[b-pcrhmocr3n] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-pcrhmocr3n] {
        overflow: auto;
    }

    .submit_btn[b-pcrhmocr3n] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-pcrhmocr3n] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-pcrhmocr3n] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-pcrhmocr3n] {
            width: auto;
        }

    .submit_btn[b-pcrhmocr3n] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-pcrhmocr3n] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/PurchaseDetails.razor.rz.scp.css */
.content_box_inner[b-wlaqceynky] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-wlaqceynky] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-wlaqceynky] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-wlaqceynky] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-wlaqceynky] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-wlaqceynky] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-wlaqceynky] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-wlaqceynky], select[b-wlaqceynky] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-wlaqceynky] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-wlaqceynky] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-wlaqceynky] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-wlaqceynky] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-wlaqceynky] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

    .submit_btn button:hover[b-wlaqceynky] {
        opacity: .8;
    }

.table_container[b-wlaqceynky] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-wlaqceynky] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-wlaqceynky]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-wlaqceynky]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-wlaqceynky]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-wlaqceynky]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-wlaqceynky] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-wlaqceynky] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-wlaqceynky] {
    white-space: nowrap;
}

thead tr th[b-wlaqceynky] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-wlaqceynky] {
        text-align: right;
    }

tbody tr[b-wlaqceynky] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-wlaqceynky] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-wlaqceynky] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-wlaqceynky] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-wlaqceynky] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-wlaqceynky] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-wlaqceynky] {
        padding: 3rem 1rem;
    }
    .table_container[b-wlaqceynky] {
        margin-top: 2rem;
    }
    .search_bar[b-wlaqceynky] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-wlaqceynky] {
        overflow: auto;
    }

    .submit_btn[b-wlaqceynky] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-wlaqceynky] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-wlaqceynky] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
        .search_bar .search_box[b-wlaqceynky]{
            width: auto;
        }
    .submit_btn[b-wlaqceynky] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-wlaqceynky] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/PurchaseDue.razor.rz.scp.css */
.content_box_inner[b-5joavucot5] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-5joavucot5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-5joavucot5] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-5joavucot5] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-5joavucot5] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-5joavucot5] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-5joavucot5] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-5joavucot5], select[b-5joavucot5] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-5joavucot5] {
        margin-left: auto;
    }

.input_date[b-5joavucot5] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-5joavucot5] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-5joavucot5] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-5joavucot5] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-5joavucot5] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-5joavucot5] {
    opacity: .8;
}

[b-5joavucot5] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

.action_btn[b-5joavucot5] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-5joavucot5] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-5joavucot5] {
            width: 100%;
        }


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-5joavucot5] {
        padding: 3rem 1rem;
    }

    .search_bar[b-5joavucot5] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .submit_btn[b-5joavucot5] {
        justify-content: flex-start;
    }

    .report_and_print[b-5joavucot5] {
        margin-top: 1rem;
    }
    .search_bar .date_selection[b-5joavucot5] {
        margin-left: 0;
        margin-top: 3rem;
    }

    .search_bar .search_box[b-5joavucot5] {
        width: auto;
        align-items: stretch;
    }

    [b-5joavucot5] .selectBox .selectInput {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .table_container[b-5joavucot5] {
        margin-top: 2rem;
    }

    .search_bar[b-5joavucot5] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-5joavucot5] {
            width: auto;
        }

        .search_bar .date_selection[b-5joavucot5] {
            grid-column: 3 / span 2;
        }

    .submit_btn[b-5joavucot5] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-5joavucot5] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/PurchaseDuePayment.razor.rz.scp.css */
.content_box_inner[b-rxw1u2m8gm] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-rxw1u2m8gm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-rxw1u2m8gm] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-rxw1u2m8gm] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-rxw1u2m8gm] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-rxw1u2m8gm] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-rxw1u2m8gm] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-rxw1u2m8gm], select[b-rxw1u2m8gm] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-rxw1u2m8gm] {
        margin-left: auto;
    }

.input_date[b-rxw1u2m8gm] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-rxw1u2m8gm] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-rxw1u2m8gm] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-rxw1u2m8gm] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-rxw1u2m8gm] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-rxw1u2m8gm] {
    opacity: .8;
}

[b-rxw1u2m8gm] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

.action_btn[b-rxw1u2m8gm] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-rxw1u2m8gm] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-rxw1u2m8gm] {
            width: 100%;
        }


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-rxw1u2m8gm] {
        padding: 3rem 1rem;
    }

    .search_bar[b-rxw1u2m8gm] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .submit_btn[b-rxw1u2m8gm] {
        justify-content: flex-start;
    }


    .search_bar .date_selection[b-rxw1u2m8gm] {
        margin-left: 0;
        margin-top: 3rem;
    }
    .search_bar .search_box[b-rxw1u2m8gm] {
        width: auto;
        align-items: stretch;
    }
    [b-rxw1u2m8gm] .selectBox .selectInput {
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width:991.98px) {
    .table_container[b-rxw1u2m8gm] {
        margin-top: 2rem;
    }
    .search_bar[b-rxw1u2m8gm] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
        .search_bar .search_box[b-rxw1u2m8gm] {
            width: auto;
        }
        .search_bar .date_selection[b-rxw1u2m8gm] {
            grid-column: 3 / span 2;
        }
    .submit_btn[b-rxw1u2m8gm] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-rxw1u2m8gm] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}

[b-rxw1u2m8gm] #spanText {
    width: 100px !important;
}
/* /Components/Pages/Report/PurchaseReturnDetails.razor.rz.scp.css */
.content_box_inner[b-0lzxcjoo0g] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-0lzxcjoo0g] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-0lzxcjoo0g] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-0lzxcjoo0g] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-0lzxcjoo0g] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-0lzxcjoo0g] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-0lzxcjoo0g] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-0lzxcjoo0g], select[b-0lzxcjoo0g] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-0lzxcjoo0g] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-0lzxcjoo0g] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-0lzxcjoo0g] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-0lzxcjoo0g] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-0lzxcjoo0g] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-0lzxcjoo0g] {
    opacity: .8;
}

.table_container[b-0lzxcjoo0g] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-0lzxcjoo0g] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-0lzxcjoo0g]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-0lzxcjoo0g]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-0lzxcjoo0g]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-0lzxcjoo0g]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-0lzxcjoo0g] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-0lzxcjoo0g] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-0lzxcjoo0g] {
    white-space: nowrap;
}

thead tr th[b-0lzxcjoo0g] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-0lzxcjoo0g] {
        text-align: right;
    }

tbody tr[b-0lzxcjoo0g] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-0lzxcjoo0g] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-0lzxcjoo0g] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-0lzxcjoo0g] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-0lzxcjoo0g] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-0lzxcjoo0g] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .table_container[b-0lzxcjoo0g] {
        margin-top: 2rem;
    }

    .content_box_inner[b-0lzxcjoo0g] {
        padding: 3rem 1rem;
    }

    .search_bar[b-0lzxcjoo0g] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-0lzxcjoo0g] {
        overflow: auto;
    }

    .submit_btn[b-0lzxcjoo0g] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-0lzxcjoo0g] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-0lzxcjoo0g] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-0lzxcjoo0g] {
            width: auto;
        }

    .submit_btn[b-0lzxcjoo0g] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-0lzxcjoo0g] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/ReturnDetails.razor.rz.scp.css */
.content_box_inner[b-fxroyji7j0] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-fxroyji7j0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-fxroyji7j0] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-fxroyji7j0] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-fxroyji7j0] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-fxroyji7j0] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-fxroyji7j0] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-fxroyji7j0], select[b-fxroyji7j0] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-fxroyji7j0] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-fxroyji7j0] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-fxroyji7j0] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-fxroyji7j0] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-fxroyji7j0] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

    .submit_btn button:hover[b-fxroyji7j0] {
        opacity: .8;
    }

.table_container[b-fxroyji7j0] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-fxroyji7j0] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-fxroyji7j0]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-fxroyji7j0]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-fxroyji7j0]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-fxroyji7j0]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-fxroyji7j0] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-fxroyji7j0] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-fxroyji7j0] {
    white-space: nowrap;
}

thead tr th[b-fxroyji7j0] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-fxroyji7j0] {
        text-align: right;
    }

tbody tr[b-fxroyji7j0] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-fxroyji7j0] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-fxroyji7j0] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-fxroyji7j0] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-fxroyji7j0] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-fxroyji7j0] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .table_container[b-fxroyji7j0] {
        margin-top: 2rem;
    }
    .content_box_inner[b-fxroyji7j0] {
        padding: 3rem 1rem;
    }

    .search_bar[b-fxroyji7j0] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-fxroyji7j0] {
        overflow: auto;
    }

    .submit_btn[b-fxroyji7j0] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-fxroyji7j0] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-fxroyji7j0] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
        .search_bar .search_box[b-fxroyji7j0] {
            width: auto;
        }
    .submit_btn[b-fxroyji7j0] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-fxroyji7j0] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/ReturnInvoiceDetails.razor.rz.scp.css */
.saleInvoiceComponentClass[b-zh8e110jpw] {
    padding: 1.5rem;
    background: white;
}

.submit_btn[b-zh8e110jpw] {
    justify-content: space-between;
    align-items: center;
}

[b-zh8e110jpw] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

[b-zh8e110jpw] .invoice {
    margin: 2rem 0 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.invoice_header[b-zh8e110jpw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-zh8e110jpw] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-zh8e110jpw] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-zh8e110jpw] {
            width: 100%;
        }

    .logo .logo_text[b-zh8e110jpw] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-zh8e110jpw] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-zh8e110jpw] {
        color: blue;
    }

.input_date[b-zh8e110jpw] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.company_info[b-zh8e110jpw] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-zh8e110jpw] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-zh8e110jpw] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-zh8e110jpw] {
            font-weight: 400;
        }

.invoice_date[b-zh8e110jpw] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-zh8e110jpw] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-zh8e110jpw] {
            font-weight: 400;
        }

.invoice_info[b-zh8e110jpw] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-zh8e110jpw] {
    width: 25rem;
}

    .left_info h3[b-zh8e110jpw] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-zh8e110jpw] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-zh8e110jpw] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-zh8e110jpw] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-zh8e110jpw] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-zh8e110jpw] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
    }

        .right_info h4:nth-child(2)[b-zh8e110jpw] {
            color: blue;
            font-weight: 500;
        }

.text_end[b-zh8e110jpw] {
    text-align: end;
}

.text_center[b-zh8e110jpw] {
    text-align: center;
}


.table_mine[b-zh8e110jpw] {
    overflow: auto;
}

    /*scroll bar */

    .table_mine[b-zh8e110jpw]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-zh8e110jpw]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-zh8e110jpw]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-zh8e110jpw]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





table[b-zh8e110jpw] {
    width: 100%;
}

/* Sticky header while scrolling */
[b-zh8e110jpw] thead {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

[b-zh8e110jpw] tr th {
    white-space: nowrap;
}

[b-zh8e110jpw] thead tr th {
    font-size: 1.5rem;
    font-weight: 500 !important;
    padding: 1rem;
    border: 0;
    color: black;
}

    [b-zh8e110jpw] thead tr th:last-child {
        text-align: right;
    }

[b-zh8e110jpw] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    [b-zh8e110jpw] tbody tr:nth-child(odd) {
        background-color: #f4f4f4;
    }

    [b-zh8e110jpw] tbody tr:hover {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    [b-zh8e110jpw] tbody tr td {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        [b-zh8e110jpw] tbody tr td:last-child {
            text-align: right;
        }
/* Hide all tables except the first one initially */
[b-zh8e110jpw] .table:not(:first-of-type) {
    display: none;
}

[b-zh8e110jpw] .greating {
    padding: 1rem 3rem;
    padding-top: 0;
}

.greating p[b-zh8e110jpw] {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
}

[b-zh8e110jpw] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {

    .submit_btn button[b-zh8e110jpw] {
        font-size: 1rem;
        padding: .7rem;
    }

    [b-zh8e110jpw] .selectBox .selectInput {
        width: 18rem;
    }


    [b-zh8e110jpw] .invoice {
        padding: 1rem 0 !important;
    }

    [b-zh8e110jpw] .invoice_header {
        padding: 0 1rem !important;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-zh8e110jpw] {
        justify-content: flex-start;
    }

        [b-zh8e110jpw] .logo .logo_img {
            width: 30px !important;
            height: 30px !important;
        }

        .logo .logo_text[b-zh8e110jpw] {
            font-size: 12px !important;
        }

    [b-zh8e110jpw] .invoice_serial h3 {
        font-size: 12px !important;
        text-align: right;
    }

    [b-zh8e110jpw] .company_info {
        padding: 1rem !important;
        padding-top: 1rem;
        flex-direction: column;
        gap: 1rem;
    }
    [b-zh8e110jpw] .invoice_info {
        margin: 1rem 0 !important;
        padding: 0 1rem !important;
    }
    [b-zh8e110jpw] .invoice_date {
        align-items: flex-start !important;
    }

    .address[b-zh8e110jpw] {
        gap: 0;
    }

        .address p[b-zh8e110jpw] {
            font-size: 12px;
        }

    [b-zh8e110jpw] .invoice_date p {
        font-size: 12px;
    }

    [b-zh8e110jpw] .invoice_info {
        margin: 1rem 0;
        padding: 0 1rem;
        flex-direction: column;
    }

    [b-zh8e110jpw] .left_info h4 {
        font-size: 1.2rem;
    }

    [b-zh8e110jpw] .right_info {
        align-items: flex-start !important;
    }

        [b-zh8e110jpw] .right_info h4 {
            font-size: 1.2rem !important;
        }

    .table_mine[b-zh8e110jpw] {
        overflow: auto;
        padding: 3rem 0;
    }

        .table_mine table thead tr th[b-zh8e110jpw] {
            white-space: nowrap;
        }

    [b-zh8e110jpw] .invoice_table table thead tr th {
        white-space: nowrap;
        font-size: 1.2rem !important;
    }

    [b-zh8e110jpw] .sub_total {
        padding: 0 1rem;
    }

        [b-zh8e110jpw] .sub_total .sub_items span {
            font-size: 1.2rem !important;
        }

    [b-zh8e110jpw] .payment_and_notes {
        padding: 0 1rem !important;
    }

    [b-zh8e110jpw] .greating {
        padding: 1rem !important;
    }

        [b-zh8e110jpw] .greating p {
            font-size: 1.2rem !important;
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-zh8e110jpw] {
        margin: 3rem 0rem;
    }

    .table_mine[b-zh8e110jpw] {
        padding: 0 0 3rem 0;
    }
}
/* /Components/Pages/Report/SalesDetails.razor.rz.scp.css */
.content_box_inner[b-t165nyn98j] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-t165nyn98j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-t165nyn98j] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-t165nyn98j] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-t165nyn98j] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-t165nyn98j] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-t165nyn98j] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-t165nyn98j], select[b-t165nyn98j] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-t165nyn98j] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-t165nyn98j] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-t165nyn98j] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-t165nyn98j] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-t165nyn98j] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

    .submit_btn button:hover[b-t165nyn98j] {
        opacity: .8;
    }

.table_container[b-t165nyn98j] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-t165nyn98j] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-t165nyn98j]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-t165nyn98j]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-t165nyn98j]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-t165nyn98j]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-t165nyn98j] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-t165nyn98j] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-t165nyn98j] {
    white-space: nowrap;
}

thead tr th[b-t165nyn98j] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-t165nyn98j] {
        text-align: right;
    }

tbody tr[b-t165nyn98j] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-t165nyn98j] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-t165nyn98j] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-t165nyn98j] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-t165nyn98j] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-t165nyn98j] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-t165nyn98j] {
        padding: 3rem 1rem;
    }

    .search_bar[b-t165nyn98j] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .table_mine[b-t165nyn98j] {
        overflow: auto;
    }

    .submit_btn[b-t165nyn98j] {
        justify-content: flex-start;
    }
    .search_bar .search_box[b-t165nyn98j]{
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {

    .search_bar[b-t165nyn98j] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
        .search_bar .search_box[b-t165nyn98j] {
            width: auto;
        }
    .submit_btn[b-t165nyn98j] {
        justify-content: flex-start;
    }
    .search_bar[b-t165nyn98j]{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
        margin:2rem 0 3rem;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-t165nyn98j] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/SalesDue.razor.rz.scp.css */
.content_box_inner[b-7i65i2f78e] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-7i65i2f78e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-7i65i2f78e] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-7i65i2f78e] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-7i65i2f78e] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-7i65i2f78e] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-7i65i2f78e] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-7i65i2f78e], select[b-7i65i2f78e] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-7i65i2f78e] {
        margin-left: auto;
    }

.date_selection[b-7i65i2f78e] {
    display: flex;
}

#serch_close_btn[b-7i65i2f78e] {
    border: none;
    outline: none;
    box-shadow: none;
    background: transparent;
    padding: 0;
    cursor: pointer;
    transition: transform 0.1s, background 0.1s;
    width: 15px;
}

    #serch_close_btn:active[b-7i65i2f78e] {
        transform: scale(0.95);
    }


.input_date[b-7i65i2f78e] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-7i65i2f78e] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-7i65i2f78e] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-7i65i2f78e] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-7i65i2f78e] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-7i65i2f78e] {
    opacity: .8;
}

[b-7i65i2f78e] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

.action_btn[b-7i65i2f78e] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-7i65i2f78e] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-7i65i2f78e] {
            width: 100%;
        }


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-7i65i2f78e] {
        padding: 3rem 1rem;
    }

    .search_bar[b-7i65i2f78e] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .submit_btn[b-7i65i2f78e] {
        justify-content: flex-start;
    }


    .search_bar .date_selection[b-7i65i2f78e] {
        margin-left: 0;
        margin-top: 3rem;
    }
    .search_bar .search_box[b-7i65i2f78e] {
        width: auto;
        align-items: stretch;
    }
    [b-7i65i2f78e] .selectBox .selectInput {
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width:991.98px) {
    .table_container[b-7i65i2f78e] {
        margin-top: 2rem;
    }
    .search_bar[b-7i65i2f78e] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
        .search_bar .search_box[b-7i65i2f78e] {
            width: auto;
        }
        .search_bar .date_selection[b-7i65i2f78e] {
            grid-column: 3 / span 2;
        }
    .submit_btn[b-7i65i2f78e] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-7i65i2f78e] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}

[b-7i65i2f78e] #spanText {
    width: 100px !important;
}

[b-7i65i2f78e] tr {
    height: 45px !important;
    max-height: 45px !important;
    overflow: hidden;
}

/* /Components/Pages/Report/SalesDueCollection.razor.rz.scp.css */
.content_box_inner[b-r0nzv5l4o7] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-r0nzv5l4o7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-r0nzv5l4o7] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-r0nzv5l4o7] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-r0nzv5l4o7] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0 2rem;
}

    .search_bar .search_box[b-r0nzv5l4o7] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-r0nzv5l4o7] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-r0nzv5l4o7], select[b-r0nzv5l4o7] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

    .search_bar .date_selection[b-r0nzv5l4o7] {
        margin-left: auto;
    }

.input_date[b-r0nzv5l4o7] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-r0nzv5l4o7] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-r0nzv5l4o7] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-r0nzv5l4o7] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-r0nzv5l4o7] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-r0nzv5l4o7] {
    opacity: .8;
}

[b-r0nzv5l4o7] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

.action_btn[b-r0nzv5l4o7] {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-r0nzv5l4o7] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-r0nzv5l4o7] {
            width: 100%;
        }


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-r0nzv5l4o7] {
        padding: 3rem 1rem;
    }

    .search_bar[b-r0nzv5l4o7] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    .submit_btn[b-r0nzv5l4o7] {
        justify-content: flex-start;
    }


    .search_bar .date_selection[b-r0nzv5l4o7] {
        margin-left: 0;
        margin-top: 3rem;
    }
    .search_bar .search_box[b-r0nzv5l4o7] {
        width: auto;
        align-items: stretch;
    }
    [b-r0nzv5l4o7] .selectBox .selectInput {
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width:991.98px) {
    .table_container[b-r0nzv5l4o7] {
        margin-top: 2rem;
    }
    .search_bar[b-r0nzv5l4o7] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }
        .search_bar .search_box[b-r0nzv5l4o7] {
            width: auto;
        }
        .search_bar .date_selection[b-r0nzv5l4o7] {
            grid-column: 3 / span 2;
        }
    .submit_btn[b-r0nzv5l4o7] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-r0nzv5l4o7] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}

[b-r0nzv5l4o7] #spanText {
    width: 100px !important;
}
/* /Components/Pages/Report/SalesInvoiceDetails.razor.rz.scp.css */
.saleInvoiceComponentClass[b-zhgr6dbo6a] {
    padding: 1.5rem;
    background: white;
}

.submit_btn[b-zhgr6dbo6a] {
    justify-content: space-between;
    align-items: center;
}

[b-zhgr6dbo6a] .selectBox .selectInput {
    padding: .5rem 1rem;
    border: 1px solid gray;
    font-size: 1.3rem;
    width: 24rem;
}

[b-zhgr6dbo6a] .invoice {
    margin: 2rem 0 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

 .invoice_header[b-zhgr6dbo6a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-zhgr6dbo6a] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-zhgr6dbo6a] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-zhgr6dbo6a] {
            width: 100%;
        }

    .logo .logo_text[b-zhgr6dbo6a] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-zhgr6dbo6a] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-zhgr6dbo6a] {
        color: blue;
    }

.input_date[b-zhgr6dbo6a] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.company_info[b-zhgr6dbo6a] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-zhgr6dbo6a] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-zhgr6dbo6a] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-zhgr6dbo6a] {
            font-weight: 400;
        }

.invoice_date[b-zhgr6dbo6a] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-zhgr6dbo6a] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-zhgr6dbo6a] {
            font-weight: 400;
        }

.invoice_info[b-zhgr6dbo6a] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-zhgr6dbo6a] {
    width: 25rem;
}

    .left_info h3[b-zhgr6dbo6a] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-zhgr6dbo6a] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-zhgr6dbo6a] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-zhgr6dbo6a] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-zhgr6dbo6a] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-zhgr6dbo6a] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
    }

        .right_info h4:nth-child(2)[b-zhgr6dbo6a] {
            color: blue;
            font-weight: 500;
        }

.text_end[b-zhgr6dbo6a] {
    text-align: end;
}

.text_center[b-zhgr6dbo6a] {
    text-align: center;
}


.table_mine[b-zhgr6dbo6a] {
    overflow: auto;
}

    /*scroll bar */

    .table_mine[b-zhgr6dbo6a]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-zhgr6dbo6a]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-zhgr6dbo6a]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-zhgr6dbo6a]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





table[b-zhgr6dbo6a] {
    width: 100%;
}

/* Sticky header while scrolling */
[b-zhgr6dbo6a] thead {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

[b-zhgr6dbo6a] tr th {
    white-space: nowrap;
}

[b-zhgr6dbo6a] thead tr th {
    font-size: 1.5rem;
    font-weight: 500 !important;
    padding: 1rem;
    border: 0;
    color: black;
}

    [b-zhgr6dbo6a] thead tr th:last-child {
        text-align: right;
    }

[b-zhgr6dbo6a] tbody tr {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    [b-zhgr6dbo6a] tbody tr:nth-child(odd) {
        background-color: #f4f4f4;
    }

    [b-zhgr6dbo6a] tbody tr:hover {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    [b-zhgr6dbo6a] tbody tr td {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        [b-zhgr6dbo6a] tbody tr td:last-child {
            text-align: right;
        }
/* Hide all tables except the first one initially */
[b-zhgr6dbo6a] .table:not(:first-of-type) {
    display: none;
}

[b-zhgr6dbo6a] .greating {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-zhgr6dbo6a] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }

[b-zhgr6dbo6a] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {

    .submit_btn button[b-zhgr6dbo6a] {
        font-size: 1rem;
        padding: .7rem;
    }
    [b-zhgr6dbo6a] .selectBox .selectInput {
        width: 18rem;
    }


    .invoice[b-zhgr6dbo6a] {
        padding: 1rem 0;
    }

    [b-zhgr6dbo6a] .invoice_header {
        padding: 0 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-zhgr6dbo6a] {
        justify-content: flex-start;
    }

        .logo .logo_img[b-zhgr6dbo6a] {
            width: 30px;
            height: 30px;
        }

        .logo .logo_text[b-zhgr6dbo6a] {
            font-size: 12px;
        }

    [b-zhgr6dbo6a] .invoice_serial h3 {
        font-size: 12px;
        text-align: right;
    }

    [b-zhgr6dbo6a] .company_info {
        padding: 1rem;
        padding-top: 1rem;
        flex-direction: column;
        gap:1rem;
    }
    [b-zhgr6dbo6a] .invoice_date{
        align-items: flex-start !important;
    }
    .address[b-zhgr6dbo6a] {
        gap: 0;
    }

        .address p[b-zhgr6dbo6a] {
            font-size: 12px;
        }

    [b-zhgr6dbo6a] .invoice_date p {
        font-size: 12px ;
    }

    [b-zhgr6dbo6a] .invoice_info {
        margin: 1rem 0;
        padding: 0 1rem;
        flex-direction: column;
    }
    [b-zhgr6dbo6a] .left_info h4 {
        font-size: 1.2rem;
    }
    [b-zhgr6dbo6a] .right_info {
        align-items: flex-start !important;
    }
    [b-zhgr6dbo6a] .right_info h4 {
        font-size: 1.2rem !important; 
    }
    .table_mine[b-zhgr6dbo6a] {
        overflow: auto;
        padding: 3rem 0;
    }

        .table_mine table thead tr th[b-zhgr6dbo6a] {
            white-space: nowrap;
        }
    [b-zhgr6dbo6a] .invoice_table table thead tr th {
        white-space: nowrap;
        font-size:1.2rem !important;
    }
    [b-zhgr6dbo6a] .sub_total {
        padding: 0 1rem;
    }
    [b-zhgr6dbo6a] .sub_total .sub_items span {
        font-size: 1.2rem !important;
    }
    [b-zhgr6dbo6a] .payment_and_notes {
        padding: 0 1rem !important;
    }
   [b-zhgr6dbo6a] .greating {
        padding: 1rem !important;
    }
    [b-zhgr6dbo6a] .greating p {
        font-size: 1.2rem !important;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-zhgr6dbo6a] {
        margin: 3rem 0rem;
    }

    .table_mine[b-zhgr6dbo6a] {
        padding: 0 0 3rem 0;
    }
}
/* /Components/Pages/Report/StaticReport.razor.rz.scp.css */
.content_box_inner[b-coz041etzr] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-coz041etzr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-coz041etzr] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-coz041etzr] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-coz041etzr] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-coz041etzr] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-coz041etzr] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-coz041etzr], select[b-coz041etzr] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-coz041etzr] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}


[b-coz041etzr] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-coz041etzr] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-coz041etzr] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-coz041etzr] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-coz041etzr] {
    opacity: .8;
}

.table_container[b-coz041etzr] {
    margin-top: 4rem;
    height: 100%;
}

.table_mine[b-coz041etzr] {
    overflow: auto;
    height: 50vh;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

    /*scroll bar */

    .table_mine[b-coz041etzr]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-coz041etzr]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-coz041etzr]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-coz041etzr]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





.table[b-coz041etzr] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-coz041etzr] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

tr th[b-coz041etzr] {
    white-space: nowrap;
}

thead tr th[b-coz041etzr] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-coz041etzr] {
        text-align: right;
    }

tbody tr[b-coz041etzr] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-coz041etzr] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-coz041etzr] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-coz041etzr] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-coz041etzr] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-coz041etzr] {
    display: none;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-coz041etzr] {
        padding: 3rem 1rem;
    }

    .table_container[b-coz041etzr] {
        margin-top: 2rem;
    }

    .search_bar[b-coz041etzr] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .table_mine[b-coz041etzr] {
        overflow: auto;
    }

    .submit_btn[b-coz041etzr] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-coz041etzr] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-coz041etzr] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-coz041etzr] {
            width: auto;
        }

    .submit_btn[b-coz041etzr] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-coz041etzr] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/Stock2.razor.rz.scp.css */
.content_box_inner[b-g0ojubz3kh] {
    width: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.report_header[b-g0ojubz3kh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .report_header h2[b-g0ojubz3kh] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

    .report_header button[b-g0ojubz3kh] {
        font-size: 1.2rem;
        padding: 0.5rem 1rem;
        font-weight: 600;
        border: none;
        background: blue;
        color: white;
        border-radius: 5px;
        white-space: nowrap;
    }

.search_bar[b-g0ojubz3kh] {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem;
    margin: 3rem 0;
}

    .search_bar .search_box[b-g0ojubz3kh] {
        display: flex;
        flex-direction: column;
        gap: 0.6rem;
        width: 17rem;
    }

        .search_bar .search_box h3[b-g0ojubz3kh] {
            font-size: 1.5rem;
            font-weight: 500;
        }

        .search_bar .search_box input[b-g0ojubz3kh], select[b-g0ojubz3kh] {
            padding: 0.5rem;
            border: 1px solid #bfbebe;
            border-radius: 4px;
            font-size: 1.3rem;
            font-weight: 400;
            color: gray;
            cursor: pointer;
        }

.input_date[b-g0ojubz3kh] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.search-box[b-g0ojubz3kh] {
    padding: 0 0;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
    margin-left: auto;
    border: 1px solid lightgray;
}

    .search-box input[b-g0ojubz3kh] {
        padding: .5rem 1rem;
        border: 1px solid gray;
        font-size: 1.3rem;
        width: 24rem;
        border-radius: 5px;
        outline: none;
        cursor: pointer;
    }


[b-g0ojubz3kh] .selectBox[baseselectelement-scope] {
    border-radius: 5px;
    border: 1px solid #bfbebe;
}

[b-g0ojubz3kh] .selectBox .selectInput[BaseSelectElement-scope] {
    border: none;
    outline: none;
    cursor: pointer;
    border-radius: 5px;
    padding: 0.5rem;
    font-size: 1.3rem;
    font-weight: 400;
    color: gray;
    width: 74%;
}

.report_button[b-g0ojubz3kh] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: blue;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.reset_button[b-g0ojubz3kh] {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    font-weight: 400;
    border: none;
    background: red;
    color: white;
    border-radius: 5px;
    white-space: nowrap;
}

.submit_btn button:hover[b-g0ojubz3kh] {
    opacity: .8;
}

[b-g0ojubz3kh] .tableContainer {
    overflow-x: auto !important;
}

[b-g0ojubz3kh] .serial {
    max-width: 50px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-g0ojubz3kh] {
        padding: 3rem 1rem;
    }

    .table_container[b-g0ojubz3kh] {
        margin-top: 2rem;
    }

    .search_bar[b-g0ojubz3kh] {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
        margin: 2rem 0 3rem;
    }

    .submit_btn[b-g0ojubz3kh] {
        justify-content: flex-start;
    }

    .search_bar .search_box[b-g0ojubz3kh] {
        width: auto;
        align-items: stretch;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    .search_bar[b-g0ojubz3kh] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1rem;
    }

        .search_bar .search_box[b-g0ojubz3kh] {
            width: auto;
        }

    .submit_btn[b-g0ojubz3kh] {
        justify-content: flex-start;
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .search_bar[b-g0ojubz3kh] {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 1rem;
    }
}
/* /Components/Pages/Report/TopPurchase.razor.rz.scp.css */
.saleInvoiceComponentClass[b-51kswvnq0i] {
    padding: 1.5rem;
    background: white;
}

.submit_btn[b-51kswvnq0i] {
    justify-content: space-between;
    align-items: center;
}

.report_and_print[b-51kswvnq0i] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.print_for_mobile[b-51kswvnq0i] {
    display: none;
}

.date_selection[b-51kswvnq0i] {
    display: inline-flex;
    gap: 1rem;
    align-items: flex-end;
}

.date_select_box[b-51kswvnq0i] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .date_select_box label[b-51kswvnq0i] {
        font-size: 1.5rem;
        font-weight: 500;
    }

.invoice[b-51kswvnq0i] {
    margin: 2rem 0 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.invoice_header[b-51kswvnq0i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-51kswvnq0i] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-51kswvnq0i] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-51kswvnq0i] {
            width: 100%;
        }

    .logo .logo_text[b-51kswvnq0i] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-51kswvnq0i] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-51kswvnq0i] {
        color: blue;
    }

.input_date[b-51kswvnq0i] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.company_info[b-51kswvnq0i] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-51kswvnq0i] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-51kswvnq0i] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-51kswvnq0i] {
            font-weight: 400;
        }

.invoice_date[b-51kswvnq0i] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-51kswvnq0i] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-51kswvnq0i] {
            font-weight: 400;
        }

.invoice_info[b-51kswvnq0i] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-51kswvnq0i] {
    width: 25rem;
}

    .left_info h3[b-51kswvnq0i] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-51kswvnq0i] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-51kswvnq0i] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-51kswvnq0i] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-51kswvnq0i] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-51kswvnq0i] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
    }

        .right_info h4:nth-child(2)[b-51kswvnq0i] {
            color: blue;
            font-weight: 500;
        }

.text_end[b-51kswvnq0i] {
    text-align: end;
}

.text_center[b-51kswvnq0i] {
    text-align: center;
}


.table_mine[b-51kswvnq0i] {
    overflow: auto;
}

    /*scroll bar */

    .table_mine[b-51kswvnq0i]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-51kswvnq0i]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-51kswvnq0i]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-51kswvnq0i]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





table[b-51kswvnq0i] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-51kswvnq0i] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

tr th[b-51kswvnq0i] {
    white-space: nowrap;
}

thead tr th[b-51kswvnq0i] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-51kswvnq0i] {
        text-align: right;
    }

tbody tr[b-51kswvnq0i] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-51kswvnq0i] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-51kswvnq0i] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-51kswvnq0i] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-51kswvnq0i] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-51kswvnq0i] {
    display: none;
}

/*sub total and payment method */
.payment_and_notes[b-51kswvnq0i] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

.sub_and_payment_method[b-51kswvnq0i] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.sub_total[b-51kswvnq0i] {
    width: 36.5%;
}

    .sub_total .sub_items[b-51kswvnq0i] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-51kswvnq0i] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-51kswvnq0i] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-51kswvnq0i] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-51kswvnq0i] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-51kswvnq0i] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }

[b-51kswvnq0i] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .submit_btn[b-51kswvnq0i] {
        align-items: flex-start;
        flex-direction: column;
    }

    .date_selection[b-51kswvnq0i] {
        display: inline-flex;
        align-items: flex-start;
        gap: .5rem;
        flex-direction: column;
        width: 100%;
    }

    .date_select_box[b-51kswvnq0i] {
        width: 100%;
    }

        .date_select_box label[b-51kswvnq0i] {
            font-size: 1.2rem;
        }

    .submit_btn button[b-51kswvnq0i] {
        font-size: 1.2rem;
        padding: 3px .7rem;
    }

    .print_for_mobile[b-51kswvnq0i] {
        display: inline-block;
    }

    .action_buttons[b-51kswvnq0i] {
        display: none;
    }


    .invoice[b-51kswvnq0i] {
        padding: 1rem 0;
    }

    .invoice_header[b-51kswvnq0i] {
        padding: 0 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-51kswvnq0i] {
        justify-content: flex-start;
    }

        .logo .logo_img[b-51kswvnq0i] {
            width: 30px;
            height: 30px;
        }

        .logo .logo_text[b-51kswvnq0i] {
            font-size: 12px;
        }

    .invoice_serial h3[b-51kswvnq0i] {
        font-size: 14px;
    }

    .company_info[b-51kswvnq0i] {
        padding: 1rem;
        padding-top: 1rem;
        flex-direction: column;
        gap: 1rem;
    }

    .invoice_date[b-51kswvnq0i] {
        align-items: flex-start;
    }

    .address[b-51kswvnq0i] {
        gap: 0;
    }

        .address p[b-51kswvnq0i] {
            font-size: 12px;
        }

    .invoice_date p[b-51kswvnq0i] {
        font-size: 12px;
    }

    .invoice_info[b-51kswvnq0i] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .table_mine[b-51kswvnq0i] {
        overflow: auto;
        padding: 3rem 0;
    }

        .table_mine table thead tr th[b-51kswvnq0i] {
            white-space: nowrap;
            font-size: 12px;
        }

    .sub_and_payment_method[b-51kswvnq0i] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-51kswvnq0i] {
        width: 100%;
        padding: 0 1rem;
    }

        .sub_total .sub_items span[b-51kswvnq0i] {
            font-size: 1.2rem;
        }

    .terms[b-51kswvnq0i] {
        margin: 3rem 2rem 0;
    }

    .greating[b-51kswvnq0i] {
        padding: 1rem;
    }

    .greating p[b-51kswvnq0i] {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .submit_btn[b-51kswvnq0i] {
        align-items: flex-end;
    }
    .invoice_info[b-51kswvnq0i] {
        margin: 3rem 0rem;
    }

    .table_mine[b-51kswvnq0i] {
        padding: 0 0 3rem 0;
    }

    .terms[b-51kswvnq0i] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Report/TopReturn.razor.rz.scp.css */
.saleInvoiceComponentClass[b-yojcqb8ly7] {
    padding: 1.5rem;
    background: white;
}

.submit_btn[b-yojcqb8ly7] {
    justify-content: space-between;
    align-items: center;
}

.report_and_print[b-yojcqb8ly7] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.print_for_mobile[b-yojcqb8ly7] {
    display: none;
}

.date_selection[b-yojcqb8ly7] {
    display: inline-flex;
    gap: 1rem;
    align-items: flex-end;
}

.date_select_box[b-yojcqb8ly7] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .date_select_box label[b-yojcqb8ly7] {
        font-size: 1.5rem;
        font-weight: 500;
    }

.invoice[b-yojcqb8ly7] {
    margin: 2rem 0 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.invoice_header[b-yojcqb8ly7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-yojcqb8ly7] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-yojcqb8ly7] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-yojcqb8ly7] {
            width: 100%;
        }

    .logo .logo_text[b-yojcqb8ly7] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-yojcqb8ly7] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-yojcqb8ly7] {
        color: blue;
    }

.input_date[b-yojcqb8ly7] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.company_info[b-yojcqb8ly7] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-yojcqb8ly7] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-yojcqb8ly7] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-yojcqb8ly7] {
            font-weight: 400;
        }

.invoice_date[b-yojcqb8ly7] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-yojcqb8ly7] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-yojcqb8ly7] {
            font-weight: 400;
        }

.invoice_info[b-yojcqb8ly7] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-yojcqb8ly7] {
    width: 25rem;
}

    .left_info h3[b-yojcqb8ly7] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-yojcqb8ly7] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-yojcqb8ly7] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-yojcqb8ly7] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-yojcqb8ly7] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-yojcqb8ly7] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
    }

        .right_info h4:nth-child(2)[b-yojcqb8ly7] {
            color: blue;
            font-weight: 500;
        }

.text_end[b-yojcqb8ly7] {
    text-align: end;
}

.text_center[b-yojcqb8ly7] {
    text-align: center;
}


.table_mine[b-yojcqb8ly7] {
    overflow: auto;
}

    /*scroll bar */

    .table_mine[b-yojcqb8ly7]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-yojcqb8ly7]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-yojcqb8ly7]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-yojcqb8ly7]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





table[b-yojcqb8ly7] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-yojcqb8ly7] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

tr th[b-yojcqb8ly7] {
    white-space: nowrap;
}

thead tr th[b-yojcqb8ly7] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-yojcqb8ly7] {
        text-align: right;
    }

tbody tr[b-yojcqb8ly7] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-yojcqb8ly7] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-yojcqb8ly7] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-yojcqb8ly7] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-yojcqb8ly7] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-yojcqb8ly7] {
    display: none;
}

/*sub total and payment method */
.payment_and_notes[b-yojcqb8ly7] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

.sub_and_payment_method[b-yojcqb8ly7] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.sub_total[b-yojcqb8ly7] {
    width: 36.5%;
}

    .sub_total .sub_items[b-yojcqb8ly7] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-yojcqb8ly7] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-yojcqb8ly7] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-yojcqb8ly7] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-yojcqb8ly7] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-yojcqb8ly7] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }

[b-yojcqb8ly7] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .submit_btn[b-yojcqb8ly7] {
        align-items: flex-start;
        flex-direction: column;
    }

    .date_selection[b-yojcqb8ly7] {
        display: inline-flex;
        align-items: flex-start;
        gap: .5rem;
        flex-direction: column;
        width: 100%;
    }

    .date_select_box[b-yojcqb8ly7] {
        width: 100%;
    }

        .date_select_box label[b-yojcqb8ly7] {
            font-size: 1.2rem;
        }

    .submit_btn button[b-yojcqb8ly7] {
        font-size: 1.2rem;
        padding: 3px .7rem;
    }

    .print_for_mobile[b-yojcqb8ly7] {
        display: inline-block;
    }

    .action_buttons[b-yojcqb8ly7] {
        display: none;
    }


    .invoice[b-yojcqb8ly7] {
        padding: 1rem 0;
    }

    .invoice_header[b-yojcqb8ly7] {
        padding: 0 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-yojcqb8ly7] {
        justify-content: flex-start;
    }

        .logo .logo_img[b-yojcqb8ly7] {
            width: 30px;
            height: 30px;
        }

        .logo .logo_text[b-yojcqb8ly7] {
            font-size: 12px;
        }

    .invoice_serial h3[b-yojcqb8ly7] {
        font-size: 14px;
    }

    .company_info[b-yojcqb8ly7] {
        padding: 1rem;
        padding-top: 1rem;
        flex-direction: column;
        gap: 1rem;
    }

    .invoice_date[b-yojcqb8ly7] {
        align-items: flex-start;
    }

    .address[b-yojcqb8ly7] {
        gap: 0;
    }

        .address p[b-yojcqb8ly7] {
            font-size: 12px;
        }

    .invoice_date p[b-yojcqb8ly7] {
        font-size: 12px;
    }

    .invoice_info[b-yojcqb8ly7] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .table_mine[b-yojcqb8ly7] {
        overflow: auto;
        padding: 3rem 0;
    }

        .table_mine table thead tr th[b-yojcqb8ly7] {
            white-space: nowrap;
            font-size: 12px;
        }

    .sub_and_payment_method[b-yojcqb8ly7] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-yojcqb8ly7] {
        width: 100%;
        padding: 0 1rem;
    }

        .sub_total .sub_items span[b-yojcqb8ly7] {
            font-size: 1.2rem;
        }

    .terms[b-yojcqb8ly7] {
        margin: 3rem 2rem 0;
    }

    .greating[b-yojcqb8ly7]{
        padding: 1rem;
    }

    .greating p[b-yojcqb8ly7] {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .submit_btn[b-yojcqb8ly7] {
        align-items: flex-end;
    }
    .invoice_info[b-yojcqb8ly7] {
        margin: 3rem 0rem;
    }

    .table_mine[b-yojcqb8ly7] {
        padding: 0 0 3rem 0;
    }

    .terms[b-yojcqb8ly7] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Report/TopSale.razor.rz.scp.css */
.saleInvoiceComponentClass[b-mjm0maf50n] {
    padding: 1.5rem;
    background: white;
}

.submit_btn[b-mjm0maf50n] {
    justify-content: space-between;
    align-items: center;
}

.report_and_print[b-mjm0maf50n] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.print_for_mobile[b-mjm0maf50n] {
    display: none;
}

.date_selection[b-mjm0maf50n] {
    display: inline-flex;
    gap: 1rem;
    align-items: flex-end;
}

.date_select_box[b-mjm0maf50n] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .date_select_box label[b-mjm0maf50n] {
        font-size: 1.5rem;
        font-weight: 500;
    }

.invoice[b-mjm0maf50n] {
    margin: 2rem 0 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.invoice_header[b-mjm0maf50n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-mjm0maf50n] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-mjm0maf50n] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-mjm0maf50n] {
            width: 100%;
        }

    .logo .logo_text[b-mjm0maf50n] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-mjm0maf50n] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-mjm0maf50n] {
        color: blue;
    }

.input_date[b-mjm0maf50n] {
    padding: 0.5rem;
    border: 1px solid #bfbebe;
    border-radius: 4px;
    font-size: 1.3rem;
    font-weight: 600;
    color: gray;
    cursor: pointer;
}

.company_info[b-mjm0maf50n] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-mjm0maf50n] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-mjm0maf50n] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-mjm0maf50n] {
            font-weight: 400;
        }

.invoice_date[b-mjm0maf50n] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-mjm0maf50n] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-mjm0maf50n] {
            font-weight: 400;
        }

.invoice_info[b-mjm0maf50n] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-mjm0maf50n] {
    width: 25rem;
}

    .left_info h3[b-mjm0maf50n] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-mjm0maf50n] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-mjm0maf50n] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-mjm0maf50n] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-mjm0maf50n] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-mjm0maf50n] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
    }

        .right_info h4:nth-child(2)[b-mjm0maf50n] {
            color: blue;
            font-weight: 500;
        }

.text_end[b-mjm0maf50n] {
    text-align: end;
}

.text_center[b-mjm0maf50n] {
    text-align: center;
}


.table_mine[b-mjm0maf50n] {
    overflow: auto;
}

    /*scroll bar */

    .table_mine[b-mjm0maf50n]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .table_mine[b-mjm0maf50n]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .table_mine[b-mjm0maf50n]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .table_mine[b-mjm0maf50n]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }





table[b-mjm0maf50n] {
    width: 100%;
}

/* Sticky header while scrolling */
thead[b-mjm0maf50n] {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

tr th[b-mjm0maf50n] {
    white-space: nowrap;
}

thead tr th[b-mjm0maf50n] {
    font-size: 1.5rem;
    font-weight: 500;
    padding: 1rem;
    border: 0;
    color: black;
}

    thead tr th:last-child[b-mjm0maf50n] {
        text-align: right;
    }

tbody tr[b-mjm0maf50n] {
    height: 30px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

    tbody tr:nth-child(odd)[b-mjm0maf50n] {
        background-color: #f4f4f4;
    }

    tbody tr:hover[b-mjm0maf50n] {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    tbody tr td[b-mjm0maf50n] {
        white-space: nowrap;
        overflow: visible;
        text-overflow: ellipsis;
        font-size: 1.4rem;
        font-weight: 400;
        padding: 0 1rem;
    }

        tbody tr td:last-child[b-mjm0maf50n] {
            text-align: right;
        }
/* Hide all tables except the first one initially */
.table:not(:first-of-type)[b-mjm0maf50n] {
    display: none;
}

/*sub total and payment method */
.payment_and_notes[b-mjm0maf50n] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

.sub_and_payment_method[b-mjm0maf50n] {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.sub_total[b-mjm0maf50n] {
    width: 36.5%;
}

    .sub_total .sub_items[b-mjm0maf50n] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-mjm0maf50n] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-mjm0maf50n] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-mjm0maf50n] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-mjm0maf50n] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-mjm0maf50n] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }

[b-mjm0maf50n] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .submit_btn[b-mjm0maf50n] {
        align-items: flex-start;
        flex-direction: column;
    }

    .date_selection[b-mjm0maf50n] {
        display: inline-flex;
        align-items: flex-start;
        gap: .5rem;
        flex-direction: column;
        width: 100%;
    }

    .date_select_box[b-mjm0maf50n] {
        width: 100%;
    }

        .date_select_box label[b-mjm0maf50n] {
            font-size: 1.2rem;
        }

    .submit_btn button[b-mjm0maf50n] {
        font-size: 1.2rem;
        padding: 3px .7rem;
    }
    .report_and_print[b-mjm0maf50n] {
        margin-top: 1rem;
    }
    .print_for_mobile[b-mjm0maf50n] {
        display: inline-block;
    }

    .action_buttons[b-mjm0maf50n] {
        display: none;
    }


    .invoice[b-mjm0maf50n] {
        padding: 1rem 0;
    }

    .invoice_header[b-mjm0maf50n] {
        padding: 0 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-mjm0maf50n] {
        justify-content: flex-start;
    }

        .logo .logo_img[b-mjm0maf50n] {
            width: 30px;
            height: 30px;
        }

        .logo .logo_text[b-mjm0maf50n] {
            font-size: 12px;
        }

    .invoice_serial h3[b-mjm0maf50n] {
        font-size: 14px;
    }

    .company_info[b-mjm0maf50n] {
        padding: 1rem;
        padding-top: 1rem;
        flex-direction: column;
        gap: 1rem;
    }

    .invoice_date[b-mjm0maf50n] {
        align-items: flex-start;
    }

    .address[b-mjm0maf50n] {
        gap: 0;
    }

        .address p[b-mjm0maf50n] {
            font-size: 12px;
        }

    .invoice_date p[b-mjm0maf50n] {
        font-size: 12px;
    }

    .invoice_info[b-mjm0maf50n] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .table_mine[b-mjm0maf50n] {
        overflow: auto;
        padding: 3rem 0;
    }

        .table_mine table thead tr th[b-mjm0maf50n] {
            white-space: nowrap;
            font-size: 12px;
        }

    .sub_and_payment_method[b-mjm0maf50n] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-mjm0maf50n] {
        width: 100%;
        padding: 0 1rem;
    }

        .sub_total .sub_items span[b-mjm0maf50n] {
            font-size: 1.2rem;
        }

    .terms[b-mjm0maf50n] {
        margin: 3rem 2rem 0;
    }

    .greating[b-wtf91uh2a3][b-mjm0maf50n] {
        padding: 1rem;
    }

    .greating p[b-mjm0maf50n] {
        font-size: 1.2rem;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .submit_btn[b-mjm0maf50n] {
        align-items: flex-end;
    }
    .invoice_info[b-mjm0maf50n] {
        margin: 3rem 0rem;
    }

    .table_mine[b-mjm0maf50n] {
        padding: 0 0 3rem 0;
    }

    .terms[b-mjm0maf50n] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/ReturnType/Insert.razor.rz.scp.css */
.return_type_insert[b-hkrltx0myc] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-hkrltx0myc] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_container[b-hkrltx0myc] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-hkrltx0myc] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-hkrltx0myc] .loadSpinner[Spinner-scope] {
    position: static;
}

[b-hkrltx0myc] .formClass {
    margin-top: 0;
}

@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-hkrltx0myc] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/ReturnType/InsertComponent.razor.rz.scp.css */
label[b-nxglnmuiqi] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/ReturnType/List.razor.rz.scp.css */
.content_box_inner[b-jlxcap4e57] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .return_header[b-jlxcap4e57] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.return_header h2[b-jlxcap4e57] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.return_header a[b-jlxcap4e57] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-jlxcap4e57] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-jlxcap4e57] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-jlxcap4e57] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-jlxcap4e57] {
        outline-color: gray;
    }

.action_btn[b-jlxcap4e57] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-jlxcap4e57] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-jlxcap4e57] {
            width: 100%;
        }

[b-jlxcap4e57] .formClass {
    margin-top: 0;
}

[b-jlxcap4e57] #ReturnTypeInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-jlxcap4e57] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
.action_btn[b-jlxcap4e57]  #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-jlxcap4e57] {
        padding: 1rem;
    }
    .return_header h2[b-jlxcap4e57] {
        font-size: 1.8rem;
    }

    .return_header a[b-jlxcap4e57] {
        font-size: 1.1rem;
    }

    .search-box[b-jlxcap4e57] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-jlxcap4e57] {
            font-size: 1.1rem;
        }
    [b-jlxcap4e57] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
        padding: 3rem 2rem;
    }
}
/* /Components/Pages/Return/Distribution/Detail.razor.rz.scp.css */
.return_details[b-elybrvczyp] {
    background: var(--primary-bg);
}

.return_details_header[b-elybrvczyp] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
    align-items: center;
}

    .return_details_header h2[b-elybrvczyp] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-elybrvczyp] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}

[b-elybrvczyp] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 0;
    margin-top: 0;
    background: #f5f5f5;
    border-radius: .5rem;
    width: 100%;
}

@media (min-width:320px) and (max-width:767.98px) {
    .return_details_header[b-elybrvczyp] {
        padding: 1rem 1rem 0;
        align-items: center;
    }

        .return_details_header h2[b-elybrvczyp] {
            font-size: 1.5rem;
        }
}
/* /Components/Pages/Return/Distribution/DetailComponent.razor.rz.scp.css */
.invoice[b-ez6zw4j5q5] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    padding: 0 2rem 2rem;
}

.date_and_action[b-ez6zw4j5q5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .date_and_action .date[b-ez6zw4j5q5] {
        font-size: 1.6rem;
    }

        .date_and_action .date span:first-child[b-ez6zw4j5q5] {
            font-size: 1.6rem;
            font-weight: 600;
        }

.customer_and_sale_info[b-ez6zw4j5q5] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-ez6zw4j5q5] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-ez6zw4j5q5] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-ez6zw4j5q5] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-ez6zw4j5q5] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-ez6zw4j5q5] {
    min-width: 8rem;
}

.sale_info .info span:first-child[b-ez6zw4j5q5] {
    min-width: 12rem;
}
/*table*/
.invoice_table[b-ez6zw4j5q5] {
    width: 100%;
    padding: 3rem 0;
}

    .invoice_table table[b-ez6zw4j5q5] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .invoice_table table tr[b-ez6zw4j5q5] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table thead tr[b-ez6zw4j5q5] {
            height: 40px;
        }

        .invoice_table table thead[b-ez6zw4j5q5] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }


            .invoice_table table thead tr th[b-ez6zw4j5q5] {
                padding: .5rem 2rem;
                font-weight: 500;
            }

                .invoice_table table thead tr th:last-child[b-ez6zw4j5q5] {
                    text-align: end;
                }

        .invoice_table table tbody tr[b-ez6zw4j5q5] {
            border-bottom: 1px solid #d7d7d7;
        }

            .invoice_table table tbody tr:last-child[b-ez6zw4j5q5] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-ez6zw4j5q5] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-ez6zw4j5q5] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td[b-ez6zw4j5q5] {
                padding: .5rem 2rem;
                white-space: nowrap;
            }

                .invoice_table table tbody tr td:last-child[b-ez6zw4j5q5] {
                    text-align: end;
                }

/*sub total and payment method */

.payment_and_notes[b-ez6zw4j5q5] {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.pyamet_method[b-ez6zw4j5q5] {
    display: flex;
    gap: 0.5rem;
}

.sub_and_payment_method[b-ez6zw4j5q5] {
    display: flex;
    justify-content: space-between;
}

    .sub_and_payment_method .pyamet_method h2[b-ez6zw4j5q5] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .sub_and_payment_method .pyamet_method h3[b-ez6zw4j5q5] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.payment_and_notes .notes h2[b-ez6zw4j5q5] {
    font-size: 1.4rem;
    font-weight: 500;
    padding-bottom: .7rem;
}

.payment_and_notes .notes p[b-ez6zw4j5q5] {
    font-size: 1.3rem;
    font-weight: 400;
}


.sub_and_payment_method .pyamet_method .bank_account[b-ez6zw4j5q5] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding-left: 1rem;
    border-left: 3px solid gray;
}

    .sub_and_payment_method .pyamet_method .bank_account span[b-ez6zw4j5q5] {
        font-size: 1.2rem;
        font-weight: 500;
    }

.sub_total[b-ez6zw4j5q5] {
    width: 36.5%;
}

    .sub_total .sub_items[b-ez6zw4j5q5] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem 1rem 0;
    }

        .sub_total .sub_items:last-child[b-ez6zw4j5q5] {
            padding-bottom: 0;
        }

        .sub_total .sub_items:nth-child(2)[b-ez6zw4j5q5] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-ez6zw4j5q5] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-ez6zw4j5q5] {
            font-size: 1.4rem;
            font-weight: 400;
        }


/*Terms and conditions */
.terms[b-ez6zw4j5q5] {
    display: flex;
    justify-content: space-between;
    margin: 7rem 6rem 0;
    align-items: center;
}

    .terms .conditions[b-ez6zw4j5q5] {
        width: 35%;
    }

        .terms .conditions h2[b-ez6zw4j5q5] {
            font-size: 1.7rem;
            font-weight: 700;
            padding-bottom: 1rem;
        }

        .terms .conditions p[b-ez6zw4j5q5] {
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 2.3rem;
        }

@media (min-width:320px) and (max-width:767.98px) {
    [b-ez6zw4j5q5] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }

    .invoice[b-ez6zw4j5q5] {
        padding: 1rem;
    }

    .date_and_action[b-ez6zw4j5q5] {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .invoice_table[b-ez6zw4j5q5] {
        overflow: auto;
    }

        .invoice_table table thead tr th[b-ez6zw4j5q5] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-ez6zw4j5q5] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-ez6zw4j5q5] {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [b-ez6zw4j5q5] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }
}
/* /Components/Pages/Return/Distribution/Insert.razor.rz.scp.css */
.return_insert_page[b-x3fjiz81oy] {
    background: var(--primary-bg);
}

    .return_insert_page .return_insert_header[b-x3fjiz81oy] {
        padding: 1.5rem 1.5rem 0;
    }

.return_insert_header h2[b-x3fjiz81oy] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Pages/Return/Distribution/InsertComponent.razor.rz.scp.css */
.Return_insert_header[b-xoztqbbeaz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0;
    margin-bottom: 1rem;
    z-index: 9;
}

.Return_insert_header_left[b-xoztqbbeaz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .Return_insert_header_left .form_check[b-xoztqbbeaz] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;
    }

        .Return_insert_header_left .form_check:first-child[b-xoztqbbeaz] {
            height: 2rem;
            width: 2rem;
            padding: 0;
        }

        .Return_insert_header_left .form_check label[b-xoztqbbeaz] {
            font-size: 1.4rem;
            font-family: "Josefin Sans", sans-serif;
            font-weight: 500;
            color: black;
            white-space: nowrap;
            cursor: pointer;
            user-select: none;
        }

.submit_btn button[b-xoztqbbeaz] {
    border: none;
    outline: none;
    border-radius: .25rem;
}

    .submit_btn button:focus[b-xoztqbbeaz] {
        outline: none;
        border: none;
        box-shadow: none;
    }

#distributiuon-return-cancle-button[b-xoztqbbeaz] {
    background-color: #dc3545 !important;
    color: white !important;
}

.Return_create_container[b-xoztqbbeaz] {
    padding: 0.5rem 1.5rem 1.5rem;
    background: var(--primary-bg);
}

    .Return_create_container .Return_create_first_container[b-xoztqbbeaz] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }


.form_N_title_wraper[b-xoztqbbeaz] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .form_N_title_wraper .feilds[b-xoztqbbeaz] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .form_N_title_wraper h3[b-xoztqbbeaz] {
        padding-bottom: .5rem;
        width: fit-content;
    }

    .form_N_title_wraper hr[b-xoztqbbeaz] {
        margin: 0;
    }

.Return_create_container .form_group[b-xoztqbbeaz] {
    display: flex;
    flex-direction: column;
    /*gap: 1rem;*/
    justify-content: flex-start;
}

    .Return_create_container .form_group label[b-xoztqbbeaz] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

.options_group[b-xoztqbbeaz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-xoztqbbeaz] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

.options_group button[b-xoztqbbeaz] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}


    .options_group button img[b-xoztqbbeaz] {
        width: 100%;
    }

    .options_group button:focus[b-xoztqbbeaz] {
        outline: none;
        border: none;
        box-shadow: none;
    }


.Return_create_container .form_group input[b-xoztqbbeaz] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
}

    .Return_create_container .form_group input:focus[b-xoztqbbeaz] {
        outline: none;
    }

.Return_create_container .form_group select[b-xoztqbbeaz] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    cursor: pointer;
}

    .Return_create_container .form_group select:focus[b-xoztqbbeaz] {
        outline: none;
    }



.add_product[b-xoztqbbeaz] {
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0;
}

    .add_product button[b-xoztqbbeaz] {
        background: #39a756;
        color: white;
        font-size: 1.3rem;
    }

    .add_product :hover[b-xoztqbbeaz] {
        opacity: .9;
    }


/*return modal */

[b-xoztqbbeaz] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    top: 0;
    z-index: 10;
    position: fixed;
    justify-content: center;
    align-items: center;
}

[b-xoztqbbeaz] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
}

[b-xoztqbbeaz] #PaymentInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xoztqbbeaz] #PaymentStatusInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xoztqbbeaz] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xoztqbbeaz] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xoztqbbeaz] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xoztqbbeaz] #ReturnTypeInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}



[b-xoztqbbeaz] .formClass {
    margin-top: 0;
}





.mainTable[b-xoztqbbeaz] {
    margin-top: 4rem;
}

    .mainTable table[b-xoztqbbeaz] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .mainTable table thead[b-xoztqbbeaz] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .mainTable table thead tr[b-xoztqbbeaz] {
                padding: 1rem 1.5rem;
                height: 40px;
                margin-bottom: 1rem;
            }

                .mainTable table thead tr td[b-xoztqbbeaz] {
                    font-size: 1.5rem;
                    color: black;
                    font-weight: 500;
                    white-space: nowrap;
                }

                    .mainTable table thead tr td:first-child[b-xoztqbbeaz] {
                        padding-left: 1rem;
                    }

                    .mainTable table thead tr td:last-child[b-xoztqbbeaz] {
                        text-align: right;
                        padding-right: 1rem;
                    }

        /*body*/
        .mainTable table tbody tr[b-xoztqbbeaz] {
            height: 30px;
            border-bottom: 1px solid lightgray;
            background: var(--primary-bg);
        }

            .mainTable table tbody tr:last-child[b-xoztqbbeaz] {
                border-bottom: 1px solid transparent;
            }

            .mainTable table tbody tr:nth-child(odd)[b-xoztqbbeaz] {
                background: var(--secondary-bg);
            }

            .mainTable table tbody tr:hover[b-xoztqbbeaz] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .mainTable table tbody tr td[b-xoztqbbeaz] {
                font-size: 1.4rem;
                font-weight: 400;
                color: black;
                white-space: nowrap;
            }

                .mainTable table tbody tr td:first-child[b-xoztqbbeaz] {
                    padding-left: 1rem;
                }

.action_btn[b-xoztqbbeaz] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-right: .5rem;
}

    .action_btn button[b-xoztqbbeaz] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-xoztqbbeaz] {
            width: 100%;
        }

.net_amount[b-xoztqbbeaz] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
}

    .net_amount .form_group[b-xoztqbbeaz] {
        width: 50%;
        height: 16rem;
    }


    .net_amount .total_amount[b-xoztqbbeaz] {
        width: 40%;
    }

    .net_amount .form_group label[b-xoztqbbeaz] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

.total_amount ul[b-xoztqbbeaz] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

    .total_amount ul li[b-xoztqbbeaz] {
        padding: .5rem 1rem;
        list-style-type: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .total_amount ul li:nth-child(even)[b-xoztqbbeaz] {
            border-bottom: 1px solid lightgrey;
            border-top: 1px solid lightgrey;
            background-color: #f1f1f1;
        }

        .total_amount ul li span[b-xoztqbbeaz] {
            font-size: 1.3rem;
            font-weight: 400;
        }

        .total_amount ul li > span:nth-child(1)[b-xoztqbbeaz] {
            width: 50%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .total_amount ul li:last-child span[b-xoztqbbeaz] {
            font-weight: 600;
        }


/*return modal */

[b-xoztqbbeaz] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    z-index: 99999;
    position: fixed;
    background: #0000006e;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}

[b-xoztqbbeaz] #spanText {
    width: 110px;
}


@media (min-width:320px) and (max-width: 767.98px) {
    .Return_insert_header[b-xoztqbbeaz] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .Return_insert_header_left[b-xoztqbbeaz] {
        display: flex;
        align-items: flex-start;
    }

        .Return_insert_header_left .form_check label[b-yeds014zgf][b-xoztqbbeaz] {
            font-size: 1rem;
        }

    .submit_btn_group .submit_btn[b-xoztqbbeaz] {
        padding: 0.5rem 1rem;
    }

    .Return_create_container .Return_create_first_container[b-xoztqbbeaz] {
        grid-template-columns: repeat(1, 1fr);
    }

    .form_N_title_wraper .feilds[b-xoztqbbeaz] {
        grid-template-columns: repeat(1, 1fr);
    }

    .mainTable[b-xoztqbbeaz] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-xoztqbbeaz] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 1rem;
    }

        .net_amount .form_group[b-xoztqbbeaz] {
            width: 100%;
            height: 12rem;
        }

    .mainTable table tr td[b-xoztqbbeaz] {
        padding: 0 1rem;
    }

    .net_amount .total_amount[b-xoztqbbeaz] {
        width: 100%;
    }

    [b-xoztqbbeaz] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}

@media (min-width:768px) and (max-width: 991.99px) {
    .Return_insert_header[b-xoztqbbeaz] {
        padding: 1rem 0;
        flex-direction: row;
    }

    .Return_insert_header_left[b-xoztqbbeaz] {
        display: flex;
        align-items: flex-start;
    }

    .Return_create_container .Return_create_first_container[b-xoztqbbeaz] {
        grid-template-columns: repeat(2, 1fr);
    }

    .form_N_title_wraper .feilds[b-xoztqbbeaz] {
        grid-template-columns: repeat(3, 1fr);
    }

    .mainTable[b-xoztqbbeaz] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-xoztqbbeaz] {
        display: flex;
    }

    .mainTable table tr td[b-xoztqbbeaz] {
        padding: 0 1rem;
    }

    [b-xoztqbbeaz] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}
/* /Components/Pages/Return/Distribution/InvoiceComponent.razor.rz.scp.css */
.invoice[b-9arbetavpc] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
}

.invoice_header[b-9arbetavpc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-9arbetavpc] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-9arbetavpc] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-9arbetavpc] {
            width: 100%;
        }

    .logo .logo_text[b-9arbetavpc] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-9arbetavpc] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-9arbetavpc] {
        color: blue;
    }




.company_info[b-9arbetavpc] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-9arbetavpc] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-9arbetavpc] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-9arbetavpc] {
            font-weight: 400;
        }

.invoice_date[b-9arbetavpc] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-9arbetavpc] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-9arbetavpc] {
            font-weight: 400;
        }

.invoice_info[b-9arbetavpc] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-9arbetavpc] {
    width: 25rem;
}

    .left_info h3[b-9arbetavpc] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-9arbetavpc] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-9arbetavpc] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-9arbetavpc] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-9arbetavpc] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-9arbetavpc] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
        text-align: right;
    }

        .right_info h4:nth-child(2)[b-9arbetavpc] {
            color: blue;
            font-weight: 500;
        }


/*table*/
.invoice_table[b-9arbetavpc] {
    width: 100%;
    padding-bottom: 3rem;
}

    .invoice_table table[b-9arbetavpc] {
        width: 100%;
        /*box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
        /*border-radius: 7px;*/
    }

        .invoice_table table thead[b-9arbetavpc] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
            border-top: 1px solid lightgray;
        }

            .invoice_table table thead tr[b-9arbetavpc] {
                height: 40px;
            }

                .invoice_table table thead tr th[b-9arbetavpc] {
                    padding: 1rem 2rem;
                    font-weight: 400;
                    font-size: 1.5rem;
                }

                    .invoice_table table thead tr th:first-child[b-9arbetavpc] {
                        padding-left: 3rem;
                    }

                    .invoice_table table thead tr th:last-child[b-9arbetavpc] {
                        text-align: end;
                        padding-right: 3rem;
                    }

        .invoice_table table tbody tr td[b-9arbetavpc] {
            padding: 0 2rem;
            font-size: 1.4rem;
            font-weight: 400;
            white-space: nowrap;
        }

        .invoice_table table tbody tr[b-9arbetavpc] {
            border-bottom: 1px solid #d7d7d7;
            height: 30px;
        }

            .invoice_table table tbody tr:last-child[b-9arbetavpc] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-9arbetavpc] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-9arbetavpc] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td:last-child[b-9arbetavpc] {
                text-align: end;
                padding-right: 3rem;
            }

            .invoice_table table tbody tr td:first-child[b-9arbetavpc] {
                padding-left: 3rem;
            }

/*sub total and payment method */
.payment_and_notes[b-9arbetavpc] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

/*sub total and payment method */
.sub_and_payment_method[b-9arbetavpc] {
    display: flex;
    justify-content: space-between;
}

.sub_total[b-9arbetavpc] {
    width: 36.5%;
}

    .sub_total .sub_items[b-9arbetavpc] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-9arbetavpc] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-9arbetavpc] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-9arbetavpc] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-9arbetavpc] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-9arbetavpc] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .invoice[b-9arbetavpc] {
        padding: 2rem 0;
        margin: 1rem 0;
    }

    .invoice_header[b-9arbetavpc] {
        padding: 0 1rem;
    }

        .invoice_header h1[b-9arbetavpc] {
            font-size: 2.2rem;
            padding-bottom: 1rem;
        }

            .invoice_header h1[b-9arbetavpc]:before {
                bottom: 12px;
            }

    .company_info[b-9arbetavpc] {
        padding: 1rem;
    }

    .invoice_info[b-9arbetavpc] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .invoice_table[b-9arbetavpc] {
        overflow: auto;
        padding: 3rem 0;
    }

        .invoice_table table thead tr th[b-9arbetavpc] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-9arbetavpc] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-9arbetavpc] {
        width: 100%;
        padding: 1rem;
    }

    .payment_and_notes[b-9arbetavpc] {
        padding: 0 1rem;
        gap: 1rem;
    }

    .terms[b-9arbetavpc] {
        margin: 3rem 2rem 0;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-9arbetavpc] {
        margin: 3rem 0rem;
    }

    .invoice_table[b-9arbetavpc] {
        padding: 0 0 3rem 0;
    }

    .terms[b-9arbetavpc] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Return/Distribution/List.razor.rz.scp.css */
.content_box_inner[b-f1fl2jqi4p] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .purchase_header[b-f1fl2jqi4p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.purchase_header h2[b-f1fl2jqi4p] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.purchase_header a[b-f1fl2jqi4p] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-f1fl2jqi4p] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-f1fl2jqi4p] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-f1fl2jqi4p] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-f1fl2jqi4p] {
        outline-color: gray;
    }


.action_btn[b-f1fl2jqi4p] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-f1fl2jqi4p] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-f1fl2jqi4p] {
            width: 100%;
        }

[b-f1fl2jqi4p] .Return_create_container {
    padding: 0;
}

[b-f1fl2jqi4p] #ReturnInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 80% !important;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}


[b-f1fl2jqi4p] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0;
    border-radius: .5rem;
}

[b-f1fl2jqi4p] #CustomerInsertModal[basemodal-scope] {
    padding: 0;
    position: fixed;
}

    [b-f1fl2jqi4p] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 70rem !important;
        left: 0;
        transform: translate(0);
    }

[b-f1fl2jqi4p] #SupplierInsertModal[BaseModal-scope] .modal_box {
    width: 70rem !important;
    left: 0;
    transform: translate(0);
}

[b-f1fl2jqi4p] #CountryInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-f1fl2jqi4p] #CountryInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-f1fl2jqi4p] #StateInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-f1fl2jqi4p] #StateInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-f1fl2jqi4p] #CityInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-f1fl2jqi4p] #CityInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-f1fl2jqi4p] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-f1fl2jqi4p] #PaymentInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-f1fl2jqi4p] #ProductUnitInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}


[b-f1fl2jqi4p] #PriceUnitInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-f1fl2jqi4p] #DeleteModalId[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-f1fl2jqi4p] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 100%;
}
/*tooltip */
.action_btn[b-f1fl2jqi4p]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-f1fl2jqi4p] {
        padding: 1rem;
    }

    .purchase_header h2[b-f1fl2jqi4p] {
        font-size: 1.8rem;
    }

    .purchase_header a[b-f1fl2jqi4p] {
        font-size: 1.1rem;
    }

    .search-box[b-f1fl2jqi4p] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-f1fl2jqi4p] {
            font-size: 1.1rem;
        }

    [b-f1fl2jqi4p] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-f1fl2jqi4p] #PaymentInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-f1fl2jqi4p] #ReturnTypeInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-f1fl2jqi4p] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    [b-f1fl2jqi4p] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
        width: 100%;
    }

    [b-f1fl2jqi4p] #CustomerInsertModal[basemodal-scope] {
        padding: 0;
        top: 0;
    }

    [b-f1fl2jqi4p] #StateInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-f1fl2jqi4p] #CityInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-f1fl2jqi4p] #CountryInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-f1fl2jqi4p] #ReturnTypeInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-f1fl2jqi4p] #PaymentInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-f1fl2jqi4p] #PaymentStatusInsertModal[basemodal-scope] {
        top: 0;
    }
}
/* /Components/Pages/Return/Purchase/Detail.razor.rz.scp.css */
.return_details[b-h0d8s231p8] {
    background: var(--primary-bg);
}

.return_details_header[b-h0d8s231p8] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
    align-items: center;
}

    .return_details_header h2[b-h0d8s231p8] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-h0d8s231p8] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}

[b-h0d8s231p8] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 0;
    margin-top: 0;
    background: #f5f5f5;
    border-radius: .5rem;
    width: 100%;
}

@media (min-width:320px) and (max-width:767.98px) {
    .return_details_header[b-h0d8s231p8] {
        padding: 1rem 1rem 0;
        align-items: center;
    }

        .return_details_header h2[b-h0d8s231p8] {
            font-size: 1.5rem;
        }
}
/* /Components/Pages/Return/Purchase/DetailComponent.razor.rz.scp.css */
.invoice[b-m4t2u6j3z7] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    padding: 0 2rem 2rem;
}

.date_and_action[b-m4t2u6j3z7] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .date_and_action .date[b-m4t2u6j3z7] {
        font-size: 1.6rem;
    }

        .date_and_action .date span:first-child[b-m4t2u6j3z7] {
            font-size: 1.6rem;
            font-weight: 600;
        }

.customer_and_sale_info[b-m4t2u6j3z7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-m4t2u6j3z7] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-m4t2u6j3z7] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-m4t2u6j3z7] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-m4t2u6j3z7] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-m4t2u6j3z7] {
    min-width: 8rem;
}

.sale_info .info span:first-child[b-m4t2u6j3z7] {
    min-width: 12rem;
}
/*table*/
.invoice_table[b-m4t2u6j3z7] {
    width: 100%;
    padding: 3rem 0;
}

    .invoice_table table[b-m4t2u6j3z7] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .invoice_table table tr[b-m4t2u6j3z7] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table thead tr[b-m4t2u6j3z7] {
            height: 40px;
        }

        .invoice_table table thead[b-m4t2u6j3z7] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }


            .invoice_table table thead tr th[b-m4t2u6j3z7] {
                padding: .5rem 2rem;
                font-weight: 500;
            }

                .invoice_table table thead tr th:last-child[b-m4t2u6j3z7] {
                    text-align: end;
                }

        .invoice_table table tbody tr[b-m4t2u6j3z7] {
            border-bottom: 1px solid #d7d7d7;
        }

            .invoice_table table tbody tr:last-child[b-m4t2u6j3z7] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-m4t2u6j3z7] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-m4t2u6j3z7] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td[b-m4t2u6j3z7] {
                padding: .5rem 2rem;
                white-space: nowrap;
            }

                .invoice_table table tbody tr td:last-child[b-m4t2u6j3z7] {
                    text-align: end;
                }

/*sub total and payment method */

.payment_and_notes[b-m4t2u6j3z7] {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.pyamet_method[b-m4t2u6j3z7] {
    display: flex;
    gap: 0.5rem;
}

.sub_and_payment_method[b-m4t2u6j3z7] {
    display: flex;
    justify-content: space-between;
}

    .sub_and_payment_method .pyamet_method h2[b-m4t2u6j3z7] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .sub_and_payment_method .pyamet_method h3[b-m4t2u6j3z7] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.payment_and_notes .notes h2[b-m4t2u6j3z7] {
    font-size: 1.4rem;
    font-weight: 500;
    padding-bottom: .7rem;
}

.payment_and_notes .notes p[b-m4t2u6j3z7] {
    font-size: 1.3rem;
    font-weight: 400;
}


.sub_and_payment_method .pyamet_method .bank_account[b-m4t2u6j3z7] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding-left: 1rem;
    border-left: 3px solid gray;
}

    .sub_and_payment_method .pyamet_method .bank_account span[b-m4t2u6j3z7] {
        font-size: 1.2rem;
        font-weight: 500;
    }

.sub_total[b-m4t2u6j3z7] {
    width: 36.5%;
}

    .sub_total .sub_items[b-m4t2u6j3z7] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem 1rem 0;
    }

        .sub_total .sub_items:last-child[b-m4t2u6j3z7] {
            padding-bottom: 0;
        }

        .sub_total .sub_items:nth-child(2)[b-m4t2u6j3z7] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-m4t2u6j3z7] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-m4t2u6j3z7] {
            font-size: 1.4rem;
            font-weight: 400;
        }


/*Terms and conditions */
.terms[b-m4t2u6j3z7] {
    display: flex;
    justify-content: space-between;
    margin: 7rem 6rem 0;
    align-items: center;
}

    .terms .conditions[b-m4t2u6j3z7] {
        width: 35%;
    }

        .terms .conditions h2[b-m4t2u6j3z7] {
            font-size: 1.7rem;
            font-weight: 700;
            padding-bottom: 1rem;
        }

        .terms .conditions p[b-m4t2u6j3z7] {
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 2.3rem;
        }

@media (min-width:320px) and (max-width:767.98px) {
    [b-m4t2u6j3z7] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }

    .invoice[b-m4t2u6j3z7] {
        padding: 1rem;
    }

    .date_and_action[b-m4t2u6j3z7] {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .invoice_table[b-m4t2u6j3z7] {
        overflow: auto;
    }

        .invoice_table table thead tr th[b-m4t2u6j3z7] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-m4t2u6j3z7] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-m4t2u6j3z7] {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [b-m4t2u6j3z7] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }
}
/* /Components/Pages/Return/Purchase/Insert.razor.rz.scp.css */
.return_insert_page[b-25kffly1kc] {
    background: var(--primary-bg);
}

    .return_insert_page .return_insert_header[b-25kffly1kc] {
        padding: 1.5rem 1.5rem 0;
    }

.return_insert_header h2[b-25kffly1kc] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Pages/Return/Purchase/InsertComponent.razor.rz.scp.css */
.Return_insert_header[b-ld4k331lhr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0;
    margin-bottom: 1rem;
    z-index: 9;
}

.Return_insert_header_left[b-ld4k331lhr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .Return_insert_header_left .form_check[b-ld4k331lhr] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;
    }

        .Return_insert_header_left .form_check:first-child[b-ld4k331lhr] {
            height: 2rem;
            width: 2rem;
            padding: 0;
        }

        .Return_insert_header_left .form_check label[b-ld4k331lhr] {
            font-size: 1.4rem;
            font-family: "Josefin Sans", sans-serif;
            font-weight: 500;
            color: black;
            white-space: nowrap;
            cursor: pointer;
            user-select: none;
        }

.Return_create_container[b-ld4k331lhr] {
    padding: 0.5rem 1.5rem 1.5rem;
    background: var(--primary-bg);
}

    .Return_create_container .Return_create_first_container[b-ld4k331lhr] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }


.form_N_title_wraper[b-ld4k331lhr] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .form_N_title_wraper .feilds[b-ld4k331lhr] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .form_N_title_wraper h3[b-ld4k331lhr] {
        padding-bottom: .5rem;
        width: fit-content;
    }

    .form_N_title_wraper hr[b-ld4k331lhr] {
        margin: 0;
    }

.Return_create_container .form_group[b-ld4k331lhr] {
    display: flex;
    flex-direction: column;
    /*gap: 1rem;*/
    justify-content: flex-start;
}

    .Return_create_container .form_group label[b-ld4k331lhr] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

.options_group[b-ld4k331lhr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-ld4k331lhr] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

.options_group button[b-ld4k331lhr] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}


    .options_group button img[b-ld4k331lhr] {
        width: 100%;
    }

    .options_group button:focus[b-ld4k331lhr] {
        outline: none;
        border: none;
        box-shadow: none;
    }


.Return_create_container .form_group input[b-ld4k331lhr] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
}

    .Return_create_container .form_group input:focus[b-ld4k331lhr] {
        outline: none;
    }

.Return_create_container .form_group select[b-ld4k331lhr] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    cursor: pointer;
}

    .Return_create_container .form_group select:focus[b-ld4k331lhr] {
        outline: none;
    }



.add_product[b-ld4k331lhr] {
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0;
}

    .add_product button[b-ld4k331lhr] {
        background: #39a756;
        color: white;
        font-size: 1.3rem;
    }

    .add_product :hover[b-ld4k331lhr] {
        opacity: .9;
    }


/*return modal */

[b-ld4k331lhr] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    top: 0;
    z-index: 10;
    position: fixed;
    justify-content: center;
    align-items: center;
}

[b-ld4k331lhr] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
}

[b-ld4k331lhr] #PaymentInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ld4k331lhr] #PaymentStatusInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ld4k331lhr] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ld4k331lhr] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ld4k331lhr] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-ld4k331lhr] #ReturnTypeInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}



[b-ld4k331lhr] .formClass {
    margin-top: 0;
}





.mainTable[b-ld4k331lhr] {
    margin-top: 4rem;
}

    .mainTable table[b-ld4k331lhr] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .mainTable table thead[b-ld4k331lhr] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .mainTable table thead tr[b-ld4k331lhr] {
                padding: 1rem 1.5rem;
                height: 40px;
                margin-bottom: 1rem;
            }

                .mainTable table thead tr td[b-ld4k331lhr] {
                    font-size: 1.5rem;
                    color: black;
                    font-weight: 500;
                    white-space: nowrap;
                }

                    .mainTable table thead tr td:first-child[b-ld4k331lhr] {
                        padding-left: 1rem;
                    }

                    .mainTable table thead tr td:last-child[b-ld4k331lhr] {
                        text-align: right;
                        padding-right: 1rem;
                    }

        /*body*/
        .mainTable table tbody tr[b-ld4k331lhr] {
            height: 30px;
            border-bottom: 1px solid lightgray;
            background: var(--primary-bg);
        }

            .mainTable table tbody tr:last-child[b-ld4k331lhr] {
                border-bottom: 1px solid transparent;
            }

            .mainTable table tbody tr:nth-child(odd)[b-ld4k331lhr] {
                background: var(--secondary-bg);
            }

            .mainTable table tbody tr:hover[b-ld4k331lhr] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .mainTable table tbody tr td[b-ld4k331lhr] {
                font-size: 1.4rem;
                font-weight: 400;
                color: black;
                white-space: nowrap;
            }

                .mainTable table tbody tr td:first-child[b-ld4k331lhr] {
                    padding-left: 1rem;
                }

.action_btn[b-ld4k331lhr] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-right: .5rem;
}

    .action_btn button[b-ld4k331lhr] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-ld4k331lhr] {
            width: 100%;
        }

.net_amount[b-ld4k331lhr] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
}

    .net_amount .form_group[b-ld4k331lhr] {
        width: 50%;
        height: 16rem;
    }


    .net_amount .total_amount[b-ld4k331lhr] {
        width: 40%;
    }

    .net_amount .form_group label[b-ld4k331lhr] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

.total_amount ul[b-ld4k331lhr] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

    .total_amount ul li[b-ld4k331lhr] {
        padding: .5rem 1rem;
        list-style-type: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .total_amount ul li:nth-child(even)[b-ld4k331lhr] {
            border-bottom: 1px solid lightgrey;
            border-top: 1px solid lightgrey;
            background-color: #f1f1f1;
        }

        .total_amount ul li span[b-ld4k331lhr] {
            font-size: 1.3rem;
            font-weight: 400;
        }

        .total_amount ul li > span:nth-child(1)[b-ld4k331lhr] {
            width: 50%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .total_amount ul li:last-child span[b-ld4k331lhr] {
            font-weight: 600;
        }


/*return modal */

[b-ld4k331lhr] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    z-index: 99999;
    position: fixed;
    background: #0000006e;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}

[b-ld4k331lhr] #spanText {
    width: 110px;
}


@media (min-width:320px) and (max-width: 767.98px) {
    .Return_insert_header[b-ld4k331lhr] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .Return_insert_header_left[b-ld4k331lhr] {
        display: flex;
        align-items: flex-start;
    }

        .Return_insert_header_left .form_check label[b-yeds014zgf][b-ld4k331lhr] {
            font-size: 1rem;
        }

    .Return_create_container .Return_create_first_container[b-ld4k331lhr] {
        grid-template-columns: repeat(1, 1fr);
    }

    .form_N_title_wraper .feilds[b-ld4k331lhr] {
        grid-template-columns: repeat(1, 1fr);
    }

    .mainTable[b-ld4k331lhr] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-ld4k331lhr] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 1rem;
    }

        .net_amount .form_group[b-ld4k331lhr] {
            width: 100%;
            height: 12rem;
        }

    .mainTable table tr td[b-ld4k331lhr] {
        padding: 0 1rem;
    }

    .net_amount .total_amount[b-ld4k331lhr] {
        width: 100%;
    }

    [b-ld4k331lhr] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}

@media (min-width:768px) and (max-width: 991.99px) {
    .Return_insert_header[b-ld4k331lhr] {
        padding: 1rem 0;
        flex-direction: row;
    }

    .Return_insert_header_left[b-ld4k331lhr] {
        display: flex;
        align-items: flex-start;
    }

    .Return_create_container .Return_create_first_container[b-ld4k331lhr] {
        grid-template-columns: repeat(2, 1fr);
    }

    .form_N_title_wraper .feilds[b-ld4k331lhr] {
        grid-template-columns: repeat(3, 1fr);
    }

    .mainTable[b-ld4k331lhr] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-ld4k331lhr] {
        display: flex;
    }

    .mainTable table tr td[b-ld4k331lhr] {
        padding: 0 1rem;
    }

    [b-ld4k331lhr] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}
/* /Components/Pages/Return/Purchase/InvoiceComponent.razor.rz.scp.css */
.invoice[b-70qy6a6rq9] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
}

.invoice_header[b-70qy6a6rq9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-70qy6a6rq9] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-70qy6a6rq9] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-70qy6a6rq9] {
            width: 100%;
        }

    .logo .logo_text[b-70qy6a6rq9] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-70qy6a6rq9] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-70qy6a6rq9] {
        color: blue;
    }




.company_info[b-70qy6a6rq9] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-70qy6a6rq9] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-70qy6a6rq9] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-70qy6a6rq9] {
            font-weight: 400;
        }

.invoice_date[b-70qy6a6rq9] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-70qy6a6rq9] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-70qy6a6rq9] {
            font-weight: 400;
        }

.invoice_info[b-70qy6a6rq9] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-70qy6a6rq9] {
    width: 25rem;
}

    .left_info h3[b-70qy6a6rq9] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-70qy6a6rq9] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-70qy6a6rq9] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-70qy6a6rq9] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-70qy6a6rq9] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-70qy6a6rq9] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
        text-align: right;
    }

        .right_info h4:nth-child(2)[b-70qy6a6rq9] {
            color: blue;
            font-weight: 500;
        }


/*table*/
.invoice_table[b-70qy6a6rq9] {
    width: 100%;
    padding-bottom: 3rem;
}

    .invoice_table table[b-70qy6a6rq9] {
        width: 100%;
        /*box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
        /*border-radius: 7px;*/
    }

        .invoice_table table thead[b-70qy6a6rq9] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
            border-top: 1px solid lightgray;
        }

            .invoice_table table thead tr[b-70qy6a6rq9] {
                height: 40px;
            }

                .invoice_table table thead tr th[b-70qy6a6rq9] {
                    padding: 1rem 2rem;
                    font-weight: 400;
                    font-size: 1.5rem;
                }

                    .invoice_table table thead tr th:first-child[b-70qy6a6rq9] {
                        padding-left: 3rem;
                    }

                    .invoice_table table thead tr th:last-child[b-70qy6a6rq9] {
                        text-align: end;
                        padding-right: 3rem;
                    }

        .invoice_table table tbody tr td[b-70qy6a6rq9] {
            padding: 0 2rem;
            font-size: 1.4rem;
            font-weight: 400;
            white-space: nowrap;
        }

        .invoice_table table tbody tr[b-70qy6a6rq9] {
            border-bottom: 1px solid #d7d7d7;
            height: 30px;
        }

            .invoice_table table tbody tr:last-child[b-70qy6a6rq9] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-70qy6a6rq9] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-70qy6a6rq9] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td:last-child[b-70qy6a6rq9] {
                text-align: end;
                padding-right: 3rem;
            }

            .invoice_table table tbody tr td:first-child[b-70qy6a6rq9] {
                padding-left: 3rem;
            }

/*sub total and payment method */
.payment_and_notes[b-70qy6a6rq9] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

/*sub total and payment method */
.sub_and_payment_method[b-70qy6a6rq9] {
    display: flex;
    justify-content: space-between;
}

.sub_total[b-70qy6a6rq9] {
    width: 36.5%;
}

    .sub_total .sub_items[b-70qy6a6rq9] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-70qy6a6rq9] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-70qy6a6rq9] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-70qy6a6rq9] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-70qy6a6rq9] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-70qy6a6rq9] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .invoice[b-70qy6a6rq9] {
        padding: 2rem 0;
        margin: 1rem 0;
    }

    .invoice_header[b-70qy6a6rq9] {
        padding: 0 1rem;
    }

        .invoice_header h1[b-70qy6a6rq9] {
            font-size: 2.2rem;
            padding-bottom: 1rem;
        }

            .invoice_header h1[b-70qy6a6rq9]:before {
                bottom: 12px;
            }

    .company_info[b-70qy6a6rq9] {
        padding: 1rem;
    }

    .invoice_info[b-70qy6a6rq9] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .invoice_table[b-70qy6a6rq9] {
        overflow: auto;
        padding: 3rem 0;
    }

        .invoice_table table thead tr th[b-70qy6a6rq9] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-70qy6a6rq9] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-70qy6a6rq9] {
        width: 100%;
        padding: 1rem;
    }

    .payment_and_notes[b-70qy6a6rq9] {
        padding: 0 1rem;
        gap: 1rem;
    }

    .terms[b-70qy6a6rq9] {
        margin: 3rem 2rem 0;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-70qy6a6rq9] {
        margin: 3rem 0rem;
    }

    .invoice_table[b-70qy6a6rq9] {
        padding: 0 0 3rem 0;
    }

    .terms[b-70qy6a6rq9] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Return/Purchase/List.razor.rz.scp.css */
.content_box_inner[b-1jqetnwlap] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .purchase_header[b-1jqetnwlap] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.purchase_header h2[b-1jqetnwlap] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.purchase_header a[b-1jqetnwlap] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-1jqetnwlap] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-1jqetnwlap] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-1jqetnwlap] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-1jqetnwlap] {
        outline-color: gray;
    }


.action_btn[b-1jqetnwlap] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-1jqetnwlap] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-1jqetnwlap] {
            width: 100%;
        }

[b-1jqetnwlap] .Return_create_container {
    padding: 0;
}

[b-1jqetnwlap] #ReturnInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 80% !important;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}


[b-1jqetnwlap] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0;
    border-radius: .5rem;
}

[b-1jqetnwlap] #CustomerInsertModal[basemodal-scope] {
    padding: 0;
    position: fixed;
}

    [b-1jqetnwlap] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 70rem !important;
        left: 0;
        transform: translate(0);
    }

[b-1jqetnwlap] #SupplierInsertModal[BaseModal-scope] .modal_box {
    width: 70rem !important;
    left: 0;
    transform: translate(0);
}

[b-1jqetnwlap] #CountryInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-1jqetnwlap] #CountryInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-1jqetnwlap] #StateInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-1jqetnwlap] #StateInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-1jqetnwlap] #CityInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-1jqetnwlap] #CityInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-1jqetnwlap] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-1jqetnwlap] #PaymentInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-1jqetnwlap] #ProductUnitInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}


[b-1jqetnwlap] #PriceUnitInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-1jqetnwlap] #DeleteModalId[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-1jqetnwlap] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 100%;
}
/*tooltip */
.action_btn[b-1jqetnwlap]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-1jqetnwlap] {
        padding: 1rem;
    }

    .purchase_header h2[b-1jqetnwlap] {
        font-size: 1.8rem;
    }

    .purchase_header a[b-1jqetnwlap] {
        font-size: 1.1rem;
    }

    .search-box[b-1jqetnwlap] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-1jqetnwlap] {
            font-size: 1.1rem;
        }

    [b-1jqetnwlap] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-1jqetnwlap] #PaymentInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-1jqetnwlap] #ReturnTypeInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-1jqetnwlap] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    [b-1jqetnwlap] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
        width: 100%;
    }

    [b-1jqetnwlap] #CustomerInsertModal[basemodal-scope] {
        padding: 0;
        top: 0;
    }

    [b-1jqetnwlap] #StateInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-1jqetnwlap] #CityInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-1jqetnwlap] #CountryInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-1jqetnwlap] #ReturnTypeInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-1jqetnwlap] #PaymentInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-1jqetnwlap] #PaymentStatusInsertModal[basemodal-scope] {
        top: 0;
    }
}
/* /Components/Pages/Return/Sale/Insert.razor.rz.scp.css */
.return_insert_page[b-l8z7xlau0l] {
    background: var(--primary-bg);
}

    .return_insert_page .return_insert_header[b-l8z7xlau0l] {
        padding: 1.5rem 1.5rem 0;
    }
.return_insert_header h2[b-l8z7xlau0l] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
/* /Components/Pages/Return/Sale/InsertComponent.razor.rz.scp.css */
.Return_insert_header[b-m37iyjts14] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0;
    margin-bottom: 1rem;
    z-index: 9;
}

.Return_insert_header_left[b-m37iyjts14] {
    display: flex;
    flex-direction:column;
    gap:1rem;
}

    .Return_insert_header_left .form_check[b-m37iyjts14] {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;
    }

        .Return_insert_header_left .form_check:first-child[b-m37iyjts14] {
            height: 2rem;
            width: 2rem;
            padding: 0;
        }

        .Return_insert_header_left .form_check label[b-m37iyjts14] {
            font-size: 1.4rem;
            font-family: "Josefin Sans", sans-serif;
            font-weight: 500;
            color: black;
            white-space: nowrap;
            cursor: pointer;
            user-select: none;
        }

.Return_create_container[b-m37iyjts14] {
    padding: 0.5rem 1.5rem 1.5rem;
    background: var(--primary-bg);
}

    .Return_create_container .Return_create_first_container[b-m37iyjts14] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }


.form_N_title_wraper[b-m37iyjts14] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .form_N_title_wraper .feilds[b-m37iyjts14] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

    .form_N_title_wraper h3[b-m37iyjts14] {
        padding-bottom: .5rem;
        width: fit-content;
    }

    .form_N_title_wraper hr[b-m37iyjts14] {
        margin: 0;
    }

    .Return_create_container .form_group[b-m37iyjts14] {
        display: flex;
        flex-direction: column;
        /*gap: 1rem;*/
        justify-content: flex-start;
    }

        .Return_create_container .form_group label[b-m37iyjts14] {
            font-size: 1.4rem;
            font-family: "Josefin Sans", sans-serif;
            font-weight: 500;
            color: black;
        }
.options_group[b-m37iyjts14] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
[b-m37iyjts14] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

.options_group button[b-m37iyjts14] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}


    .options_group button img[b-m37iyjts14] {
        width: 100%;
    }

    .options_group button:focus[b-m37iyjts14] {
        outline: none;
        border: none;
        box-shadow: none;
    }
    

        .Return_create_container .form_group input[b-m37iyjts14] {
            padding: 0.7rem;
            font-size: 1.3rem;
            border: 1px solid #d5d5d5;
            background: var(--primary-bg);
        }

            .Return_create_container .form_group input:focus[b-m37iyjts14] {
                outline: none;
            }

        .Return_create_container .form_group select[b-m37iyjts14] {
            padding: 0.7rem;
            font-size: 1.3rem;
            border: 1px solid #d5d5d5;
            background: var(--primary-bg);
            cursor: pointer;
        }

            .Return_create_container .form_group select:focus[b-m37iyjts14] {
                outline: none;
            }



.add_product[b-m37iyjts14] {
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0;
}

    .add_product button[b-m37iyjts14] {
        background: #39a756;
        color: white;
        font-size: 1.3rem;
    }

    .add_product :hover[b-m37iyjts14] {
        opacity: .9;
    }


/*return modal */

[b-m37iyjts14] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    top: 0;
    z-index: 10;
    position: fixed;
    justify-content: center;
    align-items: center;
}

[b-m37iyjts14] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
}

[b-m37iyjts14] #PaymentInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-m37iyjts14] #PaymentStatusInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-m37iyjts14] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-m37iyjts14] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-m37iyjts14] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
[b-m37iyjts14] #ReturnTypeInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}



[b-m37iyjts14] .formClass {
    margin-top: 0;
}





.mainTable[b-m37iyjts14] {
    margin-top: 4rem;
}
    .mainTable table[b-m37iyjts14] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .mainTable table thead[b-m37iyjts14] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .mainTable table thead tr[b-m37iyjts14] {
                padding: 1rem 1.5rem;
                height: 40px;
                margin-bottom: 1rem;
            }
            .mainTable table thead tr td[b-m37iyjts14] {
                font-size: 1.5rem;
                color: black;
                font-weight: 500;
                white-space: nowrap;
            }

                .mainTable table thead tr td:first-child[b-m37iyjts14] {
                    padding-left: 1rem;
                }

                .mainTable table thead tr td:last-child[b-m37iyjts14] {
                    text-align: right;
                    padding-right: 1rem;
                }

        /*body*/
        .mainTable table tbody tr[b-m37iyjts14] {
            height: 30px;
            border-bottom: 1px solid lightgray;
            background: var(--primary-bg);
        }
            .mainTable table tbody tr:last-child[b-m37iyjts14] {
                border-bottom: 1px solid transparent;
            }

            .mainTable table tbody tr:nth-child(odd)[b-m37iyjts14] {
                background: var(--secondary-bg);
            }

            .mainTable table tbody tr:hover[b-m37iyjts14] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .mainTable table tbody tr td[b-m37iyjts14] {
                font-size: 1.4rem;
                font-weight:400;
                color: black;
                white-space: nowrap;
            }

                .mainTable table tbody tr td:first-child[b-m37iyjts14] {
                    padding-left: 1rem;
                }
.action_btn[b-m37iyjts14] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-right: .5rem;
}

    .action_btn button[b-m37iyjts14] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-m37iyjts14] {
            width: 100%;
        }

.net_amount[b-m37iyjts14] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
}

    .net_amount .form_group[b-m37iyjts14] {
        width: 50%;
        height: 16rem;
    }


    .net_amount .total_amount[b-m37iyjts14] {
        width: 40%;
    }

    .net_amount .form_group label[b-m37iyjts14] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

.total_amount ul[b-m37iyjts14] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

    .total_amount ul li[b-m37iyjts14] {
        padding: .5rem 1rem;
        list-style-type: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .total_amount ul li:nth-child(even)[b-m37iyjts14] {
            border-bottom: 1px solid lightgrey;
            border-top: 1px solid lightgrey;
            background-color: #f1f1f1;
        }

        .total_amount ul li span[b-m37iyjts14] {
            font-size: 1.3rem;
            font-weight: 400;
        }

        .total_amount ul li > span:nth-child(1)[b-m37iyjts14] {
            width: 50%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .total_amount ul li:last-child span[b-m37iyjts14] {
            font-weight: 600;
        }


/*return modal */

[b-m37iyjts14] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    z-index: 99999;
    position: fixed;
    background: #0000006e;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}

[b-m37iyjts14] #spanText {
    width: 110px;
}


@media (min-width:320px) and (max-width: 767.98px) {
    .Return_insert_header[b-m37iyjts14] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .Return_insert_header_left[b-m37iyjts14] {
        display: flex;
        align-items: flex-start;
    }
        .Return_insert_header_left .form_check label[b-yeds014zgf][b-m37iyjts14] {
            font-size: 1rem;
        }

    .Return_create_container .Return_create_first_container[b-m37iyjts14] {
        grid-template-columns: repeat(1, 1fr);
    }
    .form_N_title_wraper .feilds[b-m37iyjts14] {
        grid-template-columns: repeat(1, 1fr);
    }
    .mainTable[b-m37iyjts14] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-m37iyjts14] {
        display:grid;
        grid-template-columns: repeat(1,1fr);
        gap: 1rem;
    }
        .net_amount .form_group[b-m37iyjts14] {
            width: 100%;
            height: 12rem;
        }
    .mainTable table tr td[b-m37iyjts14] {
        padding: 0 1rem;
    }

    .net_amount .total_amount[b-m37iyjts14] {
        width: 100%;
    }
    [b-m37iyjts14] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}

@media (min-width:768px) and (max-width: 991.99px) {
    .Return_insert_header[b-m37iyjts14] {
        padding: 1rem 0;
        flex-direction: row;
    }

    .Return_insert_header_left[b-m37iyjts14] {
        display: flex;
        align-items: flex-start;
    }

    .Return_create_container .Return_create_first_container[b-m37iyjts14] {
        grid-template-columns: repeat(2, 1fr);
    }
    .form_N_title_wraper .feilds[b-m37iyjts14] {
        grid-template-columns: repeat(3, 1fr);
    }
    .mainTable[b-m37iyjts14] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-m37iyjts14] {
        display: flex;
    }

    .mainTable table tr td[b-m37iyjts14] {
        padding: 0 1rem;
    }
    [b-m37iyjts14] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}
/* /Components/Pages/Return/Sale/InsertModal.razor.rz.scp.css */
::deep .CustomeModal[BaseModal-scope][BaseModal-scope][b-jkq9a6g6hy] {
    top: 7rem;
}

[b-jkq9a6g6hy] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}
/* /Components/Pages/Return/Sale/InvoiceComponent.razor.rz.scp.css */
.invoice[b-98u6mincz3] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
}

.invoice_header[b-98u6mincz3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-98u6mincz3] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-98u6mincz3] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-98u6mincz3] {
            width: 100%;
        }

    .logo .logo_text[b-98u6mincz3] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-98u6mincz3] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-98u6mincz3] {
        color: blue;
    }




.company_info[b-98u6mincz3] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-98u6mincz3] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

    .address p[b-98u6mincz3] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .address p:first-child[b-98u6mincz3] {
            font-weight: 400;
        }

.invoice_date[b-98u6mincz3] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-98u6mincz3] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-98u6mincz3] {
            font-weight: 400;
        }

.invoice_info[b-98u6mincz3] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-98u6mincz3] {
    width: 25rem;
}

    .left_info h3[b-98u6mincz3] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-98u6mincz3] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-98u6mincz3] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-98u6mincz3] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-98u6mincz3] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

    .right_info h4[b-98u6mincz3] {
        font-size: 1.5rem;
        font-weight: 400;
        color: #636363;
        padding-bottom: .5rem;
        text-align:right;
    }

        .right_info h4:nth-child(2)[b-98u6mincz3] {
            color: blue;
            font-weight: 500;
        }


/*table*/
.invoice_table[b-98u6mincz3] {
    width: 100%;
    padding-bottom: 3rem;
}

    .invoice_table table[b-98u6mincz3] {
        width: 100%;
        /*box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
        /*border-radius: 7px;*/
    }

        .invoice_table table thead[b-98u6mincz3] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
            border-top: 1px solid lightgray;
        }

            .invoice_table table thead tr[b-98u6mincz3] {
                height: 40px;
            }

                .invoice_table table thead tr th[b-98u6mincz3] {
                    padding: 1rem 2rem;
                    font-weight: 400;
                    font-size: 1.5rem;
                }

                    .invoice_table table thead tr th:first-child[b-98u6mincz3] {
                        padding-left: 3rem;
                    }

                    .invoice_table table thead tr th:last-child[b-98u6mincz3] {
                        text-align: end;
                        padding-right: 3rem;
                    }

        .invoice_table table tbody tr td[b-98u6mincz3] {
            padding: 0 2rem;
            font-size: 1.4rem;
            font-weight: 400;
            white-space:nowrap;
        }

        .invoice_table table tbody tr[b-98u6mincz3] {
            border-bottom: 1px solid #d7d7d7;
            height: 30px;
        }

            .invoice_table table tbody tr:last-child[b-98u6mincz3] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-98u6mincz3] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-98u6mincz3] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td:last-child[b-98u6mincz3] {
                text-align: end;
                padding-right: 3rem;
            }

            .invoice_table table tbody tr td:first-child[b-98u6mincz3] {
                padding-left: 3rem;
            }

/*sub total and payment method */
.payment_and_notes[b-98u6mincz3] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 4rem;
    display: flex;
    flex-direction: column;
}

/*sub total and payment method */
.sub_and_payment_method[b-98u6mincz3] {
    display: flex;
    justify-content: space-between;
}

.sub_total[b-98u6mincz3] {
    width: 36.5%;
}

    .sub_total .sub_items[b-98u6mincz3] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-98u6mincz3] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-98u6mincz3] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-98u6mincz3] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-98u6mincz3] {
    padding: 1rem 3rem;
    padding-top:0;
}

    .greating p[b-98u6mincz3] {
        font-size: 1.5rem;
        font-weight: 400;
        margin:0;
    }


@media (min-width:320px) and (max-width:767.98px) {
    .invoice[b-98u6mincz3] {
        padding: 2rem 0;
        margin: 1rem 0;
    }

    .invoice_header[b-98u6mincz3] {
        padding: 0 1rem;
    }

        .invoice_header h1[b-98u6mincz3] {
            font-size: 2.2rem;
            padding-bottom: 1rem;
        }

            .invoice_header h1[b-98u6mincz3]:before {
                bottom: 12px;
            }
    .company_info[b-98u6mincz3]{
        padding: 1rem;
    }
    .invoice_info[b-98u6mincz3] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .invoice_table[b-98u6mincz3] {
        overflow: auto;
        padding: 3rem 0;
    }

        .invoice_table table thead tr th[b-98u6mincz3] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-98u6mincz3] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-98u6mincz3] {
        width: 100%;
        padding: 1rem;
    }
    .payment_and_notes[b-98u6mincz3]{
        padding: 0 1rem;
        gap: 1rem;
    }
    .terms[b-98u6mincz3] {
        margin: 3rem 2rem 0;
    }

}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-98u6mincz3] {
        margin: 3rem 0rem;
    }

    .invoice_table[b-98u6mincz3] {
        padding: 0 0 3rem 0;
    }

    .terms[b-98u6mincz3] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Return/Sale/InvoiceModal.razor.rz.scp.css */
[b-jqtelwn5r1] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    height: 100vh;
}
[b-jqtelwn5r1] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}

[b-jqtelwn5r1] .invoice {
    margin: 0;
}

[b-jqtelwn5r1] #ReturnInvoiceModal .modal_box[BaseModal-scope] {
    padding: 0;
}

[b-jqtelwn5r1] .PrintModal .modal_head {
    background: white;
}
/* /Components/Pages/Return/Sale/List.razor.rz.scp.css */
.content_box_inner[b-sods1rg8qn] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .purchase_header[b-sods1rg8qn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.purchase_header h2[b-sods1rg8qn] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.purchase_header a[b-sods1rg8qn] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-sods1rg8qn] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-sods1rg8qn] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-sods1rg8qn] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-sods1rg8qn] {
        outline-color: gray;
    }


.action_btn[b-sods1rg8qn] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-sods1rg8qn] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-sods1rg8qn] {
            width: 100%;
        }

[b-sods1rg8qn] .Return_create_container {
    padding: 0;
}
[b-sods1rg8qn] #ReturnInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 80% !important;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}


[b-sods1rg8qn] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0;
    border-radius:.5rem;
}

[b-sods1rg8qn] #CustomerInsertModal[basemodal-scope] {
    padding: 0;
    position: fixed;
}

    [b-sods1rg8qn] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 70rem !important;
        left: 0;
        transform: translate(0);
    }

[b-sods1rg8qn] #SupplierInsertModal[BaseModal-scope] .modal_box {
    width: 70rem !important; 
    left: 0;
    transform: translate(0);
}

[b-sods1rg8qn] #CountryInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-sods1rg8qn] #CountryInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-sods1rg8qn] #StateInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-sods1rg8qn] #StateInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-sods1rg8qn] #CityInsertModal[basemodal-scope] {
    padding: 0;
}

    [b-sods1rg8qn] #CityInsertModal[BaseModal-scope] .modal_box {
        width: 50rem !important;
        left: 0;
        transform: translate(0);
    }

[b-sods1rg8qn] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-sods1rg8qn] #PaymentInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-sods1rg8qn] #ProductUnitInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}


[b-sods1rg8qn] #PriceUnitInsertModal[BaseModal-scope] .modal_box {
    width: 50rem !important;
    left: 0;
    transform: translate(0);
}

[b-sods1rg8qn] #DeleteModalId[basemodal-scope] .modal_box {
    width: 50rem !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-sods1rg8qn] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 100%;
}
/*tooltip */
.action_btn[b-sods1rg8qn]  #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-sods1rg8qn] {
        padding: 1rem;
    }

    .purchase_header h2[b-sods1rg8qn] {
        font-size: 1.8rem;
    }

    .purchase_header a[b-sods1rg8qn] {
        font-size: 1.1rem;
    }

    .search-box[b-sods1rg8qn] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-sods1rg8qn] {
            font-size: 1.1rem;
        }

    [b-sods1rg8qn] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-sods1rg8qn] #PaymentInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-sods1rg8qn] #ReturnTypeInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }

    [b-sods1rg8qn] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        top: -5rem;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    [b-sods1rg8qn] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
        width: 100%;
    }

    [b-sods1rg8qn] #CustomerInsertModal[basemodal-scope] {
        padding: 0;
        top: 0;
    }

    [b-sods1rg8qn] #StateInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-sods1rg8qn] #CityInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-sods1rg8qn] #CountryInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-sods1rg8qn] #ReturnTypeInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-sods1rg8qn] #PaymentInsertModal[basemodal-scope] {
        top: 0;
    }

    [b-sods1rg8qn] #PaymentStatusInsertModal[basemodal-scope] {
        top: 0;
    }
}
/* /Components/Pages/Return/Sale/ReturnDetail.razor.rz.scp.css */
.return_details[b-hjdp1hf369] {
    background: var(--primary-bg);
}
.return_details_header[b-hjdp1hf369] {
    display: flex;
    justify-content: space-between;
    padding:2rem 2rem 0;
    align-items:center;
}
    .return_details_header h2[b-hjdp1hf369] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }
.submit_btn a[b-hjdp1hf369] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}
[b-hjdp1hf369] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 0;
    margin-top: 0;
    background: #f5f5f5;
    border-radius: .5rem;
    width: 100%;
}
@media (min-width:320px) and (max-width:767.98px) {
    .return_details_header[b-hjdp1hf369] {
        padding: 1rem 1rem 0;
        align-items: center;
    }

        .return_details_header h2[b-hjdp1hf369] {
            font-size: 1.5rem;
        }
}
/* /Components/Pages/Return/Sale/ReturnDetailComponent.razor.rz.scp.css */
.invoice[b-pw9r0z1orj] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    padding:0 2rem  2rem;
}

.date_and_action[b-pw9r0z1orj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .date_and_action .date[b-pw9r0z1orj] {
        font-size: 1.6rem;
    }

        .date_and_action .date span:first-child[b-pw9r0z1orj] {
            font-size: 1.6rem;
            font-weight: 600;
        }

.customer_and_sale_info[b-pw9r0z1orj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-pw9r0z1orj] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-pw9r0z1orj] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-pw9r0z1orj] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-pw9r0z1orj] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-pw9r0z1orj] {
    min-width: 8rem;
}

.sale_info .info span:first-child[b-pw9r0z1orj] {
    min-width: 12rem;
}
/*table*/
.invoice_table[b-pw9r0z1orj] {
    width: 100%;
    padding: 3rem 0;
}

    .invoice_table table[b-pw9r0z1orj] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .invoice_table table tr[b-pw9r0z1orj] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table thead tr[b-pw9r0z1orj] {
            height: 40px;
        }

        .invoice_table table thead[b-pw9r0z1orj] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }


            .invoice_table table thead tr th[b-pw9r0z1orj] {
                padding: .5rem 2rem;
                font-weight: 500;
            }

                .invoice_table table thead tr th:last-child[b-pw9r0z1orj] {
                    text-align: end;
                }

        .invoice_table table tbody tr[b-pw9r0z1orj] {
            border-bottom: 1px solid #d7d7d7;
        }

            .invoice_table table tbody tr:last-child[b-pw9r0z1orj] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-pw9r0z1orj] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-pw9r0z1orj] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td[b-pw9r0z1orj] {
                padding: .5rem 2rem;
                white-space:nowrap;
            }

                .invoice_table table tbody tr td:last-child[b-pw9r0z1orj] {
                    text-align: end;
                }

/*sub total and payment method */

.payment_and_notes[b-pw9r0z1orj] {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.pyamet_method[b-pw9r0z1orj] {
    display: flex;
    gap: 0.5rem;
}

.sub_and_payment_method[b-pw9r0z1orj] {
    display: flex;
    justify-content: space-between;
}

    .sub_and_payment_method .pyamet_method h2[b-pw9r0z1orj] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .sub_and_payment_method .pyamet_method h3[b-pw9r0z1orj] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.payment_and_notes .notes h2[b-pw9r0z1orj] {
    font-size: 1.4rem;
    font-weight: 500;
    padding-bottom: .7rem;
}

.payment_and_notes .notes p[b-pw9r0z1orj] {
    font-size: 1.3rem;
    font-weight: 400;
}


.sub_and_payment_method .pyamet_method .bank_account[b-pw9r0z1orj] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding-left: 1rem;
    border-left: 3px solid gray;
}

    .sub_and_payment_method .pyamet_method .bank_account span[b-pw9r0z1orj] {
        font-size: 1.2rem;
        font-weight: 500;
    }

.sub_total[b-pw9r0z1orj] {
    width: 36.5%;
}

    .sub_total .sub_items[b-pw9r0z1orj] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem 1rem 0;
    }

        .sub_total .sub_items:last-child[b-pw9r0z1orj] {
            padding-bottom: 0;
        }

        .sub_total .sub_items:nth-child(2)[b-pw9r0z1orj] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-pw9r0z1orj] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-pw9r0z1orj] {
            font-size: 1.4rem;
            font-weight: 400;
        }


/*Terms and conditions */
.terms[b-pw9r0z1orj] {
    display: flex;
    justify-content: space-between;
    margin: 7rem 6rem 0;
    align-items: center;
}

    .terms .conditions[b-pw9r0z1orj] {
        width: 35%;
    }

        .terms .conditions h2[b-pw9r0z1orj] {
            font-size: 1.7rem;
            font-weight: 700;
            padding-bottom: 1rem;
        }

        .terms .conditions p[b-pw9r0z1orj] {
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 2.3rem;
        }

@media (min-width:320px) and (max-width:767.98px) {
    [b-pw9r0z1orj] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }

    .invoice[b-pw9r0z1orj] {
        padding: 1rem;
    }

    .date_and_action[b-pw9r0z1orj] {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .invoice_table[b-pw9r0z1orj] {
        overflow: auto;
    }

        .invoice_table table thead tr th[b-pw9r0z1orj] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-pw9r0z1orj] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-pw9r0z1orj] {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [b-pw9r0z1orj] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }
}
/* /Components/Pages/Return/Sale/ReturnDetailModal.razor.rz.scp.css */
[b-ttmioyug12] .CustomeModal .modal_box[BaseModal-scope] {
    width: 80% !important;
    padding: 0;
    max-height: 95vh;
    overflow: auto;
}

[b-ttmioyug12] .invoice {
    margin: 0;
    padding-top:0;
}

[b-ttmioyug12] .modal_head {
    background: var(--primary-bg);
    padding: 3rem 3rem 0;
}
/* /Components/Pages/SalePaymentHistory/SalePaymentHistoryComponent.razor.rz.scp.css */
.history_table[b-fkbxn9r30o] {
    height: 21.5rem;
    overflow: auto;
    padding: 1rem;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    margin-top: .5rem;
}
/*custom scrollbar for notification dorpdown*/
    .history_table[b-fkbxn9r30o]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .history_table[b-fkbxn9r30o]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .history_table[b-fkbxn9r30o]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

    .history_table[b-fkbxn9r30o]::-webkit-scrollbar-thumb {
        background-color: gray;
        border-radius: 100px;
        height: 10px;
    }

table[b-fkbxn9r30o] {
    width: 100%;
    margin-top: .5rem;
}
thead[b-fkbxn9r30o] {
    position: sticky;
    top: -10px;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}
table thead tr[b-fkbxn9r30o]{
    border-bottom:1px solid lightgray;
}

    table thead tr th[b-fkbxn9r30o] {
        padding:0 .5rem .5rem;
        font-size:1.3rem;
        font-weight:500;
    }
        table thead tr th:last-child[b-fkbxn9r30o] {
            text-align: right;
        }

tbody tr td[b-fkbxn9r30o] {
    padding: .5rem;
    font-size:1.2rem;
    font-weight:400;
}
    tbody tr td:last-child[b-fkbxn9r30o]{
        text-align:right;
    }
tbody tr:nth-child(odd)[b-fkbxn9r30o] {
    background: #f1f1f1;
}
/* /Components/Pages/Sale/Insert.razor.rz.scp.css */
.sales_innsert_page[b-bvqtnml2s6] {
    background: var(--primary-bg);
}
    .sales_innsert_page .sales_insert_header[b-bvqtnml2s6] {
        padding: 1.5rem 1.5rem 0;
    }
.sales_insert_header h2[b-bvqtnml2s6] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
[b-bvqtnml2s6] .salse_insert_header_left h2 {
    display: none;
}
/* /Components/Pages/Sale/InsertComponent.razor.rz.scp.css */
.salse_insert_header[b-i8jxrp0kb1] {
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: -3rem;
    background: var(--primary-bg);
    padding: 1rem 0;
    margin-bottom: 0rem;
    z-index: 9;
}

.salse_insert_header_left[b-i8jxrp0kb1] {
    display: flex;
    align-items: center;
}

.checkbox_group[b-i8jxrp0kb1] {
    display: flex;
    gap: .5rem;
    align-items: center;
}

    .checkbox_group label[b-i8jxrp0kb1] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
        white-space: nowrap;
        user-select: none;
        cursor: pointer;
        line-height: 0;
    }


.sale_create_container[b-i8jxrp0kb1] {
    padding: 0.5rem 1.5rem 1.5rem;
    background: var(--primary-bg);
}

    .sale_create_container .sale_create_first_container[b-i8jxrp0kb1] {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

.form_N_title_wraper[b-i8jxrp0kb1] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

    .form_N_title_wraper .feilds[b-i8jxrp0kb1] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1rem;
    }

.sale_create_first_container .form_N_title_product_wraper .feilds[b-i8jxrp0kb1] {
    grid-template-columns: repeat(4, 1fr);
}

.form_N_title_wraper h3[b-i8jxrp0kb1] {
    padding-bottom: .5rem;
    width: fit-content;
}

.form_N_title_wraper hr[b-i8jxrp0kb1] {
    margin: 0;
}

.options_group[b-i8jxrp0kb1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

[b-i8jxrp0kb1] .BaseSelectDropdown[baseselectelement-scope] {
    width: 100%;
}

[b-i8jxrp0kb1] .BaseInput[BaseInputElement-scope] {
    width: 100%;
}

.options_group button[b-i8jxrp0kb1] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

    .options_group button img[b-i8jxrp0kb1] {
        width: 100%;
    }


    .options_group button:focus[b-i8jxrp0kb1] {
        outline: none;
        border: none;
        box-shadow: none;
    }

.sale_create_container .form_group input[b-i8jxrp0kb1] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
}

    .sale_create_container .form_group input:focus[b-i8jxrp0kb1] {
        outline: none;
    }

.sale_create_container .form_group select[b-i8jxrp0kb1] {
    padding: 0.7rem;
    font-size: 1.3rem;
    border: 1px solid #d5d5d5;
    background: var(--primary-bg);
    cursor: pointer;
}

    .sale_create_container .form_group select:focus[b-i8jxrp0kb1] {
        outline: none;
    }

.quantiry_status[b-i8jxrp0kb1] {
    font-size: 1.25rem;
}

.add_product[b-i8jxrp0kb1] {
    display: flex;
    justify-content: flex-start;
    margin: 1rem 0;
}

    .add_product button[b-i8jxrp0kb1] {
        background: #39a756;
        color: white;
        font-size: 1.3rem;
    }

    .add_product :hover[b-i8jxrp0kb1] {
        opacity: .9;
    }



.mainTable[b-i8jxrp0kb1] {
    margin-top: 4rem;
}


    .mainTable table[b-i8jxrp0kb1] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .mainTable table thead[b-i8jxrp0kb1] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }

            .mainTable table thead tr[b-i8jxrp0kb1] {
                height: 40px;
                margin-bottom: 1rem;
            }

                .mainTable table thead tr td[b-i8jxrp0kb1] {
                    font-size: 1.4rem;
                    color: black;
                    font-weight: 500;
                    white-space: nowrap;
                }

                    .mainTable table thead tr td:first-child[b-i8jxrp0kb1] {
                        padding-left: 1rem;
                    }

                    .mainTable table thead tr td:last-child[b-i8jxrp0kb1] {
                        text-align: right;
                        padding-right: 1rem;
                    }

        /*body*/
        .mainTable table tbody tr[b-i8jxrp0kb1] {
            height: 30px;
            border-bottom: 1px solid lightgray;
            background: var(--primary-bg);
        }

            .mainTable table tbody tr:last-child[b-i8jxrp0kb1] {
                border-bottom: 1px solid transparent;
            }


            .mainTable table tbody tr:nth-child(odd)[b-i8jxrp0kb1] {
                background: var(--secondary-bg);
            }

            .mainTable table tbody tr:hover[b-i8jxrp0kb1] {
                background: rgb(225 225 225 / 72%);
                cursor: pointer;
            }

            .mainTable table tbody tr td[b-i8jxrp0kb1] {
                font-size: 1.4rem;
                color: black;
                white-space: nowrap;
            }

                .mainTable table tbody tr td:first-child[b-i8jxrp0kb1] {
                    padding-left: 1rem;
                }

.action_btn[b-i8jxrp0kb1] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    padding-right: .5rem;
}

    .action_btn button[b-i8jxrp0kb1] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-i8jxrp0kb1] {
            width: 100%;
        }

.net_amount[b-i8jxrp0kb1] {
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin-top: 2rem;
}

        .net_amount .form_group h2[b-i8jxrp0kb1] {
            font-size: 1.4rem;
            font-weight: 500;
            font-family: "Josefin Sans", sans-serif;
        }
        .net_amount .total_amount[b-i8jxrp0kb1] {
            width: 40%;
        }
    .net_amount .select_group[b-i8jxrp0kb1] {
       padding:1rem 0;
    }

    .net_amount .form_group label[b-i8jxrp0kb1] {
        font-size: 1.4rem;
        font-family: "Josefin Sans", sans-serif;
        font-weight: 500;
        color: black;
    }

    .net_amount .form_group[b-i8jxrp0kb1] {
        height: 15rem;
        width: 35%;
    }

    .net_amount .shipping_form_group .shipping_select_group textarea[b-i8jxrp0kb1] {
        border: 1px solid #d5d5d5;
        width: 100%;
    }

.shipping_form_group[b-i8jxrp0kb1] {
    margin-top: 3rem;
}

    .shipping_form_group .shipping_select_group[b-i8jxrp0kb1] {
        padding: 5px;
    }

.discountField[b-i8jxrp0kb1] {
    display: flex;
    justify-content: flex-end;
}

    .discountField #SpecialDiscountPriceId[b-i8jxrp0kb1], #ExtraCostId[b-i8jxrp0kb1], #ShippingCostId[b-i8jxrp0kb1] {
        border: 1px solid lightgray !important;
        width: 50% !important;
    }

    .discountField input[b-i8jxrp0kb1] {
        margin-right: 2px;
    }

    .collection-field[b-i8jxrp0kb1] {
        display: flex;
        justify-content: flex-end;
    }

    .collection-field input[b-i8jxrp0kb1] {
        border: 1px solid lightgray !important;
        width: 50% !important;
    }

.total_amount ul[b-i8jxrp0kb1] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0;
    padding: 0;
}

    .total_amount ul li[b-i8jxrp0kb1] {
        padding: .5rem 1rem;
        list-style-type: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .total_amount ul li:nth-child(even)[b-i8jxrp0kb1] {
            border-bottom: 1px solid lightgrey;
            border-top: 1px solid lightgrey;
            background-color: #f1f1f1;
        }

        .total_amount ul li span[b-i8jxrp0kb1] {
            font-size: 1.5rem;
            font-weight: 400;
        }

        .total_amount ul li > span:nth-child(1)[b-i8jxrp0kb1] {
            width: 50%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }




/*modals css */
.sale_view_container[b-i8jxrp0kb1] {
    height: 100%;
}

[b-i8jxrp0kb1] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
}

[b-i8jxrp0kb1] #PaymentInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-i8jxrp0kb1] #PaymentStatusInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-i8jxrp0kb1] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-i8jxrp0kb1] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-i8jxrp0kb1] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
}

[b-i8jxrp0kb1] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    z-index: 99999;
    position: fixed;
    background: #0000006e;
    justify-content: center;
    align-items: center;
    max-width: 100vw;
}

[b-i8jxrp0kb1] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0 !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

[b-i8jxrp0kb1] .formClass {
    margin-top: 0;
}
/*tooltip */
[b-i8jxrp0kb1] #spanText {
    width: 110px;
}

/*Radio button css */
.redio_button_box h3[b-i8jxrp0kb1] {
    font-size: 1.4rem;
    color: black;
    font-weight: 500;
    padding-bottom: .8rem;
}
.radio-button-container[b-i8jxrp0kb1] {
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 0 0 2rem;
}

    .radio-button[b-i8jxrp0kb1] {
        display: inline-block;
        position: relative;
        cursor: pointer;
    }

.radio-button__input[b-i8jxrp0kb1] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.radio-button__label[b-i8jxrp0kb1] {
    display: inline-block;
    padding-left: 25px;
    position: relative;
    font-size: 1.8rem;
    color: black;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
    text-transform: capitalize;
    transition: all 0.3s ease;
    margin-right: 20px;
}

.radio-button__custom[b-i8jxrp0kb1] {
    position: absolute;
    top: 8px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 2px solid #555;
    transition: all 0.3s ease;
}

.radio-button__input:checked + .radio-button__label .radio-button__custom[b-i8jxrp0kb1] {
    background-color: #4c8bf5;
    border-color: transparent;
    transform: scale(1.3);
    box-shadow: 0 0 20px #4c8bf580;
}

.radio-button__input:checked + .radio-button__label[b-i8jxrp0kb1] {
    color: #4c8bf5;
}

.radio-button__label:hover .radio-button__custom[b-i8jxrp0kb1] {
    transform: scale(1.2);
    border-color: #4c8bf5;
    box-shadow: 0 0 20px #4c8bf580;
}

@media (min-width:320px) and (max-width: 767.98px) {
    .salse_insert_header[b-i8jxrp0kb1] {
        padding: 1rem 0;
        flex-direction: column;
        gap: 1rem;
    }

    .salse_insert_header_left[b-i8jxrp0kb1] {
        display: flex;
        align-items: center;
    }

    .sale_create_container .sale_create_first_container[b-i8jxrp0kb1] {
        grid-template-columns: repeat(1, 1fr);
    }

    .sale_create_first_container .form_N_title_wraper:nth-child(2) .feilds[b-i8jxrp0kb1] {
        grid-template-columns: repeat(1, 1fr);
    }

    .form_N_title_wraper .feilds[b-i8jxrp0kb1] {
        grid-template-columns: repeat(1, 1fr);
    }

    .mainTable[b-i8jxrp0kb1] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-i8jxrp0kb1] {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        gap: 3rem;
    }


    .mainTable table tr td[b-i8jxrp0kb1] {
        padding: 0 1rem;
    }

    .net_amount .form_group[b-i8jxrp0kb1]{
        height: 100%;
        width: 100%;
    }

    .net_amount .form_group textarea[b-i8jxrp0kb1] {
        height: 5rem;
    }

    .net_amount .total_amount[b-i8jxrp0kb1] {
        width: 100%;
    }

    [b-i8jxrp0kb1] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 2rem;
        top: 0rem;
        position: fixed;
    }
}

@media (min-width:768px) and (max-width: 991.98px) {
    .salse_insert_header[b-i8jxrp0kb1] {
        padding: 1rem 0;
        flex-direction: row;
    }

    .salse_insert_header_left[b-i8jxrp0kb1] {
        display: flex;
        align-items: center;
    }

    .sale_create_container .sale_create_first_container[b-i8jxrp0kb1] {
        grid-template-columns: repeat(2, 1fr);
    }

    .mainTable[b-i8jxrp0kb1] {
        margin-top: 4rem;
        overflow-x: auto;
    }

    .net_amount[b-i8jxrp0kb1] {
        display: flex;
        flex-direction: row;
    }

    .form_N_title_wraper .feilds[b-i8jxrp0kb1] {
        grid-template-columns: repeat(3, 1fr);
    }

    .mainTable table tr td[b-i8jxrp0kb1] {
        padding: 0 1rem;
    }
}

.submit_section[b-i8jxrp0kb1] {
    justify-content: right!important;
}

[b-i8jxrp0kb1] .formClass .checkbox input {
    width: auto !important;
}

[b-i8jxrp0kb1] .formClass input, textarea[b-i8jxrp0kb1] {
    font-size: 1.5rem !important;
}
/* /Components/Pages/Sale/InsertModal.razor.rz.scp.css */
[b-9vvigxck11] .CustomeModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    background: white;
    border-radius: .5rem;
    width: 100%;
    max-width: 1600px;
}
/* /Components/Pages/Sale/InvoiceComponent.razor.rz.scp.css */
.invoice[b-6dpl0su5pn] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
}

.invoice_header[b-6dpl0su5pn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem;
}

.logo[b-6dpl0su5pn] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    align-items: center;
}

    .logo .logo_img[b-6dpl0su5pn] {
        width: 70px;
        height: 70px;
    }

        .logo .logo_img img[b-6dpl0su5pn] {
            width: 100%;
        }

    .logo .logo_text[b-6dpl0su5pn] {
        font-size: 18px;
        font-weight: 500;
    }

.invoice_serial h3[b-6dpl0su5pn] {
    font-size: 20px;
    font-weight: 400;
    color: #515365;
}

    .invoice_serial h3 span[b-6dpl0su5pn] {
        color: blue;
    }





.company_info[b-6dpl0su5pn] {
    display: flex;
    justify-content: space-between;
    padding: 3rem;
    padding-top: 0;
}

.address[b-6dpl0su5pn] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

#invoice_title[b-6dpl0su5pn] {
    font-size: 20px;
}

.address p[b-6dpl0su5pn] {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

    .address p:first-child[b-6dpl0su5pn] {
        font-weight: 400;
    }

.invoice_date[b-6dpl0su5pn] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

    .invoice_date p[b-6dpl0su5pn] {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
    }

        .invoice_date p span[b-6dpl0su5pn] {
            font-weight: 400;
        }

.invoice_info[b-6dpl0su5pn] {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
    padding: 0 3rem;
}

.left_info[b-6dpl0su5pn] {
    width: 25rem;
}

    .left_info h3[b-6dpl0su5pn] {
        font-size: 1.5rem;
        text-transform: capitalize;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .left_info h4[b-6dpl0su5pn] {
        font-size: 1.5rem;
        font-weight: 400;
        padding-bottom: .5rem;
    }

        .left_info h4:nth-child(2)[b-6dpl0su5pn] {
            color: blue;
            font-weight: 500;
        }


.right_info[b-6dpl0su5pn] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

    .right_info h3[b-6dpl0su5pn] {
        font-size: 1.5rem;
        font-weight: 500;
        text-transform: capitalize;
        padding-bottom: 1rem;
    }

[b-6dpl0su5pn] .right_info h4 {
    font-size: 1.5rem;
    font-weight: 400;
    color: #636363;
    padding-bottom: .5rem;
    text-align: right;
}

}

.right_info h4:nth-child(2)[b-6dpl0su5pn] {
    color: blue;
    font-weight: 500;
}


/*table*/
.invoice_table[b-6dpl0su5pn] {
    width: 100%;
    padding-bottom: 3rem;
}

    .invoice_table table[b-6dpl0su5pn] {
        width: 100%;
        /*box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;*/
        /*border-radius: 7px;*/
    }

        .invoice_table table thead[b-6dpl0su5pn] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
            border-top: 1px solid lightgray;
        }

            .invoice_table table thead tr[b-6dpl0su5pn] {
                height: 40px;
            }

                .invoice_table table thead tr th[b-6dpl0su5pn] {
                    padding: 1rem 2rem;
                    font-weight: 400;
                    font-size: 1.5rem;
                }

                    .invoice_table table thead tr th:first-child[b-6dpl0su5pn] {
                        padding-left: 3rem;
                    }

                    .invoice_table table thead tr th:last-child[b-6dpl0su5pn] {
                        text-align: end;
                        padding-right: 3rem;
                    }

        .invoice_table table tbody tr td[b-6dpl0su5pn] {
            padding: 0 2rem;
            font-size: 1.4rem;
            font-weight: 400;
            white-space: nowrap;
        }

        .invoice_table table tbody tr[b-6dpl0su5pn] {
            border-bottom: 1px solid #d7d7d7;
            height: 30px;
        }

            .invoice_table table tbody tr:last-child[b-6dpl0su5pn] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-6dpl0su5pn] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-6dpl0su5pn] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td:last-child[b-6dpl0su5pn] {
                text-align: end;
                padding-right: 3rem;
            }

            .invoice_table table tbody tr td:first-child[b-6dpl0su5pn] {
                padding-left: 3rem;
            }

/*sub total and payment method */
.payment_and_notes[b-6dpl0su5pn] {
    padding: 0 3rem;
    font-size: 1.4rem;
    font-weight: 400;
    gap: 2rem;
    display: flex;
    flex-direction: column;
}

.sub_and_payment_method[b-6dpl0su5pn] {
    display: flex;
    justify-content: space-between;
}

.payment_and_notes .notes[b-6dpl0su5pn] {
    width: 55rem;
}

    .payment_and_notes .notes h2[b-6dpl0su5pn] {
        font-size: 1.5rem;
        font-weight: 500;
    }

.sub_total[b-6dpl0su5pn] {
    width: 36.5%;
}

    .sub_total .sub_items[b-6dpl0su5pn] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 3rem 1rem 0;
    }

        .sub_total .sub_items:nth-child(2)[b-6dpl0su5pn] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-6dpl0su5pn] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-6dpl0su5pn] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.greating[b-6dpl0su5pn] {
    padding: 1rem 3rem;
    padding-top: 0;
}

    .greating p[b-6dpl0su5pn] {
        font-size: 1.5rem;
        font-weight: 400;
        margin: 0;
    }

[b-6dpl0su5pn] .modal_head {
    padding: 0;
}

@media (min-width:320px) and (max-width:767.98px) {
    .invoice[b-6dpl0su5pn] {
        padding: 1rem 0;
        margin: 1rem 0;
    }

    .invoice_header[b-6dpl0su5pn] {
        padding: 0 1rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .logo[b-6dpl0su5pn] {
        justify-content: flex-start;
    }

        .logo .logo_img[b-6dpl0su5pn] {
            width: 30px;
            height: 30px;
        }

        .logo .logo_text[b-6dpl0su5pn] {
            font-size: 12px;
        }

    .invoice_serial h3[b-6dpl0su5pn] {
        font-size: 12px;
    }

    .company_info[b-6dpl0su5pn] {
        padding: 1rem;
        padding-top: 1rem;
    }

    .address[b-6dpl0su5pn] {
        gap: 0;
    }

        .address p[b-6dpl0su5pn] {
            font-size: 12px;
        }

    .invoice_date p[b-6dpl0su5pn] {
        font-size: 10px;
    }

    .invoice_info[b-6dpl0su5pn] {
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .invoice_table[b-6dpl0su5pn] {
        overflow: auto;
        padding: 3rem 0;
    }

        .invoice_table table thead tr th:first-child[b-6dpl0su5pn] {
            padding-left: 1rem;
        }

        .invoice_table table thead tr th:last-child[b-6dpl0su5pn] {
            padding-right: 1rem;
        }

        .invoice_table table thead tr th[b-6dpl0su5pn] {
            white-space: nowrap;
        }

        .invoice_table table tbody tr td:first-child[b-6dpl0su5pn] {
            padding-left: 1rem;
        }

        .invoice_table table tbody tr td:last-child[b-6dpl0su5pn] {
            padding-right: 1rem;
        }


    .sub_and_payment_method[b-6dpl0su5pn] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-6dpl0su5pn] {
        width: 100%;
        padding: 0 1rem;
    }

        .sub_total .sub_items[b-6dpl0su5pn] {
            padding: 1rem;
        }

    .terms[b-6dpl0su5pn] {
        margin: 3rem 2rem 0;
    }

    .greating[b-6dpl0su5pn] {
        padding: 1rem;
    }

        .greating p[b-6dpl0su5pn] {
            font-size: 1.2rem;
        }
}

@media (min-width:768px) and (max-width:991.98px) {
    .invoice_info[b-6dpl0su5pn] {
        margin: 3rem 0rem;
    }

    .invoice_table[b-6dpl0su5pn] {
        padding: 0 0 3rem 0;
    }

    .terms[b-6dpl0su5pn] {
        margin: 3rem 0rem 0;
    }
}
/* /Components/Pages/Sale/InvoiceModal.razor.rz.scp.css */
[b-gyjrho1e1q] .CustomeModal[BaseModal-scope][BaseModal-scope] {
    height: 100vh;
}
[b-gyjrho1e1q] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}

[b-gyjrho1e1q] .invoice {
    margin: 0;
    background: white;
}

[b-gyjrho1e1q] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    width: 80%;
    padding: 0;
    background: transparent;
}

[b-gyjrho1e1q] .PrintModal .modal_head {
    background: white;
}

/* /Components/Pages/Sale/List.razor.rz.scp.css */
.content_box_inner[b-g1xao60enc] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}
[b-g1xao60enc] .content_body {
    position: unset;
}
.content_box_inner .sales_header[b-g1xao60enc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sales_header h2[b-g1xao60enc] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.sales_header a[b-g1xao60enc] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-g1xao60enc] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-g1xao60enc] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-g1xao60enc] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-g1xao60enc] {
        outline-color: gray;
    }

.action_btn[b-g1xao60enc] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-g1xao60enc] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-g1xao60enc] {
            width: 100%;
        }

/*update modal */

[b-g1xao60enc] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}

[b-g1xao60enc] #SaleInsertModal[basemodal-scope] .modal_box[BaseModal-scope] {
    width: 90%;
    overflow: auto;
    max-height: 95vh;
    overflow-x: hidden;
}
[b-g1xao60enc] #CustomerInsertModal[BaseModal-scope][BaseModal-scope] .modal_box[BaseModal-scope] {
    width: 70rem;
}
[b-g1xao60enc] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}
[b-g1xao60enc] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}
[b-g1xao60enc] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem !important;
}

[b-g1xao60enc] .formClass {
    margin-top: 0;
}

[b-g1xao60enc] .salse_insert_header {
    padding: 0;
}

[b-g1xao60enc] .salse_insert_header_left {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
}
[b-g1xao60enc] .sale_create_container {
    padding: 0;
}

/*tooltip */
.action_btn[b-g1xao60enc]  #spanText {
    width: 52px;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-g1xao60enc] {
        padding: 1rem;
    }
    .sales_header h2[b-g1xao60enc] {
        font-size: 1.8rem;
    }

    .sales_header a[b-g1xao60enc] {
        font-size: 1.1rem;
    }

    .search-box[b-g1xao60enc] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-g1xao60enc] {
            font-size: 1.1rem;
        }
    .sale_create_container[b-g1xao60enc] {
        padding: 0;
    }
    [b-g1xao60enc] .tableContainer[BaseTable-scope] {
        min-height: 50rem;
    }


    [b-g1xao60enc] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        padding: 2rem;
    }

    [b-g1xao60enc] #CustomerInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
        left: 0;
        transform: translate(0);
        top: -6rem;
    }

    [b-g1xao60enc] #PaymentInsertModal[basemodal-scope] {
        top: -1rem;
    }
    [b-g1xao60enc] #PaymentInsertModal[BaseModal-scope] .modal_box {
        width: 100%;
    }

    [b-g1xao60enc] #PaymentStatusInsertModal[basemodal-scope] {
        top: -1rem;
    }
        [b-g1xao60enc] #PaymentStatusInsertModal[BaseModal-scope] .modal_box {
            width: 100%;
        }
}
/* /Components/Pages/Sale/SaleDetail.razor.rz.scp.css */
.sale_details[b-r0m3ro64ce]{
    background:var(--primary-bg);
}

.sale_details_header[b-r0m3ro64ce] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
    align-items:center;
}
    .sale_details_header h2[b-r0m3ro64ce] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-r0m3ro64ce] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}
[b-r0m3ro64ce] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}
@media (min-width:320px) and (max-width:767.98px) {
    .sale_details_header[b-r0m3ro64ce] {
        padding: 2rem 1rem 0;
        align-items: center;
    }
    .sale_details_header h2[b-r0m3ro64ce]{
        font-size: 1.45rem;
    }
}
/* /Components/Pages/Sale/SaleDetailComponent.razor.rz.scp.css */
.invoice[b-x72ywn1rsr] {
    margin: 2rem 0;
    background: var(--primary-bg);
    position: relative;
    overflow: hidden;
    padding: 0 2rem 2rem;
}

.date_and_action[b-x72ywn1rsr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .date_and_action .date[b-x72ywn1rsr] {
        font-size: 1.6rem;
    }

        .date_and_action .date span:first-child[b-x72ywn1rsr] {
            font-size: 1.6rem;
            font-weight: 600;
        }

.customer_and_sale_info[b-x72ywn1rsr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 3rem;
    margin-top: 1rem;
}

.customer_info[b-x72ywn1rsr] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.info[b-x72ywn1rsr] {
    font-size: 1.5rem;
    display: flex;
    gap: 1rem;
}

    .info span[b-x72ywn1rsr] {
        font-size: 1.4rem;
        font-weight: 500;
    }

        .info span:last-child[b-x72ywn1rsr] {
            font-size: 1.4rem;
            font-weight: 400;
        }

.customer_info .info span:first-child[b-x72ywn1rsr] {
    min-width: 10rem;
}

.sale_info .info span:first-child[b-x72ywn1rsr] {
    min-width: 12rem;
}
/*table*/
.invoice_table[b-x72ywn1rsr] {
    width: 100%;
    padding: 3rem 0;
}

    .invoice_table table[b-x72ywn1rsr] {
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
        border-radius: 7px;
    }

        .invoice_table table tr[b-x72ywn1rsr] {
            font-size: 1.4rem;
            font-weight: 400;
        }

        .invoice_table table thead tr[b-x72ywn1rsr] {
            height: 40px;
        }

        .invoice_table table thead[b-x72ywn1rsr] {
            background: var(--tableHead);
            border-bottom: 1px solid lightgray;
        }


            .invoice_table table thead tr th[b-x72ywn1rsr] {
                padding: .5rem 2rem;
                font-weight: 500;
            }

                .invoice_table table thead tr th:last-child[b-x72ywn1rsr] {
                    text-align: end;
                }

        .invoice_table table tbody tr[b-x72ywn1rsr] {
            border-bottom: 1px solid #d7d7d7;
        }

            .invoice_table table tbody tr:last-child[b-x72ywn1rsr] {
                border-bottom: 1px solid transparent;
            }

            .invoice_table table tbody tr:nth-child(odd)[b-x72ywn1rsr] {
                background: var(--secondary-bg);
            }

            .invoice_table table tbody tr:hover[b-x72ywn1rsr] {
                background: var(--secondary-bg);
                cursor: pointer;
            }

            .invoice_table table tbody tr td[b-x72ywn1rsr] {
                padding: .5rem 2rem;
                white-space: nowrap;
            }

                .invoice_table table tbody tr td:last-child[b-x72ywn1rsr] {
                    text-align: end;
                }

/*sub total and payment method */
.payment_and_notes[b-x72ywn1rsr] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.pyamet_method[b-x72ywn1rsr] {
    display: flex;
    gap: 0.5rem;
}

.sub_and_payment_method[b-x72ywn1rsr] {
    display: flex;
    justify-content: space-between;
}

    .sub_and_payment_method .pyamet_method h2[b-x72ywn1rsr] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: 1rem;
    }

    .sub_and_payment_method .pyamet_method h3[b-x72ywn1rsr] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.payment_and_notes .notes[b-x72ywn1rsr] {
    width: 55rem;
}

    .payment_and_notes .notes h2[b-x72ywn1rsr] {
        font-size: 1.4rem;
        font-weight: 500;
        padding-bottom: .7rem;
    }

    .payment_and_notes .notes p[b-x72ywn1rsr] {
        font-size: 1.3rem;
        font-weight: 400;
    }


.sub_and_payment_method .pyamet_method .bank_account[b-x72ywn1rsr] {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding-left: 1rem;
    border-left: 3px solid gray;
}

    .sub_and_payment_method .pyamet_method .bank_account span[b-x72ywn1rsr] {
        font-size: 1.2rem;
        font-weight: 500;
    }

.sub_total[b-x72ywn1rsr] {
    width: 36.5%;
}

    .sub_total .sub_items[b-x72ywn1rsr] {
        display: flex;
        justify-content: space-between;
        padding: 1rem 2rem 1rem 0;
    }

        .sub_total .sub_items:last-child[b-x72ywn1rsr] {
            padding-bottom: 0;
        }

        .sub_total .sub_items:nth-child(2)[b-x72ywn1rsr] {
            border-bottom: 1px solid #d7d7d7;
            border-top: 1px solid #d7d7d7;
        }

        .sub_total .sub_items:nth-child(1)[b-x72ywn1rsr] {
            align-items: flex-start;
            padding-top: 0;
        }

        .sub_total .sub_items span[b-x72ywn1rsr] {
            font-size: 1.4rem;
            font-weight: 400;
        }


/*Terms and conditions */
.terms[b-x72ywn1rsr] {
    display: flex;
    justify-content: space-between;
    margin: 7rem 6rem 0;
    align-items: center;
}

    .terms .conditions[b-x72ywn1rsr] {
        width: 35%;
    }

        .terms .conditions h2[b-x72ywn1rsr] {
            font-size: 1.7rem;
            font-weight: 700;
            padding-bottom: 1rem;
        }

        .terms .conditions p[b-x72ywn1rsr] {
            font-weight: 400;
            font-size: 1.5rem;
            line-height: 2.3rem;
        }

@media (min-width:320px) and (max-width:767.98px) {
    [b-x72ywn1rsr] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }

    .invoice[b-x72ywn1rsr] {
        padding: 1rem;
        margin: 1rem 0;
    }

    .date_and_action[b-x72ywn1rsr] {
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 1rem;
    }

    .invoice_table[b-x72ywn1rsr] {
        overflow: auto;
    }

        .invoice_table table thead tr th[b-x72ywn1rsr] {
            white-space: nowrap;
        }

    .sub_and_payment_method[b-x72ywn1rsr] {
        flex-direction: column-reverse;
        gap: 2rem;
    }

    .sub_total[b-x72ywn1rsr] {
        width: 100%;
    }

    .payment_and_notes .notes[b-x72ywn1rsr] {
        width: auto;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    [b-x72ywn1rsr] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
        margin-top: 0rem;
    }
}
/* /Components/Pages/Sale/SaleDetailModal.razor.rz.scp.css */
[b-577y2zamsk] .CustomeModal .modal_box[BaseModal-scope] {
    width: 80%;
    padding: 0;
    max-height: 95vh;
    overflow: auto;
}

[b-577y2zamsk] .invoice {
    margin: 0;
    padding-top:0;
}

[b-577y2zamsk] .modal_head {
    background: var(--primary-bg);
    padding:3rem 3rem 0;
}
/* /Components/Pages/Size/Insert.razor.rz.scp.css */
.insert_page[b-7uqnm60b6f] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-7uqnm60b6f] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-7uqnm60b6f] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-7uqnm60b6f] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-7uqnm60b6f] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-7uqnm60b6f] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-7uqnm60b6f] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Size/InsertComponent.razor.rz.scp.css */
label[b-ofh990ancb] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Size/List.razor.rz.scp.css */
.content_box_inner[b-xrcj0d0fub] {
    width: 100%;
    padding: 0 0 6rem;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .variant_header[b-xrcj0d0fub] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.variant_header h2[b-xrcj0d0fub] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.variant_header a[b-xrcj0d0fub] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-xrcj0d0fub] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-xrcj0d0fub] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-xrcj0d0fub] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-xrcj0d0fub] {
        outline-color: gray;
    }

.action_btn[b-xrcj0d0fub] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-xrcj0d0fub] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-xrcj0d0fub] {
            width: 100%;
        }

[b-xrcj0d0fub] .formClass {
    margin-top: 0;
}

[b-xrcj0d0fub] #ProductVariantInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-xrcj0d0fub] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-xrcj0d0fub] #spanText {
    width: 52px;
}
@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-xrcj0d0fub] {
        padding: 1rem;
    }
    .variant_header h2[b-xrcj0d0fub] {
        font-size: 1.8rem;
    }

    .variant_header a[b-xrcj0d0fub] {
        font-size: 1.1rem;
    }

    .search-box[b-xrcj0d0fub] {
        justify-content: flex-start;
    }

    .search-box .search_key[b-xrcj0d0fub] {
        font-size: 1.1rem;
    }
}
/* /Components/Pages/Supplier/Insert.razor.rz.scp.css */
.insert_page[b-ap2n73j1h8] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-ap2n73j1h8] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.insert_container[b-ap2n73j1h8] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-ap2n73j1h8] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 40vw;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-ap2n73j1h8] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-ap2n73j1h8] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .insert_container .insert_form[b-ap2n73j1h8] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Supplier/InsertComponent.razor.rz.scp.css */

.input_group_main[b-w9ssbk758i] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 2rem;
}

.input_groups[b-w9ssbk758i] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

label[b-w9ssbk758i] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}

.input_group[b-w9ssbk758i] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.select_input_item[b-w9ssbk758i] {
    width: 100%;
}
.input_group button[b-w9ssbk758i] {
    min-width: 30px;
    width: 30px;
    font-size: 2.5rem;
    border: none;
    background: transparent;
    color: var(--addInputBtn);
    outline: none;
    border: none;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

        .input_group button img[b-w9ssbk758i] {
            width: 100%;
        }

        .input_group button:focus[b-w9ssbk758i] {
            outline: none;
            border: none;
            box-shadow: none;
        }

[b-w9ssbk758i] .formClass textarea {
   height: auto;
}

.submit_btn[b-w9ssbk758i] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 0rem;
}


[b-w9ssbk758i] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-w9ssbk758i] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-w9ssbk758i] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
/*tooltip */
[b-w9ssbk758i] #spanText {
    width: 110px;
}

@media (min-width: 320px) and (max-width:575.98px) {
    .input_group_main[b-w9ssbk758i] {
        grid-template-columns: repeat(1,1fr);
        gap: 2rem;
    }

    [b-w9ssbk758i] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    [b-w9ssbk758i] .CustomeModal[BaseModal-scope][BaseModal-scope] {
        top: 5rem;
        position: fixed;
    }
}
/* /Components/Pages/Supplier/InsertModal.razor.rz.scp.css */
[b-2f3ddosedn] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    padding: 2rem;
    margin-top: 4rem;
    background: white;
    border-radius: .5rem;
    width: 70rem;
}
/* /Components/Pages/Supplier/List.razor.rz.scp.css */
.content_box_inner[b-a13bqu9nea] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

.content_box_inner .supplier_header[b-a13bqu9nea] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.supplier_header h2[b-a13bqu9nea] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.supplier_header a[b-a13bqu9nea] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-a13bqu9nea] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-a13bqu9nea] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-a13bqu9nea] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-a13bqu9nea] {
        outline-color: gray;
    }

.action_btn[b-a13bqu9nea] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-a13bqu9nea] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-a13bqu9nea] {
            width: 100%;
        }

[b-a13bqu9nea] .tableContainer[BaseTable-scope] {
    overflow-x: auto !important;
}

[b-a13bqu9nea] .CustomeModal[basemodal-scope] .modal_box[BaseModal-scope] {
    margin-top: 0rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

[b-a13bqu9nea] .formClass {
    margin-top: 0;
}

[b-a13bqu9nea] #ProductUnitInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-a13bqu9nea] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-a13bqu9nea] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-a13bqu9nea] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*tooltip */
.action_btn[b-a13bqu9nea]  #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.99px) {
    .content_box_inner[b-a13bqu9nea] {
        padding: 1rem;
    }
    .supplier_header h2[b-a13bqu9nea] {
        font-size: 1.8rem;
    }

    .supplier_header a[b-a13bqu9nea] {
        font-size: 1.1rem;
    }

    .search-box[b-a13bqu9nea] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-a13bqu9nea] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Supplier/SupplierDetail.razor.rz.scp.css */
.supplier_details[b-tg17w74f0l] {
    background: var(--primary-bg);
}

.supplier_details_header[b-tg17w74f0l] {
    display: flex;
    justify-content: space-between;
    padding: 2rem 2rem 0;
}

    .supplier_details_header h2[b-tg17w74f0l] {
        font-size: 2rem;
        font-weight: 600;
        font-family: 'Josefin Sans', sans-serif;
    }

.submit_btn a[b-tg17w74f0l] {
    min-width: 6rem;
    font-size: 1.3rem;
    color: white !important;
}

[b-tg17w74f0l] #SaleInvoiceModal .modal_box[BaseModal-scope] {
    margin-top: 0;
}
/* /Components/Pages/Supplier/SupplierDetailComponent.razor.rz.scp.css */
.insert_container[b-n6glci1edi] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
.info_Insert_page[b-n6glci1edi] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-n6glci1edi] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_form[b-n6glci1edi] {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background: var(--primary-bg);
    border-radius: 10px;
    position: relative;
}

.insert_form_right[b-n6glci1edi] {
    width: 100%;
    height: 43rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1rem;
    background: var(--primary-bg);
    border-radius: 10px;
    position: relative;
}

    .insert_form_right[b-n6glci1edi]  .tableContainer {
        min-height: 43rem;
        max-height: 50rem;
    }

.customer_button[b-n6glci1edi] {
    text-align: right;
}

.lable_group[b-n6glci1edi] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

    .lable_group label[b-n6glci1edi] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
        width: 37%;
    }

    .lable_group .sign[b-n6glci1edi] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
    }

    .lable_group span:nth-child(3)[b-n6glci1edi] {
        font-size: 1.4rem;
        font-weight: 400;
    }

.insert_form .edit_btn[b-n6glci1edi] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .5rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
}

    .insert_form .edit_btn button[b-n6glci1edi] {
        padding: 0.5rem 1.5rem;
        border: none;
        outline: none;
        background: blue;
        color: white;
        font-size: 1.2rem;
        border-radius: 5px;
    }

[b-n6glci1edi] .submit_btn {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
}

[b-n6glci1edi] .formClass {
    margin-top: 0;
}

[b-n6glci1edi] #spanText {
    width: 110px;
}

[b-n6glci1edi] #StateInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-n6glci1edi] #CityInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-n6glci1edi] #CountryInsertModal[basemodal-scope] .modal_box {
    width: 50rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.due_table[b-n6glci1edi]  .col-options-button {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" /> </svg>');
}

.due_table[b-n6glci1edi]  .col-options label {
    display: block;
    margin-bottom: 10px;
}

.due_table[b-n6glci1edi] {
    margin-top: 2rem;
}

.action_btn[b-n6glci1edi] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-n6glci1edi] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-n6glci1edi] {
            width: 100%;
        }

@media (min-width:320px) and (max-width:767.98px) {
    .insert_form[b-n6glci1edi] {
        width: 100%;
    }

    .insert_form_right[b-n6glci1edi] {
        width: 100%;
    }

    .insert_container[b-n6glci1edi] {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width:768px) and (max-width:991.98px) {
    .insert_form[b-n6glci1edi] {
        width: 65vw;
    }
}
/* /Components/Pages/Supplier/SupplierModal.razor.rz.scp.css */
[b-qu0zj2t0pi] .CustomeModal .modal_box[BaseModal-scope] {
    width: 80%;
    padding: 0;
    max-height: 95vh;
    overflow: auto;
}

[b-qu0zj2t0pi] .invoice {
    margin: 0;
    padding-top: 0;
}

[b-qu0zj2t0pi] .modal_head {
    background: var(--primary-bg);
    padding: 3rem 3rem 0;
}
/* /Components/Pages/Tutorial.razor.rz.scp.css */
.content_box_inner[b-amj49ahhou] {
    width: 100%;
    background: var(--primary-bg);
    height: 100%;
    padding: 2rem;
}

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

.header h2[b-amj49ahhou] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.header a[b-amj49ahhou] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.tutorial-grid[b-amj49ahhou] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.video-container[b-amj49ahhou] {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    background-color: #f0f0f0; /* Placeholder background */
}

    .video-container iframe[b-amj49ahhou] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* /Components/Pages/Type/Insert.razor.rz.scp.css */
.insert_page[b-7ax3yo03q9] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-7ax3yo03q9] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.insert_container[b-7ax3yo03q9] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .insert_container .insert_form[b-7ax3yo03q9] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }

[b-7ax3yo03q9] .loadSpinner[Spinner-scope] {
    position: static;
}

[b-7ax3yo03q9] .formClass {
    margin-top: 0;
}

@media (min-width: 320px) and (max-width:575.99px) {
    .insert_container .insert_form[b-7ax3yo03q9] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Type/InsertComponent.razor.rz.scp.css */
label[b-6546ga9xf5] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Type/InsertModal.razor.rz.scp.css */
[b-110yhgli74] .CustomeModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
/* /Components/Pages/Type/List.razor.rz.scp.css */
.content_box_inner[b-bzoz6fq9t1] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}

.content_box_inner .brand_header[b-bzoz6fq9t1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.brand_header h2[b-bzoz6fq9t1] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.brand_header a[b-bzoz6fq9t1] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-bzoz6fq9t1] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-bzoz6fq9t1] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-bzoz6fq9t1] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-bzoz6fq9t1] {
        outline-color: gray;
    }

.action_btn[b-bzoz6fq9t1] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-bzoz6fq9t1] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-bzoz6fq9t1] {
            width: 100%;
        }

[b-bzoz6fq9t1] thead tr th .col-justify-right:last-child .col-header-content .col-title {
    justify-content: flex-end;
}

[b-bzoz6fq9t1] .formClass {
    margin-top: 0;
}

[b-bzoz6fq9t1] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*tooltip */
[b-bzoz6fq9t1] #spanText {
    width: 52px;
}

@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-bzoz6fq9t1] {
        padding: 1rem;
    }

    .brand_header h2[b-bzoz6fq9t1] {
        font-size: 1.8rem;
    }

    .brand_header a[b-bzoz6fq9t1] {
        font-size: 1.1rem;
    }

    .search-box[b-bzoz6fq9t1] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-bzoz6fq9t1] {
            font-size: 1.1rem;
        }
}
/* /Components/Pages/Unit/Insert.razor.rz.scp.css */
.insert_page[b-fdb5ulv74n] {
    padding: 2rem;
    background: var(--primary-bg);
}

.insert_header h2[b-fdb5ulv74n] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}
.product_unit_container[b-fdb5ulv74n] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .product_unit_container .insert_form[b-fdb5ulv74n] {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 2rem;
        width: 50rem;
        margin-top: 1rem;
        background: var(--primary-bg);
        border-radius: 1rem;
    }
[b-fdb5ulv74n] .loadSpinner[Spinner-scope] {
    position: static;
}
[b-fdb5ulv74n] .formClass {
    margin-top: 0;
}
@media (min-width: 320px) and (max-width:575.99px) {

    .product_unit_container .insert_form[b-fdb5ulv74n] {
        width: 100%;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Unit/InsertComponent.razor.rz.scp.css */
label[b-2mo8bb6too] {
    font-size: 1.5rem;
    font-weight: 600;
    font-family: "Josefin Sans", sans-serif;
    padding-bottom: 0.5rem;
}
/* /Components/Pages/Unit/List.razor.rz.scp.css */
.content_box_inner[b-js5o53nhj9] {
    width: 100%;
    height: 100%;
    background: var(--primary-bg);
    padding: 2rem;
}
.content_box_inner .product_unit_header[b-js5o53nhj9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product_unit_header h2[b-js5o53nhj9] {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

.product_unit_header a[b-js5o53nhj9] {
    font-size: 1.5rem;
    font-weight: 500;
    font-family: 'Josefin Sans', sans-serif;
    color: white !important;
}

.search-box[b-js5o53nhj9] {
    display: flex;
    justify-content: flex-end;
}

    .search-box input[b-js5o53nhj9] {
        border: none;
        background: var(--primary-bg);
        padding: .5rem 1rem;
        font-size: 1.5rem;
    }

    .search-box .search_key[b-js5o53nhj9] {
        border-color: gray;
        border: 2px solid gray;
        border-radius: .5rem;
        outline: none;
    }

    .search-box input:focus-visible[b-js5o53nhj9] {
        outline-color: gray;
    }

.action_btn[b-js5o53nhj9] {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

    .action_btn button[b-js5o53nhj9] {
        width: 25px;
        height: 25px;
        padding: 0;
    }

        .action_btn button img[b-js5o53nhj9] {
            width: 100%;
        }

[b-js5o53nhj9] .formClass {
    margin-top: 0;
}

[b-js5o53nhj9] #ProductUnitInsertModal .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

[b-js5o53nhj9] #DeleteModalId .modal_box[BaseModal-scope] {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*tooltip */
[b-js5o53nhj9] #spanText {
    width: 52px;
}


@media (min-width: 320px) and (max-width:767.98px) {
    .content_box_inner[b-js5o53nhj9] {
        padding: 1rem;
    }

    .product_unit_header h2[b-js5o53nhj9] {
        font-size: 2rem;
    }

    .product_unit_header a[b-js5o53nhj9] {
        font-size: 1.1rem;
    }

    .search-box[b-js5o53nhj9] {
        justify-content: flex-start;
    }

        .search-box .search_key[b-js5o53nhj9] {
            font-size: 1.1rem;
        }
        .search-box input[b-js5o53nhj9] {
            font-size: 1.2rem;
        }
}

/*responsive css */
@media (min-width: 320px) and (max-width:767.99px) {
 


    
}
/* /Components/Profile/ChangePassword.razor.rz.scp.css */
.form_main[b-ehdngxb8f4] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    border: 2px solid #cbc8c8;
    padding: 2rem;
    border-radius: 10px;
    width: 50rem;
    background: var(--primary-bg);
}
.update_password[b-ehdngxb8f4] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.password_form[b-ehdngxb8f4] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-start;
    padding: 2rem;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    width: 460px;
    background: white;
}

.form_header[b-ehdngxb8f4] {
    margin-bottom: 2rem;
}

    .form_header h2[b-ehdngxb8f4] {
        font-size: 2rem;
        font-weight: 600;
        color: black;
    }

.input_group[b-ehdngxb8f4] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%;
}

    .input_group label[b-ehdngxb8f4] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
    }

    .input_group input[b-ehdngxb8f4] {
        width: 100%;
        padding: 1rem;
        font-size: 1.5rem;
        font-weight: 400;
        border: 1px solid #dad2d2;
        border-radius: 5px;
        background: var(--secondary-bg);
    }

[b-ehdngxb8f4] .submit_btn {
    margin-top: 2rem;
    width: 100%;
}
.submit_btn a[b-ehdngxb8f4] {
    min-width: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem .7rem;
    color: white !important;
    font-size: 1.3rem;
}
/* /Components/Profile/Edit.razor.rz.scp.css */
.form_main[b-83yswsohdq] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    border: 2px solid #cbc8c8;
    padding: 2rem;
    border-radius: 10px;
    width: 50rem;
    background: var(--primary-bg);
}

.update_password[b-83yswsohdq] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.password_form[b-83yswsohdq] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-start;
    padding: 2rem;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    width: 460px;
    background: white;
}

.form_header[b-83yswsohdq] {
    margin-bottom: 2rem;
}

    .form_header h2[b-83yswsohdq] {
        font-size: 2rem;
        font-weight: 600;
        color: black;
    }

.input_group[b-83yswsohdq] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: 100%;
}

    .input_group label[b-83yswsohdq] {
        font-size: 1.4rem;
        font-weight: 600;
        color: black;
    }

    .input_group input[b-83yswsohdq] {
        width: 100%;
        padding: 1rem;
        font-size: 1.5rem;
        font-weight: 400;
        border: 1px solid #dad2d2;
        border-radius: 5px;
        background: var(--secondary-bg);
    }

[b-83yswsohdq] .submit_btn {
    margin-top: 2rem;
    width: 100%;
}

.submit_btn a[b-83yswsohdq] {
    min-width: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem .7rem;
    color: white !important;
    font-size: 1.3rem;
}
/* /Components/Profile/Profile.razor.rz.scp.css */
.contact_info[b-lxl3yliz38] {
   display:flex;
   justify-content:flex-start;
}
        .contact_info .info[b-lxl3yliz38] {
            padding:1rem;
            width:500px;
            box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
            background:var(--primary-bg);
        }
        .contact_info .info h3[b-lxl3yliz38]{
            font-size:1.8rem;
            font-weight:600;
            color:black;
            padding-bottom:.4rem;
            border-bottom:1px solid black;
            margin-bottom:2rem;
        }
            .contact_info .info p[b-lxl3yliz38]{
                font-size:1.3rem;
                font-weight:400;
                color:black;
                padding:0 0 .4rem;
                margin:0;
            }
            .contact_info .info p span[b-lxl3yliz38]{
                font-size:1.4rem;
                font-weight:600;
                padding-right:.3rem;
            }
.lable_group[b-lxl3yliz38]{
    padding-bottom:1rem;
}
.lable_group label[b-lxl3yliz38]{
    font-size:1.4rem;
    font-weight:500;
    width:10rem;
}
.lable_group span:last-child[b-lxl3yliz38]{
    font-size:1.6rem;
    font-weight:400;
    padding-left:1rem;
}
/* /Components/Profile/ProfileComponent.razor.rz.scp.css */
.profile_container[b-pbkwz1qcyd] {
    width: 100%;
    height: 100%;
}

.cover_photo[b-pbkwz1qcyd] {
    width: 100%;
    height: 16rem;
    position: relative;
}

    .cover_photo img[b-pbkwz1qcyd] {
        width: 100%;
        height: 100%;
    }

.edit_btn[b-pbkwz1qcyd] {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    gap: .4rem;
}

    .edit_btn a[b-pbkwz1qcyd] {
        padding: .5rem 1rem;
        background: blue;
        color: white !important;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        font-size: 1.3rem;
        font-weight: 500;
    }


    .edit_btn label span[b-pbkwz1qcyd] {
        font-size: 1.12rem;
        color: white;
    }

    .edit_btn label input[b-pbkwz1qcyd] {
        display: none;
    }

.profile_img_text_container[b-pbkwz1qcyd] {
    width: 100%;
    margin-top: -60px;
}

.profile_img_holder[b-pbkwz1qcyd] {
    position: relative;
    border-radius: 50%;
    margin-left: 1rem;
    padding: .75rem;
    width: 10rem;
    height: 10rem;
    backdrop-filter: blur(4px);
}

.profile_img[b-pbkwz1qcyd] {
    position: relative;
}

    .profile_img img[b-pbkwz1qcyd] {
        width: 100%;
        height: auto;
    }

    .profile_img label[b-pbkwz1qcyd] {
        position: absolute;
        bottom: 0;
        right: 0;
        height: 2rem;
        width: 2rem;
        background: blue;
        border-radius: 50%;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

        .profile_img label input[b-pbkwz1qcyd] {
            display: none;
        }
        .profile_img label img[b-pbkwz1qcyd]{
            width:13px;
        }

.details[b-pbkwz1qcyd] {
    margin-top: 20px;
}

    .details .user_info[b-pbkwz1qcyd] {
        max-width: 400px;
        text-align: left;
    }

.user_info h2[b-pbkwz1qcyd] {
    font-size: 2rem;
    font-weight: 600;
    color: black;
    padding-bottom: .2rem;
}

.user_info p[b-pbkwz1qcyd] {
    font-size: 1.2rem;
    font-weight: 400;
    color: black;
}
/* /Components/Shared/Bases/BaseModal.razor.rz.scp.css */

.CustomeModal[BaseModal-scope][BaseModal-scope] {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    /*max-width: 1680px;*/
    margin: 0 auto;
    background: #0000006e;
    transition: .3s;
    visibility: hidden;
    z-index: 9999;
    padding: 3rem;
}

    .CustomeModal.active[BaseModal-scope] {
        visibility: visible;
        
    }

.CustomeModal .modal_box[BaseModal-scope] {
    padding: 2rem;
    background: white;
    border-radius: .5rem;
    width: 50rem;
    max-width: 1680px;
}

        .CustomeModal .modal_box.active[BaseModal-scope] {
            left: 38vw;
        }

        .CustomeModal .modal_box button:focus[BaseModal-scope] {
            border: none;
            outline: none;
        }

        .CustomeModal .modal_box .modal_head[BaseModal-scope] {
            display: flex;
            justify-content: space-between;
            gap: 3rem;
            align-items: center;
            padding-bottom:1rem;
        }

            .CustomeModal .modal_box .modal_head h2[BaseModal-scope] {
                font-size: 2rem;
                font-weight: 600;
                font-family: 'Josefin Sans', sans-serif;
            }
/* /Components/Shared/Bases/BaseSelectElement.razor.rz.scp.css */
/* For virtualized grids, it's essential that all rows have the same known height */
ul li[BaseSelectElement-scope] {
    height: 30px;
}

#stockFormRight.selectItemBox[BaseSelectElement-scope] {
    position: relative;
}
.selectItemBox[BaseSelectElement-scope] {
    position: absolute;
    background: white;
    width: 100%;
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    z-index: 99;
    padding: 1rem;
    display: block;
}
.search_box[BaseSelectElement-scope]{
    display:flex;
}

    .search_box #SearchInput[BaseSelectElement-scope] {
        padding: .5rem;
        width: 100%;
        font-size: 1.4rem;
        border-radius: 7px;
        border: 1px solid #e2e2e2;
        outline: none;
        cursor: pointer;
    }

    .search_icon[BaseSelectElement-scope] {
        display: inline;
        font-size: 1.5rem;
        background: white;
        padding: 7px
    }

            .selectItem li[BaseSelectElement-scope] {
                min-width: 100%;
                width: auto;
                padding: .5rem .7rem;
                font-size: 1.5rem;
                cursor: pointer;
                border-bottom: 1px dashed gray;
                white-space: nowrap;
            }
         .selectItem li:hover[BaseSelectElement-scope] {
            background: #ebe9e9;
        }
    .selectBox .selectInput[BaseSelectElement-scope] {
        border-radius: 5px;
        outline: none;
        cursor:pointer;
    }

.selectItem[BaseSelectElement-scope] {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    flex-direction: column;
    max-height: 20rem;
    min-height: 20rem;
    overflow: auto;
}
    .selectItem #SearchInput[BaseSelectElement-scope] {
        font-size: 1.2rem;
        border: none;
        border-bottom: 1px solid black;
        border-radius: 0;
        outline: none;
        width: 90%;
    }

    .selectItem[BaseSelectElement-scope]::-webkit-scrollbar {
        background-color: transparent;
        width: .5rem;
        height: .5rem;
    }

    .selectItem[BaseSelectElement-scope]::-webkit-scrollbar-thumb {
        background-color: hsla(0, 0%, 46%, 0.5);
        border-radius: 8px;
        width: 1rem;
    }
.selectElm[BaseSelectElement-scope] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 3px;
    width: 100%;
}

    .selectElm span[BaseSelectElement-scope] {
        font-size: 1.4rem;
        font-weight: 400;
        text-transform: capitalize;
        width: 100%;
        padding: 4px 0;
    }
    .selectElm:hover[BaseSelectElement-scope] {
        background: #e3e3e3;
        cursor:pointer;
    }

.selectBox[BaseSelectElement-scope] {
    position: relative;
    cursor: pointer;
    border: 1px solid lightgray;
    border-radius: 5px;
}

.up_down_arrow[BaseSelectElement-scope] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: .5rem;
}
    .up_down_arrow button[BaseSelectElement-scope] {
        width: 22px;
        min-width: 20px;
        height: 22px;
        padding: 0;
        border: none;
        outline: none;
        background: transparent;
    }
        .up_down_arrow img[BaseSelectElement-scope]{
            width:15px;
        }
        .up_down_arrow button img[BaseSelectElement-scope] {
            width: 100%;
        }
@media (min-width: 320px) and (max-width:767.99px) {
    .selectCategory label[BaseSelectElement-scope]{
        padding-bottom: 1rem;
    }
}
/* /Components/Shared/Bases/BaseSuggestionInput.razor.rz.scp.css */
/* For virtualized grids, it's essential that all rows have the same known height */
ul li[BaseInputElement-scope] {
    height: 30px;
}

#stockFormRight.selectItemBox[BaseInputElement-scope] {
    position: relative;
}

.selectItemBox[BaseInputElement-scope] {
    position: absolute;
    background: white;
    width: 100%;
    border-radius: 1rem;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    z-index: 99;
    padding: 1rem;
    display: block;
}

.search_box[BaseInputElement-scope] {
    display: flex;
}

    .search_box #SearchInput[BaseInputElement-scope] {
        padding: .5rem;
        width: 100%;
        font-size: 1.4rem;
        border-radius: 7px;
        border: 1px solid #e2e2e2;
        outline: none;
        cursor: pointer;
    }

.search_icon[BaseInputElement-scope] {
    display: inline;
    font-size: 1.5rem;
    background: white;
    padding: 7px
}

.selectItem li[BaseInputElement-scope] {
    min-width: 100%;
    width: auto;
    padding: .5rem .7rem;
    font-size: 1.5rem;
    cursor: pointer;
    border-bottom: 1px dashed gray;
    white-space: nowrap;
}

    .selectItem li:hover[BaseInputElement-scope] {
        background: #ebe9e9;
    }

.selectBox .selectInput[BaseInputElement-scope] {
    border-radius: 5px;
    outline: none;
    cursor: pointer;
}

.selectItemBox[BaseInputElement-scope] {
}

.selectItem[BaseInputElement-scope] {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    flex-direction: column;
    max-height: 20rem;
    min-height: 20rem;
    overflow: auto;
}

    .selectItem #SearchInput[BaseInputElement-scope] {
        font-size: 1.2rem;
        border: none;
        border-bottom: 1px solid black;
        border-radius: 0;
        outline: none;
        width: 90%;
    }

    .selectItem[BaseInputElement-scope]::-webkit-scrollbar {
        background-color: transparent;
        width: .5rem;
        height: .5rem;
    }

    .selectItem[BaseInputElement-scope]::-webkit-scrollbar-thumb {
        background-color: hsla(0, 0%, 46%, 0.5);
        border-radius: 8px;
        width: 1rem;
    }

.selectElm[BaseInputElement-scope] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0 3px;
    width: 100%;
}

    .selectElm span[BaseInputElement-scope] {
        font-size: 1.4rem;
        font-weight: 400;
        text-transform: capitalize;
        width: 100%;
        padding: 4px 0;
    }

    .selectElm:hover[BaseInputElement-scope] {
        background: #e3e3e3;
        cursor: pointer;
    }

.selectBox[BaseInputElement-scope] {
    position: relative;
    cursor: pointer;
    border: 1px solid lightgray;
    border-radius: 5px;
}

.up_down_arrow[BaseInputElement-scope] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: .5rem;
}

    .up_down_arrow button[BaseInputElement-scope] {
        width: 22px;
        min-width: 20px;
        height: 22px;
        padding: 0;
        border: none;
        outline: none;
        background: transparent;
    }

        .up_down_arrow button img[BaseInputElement-scope] {
            width: 100%;
        }

@media (min-width: 320px) and (max-width:767.99px) {
    .selectCategory label[BaseInputElement-scope] {
        padding-bottom: 1rem;
    }
}
/* /Components/Shared/Bases/BaseTable.razor.rz.scp.css */

.tableContainer[BaseTable-scope] {
    min-height: 30rem;
    max-height: 50rem;
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    border-radius: 7px;
    background: var(--primary-bg);
    overflow-x: hidden;
}

/*custom scrollbar for notification dorpdown*/
    .tableContainer[BaseTable-scope]::-webkit-scrollbar {
        width: 5px;
        padding: 0;
        height: 5px;
    }

    .tableContainer[BaseTable-scope]::-webkit-scrollbar-track {
        background-color: lightgray;
    }

    .tableContainer[BaseTable-scope]::-webkit-scrollbar-track {
        background-color: lightgray;
        border-radius: 0;
        height: 10px;
    }

.tableContainer[BaseTable-scope]::-webkit-scrollbar-thumb {
    background-color: gray;
    border-radius: 100px;
    height:10px;
}
/* Fix height and enable scrolling */
.grid[BaseTable-scope]  table {
    min-width: 100%;
}

/* Sticky header while scrolling */
[BaseTable-scope] thead {
    position: sticky;
    top: 0;
    background-color: var(--tableHead);
    background: white;
    z-index: 5;
    border-bottom: 1px solid lightgray;
}

    [BaseTable-scope] thead tr th {
        padding: 1rem;
        font-size: 1.4rem;
    }
/* For virtualized grids, it's essential that all rows have the same known height */

[BaseTable-scope] .col-title-text{
    font-weight:500;
}
[BaseTable-scope] tbody tr {
    height: 45px;
    border-bottom: 0.5px solid silver;
    background: var(--primary-bg);
}

[BaseTable-scope] tbody tr:nth-child(even) {
    background-color: #f4f4f4;
}

[BaseTable-scope] tbody tr:hover {
    background-color: #f4f4f4;
}

[BaseTable-scope] tbody tr td {
    white-space: nowrap;
    overflow: visible;
    text-overflow: ellipsis;
    font-size: 1.5rem;
    padding-left: 1.5rem !important;
}

[BaseTable-scope] thead tr th .col-justify-right:last-child .col-header-content .col-title {
    justify-content: flex-end;
}

.action_btn[BaseTable-scope] {
    text-align: right;
}

@media (min-width: 320px) and (max-width: 767.98px) {
    .tableContainer[BaseTable-scope] {
        overflow: auto;
    }
}@media (min-width: 768px) and (max-width: 991.98px) {
    .tableContainer[BaseTable-scope] {
        overflow: auto;
    }
}
/* /Components/Shared/DeleteModal.razor.rz.scp.css */
[DeleteModal-scope] h2 {
    font-size: 2rem;
    font-weight: 600;
    font-family: 'Josefin Sans', sans-serif;
}

[DeleteModal-scope] h2 span {
    font-size: 2.5rem;
    color: red;
}

[DeleteModal-scope] p {
    font-size: 1.5rem;
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    padding: 1rem;
}

.dlt_btns[DeleteModal-scope] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
}

dlt_btns button[DeleteModal-scope] {
    padding: .5rem 2rem;
    font-size: 1.4rem !important;
    border: none;
    outline: none;
    font-family: 'Josefin Sans', sans-serif;
}

#deleteIcon[DeleteModal-scope] {
    padding-right: 1rem;
    width:4rem;
    display:inline-block;
}
    #deleteIcon img[DeleteModal-scope]{
        width:100%;
    }
/* /Components/Shared/LoadSpinner.razor.rz.scp.css */
.loadSpinner[Spinner-scope]
{
    position:absolute;
    top:0;
    left:50%;
}
/* /Components/Shared/PrintButtonComponent.razor.rz.scp.css */
.print-container[b-8ciu2skdy6] {
    position: relative;
    display: inline-block;
}

.dropdown[b-8ciu2skdy6] {
    position: absolute;
    top: 40px;
    left: 0;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    min-width: 100px;
    border: 1px solid #ccc;
    z-index: 1;
}

    .dropdown ul[b-8ciu2skdy6] {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .dropdown li[b-8ciu2skdy6] {
        padding: 8px;
        cursor: pointer;
    }

        .dropdown li:hover[b-8ciu2skdy6] {
            background-color: #ddd;
        }
/* /Components/Shared/PrintComponent.razor.rz.scp.css */
.PrintModal[b-w9rubms2ul] {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000007a;
    transition: .3s;
    visibility: hidden;
    z-index: 99999;
    padding: 3rem;
}

    .PrintModal.active[b-w9rubms2ul] {
        visibility: visible;
    }

    .PrintModal .modal_box[b-w9rubms2ul] {
        padding: 2rem;
        background: white;
        border-radius: .5rem;
        width: 90rem;
        max-width: 1680px;
    }

        .PrintModal .modal_box button:focus[b-w9rubms2ul] {
            border: none;
            outline: none;
        }

        .PrintModal .modal_box .modal_head[b-w9rubms2ul] {
            display: flex;
            justify-content: flex-end;
            gap: 1rem;
            align-items: center;
          padding: 0 0 1rem;
        }

            .PrintModal .modal_box .modal_head h2[b-w9rubms2ul] {
                font-size: 2rem;
                font-weight: 600;
                font-family: 'Josefin Sans', sans-serif;
            }
.modal_head button[b-w9rubms2ul], .modal_head a[b-w9rubms2ul] {
    font-size: 1.3rem;
    min-width: 6rem;
    padding: 0.5rem 1rem;
    font-weight: 600;
    border: none;
    line-height: 1.7rem;
    color: white;
    border-radius: .25rem;
    white-space: nowrap;
}
.modal_box iframe[b-w9rubms2ul] {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    height: 80vh;
}

.modal_box img[b-w9rubms2ul] {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
/* /Components/Shared/PrintInvoiceComponent.razor.rz.scp.css */
.PrintModal[b-d9d7gmvgcu] {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000007a;
    transition: .3s;
    visibility: hidden;
    z-index: 99999;
    padding: 3rem;
}

    .PrintModal.active[b-d9d7gmvgcu] {
        visibility: visible;
    }

    .PrintModal .modal_box[b-d9d7gmvgcu] {
        padding: 2rem;
        background: white;
        border-radius: .5rem;
        width: 90rem;
        max-width: 1680px;
    }

        .PrintModal .modal_box button:focus[b-d9d7gmvgcu] {
            border: none;
            outline: none;
        }

        .PrintModal .modal_box .modal_head[b-d9d7gmvgcu] {
            display: flex;
            justify-content: flex-end;
            gap: 1rem;
            align-items: center;
          padding: 0 0 1rem;
        }

            .PrintModal .modal_box .modal_head h2[b-d9d7gmvgcu] {
                font-size: 2rem;
                font-weight: 600;
                font-family: 'Josefin Sans', sans-serif;
            }
.modal_head button[b-d9d7gmvgcu], .modal_head a[b-d9d7gmvgcu] {
    font-size: 1.3rem;
    min-width: 6rem;
    padding: 0.5rem 1rem;
    font-weight: 600;
    border: none;
    line-height: 1.7rem;
    color: white;
    border-radius: .25rem;
    white-space: nowrap;
}
.modal_box iframe[b-d9d7gmvgcu] {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    height: 80vh;
}

.modal_box img[b-d9d7gmvgcu] {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

#invoice-modal-container[b-d9d7gmvgcu] {
    height: 700px;
    overflow: auto;
}

*[b-d9d7gmvgcu] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@page {
    size: A4;
    margin: 0;
}

body[b-d9d7gmvgcu] {
    font-family: Arial, sans-serif;
    background: #f5f5f5;
    padding: 20px;
}

.a4-container[b-d9d7gmvgcu] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 210mm;
    min-height: 297mm;
    background: white;
    margin: 0 auto;
    padding: 5px;
}

.header[b-d9d7gmvgcu] {
    text-align: center;
    border-bottom: 1px solid black;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.contact-info[b-d9d7gmvgcu] {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 15px;
}


    .contact-info span:nth-child(1)[b-d9d7gmvgcu] {
        width: 25%;
        text-align: left;
    }

    .contact-info span:nth-child(2)[b-d9d7gmvgcu] {
        width: 50%;
        text-align: center;
    }

    .contact-info span:nth-child(3)[b-d9d7gmvgcu] {
        width: 25%;
        text-align: right;
    }

.company-name[b-d9d7gmvgcu] {
    font-size: 24px;
    font-weight: bold;
    color: black;
    margin-top: 10px;
}

.company-tagline[b-d9d7gmvgcu] {
    font-size: 14px;
    color: black;
    margin-bottom: 5px;
}

.company-details[b-d9d7gmvgcu] {
    font-size: 12px;
    color: black;
}

.company-address[b-d9d7gmvgcu] {
    font-size: 11px;
    color: black;
    margin-top: 5px;
}

.invoice-info[b-d9d7gmvgcu] {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    padding: 15px;
    border-radius: 5px;
}

.invoice-to[b-d9d7gmvgcu] {
    flex: 1;
    width: 70%;
    text-align: left;
}

.invoice-details[b-d9d7gmvgcu] {
    text-align: left;
    width: 30%;
}

.label[b-d9d7gmvgcu] {
    font-weight: bold;
    color: black;
    margin-bottom: 5px;
}

.value[b-d9d7gmvgcu] {
    color: black;
    margin-bottom: 8px;
}

.items-table[b-d9d7gmvgcu] {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border: 1px solid black;
}

    .items-table th[b-d9d7gmvgcu] {
        color: black;
        padding: 12px;
        font-weight: 600;
        border: 1px solid black;
    }

    .items-table td[b-d9d7gmvgcu] {
        padding: 12px;
        border: 1px solid black;
    }

    .items-table tr:hover[b-d9d7gmvgcu] {
        background: #f8f9fa;
    }

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

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

.summary[b-d9d7gmvgcu] {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    height: 350px;
}

.summary-payment[b-d9d7gmvgcu] {
    width: 40%;
}

.summary-table[b-d9d7gmvgcu] {
    width: 60%;
}

.summary-payment-row[b-d9d7gmvgcu] {
    padding: 8px 0;
}

.summary-row[b-d9d7gmvgcu] {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    padding-right: 20px;
}

    .summary-row span:first-child[b-d9d7gmvgcu] {
        width: 60%;
        text-align: left;
    }

    .summary-row span:last-child[b-d9d7gmvgcu] {
        width: 40%;
        text-align: right;
    }

.return-policy[b-d9d7gmvgcu] {
    font-size: 11px;
    color: black;
    margin-top: auto;
    text-align: left;
    margin-bottom: 10px;
}

.footer[b-d9d7gmvgcu] {
    text-align: left;
    padding-top: 10px;
    border-top: 1px solid black;
    font-size: 7px;
}

@media print {
    body[b-d9d7gmvgcu] {
        background: white;
        padding: 0;
    }

    .a4-container[b-d9d7gmvgcu] {
        margin: 0;
    }
}
/* /Components/Shared/PrintStockReportComponent.razor.rz.scp.css */
.PrintModal[b-d4xmoaflnu] {
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000007a;
    transition: .3s;
    visibility: hidden;
    z-index: 99999;
    padding: 3rem;
}

    .PrintModal.active[b-d4xmoaflnu] {
        visibility: visible;
    }

    .PrintModal .modal_box[b-d4xmoaflnu] {
        padding: 2rem;
        background: white;
        border-radius: .5rem;
        width: 90rem;
        max-width: 1680px;
    }

        .PrintModal .modal_box button:focus[b-d4xmoaflnu] {
            border: none;
            outline: none;
        }

        .PrintModal .modal_box .modal_head[b-d4xmoaflnu] {
            display: flex;
            justify-content: flex-end;
            gap: 1rem;
            align-items: center;
          padding: 0 0 1rem;
        }

            .PrintModal .modal_box .modal_head h2[b-d4xmoaflnu] {
                font-size: 2rem;
                font-weight: 600;
                font-family: 'Josefin Sans', sans-serif;
            }
.modal_head button[b-d4xmoaflnu], .modal_head a[b-d4xmoaflnu] {
    font-size: 1.3rem;
    min-width: 6rem;
    padding: 0.5rem 1rem;
    font-weight: 600;
    border: none;
    line-height: 1.7rem;
    color: white;
    border-radius: .25rem;
    white-space: nowrap;
}
.modal_box iframe[b-d4xmoaflnu] {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    height: 80vh;
}

.modal_box img[b-d4xmoaflnu] {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

#invoice-modal-container[b-d4xmoaflnu] {
    height: 700px;
    overflow: auto;
}

*[b-d4xmoaflnu] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@page {
    size: legal landscape;
    margin: 0;
}

body[b-d4xmoaflnu] {
    font-family: Arial, sans-serif;
    background: #f5f5f5;
    padding: 20px;
}

.legal-container[b-d4xmoaflnu] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 216mm;
    min-height: 356mm;
    background: white;
    margin: 0 auto;
    padding: 5px;
}

.stock-report-header[b-d4xmoaflnu] {
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.company-name[b-d4xmoaflnu] {
    font-size: 24px;
    font-weight: bold;
    color: black;
    margin-top: 10px;
}

.company-tagline[b-d4xmoaflnu] {
    font-size: 14px;
    color: black;
    margin-bottom: 5px;
}

.items-table[b-d4xmoaflnu] {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    border: 1px solid black;
}

    .items-table th[b-d4xmoaflnu] {
        color: black;
        padding: 12px;
        font-weight: 600;
        border: 1px solid black;
    }

    .items-table td[b-d4xmoaflnu] {
        padding: 12px;
        border: 1px solid black;
    }

    .items-table tr:hover[b-d4xmoaflnu] {
        background: #f8f9fa;
    }

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

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

@media print {
    body[b-d4xmoaflnu] {
        background: white;
        padding: 0;
    }

    .legal-container[b-d4xmoaflnu] {
        margin: 0;
    }

    .stock-report-header *[b-d4xmoaflnu] {
        margin-left: auto;
        margin-right: auto;
    }
}
/* /Components/Shared/Tooltip.razor.rz.scp.css */
.tooltip-wrapper[b-73a2wtqeel] {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

#spanText[b-73a2wtqeel] {
    visibility: hidden;
    position: absolute;
    /*width: 110px;*/
    font-size: 1.2rem;
    bottom: 114%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #363636;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 9;
}

    #spanText[b-73a2wtqeel]::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.tooltip-wrapper:hover #spanText[b-73a2wtqeel] {
    visibility: visible;
}