@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';

/* /Layout/AdminComponents/AddInventoryCategory.razor.rz.scp.css */
.form-section[b-yi6zkm2ffv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}

.form-row[b-yi6zkm2ffv] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-yi6zkm2ffv] {
    flex: 1;
}


.hov-input[b-yi6zkm2ffv]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-yi6zkm2ffv] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-yi6zkm2ffv] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }
/* /Layout/AdminComponents/CategoryAdd.razor.rz.scp.css */





    .colorbg[b-5pvg2ckd9i] {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        margin-left: 10px;
    }
    /*Color palette design*/
    .colorpalettteicon[b-5pvg2ckd9i] {
        color: #fff;
        margin-top: 30%;
        font-size: 16px;
    }

        .colorpalettteicon:hover[b-5pvg2ckd9i] {
            color: #d9d9d9;
        }

    .selected-color-box[b-5pvg2ckd9i] {
        width: 3vw;
        height: 6vh;
        text-align: center;
        cursor: pointer;
        border-radius: 50%;
        border: 1px solid #000;
    }

    .SelectColorButton:hover[b-5pvg2ckd9i] {
        background-color: #d1d1d1;
    }

    .color-option[b-5pvg2ckd9i] {
        width: 2vw;
        height: 2vw;
        border-radius: 50%;
        cursor: pointer;
        border: 2px solid transparent;
        transition: border-color 0.3s;
    }

    .color-palette[b-5pvg2ckd9i] {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
        grid-auto-rows: minmax(20px, auto);
    }

    .color-option[b-5pvg2ckd9i] {
        width: 2vw;
        height: 2vw;
        border-radius: 50%;
        cursor: pointer;
        border: 2px solid transparent;
        transition: border-color 0.3s;
    }

    .colorpaletterow[b-5pvg2ckd9i] {
    }

    .modalDialogColorPalette[b-5pvg2ckd9i] {
        margin-top: 10%;
        height: 55vh;
    }

    .color-option:hover[b-5pvg2ckd9i] {
        border: 3px solid #000;
    }

    .color-option i[b-5pvg2ckd9i] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 20px;
    }

    .selected-color-box[b-5pvg2ckd9i] {
        width: 3vw;
        height: 6vh;
        text-align: center;
        cursor: pointer;
        border-radius: 50%;
        border: 1px solid #000;
    }

    .colorpalettteicon[b-5pvg2ckd9i] {
        color: #fff;
        margin-top: 30%;
        font-size: 16px;
    }

        .colorpalettteicon:hover[b-5pvg2ckd9i] {
            color: #d9d9d9;
        }

    .switch[b-5pvg2ckd9i] {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 34px;
    }

        .switch input[b-5pvg2ckd9i] {
            opacity: 0;
            width: 0;
            height: 0;
        }

    .slider[b-5pvg2ckd9i] {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .slider[b-5pvg2ckd9i]:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    input:checked + .slider[b-5pvg2ckd9i] {
        background-color: #2196F3;
    }

    input:focus + .slider[b-5pvg2ckd9i] {
        box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider[b-5pvg2ckd9i]:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

    .slider.round[b-5pvg2ckd9i] {
        border-radius: 34px;
    }

        .slider.round[b-5pvg2ckd9i]:before {
            border-radius: 50%;
        }

    .form-check-input[b-5pvg2ckd9i] {
        margin-right: 0.5rem;
    }




    .inactivebtn[b-5pvg2ckd9i] {
        background-color: #e72929; /* Red */
        color: white;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        cursor: default;
        font-size: 14px;
        text-align: center;
    }


  
/* /Layout/AdminComponents/DynamicTable.razor.rz.scp.css */
.containertable[b-2w1ud6u9k0] {
    /*    height: 53vh;*/
    height: calc(var(--vh, 1vh) * 100 - 300px);
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    overflow-y: auto;
    width: 100%;
    border-radius: 8px 8px 0 0;
}

.tablere thead[b-2w1ud6u9k0] {
    backdrop-filter: blur(10px);
    background-color: rgba(242, 242, 242, 0.85);
}

.tablere th:nth-child(1)[b-2w1ud6u9k0], .tablere td:nth-child(1)[b-2w1ud6u9k0] {
    width: 20%;
}
.tablere th:last-child[b-2w1ud6u9k0], .tablere td:last-child[b-2w1ud6u9k0] {
    width: 10%;
}
.tablere th:nth-last-child(2)[b-2w1ud6u9k0],
.tablere td:nth-last-child(2)[b-2w1ud6u9k0] {
    width: 10%;
}

.tablere tr:nth-child(even)[b-2w1ud6u9k0] {
    background-color: #fff;
}

.tablere tr:nth-child(odd)[b-2w1ud6u9k0] {
    background-color: #fff;
}

.tablere[b-2w1ud6u9k0] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .tablere td[b-2w1ud6u9k0] {
        border-bottom: 1px solid #0C214433;
        border-style: dotted;
    }

    .tablere th[b-2w1ud6u9k0], .tablere td[b-2w1ud6u9k0] {
        padding: 10px;
        word-wrap: break-word;
/*        overflow:hidden;*/
/*        text-overflow:ellipsis;*/
/*        white-space:nowrap;*/
    }

    .tablere thead[b-2w1ud6u9k0] {
        border-bottom: 1px solid #0C214433;
        margin-bottom: 0.2%;
        background-color: #f2f2f2;
        position: sticky;
        top: 0;
        z-index: 1;
    }

/* Scrollbar Styles */
.containertable[b-2w1ud6u9k0]::-webkit-scrollbar {
    width: 8px;
}

.containertable[b-2w1ud6u9k0]::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 4px;
}

.containertable[b-2w1ud6u9k0]::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 4px;
    border: 2px solid #f0f0f0;
}

    .containertable[b-2w1ud6u9k0]::-webkit-scrollbar-thumb:hover {
        background-color: #a0a0a0;
    }


/*inventory card design*/
/*.inventory-card {
    background: white;
    border-radius: 16px;
    padding: 24px;
    width: 320px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    border: 1px solid #e8edf3;
    transition: all 0.3s ease;
}

    .inventory-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    }

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
}

.product-info h2 {
    font-size: 18px;
    font-weight: 600;
    color: #1a202c;
    margin-bottom: 4px;
}

.product-type {
    font-size: 14px;
    color: #718096;
    font-weight: 400;
}

.status-badge {
    background: #2d3748;
    color: white;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.stats-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 24px;
}

.stat-item {
    display: flex;
    flex-direction: column;
}

.stat-label {
    font-size: 13px;
    color: #718096;
    margin-bottom: 4px;
    font-weight: 400;
}

.stat-value {
    font-size: 20px;
    font-weight: 600;
    color: #2d3748;
}

.net-movement {
    padding-top: 20px;
    border-top: 1px solid #e8edf3;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.net-movement-label {
    font-size: 14px;
    color: #4a5568;
    font-weight: 500;
}

.net-movement-value {
    font-size: 18px;
    font-weight: 600;
    color: #38a169;
}

    .net-movement-value.negative {
        color: #e53e3e;
    }
*/
/* Subtle animations */
.stat-value[b-2w1ud6u9k0] {
    transition: color 0.2s ease;
}

.inventory-card:hover .stat-value[b-2w1ud6u9k0] {
    color: #2b6cb0;
}
/*===============================*/


@media only screen and (max-width:320px) {
    .sale-card-header[b-2w1ud6u9k0] {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .sale-item-title[b-2w1ud6u9k0] {
        font-size: 11px;
    }

    .sale-item-value[b-2w1ud6u9k0] {
        font-size: 11px;
    }
    /* .textsides {
            width: 60%;
        }*/

    .view-button[b-2w1ud6u9k0] {
        /*padding: 4px 8px;*/
        width: 90%;
        font-size: 11px;
    }
}

@media only screen and (max-width:320px) and (max-height: 568px) {
}

@media only screen and (max-width:360px) and (max-height: 740px) {
}

@media only screen and (max-width:375px) and (max-height: 667px) {
}

@media only screen and (max-width:390px) {
    .sale-card-header[b-2w1ud6u9k0] {
        font-size: 15px;
    }

    .containertable[b-2w1ud6u9k0] {
        height: calc(100vh - 220px);
    }

    .sale-item-title[b-2w1ud6u9k0] {
        font-size: 12px;
    }

    .sale-item-value[b-2w1ud6u9k0] {
        font-size: 12px;
    }

    .view-button[b-2w1ud6u9k0] {
       /* padding: 5px 10px;*/
        font-size: 12px;
    }
}



@media only screen and (max-width:480px) {
    .containertable[b-2w1ud6u9k0] {
        height: calc(100vh - 230px);
    }

    /* .sale-card {
            padding: 10px;
            margin: 10px 0;
        }
*/
    .sale-card-header[b-2w1ud6u9k0] {
        font-size: 16px;
    }

    .sale-item-title[b-2w1ud6u9k0],
    .sale-item-value[b-2w1ud6u9k0] {
        font-size: 13px;
    }

    .view-button[b-2w1ud6u9k0] {
       /* padding: 6px 12px;*/
        font-size: 13px;
    }

    /* .textsides {
            width: 65%;
        }*/
}

@media only screen and (max-width:480px) and (max-height: 800px) {
}

@media only screen and (max-width:568px) {
}

@media only screen and (max-width:667px) {
    .containertable[b-2w1ud6u9k0] {
        height: 70%;
    }
}

@media (max-width: 768px) {
    .containertable[b-2w1ud6u9k0] {
        /*height: calc(100vh - 250px);*/
        overflow-y: auto;
        width: 100%;
        overflow-x: hidden;
        color: #000;
        padding: 0 0 1rem 0;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
    }

    .containertable[b-2w1ud6u9k0] {
        margin: 0 auto;
        height: calc(var(--vh, 1vh) * 100 - 230px);
        padding-bottom: 3rem;
    }


        .containertable[b-2w1ud6u9k0]::-webkit-scrollbar {
            display: none;
        }

    .tablere[b-2w1ud6u9k0] {
        display: none;
    }


    .flexthing[b-2w1ud6u9k0] {
        /* display: grid;
        grid-template-columns: 2fr auto;*/
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 0.4rem;
    }


    .sale-card[b-2w1ud6u9k0] {
        border: 1px solid #d9d9d9;
        border-radius: 12px;
        padding: 16px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.08);
        background-color: white;
    }

    .buttonside[b-2w1ud6u9k0] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-top: 10px;
    }

    .buttonside[b-2w1ud6u9k0] {
        /* display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-end;
        width: 30%;*/
        /*  display:grid;
       grid-template-columns:repeat(2, 1fr);
       gap:5%;*/
    }

    .sale-item[b-2w1ud6u9k0] {
        display: flex;
        flex-direction: column;
        /*        justify-content: space-between;*/
        margin-top: 8px;
        line-height: 1.5;
    }

    .sale-item-title[b-2w1ud6u9k0] {
        color: #66758D;
        font-size: 14px;
        font-weight: 400;
    }

    .sale-item-value[b-2w1ud6u9k0] {
        font-size: 14px;
        color: #050917;
        font-weight: 700;
    }

    .itemvalue[b-2w1ud6u9k0] {
        color: #14AD5A;
        font-weight: 600;
    }

    .textsides[b-2w1ud6u9k0] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.8rem;
        width: 100%;
    }

    .sale-card-header[b-2w1ud6u9k0] {
        font-weight: bold;
        color: #082248;
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .view-button[b-2w1ud6u9k0] {
        border: 2px solid #FBFCFD;
        border-radius: 8px;
      /*  padding: 15px;*/
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }

        .view-button:hover[b-2w1ud6u9k0] {
            background-color: #F1F5F9;
        }

    .view-button-view[b-2w1ud6u9k0] {
        border: 1px solid #FCFDFE;
        border-radius: 8px;
        background-color: transparent;
    }

    .sale-card[b-2w1ud6u9k0] {
        -webkit-font-smoothing: antialiased;
        text-rendering: optimizeLegibility;
    }

 /*   .containertable {
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }*/

    .view-button:active[b-2w1ud6u9k0] {
        transform: scale(0.98);
        opacity: 0.9;
    }



    .top-of-card[b-2w1ud6u9k0] {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 5%;
    }

    .topofcard[b-2w1ud6u9k0] {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 10px;
    }

    .inside-card[b-2w1ud6u9k0] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        width: 100%;
    }

    .sale-text[b-2w1ud6u9k0] {
        background-color: #F1F5F9;
        border-radius: 8px;
        padding: 15px;
        width: 100%;
        text-align: end;
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 956px) and (max-height: 440px) and (orientation: landscape) {
    .containertable[b-2w1ud6u9k0] {
        height: calc(var(--vh, 1vh) * 100 - 200px);
    }

    .tablere th[b-2w1ud6u9k0] {
        padding: 5px;
        font-size: 0.8rem;
    }

    .tablere td[b-2w1ud6u9k0] {
        font-size: 0.8rem;
        padding: 5px;
    }
}

@media only screen and (max-width: 844px) and (max-height: 390px) and (orientation: landscape) {
    .containertable[b-2w1ud6u9k0] {
        height: calc(var(--vh, 1vh) * 100 - 200px);
    }
    .tablere th[b-2w1ud6u9k0]{
        padding:5px;
        font-size:0.8rem;
    }
    .tablere td[b-2w1ud6u9k0] {
        font-size: 0.8rem;
        padding:5px;
    }
}
/* /Layout/AdminComponents/MultiSelect.razor.rz.scp.css */
.header[b-8hu4leiv5s] {
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-touch-callout: none;
}

.no_result[b-8hu4leiv5s] {
    margin: 0.3rem;
    padding: 0.3rem 0.5rem;
    list-style: none;
    text-align: left;
    font-size: 1rem;
    color: #212121;
    transition: all 0.1s ease-in-out;
    border-radius: 0.35rem;
    background-color: rgba(255, 255, 255, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.2s ease;
    outline: none;
}

h1[b-8hu4leiv5s] {
    color: rgba(255, 122, 122, 1);
    transition: var(--transition-1);
}

    h1 > a[b-8hu4leiv5s] {
        text-decoration: none;
        color: rgba(255, 122, 122, 1);
    }

        h1 > a[b-8hu4leiv5s]::selection {
            color: rgb(255, 122, 122);
        }

h4[b-8hu4leiv5s] {
    margin-bottom: 5px;
    color: #ffc6c6;
}

    h4[b-8hu4leiv5s]::selection {
        color: #ffc6c6;
    }

.mode[b-8hu4leiv5s] {
    margin-top: 20px;
}

.toggle[b-8hu4leiv5s] {
    display: flex;
    border: 1px solid #ffc6c6;
    height: 35px;
    width: 120px;
    border-radius: 50px;
    justify-content: flex-start;
    align-content: center;
    transition: var(--transition-2);
}

.toggler[b-8hu4leiv5s] {
    display: grid;
    cursor: pointer;
    background-color: rgba(255, 198, 198, 1);
    color: #fff;
    height: 25px;
    width: 60px;
    border-radius: 50px;
    margin: 5px;
    text-align: center;
    align-content: center;
    align-self: flex-start;
    transition: var(--transition-2);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-touch-callout: none;
}

    .toggler:hover[b-8hu4leiv5s] {
        width: 65px;
        background-color: rgba(255, 122, 122, 0.7);
    }

    .toggler[b-8hu4leiv5s]::selection {
        color: #fff;
    }

.strict[b-8hu4leiv5s] {
    display: inline;
}

.loose[b-8hu4leiv5s] {
    display: inline;
}

.autoComplete_wrapper[b-8hu4leiv5s] {
    display: inline-block;
    position: relative;
    width: 100%;
}

.autoComplete_wrapper > input[b-8hu4leiv5s] {
    width: 100%;
    height: 40px;
    padding: 0 20px;
    font-size: 1rem;
    border: 1px solid rgba(33, 33, 33, 0.2);
    border-radius: 4px;
    outline: none;
}

.autoComplete_wrapper > input:focus[b-8hu4leiv5s] {
    border: 1px solid rgba(33, 33, 33, 0.6);
}

.selection[b-8hu4leiv5s] {
    margin-top: 10px;
    font-size: 1rem;
    color: rgba(33, 33, 33, 0.8);
}

@media only screen and (max-width: 600px) {
    .selection[b-8hu4leiv5s] {
        margin-top: 15vh;
    }
}
/* /Layout/AdminComponents/NewDashboard.razor.rz.scp.css */

.calculation-container[b-0kxww6phsa] {
    min-height: 120px;
}


.calculation-container[b-0kxww6phsa] {
    position: relative;
    z-index: 1;
}
.dashboard-container[b-0kxww6phsa] {
    background-color: #f7f9fc;
    padding-bottom: 30px;
    min-height: 100vh;
    overflow-x: hidden;
   
    padding-bottom: calc(30px + env(safe-area-inset-bottom));
}

.calculation-container[b-0kxww6phsa] {
    margin-bottom: 30px;
    padding-bottom: env(safe-area-inset-bottom);
}

.header-dash h1[b-0kxww6phsa] {
    font-size: 1.75rem;
    font-weight: 700;
    color: rgba(12, 33, 68, 1);
    margin-bottom: 8px;
}

    .header-dash p[b-0kxww6phsa] {
        color: #6b7280;
        font-size: 0.9rem;
        margin-bottom: 00px;
    }

.date-info[b-0kxww6phsa] {
    margin: 10px 0 30px 0;
    font-size: 0.9rem;
    color: #374151;
}

    .date-info strong[b-0kxww6phsa] {
        font-weight: 600;
    }

.sales-cards[b-0kxww6phsa] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 30px;
    cursor:pointer;
}


.sales-card[b-0kxww6phsa] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    text-align: left;
    position: relative;
    box-shadow: 0px 10px 13px 0px rgba(17, 38, 146, 0.05);
    transition: all 0.3s ease;

}

    .sales-card:hover[b-0kxww6phsa] {
        box-shadow: 0px 14px 13px 0px rgba(17, 38, 146, 0.2);
    }

    .sales-card h3[b-0kxww6phsa] {
        /* Smooth transition for transform instead of font-weight */
        transition: transform 0.2s ease;
    }

    .sales-card:hover h3[b-0kxww6phsa] {
        /* Use transform scale for smoother effect */
        transform: scale(1.02);
        font-weight: 800;
    }

    .sales-card .arrow[b-0kxww6phsa] {
        /* Smooth transition for background and border */
        transition: background-color 0.3s ease, border 0.3s ease;
    }

    .sales-card:hover .arrow[b-0kxww6phsa] {
        background-color: #1AA05333;
        border: 2px solid #1AA05333;
    }
        .up-amount[b-0kxww6phsa] {
          display:flex;
          justify-content:space-between;
          align-items:center;
          gap:1%;
        }

.sales-card .title[b-0kxww6phsa] {
    color: #8A92A6;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.sales-card h3[b-0kxww6phsa] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 8px;
}

.sales-card p[b-0kxww6phsa] {
    color: #0C2144;
    font-size: 0.87rem;
    font-weight: 400;
    margin-bottom: 0;
}

.sales-card .arrow[b-0kxww6phsa] {
    width: 60px;
    height: 60px;
    border: 1.5px solid #1AA053;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1AA053;
    font-size: 1rem;
    font-weight: 600;
}

/*.metrics-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-bottom: 40px;
}

.metric-card {*/
    /* background: white; */
    /*border-radius: 12px;
    padding: 20px;
    box-shadow: 0px 10px 13px 0px rgba(17, 38, 146, 0.05);
    border: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    position: relative;
    align-items: center;
    gap: 16px;
}

    .metric-card .icon {
        width: 40px;
        height: 40px;
        border: 1.5px solid #079AA2;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 18px;
        flex-shrink: 0;
        padding: 15px;
    }*/

    /* .metric-card .content {
            flex: 1;
        } */

    /*.metric-card .percentage {
        font-size: 33px;
        font-weight: 00;
        color: #232D42;
        margin-bottom: 4px;
    }

    .metric-card .label {
        color: #068B92;
        font-size: 18px;
        font-weight: 400;
    }*/
.metrics-row[b-0kxww6phsa] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-bottom: 40px;
}

.metric-card[b-0kxww6phsa] {
    /* background: white; */
    border-radius: 12px;
    padding: 10px 20px;
    box-shadow: 0px 10px 13px 0px #1126920D;
    /*border: 1px solid #e5e7eb;*/
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    position: relative;
    align-items: center;
    gap: 16px;
    /* Smooth transition for all properties */
    transition: all 0.3s ease;
}

    .metric-card:hover[b-0kxww6phsa] {
        box-shadow: 0px 14px 13px 0px rgba(17, 38, 146, 0.2);
        transform: translateY(-2px);
    }
    .metric-card .icon i[b-0kxww6phsa] {
        color: #079AA2;
    }
    .metric-card .icon[b-0kxww6phsa] {
        width: 55px;
        height: 55px;
        border: 1.5px solid #079AA2;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 1.1rem;
        flex-shrink: 0;
        padding: 15px;
        /* Smooth transition for icon effects */
        transition: background-color 0.3s ease, border-color 0.3s ease, width 0.3s ease, height 0.3s ease;
    }

    .metric-card:hover .icon[b-0kxww6phsa] {
        background-color: #079AA233;
        border-color: #079AA2;
        width: 60px; /* Grow from 40px to 60px (+20px total, +10px each side) */
        height: 60px; /* Grow from 40px to 60px (+20px total, +10px each side) */
    }
    .metric-card:hover .percentage[b-0kxww6phsa]{
        font-weight:800;
    }
    /* .metric-card .content {
        flex: 1;
    } */
    .metric-card .percentage[b-0kxww6phsa] {
        font-size: 1.8rem;
        font-weight: 600;
        color: #232D42;
        text-align:end;
        margin-bottom: 4px;
        /* Smooth transition for percentage */
        transition: transform 0.2s ease;
    }

    .metric-card:hover .percentage[b-0kxww6phsa] {
        transform: scale(1.02);
    }

    .metric-card .label[b-0kxww6phsa] {
        color: #068B92;
        font-size: 1rem;
        font-weight: 400;
        text-align:end;
        /* Smooth transition for label */
        transition: color 0.3s ease;
    }

    .metric-card:hover .label[b-0kxww6phsa] {
        color: #079AA2;
    }

.content-grid[b-0kxww6phsa] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    margin-bottom: 30px;
}

.section[b-0kxww6phsa] {
    background: white;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border: 1px solid #e5e7eb;
}
    .section:hover[b-0kxww6phsa], .products-section:hover[b-0kxww6phsa] {
        box-shadow: 0px 14px 13px 0px #11269233;
    }

    .section h3[b-0kxww6phsa] {
        font-size: 1.1rem;
        font-weight: 700;
        color: #1f2937;
        margin-bottom: 6px;
    }

    .section .subtitle[b-0kxww6phsa] {
        color: #6b7280;
        font-size: 0.8rem;
        font-weight: 500;
        margin-bottom: 24px;
    }

.payment-types[b-0kxww6phsa] {
    margin-bottom: 15px;
}

.payment-bar[b-0kxww6phsa] {
    height: 50px;
    background: #f3f4f6;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    display: flex;
    width: 100%;
}

.payment-segment[b-0kxww6phsa] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 0.75rem;
    font-weight: 500;
    flex-shrink: 0;
}

    
    .payment-segment:nth-child(1)[b-0kxww6phsa] {
        background: #10b981;
    }

    .payment-segment:nth-child(2)[b-0kxww6phsa] {
        background: #34d399;
    }

    .payment-segment:nth-child(3)[b-0kxww6phsa] {
        background: #86efac;
    }


.legend-item:nth-child(1) .legend-color[b-0kxww6phsa] {
    background: #10b981;
}

.legend-item:nth-child(2) .legend-color[b-0kxww6phsa] {
    background: #34d399;
}

.legend-item:nth-child(3) .legend-color[b-0kxww6phsa] {
    background: #86efac;
}

.payment-legend[b-0kxww6phsa] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.legend-item[b-0kxww6phsa] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.87rem;
    color: #374151;
}

.legend-color[b-0kxww6phsa] {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    flex-shrink: 0;
}

.legend-amount[b-0kxww6phsa] {
    color: #9ca3af;
    margin-left: auto;
    font-weight: 500;
}

/* Section styling */
.section h3[b-0kxww6phsa] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 4px;
}

.subtitle[b-0kxww6phsa] {
    font-size: 1rem;
    font-weight:400;
    color: #8A92A6;
    color: #9ca3af;
    margin-bottom: 20px;
}
.snapshot-item[b-0kxww6phsa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
    font-size: 1rem;
    color: #8A92A6;
    font-weight:400;
}



.products-section[b-0kxww6phsa] {
    background: white;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border: 1px solid #e5e7eb;
}



    .products-section .subtitle[b-0kxww6phsa] {
        color: #6b7280;
        font-size: 0.8rem;
        font-weight: 500;
        margin-bottom: 24px;

    }
.table[b-0kxww6phsa] {
    width: 100%;
}
    .table tr td span[b-0kxww6phsa]{
        font-size: 1rem !important;
        font-weight: 400 !important;
        color: #8A92A6 !important;
    }
    .table tr td:nth-child(1)[b-0kxww6phsa] {
        width: 60%;
        font-size: 1rem;
        font-weight: 400;
        color: #8A92A6;
    }

    .table tr td:nth-child(2)[b-0kxww6phsa] {
        width: 10%;
        font-size: 1rem;
        font-weight: 400;
        color: #8A92A6;
    }

    .table tr td:nth-child(3)[b-0kxww6phsa] {
        text-align: end;
        font-size: 1rem;
        font-weight: 400;
        color: #8A92A6;
    }

.product-item[b-0kxww6phsa] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 1rem;
    font-weight: 400;
    color: #8A92A6;
}

    .product-item:last-child[b-0kxww6phsa] {
        border-bottom: none;
    }

.product-info[b-0kxww6phsa] {
    display: flex;
    gap: 20px;
    flex: 1;
}


.product-quantity[b-0kxww6phsa] {
    color: #1a1a1a;
    font-size: 0.87rem;
    min-width: 30px;
}



.calculation-row[b-0kxww6phsa] {
    display:flex;
    justify-content:center;
    align-items:center;
}

.calc-item[b-0kxww6phsa] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding:20px;
    margin:0 10px;
    border-radius:8px;
    background-color: transparent;
    box-shadow: 0px 10px 13px 0px #1126920D;
    justify-content:space-between;
}
    .calc-item:hover[b-0kxww6phsa] {
        box-shadow: 0px 14px 13px 0px rgba(17, 38, 146, 0.2);
    }

.calc-icon[b-0kxww6phsa] {
    width: 55px;
    height: 55px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    border: 1px solid #0C2144;
    color: #0C2144;
}
.calc-icon i[b-0kxww6phsa]{
    font-size:2rem;
}

    .calc-icon.revenue[b-0kxww6phsa] {
        color: #0C2144;
    }

    .calc-icon.cost[b-0kxww6phsa] {
        background-color: #f3f4f6;
        color: #374151;
    }

    .calc-icon.profit[b-0kxww6phsa] {
        color: #0C2144;
    }

.calc-content[b-0kxww6phsa] {
    text-align: end;
}

.calc-value[b-0kxww6phsa] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 2px;
}

.calc-label[b-0kxww6phsa] {
    font-size: 0.8rem;
    color: #64748b;
    font-weight: 500;
}

.calc-operator[b-0kxww6phsa] {
    font-size: 0.75rem;
    font-weight: 800;
    color: #64748b;
    display:flex;
    justify-content:center;
    align-items:center;
}

.linechart[b-0kxww6phsa]{
    height:10vh;
    background-color:#fff;
    margin:10px;
}



.no-data[b-0kxww6phsa] {
    text-align: center;

    color: #9ca3af; 
    font-size: 0.87rem;
    padding: 10px 0;
}

.card-headers[b-0kxww6phsa] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #000;
    margin-bottom: 6px;
}

@media only screen and (max-width:1315px){
    .sales-card h3[b-0kxww6phsa]{
        font-size:1.3rem;
    }
    .sales-card .arrow[b-0kxww6phsa] {   
        height:55px;
        width:55px;

    }


@media only screen and (max-width:1200px) {
    .sales-card h3[b-0kxww6phsa] {
        font-size: 1.2rem;
    }

    .sales-card .arrow[b-0kxww6phsa] {
        height: 50px;
        width: 50px;
    }
    .sales-card title[b-0kxww6phsa]{
        font-size:0.9rem;
        }
    .sales-card[b-0kxww6phsa]{
        padding:16px;
    }
    .section h3[b-0kxww6phsa]{
        font-size:1.5rem;
    }
    .card-headers[b-0kxww6phsa]{
        font-size:1.5rem;
    }
}
}

@media only screen and (max-width:1080px){
    .header-dash h1[b-0kxww6phsa]{
        font-size:1.6rem;
    }
    .section h3[b-0kxww6phsa], .card-headers[b-0kxww6phsa] {
        font-size: 1.3rem;
    }

    .metrics-row .percentage[b-0kxww6phsa]{
        font-size:1.5rem;
    }
    .calc-item[b-0kxww6phsa]{
        padding:10px 20px;
    }
}
@media only screen and (max-width:992px) {
    .header-dash h1[b-0kxww6phsa] {
        font-size: 1.6rem;
    }

    .section h3[b-0kxww6phsa], .card-headers[b-0kxww6phsa] {
        font-size: 1.3rem;
    }

    .metrics-row .percentage[b-0kxww6phsa] {
        font-size: 1.5rem;
    }

    .calc-item[b-0kxww6phsa] {
        padding: 10px 20px;
    }
}



@media only screen and (max-width: 768px) {
    .dashboard-container[b-0kxww6phsa] {
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;
    }

    .calculation-row[b-0kxww6phsa] {
        width: 100%;
        max-width: 100%;
    }
  .header-dash[b-0kxww6phsa]{
      text-align:center;
  }
    .content-grid[b-0kxww6phsa] {
        grid-template-columns: 1fr;
    }

    .sales-cards[b-0kxww6phsa] {
        grid-template-columns: repeat(2, 1fr);
    }


    .metric-card[b-0kxww6phsa] {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }
    .calculation-row[b-0kxww6phsa] {
    
    }

    .calc-operator[b-0kxww6phsa] {
  
       font-size:1.8rem;
    }
    .calc-value[b-0kxww6phsa]{
        font-size:1.2rem;
    }
    .calc-item[b-0kxww6phsa]{
        padding:10px;
        margin:0 5px;
    }
    .calc-icon i[b-0kxww6phsa]{
        font-size:1.5rem;
    }
    .calc-label[b-0kxww6phsa]{
        font-size:0.7rem;
    }
}
@media only screen and (max-width: 576px) {
    .calc-value[b-0kxww6phsa]{
        font-size:1rem;
    }
    .calc-label[b-0kxww6phsa]{
        font-size:0.6rem;
    }
    .calc-icon i[b-0kxww6phsa]{
        font-size:1.2rem;
    }
}
@media only screen and (max-width: 568px) {
    .calculation-container[b-0kxww6phsa] {
        margin-bottom: 40px; /* Add more space at bottom */
        padding: 0 10px; /* Add horizontal padding */
    }

    .calculation-row[b-0kxww6phsa] {
        display: flex;
        flex-direction: column !important;
        align-items: center;
        gap: 20px; /* Add gap between items */
    }

    .calc-item[b-0kxww6phsa] {
        width: 90% !important; /* Changed from 60% for better visibility */
        max-width: 300px; /* Prevent items from being too wide */
        padding: 20px;
        margin: 0; /* Remove horizontal margins */
    }
       .calc-item[b-0kxww6phsa]{
           width:60% !important;
           padding:20px;
       }
    .calc-operator[b-0kxww6phsa] {
        transform: rotate(90deg);
        margin:10px 0 0 0 ;
    }
    .calc-value[b-0kxww6phsa]{
        font-size:1.5rem;
    }
    .calc-label[b-0kxww6phsa]{
        font-size:1rem;
    }.calc-icon i[b-0kxww6phsa]{
         font-size:1.8rem;
     }
     .metric-card .label[b-0kxww6phsa]{
         font-size:0.8rem;
     }

}
@media only screen and (max-width: 420px) {
    
    .metrics-row[b-0kxww6phsa]{
        grid-template-columns:repeat(1, 1fr);
    }
    .sales-card[b-0kxww6phsa]{
        padding:10px;
    }
    .sales-card h3[b-0kxww6phsa]{
        font-size:1rem;

    }
    .sales-card .title[b-0kxww6phsa]{
        font-size:0.8rem;
        margin-bottom:10px;

    }
    .sales-card p[b-0kxww6phsa]{
        font-size:0.6rem;
    }
    .sales-card .arrow[b-0kxww6phsa]{
        height:45px;
        width:45px;
    }
    .metric-card .icon[b-0kxww6phsa]{
        height:60px;
        width:80px;
    }
    .metric-card .label[b-0kxww6phsa]{
        font-size:1rem;
    }
    .metric-card[b-0kxww6phsa]{
        gap:5px;
    }
    .products-section[b-0kxww6phsa], .section[b-0kxww6phsa]{
        padding:15px;
    }
    .product-item[b-0kxww6phsa], .snapshot-item[b-0kxww6phsa]{
        font-size:0.8rem;
        padding:5px 0;
    }
    .card-headers[b-0kxww6phsa]{
        font-size:1.1rem;
    }
    .table tr td span[b-0kxww6phsa] {
        font-size: 0.8rem !important;
        font-weight: 400 !important;
        color: #8A92A6 !important;
    }

    .table tr td:nth-child(1)[b-0kxww6phsa] {
        width: 60%;
        font-size: 0.8rem;
       
    }


    .table tr td:nth-child(2)[b-0kxww6phsa] {
        width: 10%;
        font-size: 0.8rem;
        
    }

    .table tr td:nth-child(3)[b-0kxww6phsa] {
        text-align: end;
        font-size: 0.8rem;
        
    }
    .table[b-0kxww6phsa]{
        margin-bottom:10px;
    }
    .calc-item[b-0kxww6phsa]{
        width:90% !important;
    }
    .calc-value[b-0kxww6phsa]{
        font-size:1.2rem;
    }
    .calc-label[b-0kxww6phsa]{
        font-size:0.8rem;
    }
}
@media only screen and (max-width: 370px) {
    .sales-cards[b-0kxww6phsa]{
        gap:10px;
    }
    .sales-card .arrow[b-0kxww6phsa]{
        height:35px;
        width:35px;
    }
    .sales-card h3[b-0kxww6phsa]{
        font-size:0.9rem;
                 
    }
}

@media only screen and (max-width: 360px) {


}



/*.payment-types {
    margin-bottom: 15px;
}

.payment-bar {
    height: 40px;
    background: #e5e7eb;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 15px;
    display: flex;
}

.payment-segment {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    font-weight: 500;
}

.cash-segment {
    background: #10b981;
    width: 50%;
}

.card-segment {
    background: #3b82f6;
    width: 30%;
}

.online-segment {
    background: #6366f1;
    width: 20%;
}

.payment-legend {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
}

.legend-color {
    width: 12px;
    height: 12px;
    border-radius: 2px;
}

    .legend-color.cash {
        background: #10b981;
    }

    .legend-color.card {
        background: #3b82f6;
    }

    .legend-color.online {
        background: #6366f1;
    }

.legend-amount {
    color: #666;
    margin-left: auto;
}
*/
/* /Layout/AdminComponents/NumberOf.razor.rz.scp.css */
.circle-title[b-6dfxolz9o6]{
    display:flex;
    gap:10px;
}
.tracker-container[b-6dfxolz9o6] {
    background-color: #f7f9fc;
    border-radius: 10px;
    width: 100%;
    max-width: 50VW;
/*    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);*/

}

.progress-items[b-6dfxolz9o6] {
    display: flex;
    justify-content: space-between;
    gap: 20px;

}

.progress-item[b-6dfxolz9o6] {
    flex: 1;
    position: relative;
    background-color:#fff;
    border-radius:16px;
    padding: 10px;
}

.circle-indicator[b-6dfxolz9o6] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid #000;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}

.item-title[b-6dfxolz9o6] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
    display:flex;
    flex-direction:column;
    justify-content:center;
/*    align-items:center;*/

}

.item-count[b-6dfxolz9o6] {
    font-size: 12px;
    color: #666;
    margin-bottom: 8px;
}

.progress-bar[b-6dfxolz9o6] {
    height: 6px;
    width: 100%;
    background-color: #e1effe;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.progress-fill[b-6dfxolz9o6] {
    height: 100%;
    background-color: #0a2351;
    border-radius: 10px 0 0 10px;
}

.footer[b-6dfxolz9o6] {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    padding-right: 20px;
    font-size: 12px;
    color: #888;
}

/* Responsive design */
@media (max-width: 600px) {
    .progress-items[b-6dfxolz9o6] {
        flex-direction: column;
    }
}
/* /Layout/AdminComponents/PaginationComponent.razor.rz.scp.css */
.paginationpart[b-5pfcyyyory] {
    padding: 10px 0;
    margin-top: 10px;
    position: fixed;
    bottom: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
    width: calc(100% - 280px);
}

.pagination[b-5pfcyyyory] {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 0;
    list-style: none;
}

.pageitem[b-5pfcyyyory] {
    display: inline-block;
}

.pagelink[b-5pfcyyyory] {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    color: #0c2144;
    cursor: pointer;
}

.pagelink.active[b-5pfcyyyory] {
    background-color: #082248;
    color: #fff;
    border-radius: 6px;
}

.pagelinkbtn[b-5pfcyyyory] {
  
    background-color: transparent;
    font-size: 14px;
    color: rgba(158, 158, 158, 1);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: background-color 0.2s;
    cursor:pointer;
    border:none;
}

    .pagelinkbtn:hover[b-5pfcyyyory] {
       
        color: #444;
    }

.pagelinkbtn.disabled[b-5pfcyyyory] {
    background-color: transparent;
    color: #bbb;
    cursor: default;
    border:none;
    cursor:pointer;
}
 
    .current-page[b-5pfcyyyory] {
        font-size: 14px;
        font-weight: 500;
        color: #444;
        padding: 0 10px;
    }




.paginationpart select[b-5pfcyyyory] {
    border: none;
    background-color: #d9d9d9;
    border-radius: 5px;
    height:5vh;
    color:#111;
    width: 4vw;
    border: none;
   
    font-weight: 600;
}

.paginationpartmbl[b-5pfcyyyory]{
    justify-content:center !important;
    width:100%;
   padding-left:3%;
}

@media only screen and (max-width:1700px) {
    .paginationpart select[b-5pfcyyyory] {
      
        font-size: 20px;
    }

    .paginationpart[b-5pfcyyyory] {
        display: flex;
        justify-content: space-around;
  
    }

    
}
@media only screen and (max-width:1440px) {
    .paginationpart select[b-5pfcyyyory] {
        
        font-size: 18px;
    }

    .paginationpart[b-5pfcyyyory] {
        display: flex;
        justify-content: space-around;
    }

}

@media only screen and (max-width:1024px) {
    .paginationpart select[b-5pfcyyyory] {
        width: 8vw;
        font-size: 16px;
    }

   
    
}
@media only screen and (max-width: 956px) and (max-height: 440px) and (orientation: landscape) {
    .paginationpart[b-5pfcyyyory] {
        bottom: 10px;
        padding: 5px 0;
        margin-top: 5px;
    }

    .pagelink[b-5pfcyyyory] {
        font-size: 12px;
    }
}


@media only screen and (max-width: 844px) and (max-height: 390px) and (orientation: landscape) {
    .paginationpart[b-5pfcyyyory]{
        bottom:10px;
        padding:5px 0;
        margin-top:5px;
    }
    .pagelink[b-5pfcyyyory]{
        font-size:12px;
    }
}
    /*@media only screen and (max-width: 768px) {



    @media only screen and (max-width: 768px) {
        .paginationpartmbl {
            background-color: white;
            position: absolute;
            left: 0;
            right: 0;
        
            box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
            z-index: 1000;
            bottom:5px;
        }

        .containertable {
            
            margin-bottom: calc(env(safe-area-inset-bottom, 0) + 60px);
        }
    }*/


    .pagelinkbtn[b-5pfcyyyory] {
        padding: 6px 10px;
        font-size: 13px;
    }

    .current-page[b-5pfcyyyory] {
        font-size: 13px;
    }


    .containertable[b-5pfcyyyory] {
        margin-bottom: 50px;
    }
}


    /* ===== MOBILE PAGINATION FIX ===== */
    .pagination-spacer-mobile[b-5pfcyyyory] {
        display: none; /* Hidden by default */
    }

    .paginationpartmbl[b-5pfcyyyory] {
        justify-content: center;
        width: 100%;
    }

    @media only screen and (max-width: 768px) {
        .pagination-spacer-mobile[b-5pfcyyyory] {
            display: block;
            height: calc(60px + env(safe-area-inset-bottom, 0px));
        }

        .paginationpartmbl[b-5pfcyyyory] {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            height: 50px;
            background: white;
            display: flex;
            justify-content: center;
            align-items: center;
            box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
            padding-bottom: env(safe-area-inset-bottom, 0px);
            z-index: 1000;
            padding-left: 0;
        }

            .paginationpartmbl .pagination[b-5pfcyyyory] {
                margin: 0;
                padding: 0;
                width: 100%;
                justify-content: center;
                gap: 8px;
            }

        /* Adjustments for small screens */
        @media only screen and (max-width: 480px) {
            .paginationpartmbl[b-5pfcyyyory] {
                height: 45px;
            }

            .pagination-spacer-mobile[b-5pfcyyyory] {
                height: calc(45px + env(safe-area-inset-bottom, 0px));
            }

            .pagelinkbtn[b-5pfcyyyory] {
                padding: 5px 8px;
                font-size: 12px;
            }

            .current-page[b-5pfcyyyory] {
                font-size: 12px;
                padding: 0 5px;
            }
        }

        /* Adjustments for very small screens */
        @media only screen and (max-width: 360px) {
            .paginationpartmbl[b-5pfcyyyory] {
                height: 40px;
            }

            .pagination-spacer-mobile[b-5pfcyyyory] {
                height: calc(40px + env(safe-area-inset-bottom, 0px));
            }

            .pagelinkbtn[b-5pfcyyyory] {
                padding: 4px 6px;
                font-size: 11px;
            }
        }
    }
}
    /*@media only screen and (max-width:667px) {
 
}

@media only screen and (max-width:568px) {
  

    .paginationpart {
        position: absolute;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        background-color: #fff;
    }

  
   
}


@media only screen and (max-width:480px) {
    .pagelinkbtn {
        padding: 5px 8px;
        font-size: 12px;
    }
    
    .current-page {
        font-size: 12px;
    }
    .selectcompany {
        font-size: 14px;
    }
    .paginationpart {*/
/*        position: fixed;*/
        /*bottom: 0;
        display: flex;
        justify-content: space-between;
        background-color: #fff;*/
/*        margin-bottom: 1vh;*/
        
    /*}
}

@media only screen and (max-width:480px) and (max-height: 932px) {

}
    @media only screen and (max-width:390px) and (max-height: 844px) {
      
    }

    @media only screen and (max-width:390px) {
        

      
      
        .selectcompany {
            font-size: 13px;
        }

     
    }



    @media only screen and (max-width:360px) and (max-height: 740px) {
      
          
    }

    @media only screen and (max-width:320px) {

        .paginationpart {
            margin-left:-40px;
        }

        .pagination {
            margin-bottom:0;
        }
        .selectcompany {
            font-size: 13px;
        }

        .paginationpart {
            width: 100%;
        }
    }
@media only screen and (max-width:380px) {

    .paginationpart {
        margin-left: -10px;
    }

    .pagination {
        margin-bottom: 0;
    }

    .selectcompany {
        font-size: 13px;
    }

    .paginationpart {
        width: 100%;
      
    }
}
    @media only screen and (max-width:320px) {
       
        }*/
/* /Layout/AdminComponents/SearchFilter.razor.rz.scp.css */

.collapsible[b-u8tus1l5ta] {
    background-color: #FFF;
    color: #000;
    cursor: pointer;
    padding: 10px;
    width: 100vw;
    display: flex;
    display: flex;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: background-color 0.3s;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

.back-btn[b-u8tus1l5ta] {
    border: none;
    padding: 10px;
    cursor: pointer;
    background-color: transparent;
    color: #1A72DD;
    font-size:20px;
}

.dropdown-content[b-u8tus1l5ta] {
    border: 1px solid #000;
    border-radius:0 0 20px 20px;
 background-color:#FFF !important;
}

.amount[b-u8tus1l5ta] {
    font-size: 16px;
    font-weight: 500;
}

.content[b-u8tus1l5ta] {
    padding: 10px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
    flex-direction: column;
    gap: 2%;
}


.dropdowndiv[b-u8tus1l5ta] {
    width: 20%;
}

.dropdownselect[b-u8tus1l5ta] {
    width: 100%;
    height: 6vh;
    border: 1px solid #000;
    padding-left: 10px;
    border-radius: 5px;
    background-color: #fff;
}

    .dropdownselect:hover[b-u8tus1l5ta] {
        border: 1px solid #111;
    }



input[type="checkbox"][b-u8tus1l5ta] {
    display: none;
}

    input[type="checkbox"]:checked ~ .content[b-u8tus1l5ta] {
        display: block;
    }


.threeofthem[b-u8tus1l5ta] {
    display: grid;
    grid-template-columns: 10% 80% 10%;
    width: 100%;
}



.export-button-div[b-u8tus1l5ta] {
    position: relative;
}

.export-btn[b-u8tus1l5ta] {
    background-color: transparent;
    border: none;
    font-size: 24px;
    color: #0C2144;
}

    .export-btn:hover[b-u8tus1l5ta] {
        color: #082248;
    }

.export-popup[b-u8tus1l5ta] {
    position: absolute;
    top: 110%;
    right: 0;
    width: 150px;
    background: white;
    border-radius: 8px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.3s ease-in-out;
    z-index: 100;
}

    .export-popup.show[b-u8tus1l5ta] {
        opacity: 1;
        transform: translateX(0);
    }

.export-item[b-u8tus1l5ta] {
    display: flex;
    align-items: center;
    gap: 2vw;
    padding: 5px 15px;
    cursor: pointer;
}
.export-item span[b-u8tus1l5ta]{

}
.hrofexport[b-u8tus1l5ta]{
    height:2px;
    background-color:#000;
}

.export-item:hover[b-u8tus1l5ta] {
    background-color: #f0f0f0;
}

    .export-item img[b-u8tus1l5ta] {
        width: 24px;
        height: 24px;
    }

    .export-item span[b-u8tus1l5ta] {
        font-size: 16px;
        font-weight: 500;
        color: #0C2144;
    }

hr[b-u8tus1l5ta] {
    margin: 4px 0;
    border: none;
    border-top: 1px solid #ccc;
}
/*======================================================*/

.top-part[b-u8tus1l5ta] {
 display:flex;
justify-content:space-between;
margin-bottom:1rem;
}
.search-filters[b-u8tus1l5ta] {
    background-color: #F7F9FC;
    padding-bottom:1rem;
}
.button-18[b-u8tus1l5ta] {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
}

    .button-18:hover[b-u8tus1l5ta] {
        background-color: #0C2144;
        color: #fff;
    }

.addandicondiv[b-u8tus1l5ta] {
    display: flex;
    justify-content: end;
    gap: 3%;
}


.iconcluster[b-u8tus1l5ta] {
    display: flex;
    justify-content: end;
    align-items: center;
}

.sub-page-name[b-u8tus1l5ta] {
    color: #0C2144;
    font-size: 16px;
    font-weight: 300;
}

.page-heading[b-u8tus1l5ta] {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 0;
    color: #0C2144;
    display: flex;
    flex-direction: column;
    line-height: 100%;
}

    .page-heading p[b-u8tus1l5ta] {
        margin-bottom: 0;
    }

.iconpack[b-u8tus1l5ta] {
    display: flex;
    align-items: center;
    justify-content: end;
}

.icon-color[b-u8tus1l5ta] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 8vw;
    height: 6vh;
    border-radius: 5px;
    background-color: #ABBFE0;
}


    .icon-color i[b-u8tus1l5ta] {
        color: #0C2144;
        font-size: 24px;
    }

        .icon-color i:hover[b-u8tus1l5ta] {
            color: red;
        }

[b-u8tus1l5ta]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-u8tus1l5ta]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}


.searchpart[b-u8tus1l5ta] {
    display: flex;
    gap: 1%;
    align-items: end;
    margin-bottom: 2%;
}


.dateinputpart[b-u8tus1l5ta],
.inputsearch[b-u8tus1l5ta],
.searchbtn[b-u8tus1l5ta],
.btn-group[b-u8tus1l5ta],
.dropdowmdroupdown[b-u8tus1l5ta] {
    border-radius: 5px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .dateinputpart:hover[b-u8tus1l5ta],
    .inputsearch:hover[b-u8tus1l5ta],
    .searchbtn:hover[b-u8tus1l5ta],
    .btn-group:hover[b-u8tus1l5ta],
    .dropdowmdroupdown:hover[b-u8tus1l5ta] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

.dateinputpart[b-u8tus1l5ta] {
    width: 100%;
    font-weight: lighter;
    padding: 10px 15px;
    border: none;
}

    .dateinputpart[b-u8tus1l5ta]::placeholder {
        color: #8A92A6;
        font-size: 16px;
    }

.buttondiv[b-u8tus1l5ta] {
    display: flex;
}

.inputsearch[b-u8tus1l5ta] {
    width: 50%;
    height: 6vh;
    padding-left: 20px;
    border-radius: 10px 0 0 10px;
    background-color: #ECECEB;
}

.filter-group-btn[b-u8tus1l5ta] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.searchbtn[b-u8tus1l5ta] {
    width: 100%;
    padding: 10px;
    color: #FFF;
    background-color: #0C2144;
    border-radius: 10px;
}

.labeell[b-u8tus1l5ta] {
    font-size: 18px;
}

.containertable[b-u8tus1l5ta] {
    margin: 2% 0;
    border-radius: 10px;
    border: 2px solid #dcdcdc;
    overflow: hidden;
}

.table[b-u8tus1l5ta] {
    margin-bottom: 0;
    width: 100%;
    border-collapse: collapse;
}

    .table thead[b-u8tus1l5ta] {
        background-color: #f9f9f9;
        position: sticky;
        top: 0;
        z-index: 1;
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .table tbody[b-u8tus1l5ta] {
        display: block;
        height: 45vh;
        overflow-y: scroll;
        font-weight: 400;
        font-size: 14px;
        width: 100%;
    }

        .table tbody tr[b-u8tus1l5ta],
        .table thead tr[b-u8tus1l5ta] {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

    .table thead th[b-u8tus1l5ta] {
        padding: 10px;
        text-align: center;
    }

    .table tbody td[b-u8tus1l5ta] {
        padding: 10px;
        text-align: center;
    }

.selectcompany[b-u8tus1l5ta] {
    background-color: #dcdcdc;
    border: none;
    border-radius: 5px;
}



.letcolaps[b-u8tus1l5ta] {
    margin-bottom: 2%;
}

.pagename[b-u8tus1l5ta] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid black;
}

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

.thename[b-u8tus1l5ta] {
    flex-grow: 1; 
    text-align: center;
}

.AddBtnMbl[b-u8tus1l5ta] {
    display:flex;
    justify-content:center;
    align-items:center;
    height: 5vh;
    width: 5vw;
    border-radius: 10px;
    background-color: #082248;
    color: #fff;
}

.pagename .AddBtnMbl:not(:empty) ~ .thename[b-u8tus1l5ta] {
    margin-left: -10%;
}

.dateinputpartmbl[b-u8tus1l5ta] {
    border-radius: 5px;
    border: 1px solid black;
}

.iticon[b-u8tus1l5ta] {
    display: flex;
    justify-content: center;
    align-items: center;
}
.buttonadd[b-u8tus1l5ta]{
    display:flex;
    justify-content:center;
    align-items:center;
}




.filter-wrapper[b-u8tus1l5ta] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.addbuttondiv[b-u8tus1l5ta] {
    display: flex;
    justify-content: end;
    gap:2%;
}

.searchandadd[b-u8tus1l5ta] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 1%;
    margin-bottom: 1rem;
}

.searchandfilter[b-u8tus1l5ta] {
    display: flex;
    gap: 5%;
}


.filter-wrapper[b-u8tus1l5ta] {
    position: relative;
}

.filter-btn[b-u8tus1l5ta] {
    background-color: transparent;
    color: white;
    border: none;
    font-size: 28px;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #0C2144;
}

/* Modal overlay */
.modal-overlay[b-u8tus1l5ta] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* Modal box */
.modal-content[b-u8tus1l5ta] {
    background-color: #F7F6FE;
    border-radius: 10px;
    padding: 25px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    animation: popIn-b-juoomyjqbe 0.4s ease;
    width: 452px;
}


@keyframes popIn-b-u8tus1l5ta {
    from {
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.filter-header[b-u8tus1l5ta] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 22px;
    margin-bottom: 20px;
}

.close-btn[b-u8tus1l5ta] {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #0C2144;
}

.filter-body[b-u8tus1l5ta] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    background-color: #fff;
    padding: 10px;
}

.filter-group[b-u8tus1l5ta] {
    display: flex;
    flex-direction: column;
    justify-content:center;
}


.amount-total[b-u8tus1l5ta] {
    font-size: 18px;
    color: #0C2144;
    font-weight: bold;
    margin-bottom: 0;
}


/*dropdown*/

.custom-select-icon[b-u8tus1l5ta] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 0.9rem;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    border: none;
}

    .custom-select-icon:hover[b-u8tus1l5ta] {
        border-color: #888;
    }

.custom-dropdown-icon[b-u8tus1l5ta] {
    position: absolute;
    right: 15px;
    top: 70%;
    transform: translateY(-50%);
    pointer-events: none;
    pointer-events: none;
    color: #ccc;
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .custom-dropdown-icon i[b-u8tus1l5ta] {
        font-size: 24px;
    }

.custom-select-container:hover .custom-dropdown-icon[b-u8tus1l5ta] {
    color: #0C2144;
}
/*=====================================*/

.labeellmbl[b-u8tus1l5ta] {
    white-space: nowrap;
}

.dsklabel[b-u8tus1l5ta] {
    color: #170F49;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}




/*search search*/
.search-container[b-u8tus1l5ta] {
    position: relative;
    width: 100%;
    max-width: 640px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.search-form[b-u8tus1l5ta] {
    display: flex;
    align-items: center;
    padding:0 5px;
    border:1px solid #fff;
border-radius:8px;
}
    .search-form:hover[b-u8tus1l5ta] {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-radius: 8px;
    }

.search-icon[b-u8tus1l5ta] {
    color: #606770;
    margin-right: 12px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.search-icon i[b-u8tus1l5ta]{
    font-size:18px;
    display:flex;

    justify-content:center;
    align-items:center;
    padding:0 5px;
}

.search-input[b-u8tus1l5ta] {
    flex: 1;
    border: none;
    outline: none;
    font-size: 16px;
    color: #333;
    background: transparent;
    padding: 8px 0;
    border:none;
}

    .search-input[b-u8tus1l5ta]::placeholder {
        color: #9aa0a6;
    }

.clear-button[b-u8tus1l5ta]{
    border:none;
    background-color:transparent;
}
.clear-button i[b-u8tus1l5ta]{
    font-size:20px;
}






input[b-u8tus1l5ta] {
    -webkit-appearance: none;
    appearance: none;
}

/* Mobile Filter Modal Styles */
.searchandadd-mobile[b-u8tus1l5ta] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
    margin-bottom: 10px;
}

.search-container-mobile[b-u8tus1l5ta] {
    width: 90%;
    position: relative;
}

    .search-container-mobile .search-form[b-u8tus1l5ta] {
        border: 1px solid #eee;
        box-shadow: 0 1px 3px rgba(0,0,0,0.08);
        border-radius: 8px;
        padding: 0 8px;
        background-color: white;
    }

    .search-container-mobile .search-input[b-u8tus1l5ta] {
        height: 7vh;
    }

.filter-wrapper-mobile[b-u8tus1l5ta] {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .filter-wrapper-mobile .filter-btn[b-u8tus1l5ta] {
        color: #0C2144;
        background-color: white;
        width: 42px;
        height: 42px;
        border-radius: 8px;
        border: 1px solid #eee;
        box-shadow: 0 1px 3px rgba(0,0,0,0.08);
        display: flex;
        justify-content: center;
        align-items: center;
    }

.modal-content-mobile[b-u8tus1l5ta] {
    background-color: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    /*animation: popIn-b-juoomyjqbe 0.4s ease;*/
    width: 50%;
    max-width: 350px;
    margin: 0 auto;
    position: relative;
    top: 25%;
    transform: translateY(-50%);
}

    .modal-content-mobile .filter-body[b-u8tus1l5ta] {
        display: flex;
        flex-direction: column;
        gap: 15px;
        background-color: white;
        padding: 5px;
    }

    .modal-content-mobile .dsklabel[b-u8tus1l5ta] {
        color: #444;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 5px;
    }

    .modal-content-mobile .dateinputpart[b-u8tus1l5ta] {
        width: 100%;
        padding: 10px;
        border: 1px solid #ddd;
        border-radius: 8px;
        background-color: #f9f9f9;
    }

    .modal-content-mobile .searchbtn[b-u8tus1l5ta] {
        background-color: #082248;
        color: white;
        border: none;
        border-radius: 8px;
        padding: 10px 15px;
        font-size: 15px;
        width: 100%;
        margin-top: 10px;
    }

/*==========================================*/











/*sale and transaction*/
.salesandtransaction[b-u8tus1l5ta] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5%;
}

.totalsale-display[b-u8tus1l5ta], .transaction-display[b-u8tus1l5ta] {
    background-color: #fff;
    border: none;
    border-radius: 8px;
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



/*==============*/
/*
@media only screen and (min-width: 1920px) {
    .page-heading {
        font-size: 59px;
    }

    .labeell {
        font-size: 28px;
    }

    .dateinputpart {
        font-size: 22px;
        height: 7vh;
    }

    .dropdown-toggle {
        height: 7vh;
        width: 100%;
    }

    .inputsearch, .searchbtn {
        height: 6vh;
        font-size: 22px;
    }

    .icon-color i {
        font-size: 40px;
    }

    .table thead {
        font-size: 22px;
    }

    .table tbody {
        font-size: 20px;
    }

    .selecttext {
        font-size: 24px;
    }

    .selectcompany {
        height: 4.5vh;
        width: 3vw;
        font-size: 22px;
    }

    .page-link {
        font-size: 22px;
    }

    .dropdown-toggle {
        font-size: 22px;
    }
}

@media screen and (max-width: 1919px) {
    .page-heading {
        font-size: 49px;
    }

    .labeell {
        font-size: 24px;
    }

    .dateinputpart {
        font-size: 20px;
        height: 6vh;
    }

    .dropdown-toggle {
        height: 6vh;
        width: 100%;
    }

    .inputsearch, .searchbtn {
        height: 6vh;
        font-size: 20px;
    }

    .icon-color i {
        font-size: 30px;
    }

    .table thead {
        font-size: 20px;
    }

    .table tbody {
        font-size: 18px;
    }

    .selecttext {
        font-size: 22px;
    }

    .selectcompany {
        height: 4vh;
        width: 3vw;
        font-size: 20px;
    }

    .page-link {
        font-size: 22px;
    }

    .dropdown-toggle {
        font-size: 20px;
    }

    .table tbody {
        height: 46vh;
    }
}


@media only screen and (max-width: 1700px) {
    .table tbody {
        height: 44vh;
    }
    .searchbtn {
        margin-top: 2vh;
    }
}

@media only screen and (max-width: 1600px) {
    .table tbody {
        height: 43vh;
    }
   
    .page-heading {
        font-size: 39px;
    }

    .labeell {
        font-size: 22px;
    }

    .dateinputpart {
        font-size: 18px;
        height: 6vh;
    }

    .dropdown-toggle {
        height: 6vh;
        width: 100%;
    }

    .inputsearch, .searchbtn {
        height: 6vh;
        font-size: 18px;
    }

    .icon-color i {
        font-size: 25px;
    }

    .table thead {
        font-size: 18px;
    }

    .table tbody {
        font-size: 16px;
    }

    .selecttext {
        font-size: 20px;
    }

    .selectcompany {
        height: 4vh;
        width: 3vw;
        font-size: 18px;
    }

    .page-link {
        font-size: 20px;
    }
   
    .dropdown-toggle {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1440px) {
  

    .page-heading {
        font-size: 36px;
    }

    .labeell {
        font-size: 20px;
    }
    
    .dateinputpart {
        font-size: 16px;
    }

    .dropdown-toggle {
        font-size: 16px;
    }

    .selecttext {
        font-size: 20px;
    }

    .page-link {
        font-size: 18px;
    }
 
}

@media only screen and (max-width: 1300px) {
    .table tbody {
        height: 40vh;
    }

}

@media only screen and (max-width: 1150px) {

    .table tbody {
        height: 38vh;
    }

    .table thead {
        font-size: 18px;
    }
 
    .table tbody {
        font-size: 16px;
    }
}


@media only screen and (max-width: 1080px) {
   

    .page-heading {
        font-size: 32px;
    }

    .icon-color {
        width: 10vw;
    }

    .table tbody {
        height: 40vh;
    }

    .table thead {
        word-wrap: break-word;
    }

    .labeell {
        font-size: 18px;
    }

    .dateinputpart, .searchpart, .dropdown-toggle {
        font-size: 14px;
    }

    .dropdownpart, .buttondiv {
        margin-top: 3%;
    }

    .table thead {
        font-size: 16px;
    }

    .table tbody {
        font-size: 14px;
    }

    .inputsearch {
        border-radius: 5px 0 0 5px;
    }

  
    .page-link {
        font-size: 14px;
    }

    .selecttext {
        font-size: 16px;
    }

    .selectcompany {
        width: 4vw;
    }
}

@media only screen and (max-width: 900px) {
    .icon-color {
        width: 12vw;
    }

    .table tbody {
        height: 43vh;
    }

  
}*/

.displayflex[b-u8tus1l5ta] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%; 
}


.displayflex input[b-u8tus1l5ta], .dropdowndivmbl select[b-u8tus1l5ta] {
    background-color: #fff;
    border-radius: 10px;
}



    .labeellmbl[b-u8tus1l5ta] {
        border-radius: 10px;
    }

    .datestartmbl[b-u8tus1l5ta], .dropdownpartmbl[b-u8tus1l5ta], .dateendmbl[b-u8tus1l5ta], .Dowpdownselectmbl[b-u8tus1l5ta], .dropdowndivmbl[b-u8tus1l5ta] {
        display: flex;
        flex-direction: row;
        gap: 40%;
        margin-top: 2%;
    }

        .dropdowndivmbl .dropdownselect[b-u8tus1l5ta], .dateinputpartmbl[b-u8tus1l5ta] {
            width: 100%;
            font-size: 18px;
        }

    .labeellmbl[b-u8tus1l5ta] {
        padding: 10px;
        width: 10%;
        border-radius: 10px;
    }

    .searchbtnmbl[b-u8tus1l5ta] {
        background-color: #0C2144;
        width: 10vw;
        color: #fff;
        height: 5vh;
        margin-top: 2.2vh;
        border-radius: 5px;
    }

@media only screen and (max-width: 956px) and (max-height: 440px) and (orientation: landscape) {
    .page-heading[b-u8tus1l5ta] {
        font-size: 1.5rem;
    }

    .sub-page-name[b-u8tus1l5ta] {
        font-size: 0.8rem;
    }

    .export-btn[b-u8tus1l5ta], .filter-btn[b-u8tus1l5ta] {
        font-size: 1.2rem;
    }

    .search-input[b-u8tus1l5ta] {
        padding: 5px 0;
    }

    .searchandadd[b-u8tus1l5ta] {
        margin-bottom: 0;
    }

    .button-18[b-u8tus1l5ta] {
        padding: 5px 10px;
        font-size: 0.75rem;
    }

    .search-filters[b-u8tus1l5ta] {
        padding-bottom: 0.6rem;
    }

    .top-part[b-u8tus1l5ta] {
        margin-bottom: 0.6rem;
    }

}


    @media only screen and (max-width: 844px) and (max-height: 390px) and (orientation: landscape) {
        /*  .show{
        display:block;
    }
    .hide{
        display:none;
    }*/
        .page-heading[b-u8tus1l5ta] {
            font-size: 1.5rem;
        }

        .sub-page-name[b-u8tus1l5ta] {
            font-size: 0.8rem;
        }

        .export-btn[b-u8tus1l5ta], .filter-btn[b-u8tus1l5ta] {
            font-size: 1.2rem;
        }

        .search-input[b-u8tus1l5ta] {
            padding: 5px 0;
        }

        .searchandadd[b-u8tus1l5ta] {
            margin-bottom: 0;
        }

        .button-18[b-u8tus1l5ta] {
            padding: 5px 10px;
            font-size: 0.75rem;
        }

        .search-filters[b-u8tus1l5ta] {
            padding-bottom: 0.6rem;
        }

        .top-part[b-u8tus1l5ta] {
            margin-bottom: 0.6rem;
        }
    }



    @media screen and (max-width: 890px) {
    }

    @media only screen and (max-width: 768px) {
        .buttonadd[b-u8tus1l5ta] {
        }

        .payment-btn[b-u8tus1l5ta] {
            width: 24vw;
        }

        .many-btns[b-u8tus1l5ta] {
            display: flex;
            gap: 5%;
        }

        .td-lite[b-u8tus1l5ta] {
            display: flex;
            justify-content: space-between;
            padding: 5px 10px;
            margin-bottom: 10px;
            font-size: 18px;
            color: #666;
        }

        .page-heading[b-u8tus1l5ta] {
            font-size: 28px;
        }

        option[b-u8tus1l5ta] {
            font-size: 14px;
        }

        .icon-color i[b-u8tus1l5ta] {
            font-size: 20px;
        }

        .labeell[b-u8tus1l5ta] {
            font-size: 16px;
        }

        .dateinputpart[b-u8tus1l5ta], .inputsearch[b-u8tus1l5ta], .dropdown-toggle[b-u8tus1l5ta] {
            font-size: 12px;
        }

        .table thead[b-u8tus1l5ta] {
            font-size: 14px;
        }

        .table tbody[b-u8tus1l5ta] {
            font-size: 12px;
            height: 44vh;
        }


        .dropdownpart[b-u8tus1l5ta] {
            margin-top: 4%;
        }


        .selecttext[b-u8tus1l5ta] {
            font-size: 14px;
        }

        .total[b-u8tus1l5ta] {
            margin-top: 4%;
        }

        .selectcompany[b-u8tus1l5ta] {
            width: 5vw;
            font-size: 14px;
        }

        .page-link[b-u8tus1l5ta] {
            font-size: 12px;
        }


        .iticon[b-u8tus1l5ta] {
            font-size: 24px;
        }

        .ittext[b-u8tus1l5ta] {
            font-size: 24px;
        }

        .thename h1[b-u8tus1l5ta] {
            font-size: 36px;
        }



        .dateinputpartmbl[b-u8tus1l5ta] {
            font-size: 22px;
        }

        .btnnmbl i[b-u8tus1l5ta] {
            font-size: 20px;
        }

        .btnnmbl[b-u8tus1l5ta] {
            text-align: right;
        }

            .btnnmbl button[b-u8tus1l5ta] {
                width: 50%;
            }



        .filter-wrapper-mobile .filter-btn[b-u8tus1l5ta] {
            width: 8vw;
            height: 7vh;
        }

        .filter-btn i[b-u8tus1l5ta] {
            font-size: 24px;
        }
    }


    @media only screen and (max-width:667px) {
        .searchbtnmbl[b-u8tus1l5ta] {
            margin-top: 4vh;
        }
    }


    @media only screen and (max-width:568px) {
        .iticon[b-u8tus1l5ta] {
            font-size: 20px;
        }

        .back-btn i[b-u8tus1l5ta] {
            font-size: 20px;
        }

        .ittext[b-u8tus1l5ta] {
            font-size: 20px;
        }

        .searchbtnmbl[b-u8tus1l5ta] {
            margin-top: 3.5vh;
        }

        .thename h1[b-u8tus1l5ta] {
            font-size: 30px;
        }

        .labeellmbl[b-u8tus1l5ta] {
            font-size: 16px;
        }

        .dateinputpartmbl[b-u8tus1l5ta] {
            font-size: 18px;
        }

        .btnnmbl i[b-u8tus1l5ta] {
            font-size: 16px;
        }

        .AddBtnMbl[b-u8tus1l5ta] {
            width: 7vw;
        }

        .payment-btn[b-u8tus1l5ta] {
            width: 28vw;
        }
    }


    @media only screen and (max-width:480px) {
        .iticon[b-u8tus1l5ta] {
            font-size: 18px;
        }

        .searchbtnmbl[b-u8tus1l5ta] {
            margin-top: 3vh;
        }

        .back-btn i[b-u8tus1l5ta] {
            font-size: 18px;
        }

        .ittext[b-u8tus1l5ta] {
            font-size: 18px;
        }

        .thename h1[b-u8tus1l5ta] {
            font-size: 25px;
            margin-left:5%;
        }

        .labeellmbl[b-u8tus1l5ta] {
            font-size: 14px;
        }

        .dateinputpartmbl[b-u8tus1l5ta] {
            font-size: 18px;
        }

        .btnnmbl i[b-u8tus1l5ta] {
            font-size: 14px;
        }

        .pagename[b-u8tus1l5ta] {
            padding: 10px;
        }

        .modal-content-mobile[b-u8tus1l5ta] {
            width: 95%;
            padding: 15px;
        }

            .modal-content-mobile .dsklabel[b-u8tus1l5ta] {
                font-size: 14px;
            }

        .AddBtnMbl[b-u8tus1l5ta] {
            width: 8vw;
            font-size: 14px;
        }

        .payment-btn[b-u8tus1l5ta] {
            width: 32vw;
            font-size: 12px;
        }

        .filter-btn[b-u8tus1l5ta] {
            font-size: 20px;
        }

        .searchandadd-mobile[b-u8tus1l5ta] {
            display: flex;
            gap: 2%;
            align-items: center;
            padding: 10px 5px;
            margin-bottom: 0;
        }

        .filter-wrapper-mobile .filter-btn[b-u8tus1l5ta] {
            width: 10vw;
        }

        .td-lite[b-u8tus1l5ta] {
            font-size: 14px;
            margin-bottom: 0;
        }

        .search-filters[b-u8tus1l5ta] {
            padding-bottom: 0.5rem;
        }
    }



    @media only screen and (max-width:390px) {
        .iticon[b-u8tus1l5ta] {
            font-size: 17px;
        }

        .back-btn i[b-u8tus1l5ta] {
            font-size: 17px;
        }

        .ittext[b-u8tus1l5ta] {
            font-size: 17px;
        }

        .thename h1[b-u8tus1l5ta] {
            font-size: 20px;
        }

        .labeellmbl[b-u8tus1l5ta] {
            font-size: 16px;
        }

        .dateinputpartmbl[b-u8tus1l5ta] {
            font-size: 16px;
            padding: 5px;
        }

        .btnnmbl i[b-u8tus1l5ta] {
            font-size: 13px;
        }

        .searchbtnmbl[b-u8tus1l5ta] {
            margin-top: 2vh;
        }

        .pagename[b-u8tus1l5ta] {
            padding: 10px;
        }

        .containertable[b-u8tus1l5ta] {
            padding: 9px;
        }

        .threeofthem[b-u8tus1l5ta] {
            display: grid;
            grid-template-columns: 10% 80% 10%;
        }

        .AddBtnMbl[b-u8tus1l5ta] {
            width: 9vw;
        }

        .payment-btn[b-u8tus1l5ta] {
            width: 33vw;
        }

        .searchandadd-mobile[b-u8tus1l5ta] {
            display: flex;
            gap: 2%;
            align-items: center;
            padding: 10px 5px;
        }

        .filter-wrapper-mobile .filter-btn[b-u8tus1l5ta] {
            width: 11vw;
        }

        .filter-btn[b-u8tus1l5ta] {
            font-size: 18px;
        }
    }

    @media only screen and (max-width:350px) {
    }

    @media only screen and (max-width:320px) {
        .iticon[b-u8tus1l5ta] {
            font-size: 16px;
        }

        .back-btn i[b-u8tus1l5ta] {
            font-size: 16px;
        }

        .ittext[b-u8tus1l5ta] {
            font-size: 15px;
        }

        .thename h1[b-u8tus1l5ta] {
            font-size: 19px;
        }

        .labeellmbl[b-u8tus1l5ta] {
            font-size: 14px;
        }

        .dateinputpartmbl[b-u8tus1l5ta] {
            font-size: 14px;
        }

        .btnnmbl i[b-u8tus1l5ta] {
            font-size: 12px;
        }

        .pagename[b-u8tus1l5ta] {
            padding: 10px;
        }

        .containertable[b-u8tus1l5ta] {
            padding: 8px;
        }

        .searchbtnmbl[b-u8tus1l5ta] {
            padding: 0px !important;
            padding-bottom: 10px !important;
        }

        .threeofthem[b-u8tus1l5ta] {
            display: grid;
            grid-template-columns: 10% 80% 10%;
        }

        .td-lite[b-u8tus1l5ta] {
            display: flex;
            justify-content: space-between;
            padding: 5px 10px;
            font-size: 10px;
            color: #666;
        }

        .AddBtnMbl[b-u8tus1l5ta] {
            width: 10vw;
        }

        .payment-btn[b-u8tus1l5ta] {
            width: 30vw;
        }
    }
/* /Layout/AdminComponents/Status.razor.rz.scp.css */
.amountbtn[b-tuunvnhxy5] {
font-size:16px;
font-weight:500;
}
@media only screen and (max-width:768px) {
    .status[b-tuunvnhxy5] {
        display: grid;
        margin-bottom:2%;
        padding: 0px 10px;
        grid-template-columns: 60% 40%;
        font-size: 18px;
        width:100vw;
    }

.dateday[b-tuunvnhxy5] {
    display: flex;
    justify-content: start;
    font-size:14px;
}

.amount[b-tuunvnhxy5] {
    display: flex;
    justify-content: end;
}
p[b-tuunvnhxy5]{
    margin-bottom:0;
}
}
@media only screen and (max-width:568px) {
  

    .status[b-tuunvnhxy5] {
        font-size: 16px;
    }
}

@media only screen and (max-width:480px) {


    .status[b-tuunvnhxy5] {
        font-size: 14px;
    }
}

@media only screen and (max-width:390px) {
  

    .status[b-tuunvnhxy5] {
        font-size: 12px;
    }
}
@media only screen and (max-width:360px) {
}

@media only screen and (max-width:320px) {
    .status[b-tuunvnhxy5] {
        font-size: 11px;
    }
}
@media only screen and (max-height: 600px) {
}
/* /Layout/AdminComponents/StockAdjustment.razor.rz.scp.css */
.modal-static[b-jzouklsl8c] {
    height: 100vh;
}

.roll-body[b-jzouklsl8c] {
    overflow-y: scroll;
    background-color: #F7F9FC;
}

/*full modal*/
.full-modal[b-jzouklsl8c] {
    display: block;
    background-color: #F7F9FC;
    padding: 0;
}

.modalfull-top[b-jzouklsl8c] {
    display: flex;
    justify-content: space-between;
    padding: 25px;
    width: 100%;
}

.modal-btn-close[b-jzouklsl8c] {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.modal-body[b-jzouklsl8c]{
    padding-bottom:40px;
}
    .modal-btn-close i[b-jzouklsl8c] {
        font-size: 28px;
        color: #0C2144;
    }
.scrolldiv[b-jzouklsl8c] {
    max-width: 100%;
    height:100vh;
    padding: 0;
    border: none;
    border-radius: 0;
}
.modal-dialog[b-jzouklsl8c]{
    margin:0 !important;
}
.modal-dialog-scrollable .modal-content[b-jzouklsl8c] {
    overflow: hidden;
    height: 100vh;
}
.sticky-top[b-jzouklsl8c] {
    background-color: #F7F9FC;
    display: flex;
    flex-direction: column;
    padding: 0;
    border: none;
    width:99.5vw;
}
.modal-header[b-jzouklsl8c]{
    display:flex;
    flex-direction:column;
    padding-bottom:10px;
}
.header[b-jzouklsl8c] {
    display:flex;
    flex-direction:column;
    background-color:transparent;
    height:auto;
    justify-content:start;
    align-items:start;
}

    .header h2[b-jzouklsl8c] {
        margin: 0;
        color: #2c3e50;
        font-size: 1.75rem;
        font-weight: 600;
    }

.subtitle[b-jzouklsl8c] {
    color: #7f8c8d;
    margin: 0.5rem 0 0 0;
    font-size: 1rem;
}
.form-section[b-jzouklsl8c] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}

.form-row[b-jzouklsl8c] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-jzouklsl8c] {
    flex: 1;
}

.hov-input[b-jzouklsl8c]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-jzouklsl8c] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #ffffff;
}

    .hov-input:hover[b-jzouklsl8c] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

.form-group label[b-jzouklsl8c] {
    margin-bottom: 0.5rem;
    color: #34495e;
    font-size: 0.9rem;
    font-weight: 500;
}
.actions-section[b-jzouklsl8c] {
    text-align: right;
    box-shadow: rgba(17, 38, 146, 0.05);
}
.save-stock[b-jzouklsl8c] {
    filter: drop-shadow(5px 5px 5px #1126920D);
}

.save-stock[b-jzouklsl8c] {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
}

.save-stock:hover[b-jzouklsl8c] {
    background-color: #0C2144;
    color: #fff;
}


/*checkbox*/
.checkbox-wrapper-30 .checkbox[b-jzouklsl8c] {
    --bg: #fff;
    --brdr: #d1d6ee;
    --brdr-actv: #1e2235;
    --brdr-hovr: #bbc1e1;
    --dur: calc((var(--size, 2)/2) * 0.6s);
    display: inline-block;
    width: calc(var(--size, 1) * 22px);
    position: relative;
}

.checkbox-wrapper-30 .checkbox[b-jzouklsl8c]:after {
    content: "";
    width: 100%;
    padding-top: 100%;
    display: block;
}

.checkbox-wrapper-30 .checkbox > *[b-jzouklsl8c] {
    position: absolute;
}

.checkbox-wrapper-30 .checkbox input[b-jzouklsl8c] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    background-color: var(--bg);
    border-radius: calc(var(--size, 1) * 4px);
    border: calc(var(--newBrdr, var(--size, 1)) * 1px) solid;
    color: var(--newBrdrClr, var(--brdr));
    outline: none;
    margin: 0;
    padding: 0;
    transition: all calc(var(--dur) / 3) linear;
}

    .checkbox-wrapper-30 .checkbox input:hover[b-jzouklsl8c],
    .checkbox-wrapper-30 .checkbox input:checked[b-jzouklsl8c] {
        --newBrdr: calc(var(--size, 1) * 2);
    }

    .checkbox-wrapper-30 .checkbox input:hover[b-jzouklsl8c] {
        --newBrdrClr: var(--brdr-hovr);
    }

    .checkbox-wrapper-30 .checkbox input:checked[b-jzouklsl8c] {
        --newBrdrClr: var(--brdr-actv);
        transition-delay: calc(var(--dur) /1.3);
    }

        .checkbox-wrapper-30 .checkbox input:checked + svg[b-jzouklsl8c] {
            --dashArray: 16 93;
            --dashOffset: 109;
        }

.checkbox-wrapper-30 .checkbox svg[b-jzouklsl8c] {
    fill: none;
    left: 0;
    pointer-events: none;
    stroke: var(--stroke, var(--border-active));
    stroke-dasharray: var(--dashArray, 93);
    stroke-dashoffset: var(--dashOffset, 94);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    top: 0;
    transition: stroke-dasharray var(--dur), stroke-dashoffset var(--dur);
}

.checkbox-wrapper-30 .checkbox svg[b-jzouklsl8c],
.checkbox-wrapper-30 .checkbox input[b-jzouklsl8c] {
    display: block;
    height: 100%;
    width: 100%;
}
/*======================================*/


/*.custom-select-container {
    width: 100%;
}*/

.custom-select-icon[b-jzouklsl8c] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding:0.9rem;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    border:none;
}

    .custom-select-icon:hover[b-jzouklsl8c] {
        border-color: #888;
    }

.custom-dropdown-icon[b-jzouklsl8c]{
    position: absolute;
    right: 15px;             
    top: 70%;
    transform: translateY(-50%); 
    pointer-events: none;
    color:#ccc;
    background-color:transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
   
}
.custom-dropdown-icon i[b-jzouklsl8c]{
    font-size:24px;
}

.custom-select-container:hover .custom-dropdown-icon[b-jzouklsl8c] {
   color:#0C2144;
}




.form-group-checkbox[b-jzouklsl8c]{
    display:flex;
    gap:5%;
    align-items:center;
}
.form-check-label[b-jzouklsl8c] {
  margin-bottom:0 !important;
}
.checkbox-wrapper-30[b-jzouklsl8c] {
    display:flex;
    gap:2%;
    width:100%;
}

@media only screen and (max-width:2303px) {
    .modalfull-top[b-jzouklsl8c] {

        padding: 50px;
        width: 100%;
    }
}
@media only screen and (max-width:1900px){
    .modalfull-top[b-jzouklsl8c] {
        display: flex;
        justify-content: space-between;
        padding: 30px ;
        width: 100%;
    }
}
@media only screen and (max-width:1700px) {
    .modalfull-top[b-jzouklsl8c] {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        width: 100%;
    }
}
/* /Layout/AdminComponents/StockTable.razor.rz.scp.css */
.container-stock[b-qocgblu43d] {
    margin-bottom: 10px;
    padding: 0 5px 0 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: calc(var(--vh, 1vh) * 100 - 300px);
    overflow-y:scroll;
    padding-right:10px;
}

.product-card[b-qocgblu43d] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    position: relative;
}

    .product-card:hover[b-qocgblu43d] {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
        transform: translateY(-2px);
    }

.card-header[b-qocgblu43d] {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-info[b-qocgblu43d] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.stock-level[b-qocgblu43d] {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.product-icon[b-qocgblu43d] {
    width: 48px;
    height: 48px;
    background: #e3f2fd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.product-details h3[b-qocgblu43d] {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.product-meta[b-qocgblu43d] {
    color: #666;
    font-size: 14px;
    display: flex;
/*    gap: 8px;*/
    align-items: center;
}
.stock-overall[b-qocgblu43d] {
    font-weight: 700;
    font-size: 18px;
    color: #111928;
}
.stock-badge[b-qocgblu43d] {
    background: #F0FDF4;
    color: #339362;
    padding: 5px 10px;
    border: 2px solid #C8F8D8;
    font-size: 12px;
    font-weight: 500;
    border-radius: 10px;
}

.product-image[b-qocgblu43d] {
    height: 62px;
    width: 62px;
    padding: 5px;
    background-color: #A1C3FC;
    border-radius: 5px;
    display:flex;
    justify-content:center;
    align-items:center;
}

    .product-image img[b-qocgblu43d] {
        height: 95%;
        width: 95%;
        background-color: red;
        border-radius: 8px;
    }

.stock-level[b-qocgblu43d] {
    text-align: right;
}

.stock-number[b-qocgblu43d] {
    /*    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1;*/
    display: flex;
    flex-direction: column;
    color: #6F7483;
    margin-top: 15px;
}

.show-level[b-qocgblu43d] {
    background-color: #C8F8D8;
    height: 5px;
    width: 100%;
}

.stock-label[b-qocgblu43d] {
    color: #666;
    font-size: 12px;
    margin-top: 4px;
}

.expanded-content[b-qocgblu43d] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.product-card.expanded .expanded-content[b-qocgblu43d] {
    max-height: 600px;
}

.expanded-inner[b-qocgblu43d] {
    padding: 0 20px 20px;
}

.divider[b-qocgblu43d] {
    height: 1px;
    background: #e0e0e0;
    margin: 20px 0;
}

.section-title[b-qocgblu43d] {
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 16px;
}

.info-grid[b-qocgblu43d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 32px;
}

.info-item[b-qocgblu43d] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-label[b-qocgblu43d] {
    color: #666;
    font-size: 14px;
}

.info-value[b-qocgblu43d] {
    color: #1a1a1a;
    font-weight: 600;
}

.stock-visualization[b-qocgblu43d] {
    text-align: center;
}

.stock-icons[b-qocgblu43d] {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-bottom: 16px;
    flex-wrap: wrap;
}

.stock-icon[b-qocgblu43d] {
    width: 48px;
    height: 48px;
    background: #e3f2fd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    transition: all 0.2s ease;
}

    .stock-icon:hover[b-qocgblu43d] {
        transform: scale(1.05);
        background: #bbdefb;
    }

.total-units[b-qocgblu43d] {
    display: inline-block;
    margin-bottom: 20px;
    background: #F0FDF4;
    color: #339362;
    padding: 5px 10px;
    border: 2px solid #C8F8D8;
    font-size: 12px;
    font-weight: 500;
    border-radius: 10px;
}

.action-buttons[b-qocgblu43d] {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.action-btn[b-qocgblu43d] {
    flex: 1;
    background: transparent;
    border: 1px solid #EBEFF5;
    padding: 10px;
    border-radius: 8px;
    color: #666;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

    .action-btn:hover[b-qocgblu43d] {
        border-color: #4285f4;
        color: #4285f4;
        background: #f8f9ff;
    }

.adjust-stock-btn[b-qocgblu43d] {
    width: 100%;
    background: #1e3a5f;
    color: white;
    border: none;
    padding: 16px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

    .adjust-stock-btn:hover[b-qocgblu43d] {
        background: #2d4a6b;
    }

.expand-icon[b-qocgblu43d] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    color: #666;
}

.product-card.expanded .expand-icon[b-qocgblu43d] {
    transform: rotate(180deg);
}

@keyframes fadeInUp-b-qocgblu43d {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.product-card.expanded .expanded-inner > *[b-qocgblu43d] {
    animation: fadeInUp-b-qocgblu43d 0.4s ease forwards;
}


/* Scrollbar Styles */
.container-stock[b-qocgblu43d]::-webkit-scrollbar {
    width: 8px;
}

.container-stock[b-qocgblu43d]::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 4px;
}

.container-stock[b-qocgblu43d]::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 4px;
    border: 2px solid #f0f0f0;
}

    .container-stock[b-qocgblu43d]::-webkit-scrollbar-thumb:hover {
        background-color: #a0a0a0;
    }


/*stock visualization*/
.stock-bar-wrapper[b-qocgblu43d] {
    position: relative;
    width: 100px; /* or flexible % width */
    height: 10px;
    background-color: #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 4px;
}

.show-level[b-qocgblu43d] {
    height: 100%;
    background-color: #4caf50;
    transition: width 0.4s ease;
}


/*low no stock*/

.stock-badge[b-qocgblu43d] {
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    border: none;
    color: white;
    width:100%;
}

    .stock-badge.in[b-qocgblu43d] {
        background-color: #4caf50; /* Green */
    }

    .stock-badge.low[b-qocgblu43d] {
        background-color: #ff9800; /* Orange */
    }

    .stock-badge.out[b-qocgblu43d] {
        background-color: #f44336; /* Red */
    }


    @media only screen and (max-width:768px){
        /* MODAL STYLE FOR MOBILE DETAIL */
        .modal-overlay[b-qocgblu43d] {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            /*background-color: #b2b2b2;*/
            z-index: 9999;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 20px;
        }
        .top-head[b-qocgblu43d]{
            display:flex;
            gap:5%;
            width:100%;
        }
        .modal-content[b-qocgblu43d] {
            background: #fff;
            width: 100%;
            max-height: 95vh;
            overflow-y: auto;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
            animation: slideUp-b-qocgblu43d 0.3s ease;
            padding: 20px;
            position: absolute;
            bottom: 0;
            border-radius:15px 15px 0 0;
        }

        .modal-header[b-qocgblu43d] {
            display: flex;
            /*justify-content: space-between;*/
            align-items: center;
            margin-bottom: 1.5rem;
            box-shadow: 0px 10px 13px 0px #00000026;
            padding:15px;
            border-radius:10px;
        }

            .modal-header h3[b-qocgblu43d] {
                font-size: 18px;
                font-weight: 600;
                margin: 0;
            }

        .modal-close[b-qocgblu43d] {
            background: none;
            border: none;
            font-size: 24px;
            font-weight: bold;
            cursor: pointer;
            color: #999;
        }

        .modal-body[b-qocgblu43d] {
            padding: 15px;
        }
        @keyframes slideUp-b-qocgblu43d {
            from {
                transform: translateY(100%);
            }

            to {
                transform: translateY(0);
            }
        }

    }
/* /Layout/BikriKhata/BikriKhata.razor.rz.scp.css */
body[b-3nwiliuy4x] {
    font-family: Arial, sans-serif;
}

.container[b-3nwiliuy4x] {
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
}

.header[b-3nwiliuy4x] {
    text-align: center;
    margin-bottom: 20px;
}

    .header h1[b-3nwiliuy4x] {
        margin: 0;
        font-size: 24px;
    }

.submitbtn[b-3nwiliuy4x], .exportbtn[b-3nwiliuy4x] {
    border: none;
    border-radius: 5px;
    background-color: var(--our--commonblue-color);
    color: #fff;
    width: 7vw;
}

.submitbtn[b-3nwiliuy4x] {
    margin-left: 270px;
}

.header p[b-3nwiliuy4x] {
    margin: 5px 0;
    font-size: 16px;
}

.header .details[b-3nwiliuy4x] {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}

    .header .details span[b-3nwiliuy4x] {
        font-size: 14px;
    }



.tablediv[b-3nwiliuy4x] {
    overflow: scroll;
    max-height: 66vh;
    width: 80vw;
}

table[b-3nwiliuy4x] {
    border-collapse: collapse;
}

    table th[b-3nwiliuy4x],
    table td[b-3nwiliuy4x] {
        max-width: 300px;
        padding: 8px 16px;
        border: 1px solid #ccc;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }

    table thead[b-3nwiliuy4x] {
        position: sticky;
        inset-block-start: 0;
        background-color: #ddd;
    }

.paginationpart[b-3nwiliuy4x] {
    margin-top: 1vh;
}

[b-3nwiliuy4x]::-webkit-scrollbar {
    height: 15px;
    width: 15px;
}

[b-3nwiliuy4x]::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #d9d9d9;
}

[b-3nwiliuy4x]::-webkit-scrollbar-track {
    background: #f2f2f2;
    border-radius: 5px;
    height: 20px;
}

.selectcompany[b-3nwiliuy4x] {
    height: 4vh !important;
    width: 3vw;
    background-color: #d9d9d9;
    border-radius: 5px;
    border: none;
}
/* /Layout/Calendar.razor.rz.scp.css */
*[b-i747vg7im5] {
  box-sizing: border-box;
}

body[b-i747vg7im5],
html[b-i747vg7im5] {
  overflow: hidden;
}

body[b-i747vg7im5] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  width: 100vw;
  height: 100vh;
  margin: 0;
  background: black;
  color: #ccc;
  font: normal normal 400 12pt / 2cap "Figtree", sans-serif;
}

#calendar[b-i747vg7im5] {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  overflow: hidden;
}

#calendar section:not(:first-of-type)[b-i747vg7im5] {
  width: 100%;
  height: 100%;
  display: none;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
}

#calendar section:first-of-type[b-i747vg7im5] {
  position: fixed;
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
}

#calendar section:first-of-type code[b-i747vg7im5] {
  width: 0;
  height: 0;
  font-size: 0px;
  line-height: 0;
  visibility: hidden;
  opacity: 0;
}

#calendar section:first-of-type #LoveYaLikeASister[b-i747vg7im5] {
  font-family: "Love Ya Like A Sister";
}

#calendar section:first-of-type #KaushanScript[b-i747vg7im5] {
  font-family: "Kaushan Script";
}

#calendar section:first-of-type #MarckScript[b-i747vg7im5] {
  font-family: "Marck Script";
}

#calendar section:first-of-type #Peralta[b-i747vg7im5] {
  font-family: "Peralta";
}

#calendar section:first-of-type #Limelight[b-i747vg7im5] {
  font-family: "Limelight";
}

#calendar section:first-of-type #Borel[b-i747vg7im5] {
  font-family: "Borel";
}

#calendar section:first-of-type #Aclonica[b-i747vg7im5] {
  font-family: "Aclonica";
}

#calendar section:first-of-type #GrechenFuemen[b-i747vg7im5] {
  font-family: "Grechen Fuemen";
}

#calendar section:first-of-type #Shojumaru[b-i747vg7im5] {
  font-family: "Shojumaru";
}

#calendar section:first-of-type #StyleScript[b-i747vg7im5] {
  font-family: "Style Script";
}

#calendar section:first-of-type #Carattere[b-i747vg7im5] {
  font-family: "Carattere";
}

#calendar:has(#nextJanuary:checked) #january[b-i747vg7im5],
#calendar:has(#prevJanuary:checked) #january[b-i747vg7im5],
#calendar:has(#nextFebruary:checked) #february[b-i747vg7im5],
#calendar:has(#prevFebruary:checked) #february[b-i747vg7im5],
#calendar:has(#nextMarch:checked) #march[b-i747vg7im5],
#calendar:has(#prevMarch:checked) #march[b-i747vg7im5],
#calendar:has(#nextApril:checked) #april[b-i747vg7im5],
#calendar:has(#prevApril:checked) #april[b-i747vg7im5],
#calendar:has(#nextMay:checked) #may[b-i747vg7im5],
#calendar:has(#prevMay:checked) #may[b-i747vg7im5],
#calendar:has(#nextJune:checked) #june[b-i747vg7im5],
#calendar:has(#prevJune:checked) #june[b-i747vg7im5],
#calendar:has(#nextJuly:checked) #july[b-i747vg7im5],
#calendar:has(#prevJuly:checked) #july[b-i747vg7im5],
#calendar:has(#nextAugust:checked) #august[b-i747vg7im5],
#calendar:has(#prevAugust:checked) #august[b-i747vg7im5],
#calendar:has(#nextSeptember:checked) #september[b-i747vg7im5],
#calendar:has(#prevSeptember:checked) #september[b-i747vg7im5],
#calendar:has(#nextOctober:checked) #october[b-i747vg7im5],
#calendar:has(#prevOctober:checked) #october[b-i747vg7im5],
#calendar:has(#nextNovember:checked) #november[b-i747vg7im5],
#calendar:has(#prevNovember:checked) #november[b-i747vg7im5],
#calendar:has(#nextDecember:checked) #december[b-i747vg7im5],
#calendar:has(#prevDecember:checked) #december[b-i747vg7im5] {
  display: flex;
}

#calendar section header[b-i747vg7im5] {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}

#calendar section header input[b-i747vg7im5] {
  display: none;
}

#calendar section header label[b-i747vg7im5] {
  position: relative;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 1px solid var(--strongBorder);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

#calendar section header label:hover[b-i747vg7im5] {
  background-color: var(--strongBorder);
  transition: all 0.3s ease;
}

#calendar section header label:active[b-i747vg7im5] {
  transform: scale(0.9);
  transition: all 0.05s ease;
}

#calendar section header label i[b-i747vg7im5] {
  color: var(--strongText);
  line-height: 0;
  font-size: 100%;
  transition: all 0.3s ease;
}

#calendar section header label:hover i[b-i747vg7im5] {
  filter: invert(100%);
  transition: all 0.3s ease;
}

#calendar section header label:first-of-type[b-i747vg7im5]::after {
  position: absolute;
  left: 50px;
  content: "Previous";
  pointer-events: none;
  color: var(--weakText);
}

#calendar section header label:last-of-type[b-i747vg7im5]::after {
  position: absolute;
  right: 50px;
  content: "Next";
  pointer-events: none;
  color: var(--weakText);
}

#calendar section header h2[b-i747vg7im5] {
  margin: 0;
  font-size: 230%;
  line-height: 100%;
  color: var(--strongText);
  font-weight: 400;
}

#calendar section ul[b-i747vg7im5] {
  width: 100%;
  min-height: calc(100vh - 80px);
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: stretch;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}

#calendar section ul[b-i747vg7im5]::-webkit-scrollbar {
  width: 15px;
}

#calendar section ul[b-i747vg7im5]::-webkit-scrollbar-track {
  background-color: transparent;
}

#calendar section ul[b-i747vg7im5]::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
}

#calendar section ul[b-i747vg7im5]::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

#calendar section ul li[b-i747vg7im5] {
  width: calc(100% / 7);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  border-top: 1px solid var(--strongBorder);
  border-right: 1px solid var(--strongBorder);
}

#calendar section ul .exterior[b-i747vg7im5] {
  background-color: var(--exteriorBg);
}

#calendar section ul li time[b-i747vg7im5] {
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid var(--weakBorder);
  border-bottom: 1px solid var(--weakBorder);
  color: var(--strongText);
  font-weight: 700;
  transition: all 0.2s ease;
}

#calendar section ul li:not(.exterior):hover time[b-i747vg7im5] {
  background-color: var(--eventBg);
  transition: all 0.2s ease;
}

#calendar section ul li figure[b-i747vg7im5] {
  position: relative;
  margin: 0;
  width: 100%;
  height: 35px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: stretch;
  border-top: 1px solid var(--weakBorder);
  z-index: 1;
  overflow: hidden;
}

#calendar section ul li figure:has(svg)[b-i747vg7im5] {
  background-color: var(--eventBg);
}

#calendar section ul li:not(.exterior) figure[b-i747vg7im5]::after {
  position: absolute;
  bottom: 0;
  right: 100%;
  width: 100%;
  height: 100%;
  background-color: var(--exteriorBg);
  content: "";
  z-index: -1;
  transition: all 0.6s ease;
}

#calendar section ul li:hover figure:has(svg)[b-i747vg7im5]::after {
  right: 0;
  transition: all 0.3s ease;
}

#calendar section ul li figure figcaption[b-i747vg7im5] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: var(--weakText);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 5px 5px 0;
}

#calendar section ul li figure figcaption svg[b-i747vg7im5] {
  fill: var(--strongText);
  min-width: 17px;
  height: auto;
  margin: 0 10px;
  animation: a-b-i747vg7im5 5s linear infinite;
}

@keyframes a-b-i747vg7im5 {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(360deg);
  }
}

#calendar section ul li figure figcaption abbr[b-i747vg7im5] {
  margin: 0;
  color: var(--weakText);
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  text-decoration: none;
  cursor: help;
  top: 1px;
  transition: all 0.2s ease;
}

#calendar section ul li:hover figure figcaption abbr[b-i747vg7im5] {
  color: var(--strongText);
  transition: all 0.2s ease;
}

#calendar #january[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #ffffff,
    #fcfdfe,
    #f3f9fd,
    #e6f3fb,
    #d5ebf8,
    #c3e2f5,
    #b0daf3,
    #9ed1f0,
    #8dc9ed,
    #80c3eb,
    #77bfea,
    #74bde9
  );
  --strongText: black;
  --weakText: #333;
  --strongBorder: black;
  --weakBorder: #777;
  --exteriorBg: rgba(0, 0, 0, 0.25);
  --eventBg: rgba(255, 255, 255, 0.3);
}

#calendar #january header h2[b-i747vg7im5] {
  font-family: "Snowburst One", sans-serif;
  font-weight: 600;
}

#calendar #january ul[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #ffffff,
    #fcfdfe,
    #f3f9fd,
    #e6f3fb,
    #d5ebf8,
    #c3e2f5,
    #b0daf3,
    #9ed1f0,
    #8dc9ed,
    #80c3eb,
    #77bfea,
    #74bde9
  );
}

#calendar #february[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #cb032c,
    #ce042d,
    #d5062f,
    #df0933,
    #eb0e38,
    #ed2145,
    #ea3756,
    #e84c66,
    #e75f74,
    #e66d80,
    #e67787,
    #e67a8a
  );
  --strongText: white;
  --weakText: #ddd;
  --strongBorder: white;
  --weakBorder: #bbb;
  --exteriorBg: rgba(0, 0, 0, 0.3);
  --eventBg: rgba(0, 0, 0, 0.1);
}

#calendar #february header h2[b-i747vg7im5] {
  font-family: "Love Ya Like A Sister", cursive;
}

#calendar #february ul[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #cb032c,
    #ce042d,
    #d5062f,
    #df0933,
    #eb0e38,
    #ed2145,
    #ea3756,
    #e84c66,
    #e75f74,
    #e66d80,
    #e67787,
    #e67a8a
  );
}

#calendar #march[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #07b50d,
    #00b520,
    #00b342,
    #00af6d,
    #00a8a2,
    #009ed7,
    #0091ff,
    #007fff,
    #0067ff,
    #1b49f1,
    #7429d9,
    #8415cf
  );
  --strongText: white;
  --weakText: #eee;
  --strongBorder: white;
  --weakBorder: #ccc;
  --exteriorBg: rgba(0, 0, 0, 0.3);
  --eventBg: rgba(0, 0, 0, 0.1);
}

#calendar #march header h2[b-i747vg7im5] {
  font-family: "Kaushan Script", cursive;
}

#calendar #march ul[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #07b50d,
    #00b520,
    #00b342,
    #00af6d,
    #00a8a2,
    #009ed7,
    #0091ff,
    #007fff,
    #0067ff,
    #1b49f1,
    #7429d9,
    #8415cf
  );
}

#calendar #april[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #fbff82,
    #f8ff82,
    #f1ff84,
    #e6ff85,
    #d9ff87,
    #ccff8a,
    #beff8c,
    #b1ff8f,
    #a7ff91,
    #9eff92,
    #99ff94,
    #97ff94
  );
  --strongText: black;
  --weakText: #444;
  --strongBorder: black;
  --weakBorder: #888;
  --exteriorBg: rgba(0, 0, 0, 0.25);
  --eventBg: rgba(255, 255, 255, 0.2);
}

#calendar #april header h2[b-i747vg7im5] {
  font-family: "Marck Script", cursive;
}

#calendar #april ul[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #fbff82,
    #f8ff82,
    #f1ff84,
    #e6ff85,
    #d9ff87,
    #ccff8a,
    #beff8c,
    #b1ff8f,
    #a7ff91,
    #9eff92,
    #99ff94,
    #97ff94
  );
}

#calendar #may[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #fff8f2,
    #fff7f1,
    #fff4ef,
    #ffefec,
    #ffe7e8,
    #ffe3e9,
    #ffdeec,
    #ffdaf1,
    #ffd5f7,
    #ffd2fe,
    #fcd0ff,
    #facfff
  );
  --strongText: #333;
  --weakText: #555;
  --strongBorder: #333;
  --weakBorder: #999;
  --exteriorBg: rgba(0, 0, 0, 0.25);
  --eventBg: rgba(255, 255, 255, 0.3);
}

#calendar #may header h2[b-i747vg7im5] {
  font-family: "Peralta", serif;
}

#calendar #may ul[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #fff8f2,
    #fff7f1,
    #fff4ef,
    #ffefec,
    #ffe7e8,
    #ffe3e9,
    #ffdeec,
    #ffdaf1,
    #ffd5f7,
    #ffd2fe,
    #fcd0ff,
    #facfff
  );
}

#calendar #june[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #ffbc82,
    #ffb985,
    #ffb28c,
    #ffab96,
    #ffa5a3,
    #ffb2bf,
    #ffc0d7,
    #ffcfea,
    #ffdcf6,
    #ffe6fc,
    #ffedfe,
    #fff0ff
  );
  --strongText: black;
  --weakText: #444;
  --strongBorder: black;
  --weakBorder: #777;
  --exteriorBg: rgba(0, 0, 0, 0.25);
  --eventBg: rgba(255, 255, 255, 0.2);
}

#calendar #june header h2[b-i747vg7im5] {
  font-family: "Limelight", sans-serif;
  position: relative;
  top: 2px;
}

#calendar #june ul[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #ffbc82,
    #ffb985,
    #ffb28c,
    #ffab96,
    #ffa5a3,
    #ffb2bf,
    #ffc0d7,
    #ffcfea,
    #ffdcf6,
    #ffe6fc,
    #ffedfe,
    #fff0ff
  );
}

#calendar #july[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #eb7b68,
    #eb7c66,
    #ec7e60,
    #ed8356,
    #ef8b4b,
    #f1983d,
    #f4a82f,
    #f7bb21,
    #fad014,
    #fce30a,
    #fef203,
    #fff700
  );
  --strongText: black;
  --weakText: #333;
  --strongBorder: black;
  --weakBorder: #666;
  --exteriorBg: rgba(0, 0, 0, 0.3);
  --eventBg: rgba(255, 255, 255, 0.2);
}

#calendar #july header h2[b-i747vg7im5] {
  font-family: "Borel", cursive;
  position: relative;
  top: 12px;
}

#calendar #july ul[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #eb7b68,
    #eb7c66,
    #ec7e60,
    #ed8356,
    #ef8b4b,
    #f1983d,
    #f4a82f,
    #f7bb21,
    #fad014,
    #fce30a,
    #fef203,
    #fff700
  );
}

#calendar #august[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #9c2304,
    #9e2504,
    #a42904,
    #ae3104,
    #b93a03,
    #c64603,
    #d45402,
    #e16302,
    #ed7101,
    #f67c01,
    #fd8500,
    #ff8800
  );
  --strongText: white;
  --weakText: #ddd;
  --strongBorder: #eee;
  --weakBorder: #bbb;
  --exteriorBg: rgba(0, 0, 0, 0.35);
  --eventBg: rgba(0, 0, 0, 0.15);
}

#calendar #august header h2[b-i747vg7im5] {
  font-family: "Aclonica", sans-serif;
}

#calendar #august ul[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #9c2304,
    #9e2504,
    #a42904,
    #ae3104,
    #b93a03,
    #c64603,
    #d45402,
    #e16302,
    #ed7101,
    #f67c01,
    #fd8500,
    #ff8800
  );
}

#calendar #september[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #af562e,
    #b25430,
    #ba4e38,
    #c44546,
    #cd395c,
    #d03178,
    #ca3499,
    #b742bb,
    #9853d9,
    #6e62ee,
    #3a6bfb,
    #006eff
  );
  --strongText: white;
  --weakText: #ccc;
  --strongBorder: white;
  --weakBorder: #aaa;
  --exteriorBg: rgba(0, 0, 0, 0.35);
  --eventBg: rgba(0, 0, 0, 0.15);
}

#calendar #september header h2[b-i747vg7im5] {
  font-family: "Grechen Fuemen", cursive;
}

#calendar #september ul[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #af562e,
    #b25430,
    #ba4e38,
    #c44546,
    #cd395c,
    #d03178,
    #ca3499,
    #b742bb,
    #9853d9,
    #6e62ee,
    #3a6bfb,
    #006eff
  );
}

#calendar #october[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #632033,
    #641f35,
    #661e3a,
    #691c42,
    #6d194e,
    #72165d,
    #76136f,
    #73107b,
    #670d7f,
    #5c0a83,
    #540985,
    #510886
  );
  --strongText: white;
  --weakText: #ccc;
  --strongBorder: #ddd;
  --weakBorder: #888;
  --exteriorBg: rgba(0, 0, 0, 0.35);
  --eventBg: rgba(0, 0, 0, 0.15);
}

#calendar #october header h2[b-i747vg7im5] {
  font-family: "Shojumaru", sans-serif;
}

#calendar #october ul[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #632033,
    #641f35,
    #661e3a,
    #691c42,
    #6d194e,
    #72165d,
    #76136f,
    #73107b,
    #670d7f,
    #5c0a83,
    #540985,
    #510886
  );
}

#calendar #november[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #6b3908,
    #6e3b09,
    #77420a,
    #834d0d,
    #925b11,
    #a26c15,
    #b27e1b,
    #c18f21,
    #ce9f27,
    #d5ab2f,
    #d5b039,
    #d5b23d
  );
  --strongText: white;
  --weakText: white;
  --strongBorder: white;
  --weakBorder: #ccc;
  --exteriorBg: rgba(0, 0, 0, 0.3);
  --eventBg: rgba(0, 0, 0, 0.15);
}

#calendar #november header h2[b-i747vg7im5] {
  font-family: "Style Script", cursive;
  position: relative;
  top: 4px;
}

#calendar #november ul[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #6b3908,
    #6e3b09,
    #77420a,
    #834d0d,
    #925b11,
    #a26c15,
    #b27e1b,
    #c18f21,
    #ce9f27,
    #d5ab2f,
    #d5b039,
    #d5b23d
  );
}

#calendar #december[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #298f29,
    #318d23,
    #41870f,
    #537e00,
    #637300,
    #726500,
    #7e5500,
    #874400,
    #8c3200,
    #8e2100,
    #8f1104,
    #8f0808
  );
  --strongText: white;
  --weakText: #ccc;
  --strongBorder: white;
  --weakBorder: #aaa;
  --exteriorBg: rgba(0, 0, 0, 0.35);
  --eventBg: rgba(0, 0, 0, 0.15);
}

#calendar #december header h2[b-i747vg7im5] {
  font-family: "Carattere", cursive;
  position: relative;
  top: 4px;
}

#calendar #december ul[b-i747vg7im5] {
  background-image: linear-gradient(
    135deg,
    #298f29,
    #318d23,
    #41870f,
    #537e00,
    #637300,
    #726500,
    #7e5500,
    #874400,
    #8c3200,
    #8e2100,
    #8f1104,
    #8f0808
  );
}

@media (max-width: 1500px) {
  #calendar section ul li[b-i747vg7im5] {
    width: calc(100% / 6);
  }
}

@media (max-width: 1200px) {
  #calendar section ul li[b-i747vg7im5] {
    width: calc(100% / 5);
  }
}

@media (max-width: 1000px) {
  #calendar section ul li[b-i747vg7im5] {
    width: calc(100% / 4);
  }
}

@media (max-width: 800px) {
  #calendar section ul li[b-i747vg7im5] {
    width: calc(100% / 3);
  }
}

@media (max-width: 600px) {
  #calendar section ul li[b-i747vg7im5] {
    width: calc(100% / 2);
  }
  #calendar section ul .exterior[b-i747vg7im5] {
    display: none;
  }
}

@media (max-width: 500px) {
  #calendar section header label[b-i747vg7im5]::after {
    display: none;
  }
  #calendar section ul li[b-i747vg7im5] {
    width: 100%;
  }
  #calendar section ul li figure[b-i747vg7im5] {
    height: unset;
    min-height: 35px;
  }
  #calendar section ul li figure figcaption[b-i747vg7im5] {
    white-space: wrap;
  }
  #calendar section ul li figure figcaption abbr[b-i747vg7im5] {
    white-space: wrap;
  }
}

@media (max-width: 360px) {
  #calendar section header h2[b-i747vg7im5] {
    font-size: 170%;
  }
}

@media (max-height: 540px) {
  #calendar section ul li time[b-i747vg7im5] {
    border-bottom: unset;
  }
}
/* /Layout/CashierCornerComponents/AskWindowComponent.razor.rz.scp.css */
.Takeawaymodal[b-com4yzp7fk] {
    margin-top: 10%;
}
.holdbuttoninsidehold[b-com4yzp7fk] {
    background-color: #107a47;
    border: none;
    color: white;
    height: 20vh;
    width: 20vh;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    margin-top: 2vh;
    margin-bottom: 2vh;
    margin-left: 4vh;
}

.Printtokitchen[b-com4yzp7fk] {
    background-color: #082248;
    margin-top: 2vh;
    margin-bottom: 2vh;
    border: none;
    color: white;
    height: 20vh;
    width: 20vh;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    margin-left: 4vh;
}
    .Takeawaymodal .modal-content[b-com4yzp7fk] {
        width: 70%;
        margin-left: 10%;
    }

    .Takeawaymodal .modal-title[b-com4yzp7fk] {
        width: 100%;
    }

    .Takeawaymodal .holdbuttoninsidehold[b-com4yzp7fk],
    .Takeawaymodal .Printtokitchen[b-com4yzp7fk] {
        width: 200px;
        height: 200px;
        border-radius: 3px;
        cursor: pointer;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 1px;
    }

    .Takeawaymodal .holdbuttoninsidehold[b-com4yzp7fk] {
        background: #14AD5A;
    }

    .Takeawaymodal .Printtokitchen[b-com4yzp7fk] {
        background: #0C2144;
    }

    .Takeawaymodal .modal-header p i[b-com4yzp7fk] {
        color: red;
        line-height: 1;
        font-size: 32px;
        cursor: pointer;

    }

    .Takeawaymodal .printbuttongroup[b-com4yzp7fk] {
        margin-left: -5%;
        gap: 1%;
        display: flex;
        justify-content: center;
    }
/* /Layout/CashierCornerComponents/CloseTill/CloseTill.razor.rz.scp.css */
/*
#closetilltab {
    text-align: left;
    width: 100%;
    height: 100%;
}

.closetillcard {
    width: 70%;
    margin-top: 15%;
    background-color: var(--our--modal-background-color);
    height: 31%;
}

#gobackclosetill {
    margin-left: -7vw !important;
    border-radius: 1vh 1vh 0vh 0vh;
    font-size: 4vh;
    color: #04AED3;
    width: 90%;
}

.closetillcard .cardheadclosetill {
    padding-left: 10px;
    font-size: 20px;
    margin-bottom: 2%;
    letter-spacing: 1px;
    word-spacing: 5px;
}

.cardheadclosetill .title {
    font-weight: 600;
    margin-left: 35%;
}

.inputpart {
    padding-left: 10px;
}

    .inputpart .enteramt {
        font-size: 18px !important;
    }

    .inputpart .cardinput {
        width: 98%;
        height: 7vh;
        border-radius: 10px;
        border: none;
        padding-left: 10px;
        margin-top: 0%;
    }

.closetillcard .cardbtngroup {
    margin-top: 4%;
    margin-bottom: auto;
    margin-left: 6%;
}

    .closetillcard .cardbtngroup .closetillbuttons {
        background-color: rgba(255, 255, 255, 1);
        height: 5vh;
        border-radius: 10px;
        border: none !important;
        color: #111;
        font-weight: 500;
        font-size: 18px;
        width: 85%;
    }


.searchtabinput {
    width: 80%;
    margin: 5vh;
    height: 5vh;
    border: 2px solid #dcdfe8;
    border-radius: 1vh;
}

.maincard2 {
    margin-top: 2vh;
}
*/


.safedropbuttonsdiv[b-uexuyim40m] {
    width: 72vw;
}

.modalsafedrop[b-uexuyim40m], .modalsafedropbtntotamt[b-uexuyim40m] {
    text-align: center;
    width: 90%;
    background-color: #ABBFE0;
    border: none;
    border-radius: 10px;
    height: 6vh;
    margin-left: 5%;
    margin-top: 5% !important;
    font-size: 18px;
}

.modalsafedropbtntotamt[b-uexuyim40m] {
    background-color: #14AD5A;
    color: #fff;
}

.modalsafedrophead[b-uexuyim40m] {
    font-weight: 500;
    margin-bottom: 2vh;
    letter-spacing: 5px;
}

.safedropmaincard2[b-uexuyim40m] {
    margin: -1% 0 0 -7.5% !important;
    background-color: #ECECEB;
    border-radius: 0px;
    width: 115%;
    height: 100%;
    padding-left: 10%;
}

.safedropcard[b-uexuyim40m] {
    border: none;
    align-items: center;
    height: auto;
}

.safedroptable[b-uexuyim40m] {
    border: 1px solid #111;
    width: 71vw;
    border-radius: 5px;
    text-align: center;
    background-color: #fff;
}

    .safedroptable tr:nth-child(even)[b-uexuyim40m] {
        background-color: #fff;
    }

    .safedroptable tr[b-uexuyim40m] {
        border-bottom: 1px solid #625543 !important;
        height: 7vh;
    }

    .safedroptable input[b-uexuyim40m] {
        border: none;
        border-radius: 5px;
        height: 4vh;
        text-align: center;
        width: 12vw;
        background-color: #ECECEB;
    }

.safedropinput[b-uexuyim40m] {
    width: 30vw;
    height: 5vh;
    font-size: 22px;
    font-weight: 400;
    border-width: 1px;
    background-color: white;
    text-align: center;
    width: 25vw;
    border-radius: 5px;
}

.closesearch[b-uexuyim40m] {
    text-align: left;
    color: #04AED3;
    font-size: 28px;
}


.gobacksafedrop[b-uexuyim40m] {
    margin-top: 1vh;
    border-radius: 1vh 1vh 0vh 0vh;
    font-size: 4vh;
    color: #04AED3;
    margin-top: 2vh;
    margin-bottom: 3vh;
}

#closesafedrop[b-uexuyim40m] {
    margin-top: 2vh;
}
/* /Layout/CashierCornerComponents/PettyCash/PettyCash.razor.rz.scp.css */
.wholepettycashdiv[b-ocnxpz4caa]
{
    padding:4%;
    margin:-5.8%;
    margin-top:-1%;
    width:113%;
    height:127%;
    background-color:#f0f0f0;
   
}
.title[b-ocnxpz4caa]{
    font-size:28px;
    line-height:15px;
}
.formpart[b-ocnxpz4caa] {
    background-color: #fff;
    padding: 3%;
    height:49vh;
    margin-bottom:4%;
    margin-top:18%;
    border-radius:5px;
   
}
.formpartcolumn[b-ocnxpz4caa] {
    display: flex;
    flex-direction: column;
    gap: 3vh;
}
.formpart input[b-ocnxpz4caa] {
    width: 100%;
}
    .firstrow_div[b-ocnxpz4caa] {
        display: flex;
        gap: 5%;
    }
    .firstrow_div label[b-ocnxpz4caa]{
        width:100%;
    }
        
.labels[b-ocnxpz4caa]{
    display:flex;
    flex-direction:column;
    gap:17%;
}
.firstrow_div input[b-ocnxpz4caa] {
    background-color: #d9d9d9;
    border: none;
    width:100%;
    border-radius: 10px;
}
.inputandlabel[b-ocnxpz4caa] {
    display: flex;
    
}
.btn_div[b-ocnxpz4caa] {
    display: flex;
    gap: 7%;
    justify-content: center;
}
.btn_div button[b-ocnxpz4caa]{
    width:25%;
    border:none;
    height:5vh;
    color:#fff;
    border-radius:10px;
    font-weight:400;
    font-size:18px;
    letter-spacing:3px;

}
    .btn_div .CancelBtn[b-ocnxpz4caa] {
        background-color: #D44302;
    }
    .btn_div .submitbutton[b-ocnxpz4caa] {
        background-color: #14AD5A;
    }
.inputcol[b-ocnxpz4caa]{
    display:flex;
    flex-direction:column;
    gap:20px;
   
}
.inputcol input[b-ocnxpz4caa]{
    background-color:#d9d9d9;
    border:none;
    border-radius:10px;
    height:5vh;
}
@media only screen and (max-width: 1120px) {

    .firstrow_div[b-ocnxpz4caa] {
        display: flex;
        gap: 2%;
    }
        .firstrow_div label[b-ocnxpz4caa] {
            width: 130%;
           
        }
        .firstrow_div .Dateinputandlabel label[b-ocnxpz4caa] {
            width: 30%;
        }
        .firstrow_div .inputandlabel input[b-ocnxpz4caa] {
           width:90%;
        }
    .labels[b-ocnxpz4caa] {
   
        gap: 17%;
       width:30%;
    }
}
/* /Layout/CashierCornerComponents/Products/SearchRestaurantProducts.razor.rz.scp.css */
.searchresto[b-ltbgw0k7na] {
    height: 88vh;
    border-radius: 10px;
    background-color: #f0f0f0 !important;
    margin: 1.5% 0 0 -4.5%;
    width: 110%;
    padding: 15px;
}
.table-container[b-ltbgw0k7na] {
    height: 48vh;
    overflow-y: auto;
}
.pagination-wrapper[b-ltbgw0k7na] {
    max-width: 80%;
}

[b-ltbgw0k7na]::-webkit-scrollbar-thumb {
    background-color: #afafaf;
    border-radius: 4px;
}

[b-ltbgw0k7na]::-webkit-scrollbar {
    width: 10px;
    border-radius: 4px;
    background-color: #fff;
}
.table-container thead th[b-ltbgw0k7na] {
    position: sticky;
    top: 0;
    z-index: 1; /* Keeps the header above the table content */
}
#gobacksalesreturn[b-ltbgw0k7na] {
    font-size: 22px;
}

.modaltitle[b-ltbgw0k7na] {
    font-size: 22px;
    font-family: Proxima Nova;
    font-size: 22px;
    font-weight: 400;
    text-align: left;
    line-height: 1;
}

.searchinput[b-ltbgw0k7na] {
    height: 7vh;
    border-radius: 10px;
    border: none;
}

.buttonandicon[b-ltbgw0k7na] {
    display: flex;
}

.searchbutton[b-ltbgw0k7na] {
    width: 80%;
    font-size: 22px;
    border: none;
    border-radius: 10px 0 0 10px;
    font-weight: 400;
}

.buttonandicon .searchiconbutton[b-ltbgw0k7na] {
    font-size: 22px;
    line-height: 2vh;
    height: 7vh;
    width: 40%;
    border: none;
    border-radius: 0 10px 10px 0;
    color: #fff;
    background-color: var(--our--commonblue-color);
}

.tablediv[b-ltbgw0k7na] {
    margin-top: 3%;
}
.tablediv table[b-ltbgw0k7na]{
    width:100%;
}
    
    .tablediv th[b-ltbgw0k7na], .tablediv td[b-ltbgw0k7na] {
        border: 1px solid #111;
        height: 6vh;
        text-align: center;
    }
    .tablediv th[b-ltbgw0k7na] {
        background-color: var(--our--commonblue-color);
        color:#fff;
        font-weight:300;
        font-size:16px;
        letter-spacing:1px;
    }
.tablediv tr[b-ltbgw0k7na]{
    background-color:#fff;
   
}
    .tablediv tr:hover[b-ltbgw0k7na] {
        background-color: #f0f0f0 !important;
    }
.selectcompany[b-ltbgw0k7na]{
    border:none;
    background-color:#fff;
    border-radius:5px;
    height:4vh;
    margin-left:5%;
}

.cancelbtndiv[b-ltbgw0k7na]{
    text-align:right;
}

.cancelbtn[b-ltbgw0k7na] {
    height: 8vh;
    width: 25%;
    background-color: #E72929;
    border:none;
    border-radius:10px;
    color:#fff;
    font-size:32px;
    letter-spacing:2px;
}

@media only screen and (max-width: 1120px) {
    .searchresto[b-ltbgw0k7na] {
        height: 88vh;
        border-radius: 10px;
        background-color: #f0f0f0 !important;
        margin: 0;
        margin-left:-4.5vw;
        width: 120%;
        padding: 15px;
    }

    .searchbutton[b-ltbgw0k7na] {
        width: 70%;
        font-size: 18px;
    }
    .buttonandicon[b-ltbgw0k7na]{
        margin-left:-1.5vw;
    }
}
/* /Layout/CashierCornerComponents/QuantitySelect/SelectQuantity.razor.rz.scp.css */
.modal[b-5c53knlo1u] {
    display: block;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-content[b-5c53knlo1u] {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 300px;
    text-align: center;
}
.CancelButton[b-5c53knlo1u], .ConfirmButton[b-5c53knlo1u] {
    background-color: var(--our--calculatorcancel-color);
    width: 100%;
    border: none;
    height: 7vh;
    color:#fff;
    font-size:18px;
    letter-spacing:1px;
    margin-top: 15%;
}
.ConfirmButton[b-5c53knlo1u] {
    background-color: var(--our--calculatortender-color);
}

    .minusbutton[b-5c53knlo1u], .plusbutton[b-5c53knlo1u] {
        background-color: var(--our--commonblue-color);
        color: #fff;
        border: none;
        width: 50px !important;
        height: 40px !important;
        border-radius: 5px;
        font-size: 30px !important;
        line-height: 0;
    }
.numberinput[b-5c53knlo1u]{
    width:70% !important;
    font-size:22px;
    border:none;
    background-color:none;
}
.ConfirmButton[b-5c53knlo1u]{
    
}
.close:hover[b-5c53knlo1u],
.close:focus[b-5c53knlo1u] {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.quantity-selector[b-5c53knlo1u] {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .quantity-selector button[b-5c53knlo1u] {
        width: 30px;
        height: 30px;
        font-size: 20px;
    }

    .quantity-selector input[b-5c53knlo1u] {
        width: 50px;
        text-align: center;
        margin: 0 10px;
    }
/* /Layout/CashierCornerComponents/SafeDrop/SafeDrop.razor.rz.scp.css */
.safedropbuttonsdiv[b-720iwip114] {
    width: 72vw;
}

.modalsafedrop[b-720iwip114], .modalsafedropbtntotamt[b-720iwip114] {
    text-align: center;
    width: 90%;
    background-color: #ABBFE0;
    border: none;
    border-radius: 10px;
    height: 6vh;
    margin-left: 5%;
    margin-top: 5% !important;
    font-size: 18px;
}

.modalsafedropbtntotamt[b-720iwip114] {
    background-color: #14AD5A;
    color: #fff;
}

.modalsafedrophead[b-720iwip114] {
    font-weight: 500;
    margin-bottom: 2vh;
    letter-spacing: 5px;
}

.safedropmaincard2[b-720iwip114] {
    margin: -1% 0 0 -7.5% !important;
    background-color: #ECECEB;
    border-radius: 0px;
    width: 115%;
    height: 100%;
    padding-left: 10%;
}

.safedropcard[b-720iwip114] {
    border: none;
    align-items: center;
    height: 100%;
}

.safedroptable[b-720iwip114] {
    border: 1px solid #111;
    width: 71vw;
    border-radius: 5px;
    text-align: center;
    background-color: #fff;
}

.safedroptable tr:nth-child(even)[b-720iwip114] {
    background-color: #fff;
}

.safedroptable tr[b-720iwip114] {
    border-bottom: 1px solid #625543 !important;
    height: 7vh;
}

.safedroptable input[b-720iwip114] {
    border: none;
    border-radius: 5px;
    height: 4vh;
    text-align: center;
    width: 12vw;
    background-color: #ECECEB;
}

.safedropinput[b-720iwip114] {
    width: 30vw;
    height: 5vh;
    font-size: 22px;
    font-weight: 400;
    border-width: 1px;
    background-color: white;
    text-align: center;
    width: 25vw;
    border-radius: 5px;
}

.closesearch[b-720iwip114] {
    text-align: left;
    color: #04AED3;
    font-size: 28px;
}


.gobacksafedrop[b-720iwip114] {
    margin-top: 1vh;
    border-radius: 1vh 1vh 0vh 0vh;
    font-size: 4vh;
    color: #04AED3;
    margin-top: 2vh;
    margin-bottom: 3vh;
}

#closesafedrop[b-720iwip114] {
    margin-top: 2vh;
}
/* /Layout/CashierCornerComponents/SalesReturn/SalesReturn.razor.rz.scp.css */

.returntxt[b-tn8d7kq6pp] {
   
    font-size: 24px;
    font-weight: 400;
   
    text-align: left;
   
}
#gobacksalesreturn[b-tn8d7kq6pp]{
    font-size:30px;
    margin-top:5%;
    margin-right:3%;
}



.date-filter input[b-tn8d7kq6pp] {
    padding: 5px;
    width:8.7rem !important;
    border: 2px solid #d9d9d9;
    border-radius: 10px;
}
.datetxt[b-tn8d7kq6pp] {
    line-height:3.8;
    font-size: 14px;
    font-weight:500;
    margin-top:1.5%;
  
    font-weight: 400;
  
}
.btnpart[b-tn8d7kq6pp]{
    display:flex;
    gap:20px;
}

    .btnpart button[b-tn8d7kq6pp] {
        height: 6vh;
        font-size:18px;
        font-weight:400;
        background-color: #fff;
        border-radius: 10px;
        border: 3px solid #d9d9d9;
       
    }
    .btnpart .filterbtn[b-tn8d7kq6pp] {
        width: 40%;
        text-align: right;
    }
.fa-caret-down[b-tn8d7kq6pp]{
    margin-left:6vw;
    font-size:20px;
}
.searchitembtn[b-tn8d7kq6pp] {
    
   background-color:#fff;
   border:3px solid #d9d9d9;
    text-align:left;
    border-radius:10px;
    padding:5px 10px 5px 10px;
    margin-top:3vh;
    width:100%;
    text-align:center;
}

.table-container[b-tn8d7kq6pp] {
    width: 100%;
    border-collapse: collapse;
    max-height: 70vh;
    margin-top:5%;
    overflow-y: scroll;
    border: 1px solid black;
}
    .table-container table[b-tn8d7kq6pp]{
        width:100%;
    }
    .table-container table[b-tn8d7kq6pp],
    .table-container th[b-tn8d7kq6pp],
    .table-container td[b-tn8d7kq6pp] {
        border: 1px solid black;
      
        font-size: 14px;
    }

    .table-container th[b-tn8d7kq6pp],
    .table-container td[b-tn8d7kq6pp] {
        padding: 12px;
        text-align: center;
    }

    .table-container th[b-tn8d7kq6pp] {
        background-color: #f2f2f2;
        color: #111;
        border-top:none !important;
      
    }

    .table-container tr[b-tn8d7kq6pp],.table-container th[b-tn8d7kq6pp] {
        cursor: pointer;
        height: 7vh;
        border-top:none ;
    }
        .table-container tr:hover[b-tn8d7kq6pp], .table-container tr:nth-child(even):hover[b-tn8d7kq6pp] {
            background-color: #777 !important;
            color:#fff;
        }
        .table-container tr:nth-child(even)[b-tn8d7kq6pp] {
            background-color: #ECECEB !important;
        }
             
    .table-container thead[b-tn8d7kq6pp] {
        background-color: #d9d9d9;
        color: #111 !important;
        position: sticky;
        top: 0;
        z-index: 1;
    }

[b-tn8d7kq6pp]::-webkit-scrollbar {
    display:none;
}
/* /Layout/CashierCornerComponents/ShowCardView.razor.rz.scp.css */
#card[b-rhsfzy0ax3] {
    margin-top: 4.3%;
}

    #card .backarrow[b-rhsfzy0ax3] {
        color: aqua;
        font-size: 28px;
        margin-top: 2vh;
    }

    #card .customer[b-rhsfzy0ax3] {
        font-family: "Quicksand", sans-serif;
        font-size: 28px;
    }

    #card .tenderbutton[b-rhsfzy0ax3] {
        background-color: #ffd457;
        color: #fff;
        border: none;
        border-radius: 1vh;
        width: 50%;
        margin-left: 1.5vh;
        /*        margin-top: 15%;*/
        text-align: center;
        height: 72%;
        font-size: 10vh;
    }

    #card .tender[b-rhsfzy0ax3] {
        font-size: 20px;
        letter-spacing: 3px;
        color: #000;
        margin-top: 5%;
        color: #082248;
        font-weight: 500;
        margin-bottom: 0;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }

    /*   #card .calcbuttons {
        margin-top: 40vh;
        margin-left: 5vh;
    }*/

    #card .cardscard[b-rhsfzy0ax3] {
        height: 40vh;
        width: 100%;
        margin-top: 5vh;
        font-family: "Quicksand", sans-serif;
        font-size: 7vh;
        border-top: none;
        border-right: none;
        border-left: none;
        justify-content: center;
        text-align: center;
        border-radius: 0;
    }


    #card .backarrow[b-rhsfzy0ax3] {
        font-size: 28px;
        margin-top: 2vh;
    }





    #card .tenderbutton[b-rhsfzy0ax3] {
        background-color: #14AD5A;
        color: #FFFFFF;
        border: none;
        border-radius: 1vh;
        width: 90%;
        height: 70px;
        text-align: center;
        font-size: 32px;
        font-weight: 400;
        margin-top: 40%;
    }

    #card .tender[b-rhsfzy0ax3] {
        text-align: center;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        letter-spacing: 3px;
        margin-top: 10px;
        color: #FFFFFF;
        font-weight: 400;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }


    #card .cardscard[b-rhsfzy0ax3] {
        width: 75%;
        margin-top: 30vh;
        font-family: "Quicksand", sans-serif;
        font-size: 24px;
        font-weight: 400;
        justify-content: center;
        text-align: center;
        border: 1px solid #0C2144;
        border-top: none;
        height: 7vh;
        margin-left: 11%;
        border-radius: 0 0 5px 5px;
        background-color: #ECECEB;
    }

        #card .cardscard p[b-rhsfzy0ax3] {
            padding: 10px;
            margin-top: 10px;
        }

    #card .calcbuttons img[b-rhsfzy0ax3] {
        margin-top: 22vh;
        padding: 10px;
        width: 97%;
    }


    #card .card-right[b-rhsfzy0ax3] {
        width: 120% !important;
    }

    #card .cardrighttop[b-rhsfzy0ax3] {
        background-color: #ECECEB !important;
        height: 93.5vh;
    }

    #card .cardscard .card-amount[b-rhsfzy0ax3] {
        display: flex;
        gap: 40%;
    }

@media only screen and (max-width: 1120px) {
    #card[b-rhsfzy0ax3]{
        margin-top:5%;
    }
    #card .cardscard[b-rhsfzy0ax3] {
      
        width: 90%;
        margin-left:3%;
       
    }
    #card .tenderbtngroup[b-rhsfzy0ax3] {
        margin-top: 15%;
    }
    #card .tender[b-rhsfzy0ax3]{
        margin:0;
    }
}
/* /Layout/CashierCornerComponents/ShowCashView.razor.rz.scp.css */
.maincard3[b-a5yp5j575v] {
    border: none;
    align-items: center;
    height: 101%;
    margin-bottom: -2vh;
    margin-top: -2.5%;
    margin-left: 3%;
    width: 112%;
    border-left: 2px solid #111;
    border-radius: 0px;
}

    .maincard3 form[b-a5yp5j575v] {
        width: 95%;
        margin-top: 2vh;
        margin-bottom: 6.6%;
    }

.form1[b-a5yp5j575v] {
}

.maincard3 input[b-a5yp5j575v] {
    background-color: #f0f0f0;
    border: none;
    border-radius: 9px;
    margin: 3% 1% 3% 1%;
    width: 30%;
    height: 11vh;
    border: 1px solid #111;
    font-size: 22px;
    font-weight: 500;
    color: #111;
}



.calcbuttongroup[b-a5yp5j575v] {
    margin-bottom: 1%;
    margin-left: 1%;
}

.enterbutton[b-a5yp5j575v] {
    width: 125%;
    height: 10vh;
    border: 1px solid #111;
    background: #f0f0f0;
    border-radius: 10px;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 0;
    margin-left: -1.3vw;
}



.enterbuttongroup[b-a5yp5j575v] {
    width: 100%;
}




.tendericon[b-a5yp5j575v] {
}

.cancelbutton[b-a5yp5j575v], .tenderbutton[b-a5yp5j575v] {
    background: var(--our--calculatorcancel-color);
    color: #000;
    height: 8vh;
    width: 95%;
    border: none;
    border-radius: 5px;
    font-size: 22px;
    letter-spacing: 1px;
    color: #fff;
    line-height: 0;
}

.calcbuttons[b-a5yp5j575v] {
    padding: 15px;
}

.tenderbutton[b-a5yp5j575v] {
    background-color: var(--our--calculatortender-color);
    margin-left: -15px;
    width: 105%;
}

#calc[b-a5yp5j575v] {
    width: 99%;
    height: 10vh;
    margin-top: 3%;
    margin-bottom: -1vh;
    border: 1px solid #111;
    background-color: #fff;
    border-radius: 15px;
}


#cash[b-a5yp5j575v] {
    margin-top: 4.3%;
}



    #cash .backarrow[b-a5yp5j575v] {
        color: aqua;
        font-size: 28px;
        margin-top: 2vh;
    }


    #cash .customername[b-a5yp5j575v] {
        font-size: 30px;
        font-family: "Quicksand", sans-serif;
    }

    #cash .customer[b-a5yp5j575v] {
        font-family: "Quicksand", sans-serif;
        font-size: 30px;
    }

    #cash .billtable[b-a5yp5j575v] {
        border: 2px solid #111 !important;
        border-top: none !important;
        border-radius: 0 0 10px 10px;
        padding: 3px;
        width: 80%;
        margin-left: 10% !important;
        margin-top: 20%;
    }

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

.billtable tr:nth-child(odd)[b-a5yp5j575v] {
    background-color: #f2f2f2;
}



#cash .billtable table td[b-a5yp5j575v] {
    border: 1px solid #fff;
    width: 50%;
    padding: 2vh;
    padding-left: 40px;
    font-family: "Quicksand", sans-serif;
    font-size: 28px;
}

#cash .maincard3[b-a5yp5j575v] {
    margin-left: -3%;
    width: 100%;
    padding-left: 7%;
}

/* tab content cash right part */
/* #cash .maincard3 {
            background-color: #D9D9D9;
            border: none;
            height: 100%;
            width: 100%;
            margin-top: 4%;
            margin-left: 6%;
        }

        #cash .tenderbutton {
            width: 100%;
            height: 15vh;
            background: #FFD457;
            color: #082248;
            border: none;
            border-radius: 10px;
            margin-top: 1vh;
            font-size: 2px;
            font-weight: 500;
        }


        #cash .enterbutton {
            width: 100%;
            height: 15vh;
            margin-top: auto;
            font-size: 20px;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            letter-spacing: 2px;
        }

            #cash .enterbutton .tendericon {
                font-size: 10vh;
            }
    */
.maincard3 form[b-a5yp5j575v] {
    width: 100%;
    text-align: center;
}
/*
    #cash .maincard3 input {
        background-color: #f0f0f0;
        border: none;
        border-radius: 9px;
        margin: 2% 2% 2% 2%;
        width: 28%;
        font-size: 18px;
    }

    #cash #calc {
        width: 90%;
        margin-left: 5%;
        height: 10vh;
        margin-top: 3%;
        border: none;
        background-color: #fff;
        border-radius: 15px;
    }

    #cash .calcbuttongroup {
        margin-top: 10%;
    }
    */
.yesnobutton[b-a5yp5j575v] {
    border: none;
    width: 40%;
    height: 12vh;
    border-radius: 10px;
    margin-bottom: 10%;
    margin-top: 10%;
    font-size: 26px;
    color: #fff;
    line-height: 32px;
}

    .yesnobutton.yes[b-a5yp5j575v] {
        background-color: #28a745;
        margin-right: 10%;
    }

    .yesnobutton.no[b-a5yp5j575v] {
        background-color: red;
        margin-left: 35%;
        padding-top: 4px;
    }

    .yesnobutton .fa-check[b-a5yp5j575v] {
        font-size: 52px;
    }

    .yesnobutton .fa-ban[b-a5yp5j575v] {
        font-size: 52px;
    }

.nobutton[b-a5yp5j575v] {
    border: none;
    width: 60%;
    height: 10vh;
    border-radius: 10px;
    margin-bottom: 10%;
    font-size: 26px;
    color: #fff;
    line-height: 1;
}

    .nobutton .fa-ban[b-a5yp5j575v] {
        font-size: 46px;
    }

.maincard3 .dotabhovecancel[b-a5yp5j575v] {
    height: 10vh;
    width: 90%;
    border: 1px solid #111;
    margin-top: 0;
    background-color: #f0f0f0;
    color: #082248;
    border-radius: 10px;
    font-size: 24px;
    line-height: 0;
    font-weight: 800;
}

@media only screen and (max-width: 1120px) {
    .maincard3 input[b-a5yp5j575v] {
        width: 30%;
        height: 9vh;
        margin: 5% 1% 5% 1%;
    }
  

    .enterbutton[b-a5yp5j575v] {
        width: 129%;
    }

    .enterbuttongroup[b-a5yp5j575v] {
        margin-top: 5%;
    }
    #cash .billtable[b-a5yp5j575v] {
        width: 90%;
        margin-left:5% !important;
    }
  
    .maincard3 .dotabhovecancel[b-a5yp5j575v] {
        width: 97%;
        margin-left: 3%;
    }

   
    .cancelbutton[b-a5yp5j575v], .tenderbutton[b-a5yp5j575v] {
        font-size: 18px;
        height: 9vh;
    }

    .calcbuttons[b-a5yp5j575v] {
        padding: 15px 0px;
    }

    form[b-a5yp5j575v] {
        width: 104% !important;
    }
    #cash[b-a5yp5j575v]{
        margin-top:5%;
    }
    .calcbuttongroup[b-a5yp5j575v] {
        margin-top: 3%;
        width: 107%;
    }
}
/* /Layout/CashierCornerComponents/ShowPrintOption.razor.rz.scp.css */

.yesnobutton[b-2ax0w2ltsp] {
    border: none;
    width: 40%;
    height: 12vh;
    border-radius: 10px;
    margin-bottom: 10%;
    margin-top: 10%;
    font-size: 26px;
    color: #fff;
    line-height: 32px;
}

    .yesnobutton.yes[b-2ax0w2ltsp] {
        background-color: #28a745;
        margin-right: 10%;
    }

    .yesnobutton.no[b-2ax0w2ltsp] {
        background-color: red;
        margin-left: 35%;
        padding-top: 4px;
    }

    .yesnobutton .fa-check[b-2ax0w2ltsp] {
        font-size: 52px;
    }

    .yesnobutton .fa-ban[b-2ax0w2ltsp] {
        font-size: 52px;
    }

.nobutton[b-2ax0w2ltsp] {
    border: none;
    width: 60%;
    height: 10vh;
    border-radius: 10px;
    margin-bottom: 10%;
    font-size: 26px;
    color: #fff;
    line-height: 1;
}

    .nobutton .fa-ban[b-2ax0w2ltsp] {
        font-size: 46px;
    }
/* /Layout/CashierCornerComponents/ShowScanView.razor.rz.scp.css */
#qr[b-7wcros342k] {
    margin-top: 4.3%;
}
#qrTab[b-7wcros342k] {
    margin-top: 6%;
}
    #qr .scantopay[b-7wcros342k] {
        font-family: "Quicksand", sans-serif;
    }

    #qr .backarrow[b-7wcros342k] {
        color: aqua;
        font-size: 28px;
        margin-top: 2vh;
    }

    #qr .customer[b-7wcros342k] {
        font-size: 30px;
        font-family: "Quicksand", sans-serif;
    }

    #qr .scantopay[b-7wcros342k] {
        font-size: 30px;
        font-family: "Quicksand", sans-serif;
    }

    #qr .qrcode[b-7wcros342k] {
        width: 80% !important;
        /*   margin-left: 25%;
        margin-top: 5%;*/
    }

    #qr .qrrightcard[b-7wcros342k] {
        border-right: none;
        border-top: none;
        border-bottom: none;
        border-radius: 0px;
        height: 100%;
        /*     margin-top: 1.5%;*/
        margin-left: 20px;
        margin-right: -3.6vh;
    }
.nav-link[b-7wcros342k] {
    display: block;
    padding: 10px 20px;
    cursor: pointer;
    text-align: center;
    color: #555;
    background-color: #f1f1f1;
    border-radius: 5px;
    margin: 0 5px;
    transition: all 0.3s ease;
}

    .nav-link.active[b-7wcros342k] {
        background-color: #007bff;
        color: white;
        font-weight: bold;
    }
    #qr .calcbuttons[b-7wcros342k] {
        margin-top: auto;
        margin-left: 10%;
    }



    /*    #qr .tendericon {
        font-size: 10vh;
        margin-top: -14px;
    }*/

    #qr .tender[b-7wcros342k] {
        font-size: 20px;
        letter-spacing: 3px;
        color: #000;
        color: #082248;
        font-weight: 500;
        margin-bottom: 0;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }

#qr[b-7wcros342k] {
    margin-top: 4.3%;
}

    #qr .scantopay[b-7wcros342k] {
        font-family: "Quicksand", sans-serif;
    }

    #qr .qramount[b-7wcros342k] {
        color: #ffd457;
        font-family: "Quicksand", sans-serif;
        font-family: "Quicksand", sans-serif;
        font-size: 48px;
        margin-top: 10px;
        text-align: center;
    }

    #qr .backarrow[b-7wcros342k] {
        font-size: 24px;
        margin-top: 2vh;
    }

    #qr .customer[b-7wcros342k] {
        font-family: "Quicksand", sans-serif;
        font-size: 3vh;
    }

.splitbutton[b-7wcros342k] {
    height: 17.5% !important;
}


#qr .qrcode[b-7wcros342k] {
    width: 100%;
    margin-top: 40%;
    height: 70%;
}

#qr .qrrightcard[b-7wcros342k] {
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-radius: 0px;
    height: 93.5vh;
    /*    margin-right: -2vw !important;*/
    background-color: #ECECEB;
}




#qr .tenderbutton[b-7wcros342k] {
    background-color: #14AD5A;
    color: #FFFFFF;
    border: none;
    border-radius: 1vh;
    width: 80%;
    height: 70px;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    /*  margin-top: 15vh;*/
}

#qr .tender[b-7wcros342k] {
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 3px;
    font-weight: 500;
    margin-bottom: 0;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

#qr .qrsqr[b-7wcros342k] {
    height: 7vh;
    width: 75%;
    margin-top: 30vh;
    font-family: "Quicksand", sans-serif;
    font-size: 24px;
    font-weight: 400;
    justify-content: center;
    text-align: center;
    border: none;
    margin-left: 11%;
}



#qr .qramount[b-7wcros342k] {
    color: #ffd457;
    font-family: "Quicksand", sans-serif;
    font-size: 48px;
    margin-top: 10px;
    text-align: center;
}

#qr .qrsqr .qr-amount[b-7wcros342k] {
    display: flex;
    gap: 30%;
}

#qr .qrsqr p[b-7wcros342k] {
    border-width: 0px 1px 1px 1px;
    padding: 10px;
}

#qr .qrsqr[b-7wcros342k] {
    background-color: #ECECEB;
    border: 1px solid #0C2144;
    border-radius: 0 0 5px 5px;
    border-top: none;
}


.cashpage[b-7wcros342k] {
    overflow: hidden;
    width: 100.87vw;
    border: none;
    margin: -2.6vh -2.6vh 0 -3.4vh;
    margin-right: 0;
}

@media only screen and (max-width: 1120px) {
    #qr[b-7wcros342k]{
        margin-top:5%;
    }
    #qr .tenderbutton[b-7wcros342k] {
      width:85%;
      margin-top:70%;
        /*  margin-top: 15vh;*/
    }
        #qr .qrcode[b-7wcros342k] {
            width: 105% !important;
       margin-left:-3%;
            height: 30vh;
        }
    #qrTab[b-7wcros342k] {
        margin-top: 8%;
    }
    #qr .qrsqr[b-7wcros342k] {
        width: 85%;
        margin-left: 10%;
    }

}
/* /Layout/CashierCornerComponents/SplitPayment.razor.rz.scp.css */
.splitpayment[b-6f9mc76xgf]{
    margin-top:4.5%;
    width:100%;
}

    #gobacksplitpayment[b-6f9mc76xgf] {
        border-radius: 1vh 1vh 0vh 0vh;
        font-size: 24px;
        color: #0C2144;
    }

    .yesnobutton[b-6f9mc76xgf] {
        border: none;
        width: 40%;
        height: 12vh;
        border-radius: 10px;
        margin-bottom: 10%;
        margin-top: 10%;
        font-size: 26px;
        color: #fff;
        line-height: 32px;
    }

        .yesnobutton.yes[b-6f9mc76xgf] {
            background-color: #28a745;
            margin-right: 10%;
        }

        .yesnobutton.no[b-6f9mc76xgf] {
            background-color: red;
            margin-left: 35%;
            padding-top: 4px;
        }

        .yesnobutton .fa-check[b-6f9mc76xgf] {
            font-size: 52px;
        }

        .yesnobutton .fa-ban[b-6f9mc76xgf] {
            font-size: 52px;
        }

    .nobutton[b-6f9mc76xgf] {
        border: none;
        width: 60%;
        height: 10vh;
        border-radius: 10px;
        margin-bottom: 10%;
        font-size: 26px;
        color: #fff;
        line-height: 1;
    }

        .nobutton .fa-ban[b-6f9mc76xgf] {
            font-size: 46px;
        }

    #cash[b-6f9mc76xgf] {
        margin-left: -8vw !important;
    }

    .calcbuttons[b-6f9mc76xgf] {
        margin-top: -3vh !important;
    }

    .maincard3[b-6f9mc76xgf] {
        border: none;
        align-items: center;
        height: 94.5vh;
        margin-top: -32.5%;
        padding: 20px;
        margin-left: 12%;
        width: 100%;
        border-left: 2px solid #111;
        border-radius: 0px;
    }

        .maincard3 form[b-6f9mc76xgf] {
            width: 95%;
            height: 110%;
            margin-left: 1%;
        }

        .maincard3 input[b-6f9mc76xgf] {
            background-color: #f0f0f0;
            border: none;
            border-radius: 9px;
            margin: 3% 1% 3% 1%;
            width: 30%;
            height: 11vh;
            border: 1px solid #111;
            font-size: 22px;
            font-weight: 500;
            color: #111;
        }


    .enterbuttongroup[b-6f9mc76xgf] {
        width: 100%;
    }

    .maincard3 .dotabhovecancel[b-6f9mc76xgf] {
        height: 10vh;
        width: 90%;
        border: 1px solid #111;
        margin-top: 0;
        background-color: #f0f0f0;
        color: #082248;
        border-radius: 10px;
        font-size: 24px;
        line-height: 0;
        font-weight: 800;
    }

    .calcbuttongroup[b-6f9mc76xgf] {
        margin-left: 1%;
    }


    .enterbutton[b-6f9mc76xgf] {
        width: 125%;
        height: 10vh;
        border: 1px solid #111;
        background: #f0f0f0;
        border-radius: 10px;
        font-size: 22px;
        letter-spacing: 1px;
        line-height: 0;
        margin-left: -1.3vw;
    }

    .cancelbutton[b-6f9mc76xgf], .tenderbutton[b-6f9mc76xgf] {
        background: var(--our--calculatorcancel-color);
        color: #000;
        height: 8vh;
        width: 95%;
        border: none;
        border-radius: 5px;
        font-size: 22px;
        letter-spacing: 1px;
        color: #fff;
        line-height: 0;
    }

    .maincard3 form[b-6f9mc76xgf] {
        width: 100%;
        text-align: center;
    }

    .calcbuttons[b-6f9mc76xgf] {
        padding: 15px;
    }

    .tenderbutton[b-6f9mc76xgf] {
        background-color: var(--our--calculatortender-color);
        margin-left: -15px;
        width: 105%;
    }
@media only screen and (max-width: 1280px) {
    .splitpayment[b-6f9mc76xgf] {
        margin-top: 7%;
    }


    .maincard3[b-6f9mc76xgf] {
   
      height:105%;
        margin-top: -28%;
      
    }
    .calcbuttongroup[b-6f9mc76xgf] {
        margin-top: 15%;
    }
        .maincard3 input[b-6f9mc76xgf] {
            width: 28%;
            height: 10vh;
        }
    .cancelbutton[b-6f9mc76xgf], .tenderbutton[b-6f9mc76xgf] {
        font-size: 18px !important;
    }
}
    .maincard3 .dotabhovecancel[b-6f9mc76xgf] {
        height: 10vh;
        width: 90%;
        border: 1px solid #111;
        margin-top: 0;
        background-color: #f0f0f0;
        color: #082248;
        border-radius: 10px;
        font-size: 24px;
        line-height: 0;
        font-weight: 800;
    }

    .cancelbutton[b-6f9mc76xgf] {
    }

    .cancelbutton[b-6f9mc76xgf] {
        background: var(--our--calculatorcancel-color);
        color: #000;
        height: 8vh;
        width: 95%;
        border: none;
        border-radius: 5px;
        font-size: 22px;
        letter-spacing: 1px;
        color: #fff;
        line-height: 0;
    }


    #calc[b-6f9mc76xgf] {
        width: 99%;
        height: 10vh;
        margin-top: -0.5vh;
        border: 1px solid #111;
        background-color: #fff;
        border-radius: 15px;
    }



    .tableone[b-6f9mc76xgf] {
        border: 1px solid #111;
        border-radius: 0 0 5px 5px;
        border-top: none;
        margin-top: 15vh;
        margin-bottom: 5vh;
        width: 80%;
        margin-left: 10vw;
    }

    .plusbuttonsdiv[b-6f9mc76xgf] {
        margin-right: -1.9vw !important;
    }

    .increasedecreasenum[b-6f9mc76xgf] {
        width: 2vw;
        text-align: center;
    }

    .tableone .plusbutton[b-6f9mc76xgf], .tableone .minusbutton[b-6f9mc76xgf] {
        border: none;
        width: 4vw;
        background-color: var(--our--commonblue-color);
        color: #fff;
        height: 100%;
        font-size: 28px;
        padding-top: -20px !important;
        font-weight: 600;
        margin-right: 1vw;
        margin-left: 1vw;
    }

    .minusbutton[b-6f9mc76xgf] {
        border-radius: 0 0 5px 0;
    }

    .totalamtamt[b-6f9mc76xgf] {
        margin-left: -2.5vw !important;
        font-weight: 500;
    }

    .totalamtrow[b-6f9mc76xgf] {
        height: 8vh;
        background-color: rgba(236, 236, 235, 1);
        line-height: 3;
        font-size: 20px;
        font-weight: 400;
    }

    .paymentsrow[b-6f9mc76xgf] {
        height: 8vh;
        font-size: 20px;
        line-height: 2;
    }

    [b-6f9mc76xgf]::-webkit-scrollbar {
        display: none;
    }

    .tabletwo[b-6f9mc76xgf] {
        border: 1px solid #111;
        border-radius: 0 0 5px 5px;
        border-top: none;
        margin-top: 10vh;
        margin-bottom: 5vh;
        width: 80%;
        margin-left: 10vw;
        max-height: 18.1vh;
        overflow: scroll;
        font-size: 20px;
    }

    .paymenttypemaindiv:nth-child(odd)[b-6f9mc76xgf] {
        background-color: #f2f2f2;
    }

    .paymenttypemaindiv[b-6f9mc76xgf] {
        height: 7vh;
    }

    .tabletwo .paymenttypeselect[b-6f9mc76xgf] {
        border: none;
        margin-top: 1vh;
        background-color: transparent;
        width: 55%;
    }

    .paymenttypeselect:nth-child(even)[b-6f9mc76xgf] {
        background-color: #f2f2f2; /* Light gray background for even rows */
    }

    .split-amount-input[b-6f9mc76xgf] {
        border: none;
        background-color: transparent;
        width: 10vw;
        line-height: 2;
    }

    .tabletwo .tendertd[b-6f9mc76xgf], .tabletwo .voidtd[b-6f9mc76xgf] {
        background-color: #14AD5A;
        height: 6vh;
        width: 5vw;
    }

    .tendervoidbtn[b-6f9mc76xgf] {
        margin-right: -20.5%;
    }

        .tendervoidbtn button[b-6f9mc76xgf] {
            border: none;
            width: 50% !important;
            height: 100% !important;
        }

    .scanmodal[b-6f9mc76xgf] {
        height: 44vh;
        margin-top: 30%;
    }
/* /Layout/CashierCornerComponents/TableView/TableManagement.razor.rz.scp.css */


.btn-shift[b-bxth39f4rn], .btn-merge[b-bxth39f4rn] {
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
}


.alert-info[b-bxth39f4rn] {
    margin-bottom: 0;
    padding: 10px;
}
/*    .btn-shift:hover, .btn-merge:hover {
        background-color: #0C2144;
    }*/
.header-section[b-bxth39f4rn] {
    display: flex;
    justify-content: space-between;
}


.booktablegroup-floorplan[b-bxth39f4rn] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
/*.tab-content{
    height:60vh;
}*/

.holdtablered[b-bxth39f4rn] {
    border: 2px solid #EB3223;
    border-radius: 5px;
}

.image-text-table-time[b-bxth39f4rn] {
    left: 30%;
    top: 17%
}

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

.booktable[b-bxth39f4rn] {
    height: 70px;
    width: 70px;
    position: relative;
}

.booktableinactive[b-bxth39f4rn] {
    height: 70px;
    width: 70px;
    position: relative;
    display: none;
}

.booktablebg[b-bxth39f4rn] {
    height: 70px;
    width: 70px;
    position: relative;
    display: none;
}

.holdtable[b-bxth39f4rn] {
    position: relative;
    color: #000;
    padding: 0;
}

.holdtablegreen[b-bxth39f4rn] {
    border: 2px solid #14AD5A;
    height: 100%;
    border-radius: 5px;
}

.holdtablered[b-bxth39f4rn] {
    border: 2px solid #EB3223;
}

.booktablegroup[b-bxth39f4rn] {
    width: 100%
}

    .booktablegroup[b-bxth39f4rn]::-webkit-scrollbar {
        display: none
    }

.image-text-table[b-bxth39f4rn] {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-weight: 500;
}

.holdtablered .image-text-table[b-bxth39f4rn] {
    color: #E72929;
}

.timeandduration[b-bxth39f4rn] {
    display: flex;
    margin-bottom: 0;
    padding: 5px;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}

.namebottom-green[b-bxth39f4rn] {
    border-top: 1px solid #14AD5A;
}

.namebottom-red[b-bxth39f4rn] {
    border-top: 1px solid #EB3223;
}

.disflex[b-bxth39f4rn] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.flexisi[b-bxth39f4rn] {
    display: flex;
    justify-content: end;
    align-items: center;
}

.modal-header p[b-bxth39f4rn] {
    width: auto !important;
}

.flexisp[b-bxth39f4rn] {
    text-align: start;
    display: flex;
    justify-content: start;
    align-items: center;
}

    .flexisp p[b-bxth39f4rn] {
        margin-bottom: 0;
    }


.nav-tabs[b-bxth39f4rn] {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: white;
    position: relative;
    border-bottom: 0.5px solid #ccc;
    gap: 5%;
}

.nav-item[b-bxth39f4rn] {
    margin: 0;
}

.nav-link[b-bxth39f4rn] {
    color: #ccc;
    border: none;
    background: none;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    transition: color 0.3s ease;
}

    .nav-link:hover[b-bxth39f4rn] {
        color: #0C2144;
    }

    .nav-link[b-bxth39f4rn]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 3px;
        background-color: #0C2144;
        transition: all 0.3s ease;
        transform: translateX(-50%);
    }

    .nav-link:hover[b-bxth39f4rn]::after {
        width: 100%;
    }

    .nav-link.active[b-bxth39f4rn] {
        color: #0C2144;
    }

        .nav-link.active[b-bxth39f4rn]::after {
            content: '';
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 3px;
            background-color: #0C2144;
            transition: all 0.3s ease;
        }

/* Animation for active tab */
.nav-tabs[b-bxth39f4rn]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background-color: transparent;
    transition: left 0.3s ease, width 0.3s ease;
}


.nav-tabs .nav-link[b-bxth39f4rn] {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    outline: none !important;
}

.modal-table-header[b-bxth39f4rn] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-table-header[b-bxth39f4rn] {
    border-bottom: none;
}
/*=================*/

.booktablegroup[b-bxth39f4rn] {
    overflow-y: auto;
    height: 55vh;
}

.header-title[b-bxth39f4rn] {
    font-weight: 600;
    font-size: 2rem;
}

.table-buttons[b-bxth39f4rn] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}



/* Base styles */
.holdtablegreen[b-bxth39f4rn] {
    border: 2px solid #14AD5A;
    height: 100%;
    border-radius: 5px;
    transition: border-color 0.3s ease;
}

/* When shift mode is active, change all green tables to gray */
.shift-mode-active .holdtablegreen[b-bxth39f4rn] {
    border-color: #A9A9A9;
}

    .shift-mode-active .holdtablegreen .namebottom-green[b-bxth39f4rn] {
        border-color: #A9A9A9;
    }

    .shift-mode-active .holdtablegreen .booktableinactive[b-bxth39f4rn] {
        height: 70px;
        width: 70px;
        position: relative;
        display: block;
    }

    .shift-mode-active .holdtablegreen .booktable[b-bxth39f4rn] {
        height: 70px;
        width: 70px;
        position: relative;
        display: none;
    }

    .shift-mode-active .holdtablegreen .booktablebg[b-bxth39f4rn] {
        height: 70px;
        width: 70px;
        position: relative;
        display: none;
    }








/*when shift active and table to shhift selected*/
.shift-mode-active .shift-selected .booktableinactive[b-bxth39f4rn] {
    height: 70px;
    width: 70px;
    position: relative;
    display: none;
}

.shift-mode-active .shift-selected .booktable[b-bxth39f4rn] {
    height: 70px;
    width: 70px;
    position: relative;
    display: none;
}

.shift-mode-active .shift-selected .booktablebg[b-bxth39f4rn] {
    height: 70px;
    width: 70px;
    position: relative;
    display: block;
}




/*shift mode active to chose table to shift to */
.shift-mode-active .shift-mode-vacant[b-bxth39f4rn] {
    border: 3px solid #14AD5A;
}

    /*on hover*/
    .shift-mode-active .shift-mode-vacant:hover .imgtop[b-bxth39f4rn],
    .shift-mode-active .shift-mode-vacant:hover .timeandduration[b-bxth39f4rn] {
        background-color: #FFD457;
    }

    .shift-mode-active .shift-mode-vacant:hover .booktable[b-bxth39f4rn] {
        display: none;
    }

    .shift-mode-active .shift-mode-vacant:hover .booktableinactive[b-bxth39f4rn] {
        display: none;
    }

    .shift-mode-active .shift-mode-vacant:hover .booktablebg[b-bxth39f4rn] {
        display: block;
    }
    /*=========*/


    .shift-mode-active .shift-mode-vacant .booktablebg[b-bxth39f4rn] {
        height: 70px;
        width: 70px;
        position: relative;
        display: none;
    }

    .shift-mode-active .shift-mode-vacant .booktable[b-bxth39f4rn] {
        height: 70px;
        width: 70px;
        position: relative;
        display: block;
    }

    .shift-mode-active .shift-mode-vacant .booktableinactive[b-bxth39f4rn] {
        height: 70px;
        width: 70px;
        position: relative;
        display: none;
    }


/*untouchable part to shift to / occupied tables*/
.shift-mode-active .holdtablered .selectable[b-bxth39f4rn] {
    border-color: #A9A9A9;
}

.shift-mode-active .holdtablered .shift-selected[b-bxth39f4rn] {
    border: 2px solid #EB3223;
}

/*=====================================================*/
/* Selected table during shift mode */
.shift-selected .imgtop[b-bxth39f4rn], .shift-selected .timeandduration[b-bxth39f4rn] {
    background-color: #E72929;
    color: #fff;
    transition: background-color 0.3s ease;
}

.shift-selected .image-text-table-time[b-bxth39f4rn], .shift-selected .image-text-table-WithTimeDuration[b-bxth39f4rn] {
    color: #fff;
}











/* Merge Mode - First Selection Phase */
.merge-mode-first-active .holdtablegreen[b-bxth39f4rn] {
    border-color: #A9A9A9;

}

    .merge-mode-first-active .holdtablegreen .booktable[b-bxth39f4rn] {
        display: none;
    }

    .merge-mode-first-active .holdtablegreen .booktablebg[b-bxth39f4rn] {
        display: none;
    }

    .merge-mode-first-active .holdtablegreen .booktableinactive[b-bxth39f4rn] {
        display: block;
    }

    .merge-mode-first-active .holdtablegreen .namebottom-green[b-bxth39f4rn] {
        border-color: #A9A9A9;
    }

.merge-mode-first-active .holdtablered.merge-mode-active[b-bxth39f4rn] {
    border: 2px solid #EB3223;
}



/* Selected table in merge mode */
.merge-mode-first-active .holdtablered .selected .imgtop[b-bxth39f4rn] {
    background-color: #E72929;
}

.merge-mode-first-active .holdtablered.selected .booktable[b-bxth39f4rn] {
    display: none;
}

.merge-mode-first-active .holdtablered.selected .booktablebg[b-bxth39f4rn] {
    display: block;
}

.merge-mode-first-active .holdtablered.selected .booktableinactive[b-bxth39f4rn] {
    display: none;
}

.merge-mode-first-active .holdtablered.selected .imgtop[b-bxth39f4rn], .merge-mode-first-active .holdtablered.selected .timeandduration[b-bxth39f4rn] {
    background-color: #E72929;
    color: #fff;
}

.merge-mode-first-active .holdtablered.selected .image-text-table-time[b-bxth39f4rn] {
    color: #fff;
}

.merge-mode-first-active .holdtablered.selected .image-text-table-WithTimeDuration[b-bxth39f4rn] {
    color: #fff;
}

.merge-mode-first-active .holdtablered.merge-mode-active-again[b-bxth39f4rn] {
    border: 2px solid #EB3223;
}

.shift-mode-active .shift-mode-vacant:hover .imgtop[b-bxth39f4rn],
.shift-mode-active .shift-mode-vacant:hover .timeandduration[b-bxth39f4rn] {
    background-color: #FFD457;
}














.footer-section-button[b-bxth39f4rn] {
    width: 100%;
    padding: 20px;
    background-color: #0C2144;
    color: #fff;
    border: none;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}





@media only screen and (max-width:1024px), (max-height:640px) {
    .footer-section-button[b-bxth39f4rn] {
        padding: 15px;
    }

    .booktablegroup[b-bxth39f4rn] {
        height: 52vh;
    }
}

@media only screen and (max-width:992px) {
    .booktablegroup-floorplan[b-bxth39f4rn] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }

    .booktable[b-bxth39f4rn] {
        height: 60px;
        width: 60px;
        position: relative;
    }

    .timeandduration[b-bxth39f4rn] {
        padding: 0;
    }

    .modal-table-header[b-bxth39f4rn] {
        padding: 5px !important;
    }

    .modal-table-body[b-bxth39f4rn] {
        padding: 0 !important;
    }
}

@media only screen and (max-width:968px) {
    .booktablegroup-floorplan[b-bxth39f4rn] {
        gap: 15px;
    }
}

@media only screen and (max-width:850px) {
    .modal-body[b-bxth39f4rn] {
        padding: 0 5px !important;
    }

    .booktablegroup-floorplan[b-bxth39f4rn] {
        gap: 15px;
    }
}



@media only screen and (max-width:850px), (max-height:520px) {
    .modal-body[b-bxth39f4rn] {
        padding: 0 5px;
    }

        .modal-body hr[b-bxth39f4rn] {
            margin: 0.5rem 0;
        }
}

@media only screen and (max-height:550px) {
    .booktablegroup[b-bxth39f4rn] {
        height: 50vh;
    }
}

@media only screen and (max-width:678px) {
    .booktablegroup-floorplan[b-bxth39f4rn] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}
/* /Layout/CashierCornerComponents/TakeAwayHold/ShowTakeAway.razor.rz.scp.css */
.modal-content[b-sq7ysy89wf] {
    width: 90vw;
    height:630px;
    max-width: 1200px;
    background-color: #f0f0f0;
    padding: 20px;
    margin-top: 1.5%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    z-index: 1050;
    border-radius: 10px;
}

.modal-header[b-sq7ysy89wf]{
    height:5vh;
}
.modal-header i[b-sq7ysy89wf] {
    font-size: 2rem;
    color: red;
    cursor: pointer;
    line-height: 1.5;
}

.paginationlabel[b-sq7ysy89wf] {
    font-size: 1.125rem;
    margin-left: -12%;
}

.table-container[b-sq7ysy89wf] {
    height: 340px;
    background-color: #f9f9f9;
    overflow-y: scroll;
    margin: -25px 0 20px 0;
}

.cardholdtable[b-sq7ysy89wf] {
    width: 100%;
}

.table-container[b-sq7ysy89wf]::-webkit-scrollbar {
  display:none;
}

.table-container[b-sq7ysy89wf]::-webkit-scrollbar-track {
    background: transparent;
}

.cardholdtable thead[b-sq7ysy89wf] {
    position: sticky;
    top: 0;
    background-color: #082248;
    z-index: 1;
}

.pagechangebtn[b-sq7ysy89wf] {
    background-color: #0C2144;
    border: none;
    color: #fff;
    height: 50px;
    width: 50px;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 14px 15px rgba(0, 0, 0, 0.3);
}

.individualcard[b-sq7ysy89wf] {
    border-radius: 20px 20px 0 0;
   border:2px solid #d9d9d9;
    background-color: #fff;
    width: 90%;
    margin-left: 3%;
    height: 100%;
    margin-bottom: 20px;
}

.card-body[b-sq7ysy89wf] {
    border-radius: 10px;
}

.printicondiv[b-sq7ysy89wf] {
    text-align: right;
    font-size: 1.75rem;
margin-right:3%;
}

.takeawayname[b-sq7ysy89wf] {
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 0.3;
}

.takeawaytimenadday[b-sq7ysy89wf] {
    text-align: center;
    font-size: 1rem;
    line-height: 1;
    margin-bottom: 40px;
}

.totamtdiv[b-sq7ysy89wf] {
    display: flex;
    gap: 5%;
    margin-bottom: 3%;
}

.cardholdtable thead tr th[b-sq7ysy89wf] {
    height: 6vh;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1rem;
    padding: 10px;
    border-left: 1px solid #fff;
    letter-spacing: 1px;
    color: #fff;
    background-color: #082248;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
}
.cardholdtable tfoot[b-sq7ysy89wf] {
    position: sticky;
    bottom: 0;
    background-color: white;
    z-index: 1000;
   
}
    .cardholdtable tfoot td[b-sq7ysy89wf]{


    }
    .cardholdtable tbody td[b-sq7ysy89wf] {
        border: 1px solid #111;
    }

.cardholdtable tbody tr:nth-child(odd)[b-sq7ysy89wf] {
    background-color: #f2f2f2;
}

.cardholdtable tbody tr:nth-child(even)[b-sq7ysy89wf] {
    background-color: #fff;
}

.selectbuttondiv[b-sq7ysy89wf] {
    text-align: right;
}

.selectbtn[b-sq7ysy89wf] {
    height: 60px;
    width: 130px;
    border: none;
    background-color: #082248;
    color: #fff;
    margin-right: 3%;
    margin-bottom: -5%;
    border-radius: 10px;
}

.closemodalbtn[b-sq7ysy89wf] {
    width: 100px;
    height: 50px;
    border: none;
    background-color: #E72929;
    color: #fff;
    border-radius: 5px;
}

@media only screen and (max-width: 1280px) {
    .modal-content[b-sq7ysy89wf] {
        width: 95vw;
        height:550px;
    }

    .selectbtn[b-sq7ysy89wf] {
        height: 40px;
        width: 110px;
    }
    .individualcard[b-sq7ysy89wf] {
        width: 100%;
        margin-left: 0%;
    }
    .table-container[b-sq7ysy89wf] {
        height: 38vh;
    }
}

@media only screen and (max-width: 768px) {
    .modal-content[b-sq7ysy89wf] {
        width: 95vw;
        padding: 15px;
    }

    .paginationlabel[b-sq7ysy89wf] {
        font-size: 1rem;
        text-align: center;
    }

    .individualcard[b-sq7ysy89wf] {
        width: 90vw;

    }

    .table-container[b-sq7ysy89wf] {
        height: 35vh;
    }

    .takeawayname[b-sq7ysy89wf] {
        font-size: 1.5rem;
    }

    .selectbtn[b-sq7ysy89wf] {
        width: 100px;
        height: 35px;
    }

    .closemodalbtn[b-sq7ysy89wf] {
        width: 90px;
        height: 45px;
    }
}
/* /Layout/CashierCornerComponents/TakeAwayHold/TakeAwayHold.razor.rz.scp.css */


.cardstyle .card-text[b-9s2kx371yf] {
    padding-left: 10%;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 0.7em;
}

    .cardstyle .card-text p[b-9s2kx371yf] {
        width: 90%;
        overflow: hidden;
        text-overflow: ellipsis !important;
        white-space: break-spaces;
    }

.holdbuttoninsidehold[b-9s2kx371yf] {
    background-color: #107a47;
    border: none;
    color: white;
    height: 20vh;
    width: 20vh;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    margin-top: 2vh;
    margin-bottom: 2vh;
    margin-left: 4vh;
}

.selectbutton[b-9s2kx371yf] {
    background-color: #082248;
    height: 5vh;
    width: 18%;
    font-size: 16px;
    border: none;
    border-radius: 10px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 500;
}

tfoot[b-9s2kx371yf] {
    position: sticky;
    bottom: 0;
    background-color: white; /* Adjust as needed */
}

.Printtokitchen[b-9s2kx371yf] {
    background-color: #082248;
    margin-top: 2vh;
    margin-bottom: 2vh;
    border: none;
    color: white;
    height: 20vh;
    width: 20vh;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
    margin-left: 4vh;
}
/* /Layout/Charts/ApexLineChart.razor.rz.scp.css */
.chartdiv[b-5tv5k9gwbf] {
    width: 80%;
   
    margin-left:10% ;
}
/* /Layout/Charts/ApexPieChart.razor.rz.scp.css */
.pie-chart[b-ucmzuafsuc] {
    width: 100%;
}



@media only screen and (max-width:1440px) {
    .pie-chart[b-ucmzuafsuc] {
        width: 90%;
    }
}
@media only screen and (max-width:1300px) {
    .pie-chart[b-ucmzuafsuc] {
        width: 95%;
    }
}
    @media only screen and (max-width:1200px) {
        .pie-chart[b-ucmzuafsuc] {
            width: 100%;
        }
    }


    @media only screen and (max-width:1024px) {

        .pie-chart[b-ucmzuafsuc] {
            width: 100%;
        }
    }
@media only screen and (max-width:850px) {
    .pie-chart[b-ucmzuafsuc] {
        width: 100%;
    }
}
    @media only screen and (max-width:768px) {
        .pie-chart[b-ucmzuafsuc] {
            width: 80%;
        }
    }

    @media only screen and (max-width:700px) {
        .pie-chart[b-ucmzuafsuc] {
            width: 90%;
        }
    }

    @media only screen and (max-width:600px) {
        .pie-chart[b-ucmzuafsuc] {
            width: 100%;
        }
    }

    @media only screen and (max-width:480px) {
        .pie-chart[b-ucmzuafsuc] {
            width: 100%;
        }
    }

    @media only screen and (max-width:360px) {
        .pie-chart[b-ucmzuafsuc] {
            width: 100%;
        }
    }

@media only screen and (max-width:322px) {
    .pie-chart[b-ucmzuafsuc] {
        width: 100%;
    }
}

/* /Layout/Charts/ApexSplineAreaChart.razor.rz.scp.css */
/* /Layout/DateFilter/DateFilterComponent.razor.rz.scp.css */
.date-filter[b-jd6eqb3pro] {
    position: relative;
    display: inline-block;
    margin: 20px 20px 20px 0;
    box-shadow: 0px 10px 13px 0px rgba(17, 38, 146, 0.05);
}

.date-header[b-jd6eqb3pro] {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #fff;
    color: rgba(12, 33, 68, 1);
    padding:5px  15px;
    border-radius:8px;
}

.date-label[b-jd6eqb3pro] {
    font-weight: 500;
    font-size: 14px;
    color: #374151;
}

.date-button[b-jd6eqb3pro] {
    background-color: transparent;
    border: none;
    padding: 6px 12px;
    font-size: 14px;
    color: #111827;
    cursor: pointer;
    font-weight:700;
/*    transition: all 0.2s ease;
    min-width: 80px;
    text-align: center;*/
}

.date-button:hover[b-jd6eqb3pro] {
    border-color: #9CA3AF;
}

.date-dropdown[b-jd6eqb3pro] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 8px;
    background-color: white;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    z-index: 1000;
}

.dropdown-content[b-jd6eqb3pro] {
    display: flex;
}

.date-options[b-jd6eqb3pro] {
    padding: 8px;
    border-right: 1px solid #E5E7EB;
    width: 150px;
}

.option[b-jd6eqb3pro] {
    padding: 8px 12px;
    font-size: 14px;
    color: #374151;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s ease;
    margin-bottom: 4px;
}

.option:hover[b-jd6eqb3pro] {
    background-color: #F3F4F6;
}

.option.active[b-jd6eqb3pro] {
    background-color: #3B82F6;
    color: white;
    font-weight: 500;
}

.calendar-section[b-jd6eqb3pro] {
    padding: 16px;
}

.calendar-header[b-jd6eqb3pro] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    width: 250px;
}

.nav-btn[b-jd6eqb3pro] {
    background: none;
    border: none;
    color: #6B7280;
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-btn:hover[b-jd6eqb3pro] {
    background-color: #F3F4F6;
}

.month-year[b-jd6eqb3pro] {
    font-weight: 600;
    color: #111827;
    font-size: 16px;
}

.weekdays[b-jd6eqb3pro] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    margin-bottom: 8px;
    text-align: center;
}

.weekdays div[b-jd6eqb3pro] {
    font-size: 12px;
    color: #6B7280;
    font-weight: 500;
    padding: 4px;
    width: 32px;
}

.calendar-grid[b-jd6eqb3pro] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
}

.calendar-day[b-jd6eqb3pro] {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #111827;
    cursor: pointer;
    border-radius: 0;
    transition: all 0.2s ease;
    width: 32px;
    height: 32px;
    position: relative;
}

.calendar-day.empty[b-jd6eqb3pro] {
    cursor: default;
}

.calendar-day:not(.empty):hover span[b-jd6eqb3pro] {
    background-color: #F3F4F6;
}

.calendar-day.today span[b-jd6eqb3pro] {
    text-decoration: underline;
}

.calendar-day.in-range[b-jd6eqb3pro] {
    background-color: #DBEAFE;
    color: #1E40AF;
}

.calendar-day.start-date[b-jd6eqb3pro] {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

.calendar-day.end-date[b-jd6eqb3pro] {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}

.calendar-day span[b-jd6eqb3pro] {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.calendar-day.selected span[b-jd6eqb3pro] {
    background-color: #3B82F6;
    color: white;
}

.date-inputs[b-jd6eqb3pro] {
    display: flex;
    gap: 16px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #E5E7EB;
}

.date-input-group[b-jd6eqb3pro] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.date-input-group label[b-jd6eqb3pro] {
    font-size: 12px;
    color: #6B7280;
}

.date-input-group input[b-jd6eqb3pro] {
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 14px;
    width: 100%;
}

.action-buttons[b-jd6eqb3pro] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

.cancel-btn[b-jd6eqb3pro], .apply-btn[b-jd6eqb3pro] {
    border: 1px solid #D1D5DB;
    border-radius: 6px;
    padding: 6px 16px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

.cancel-btn[b-jd6eqb3pro] {
    background-color: white;
    color: #374151;
}

.cancel-btn:hover[b-jd6eqb3pro] {
    background-color: #F9FAFB;
}

.apply-btn[b-jd6eqb3pro] {
    background-color: #2563EB;
    color: white;
    border-color: #2563EB;
}

.apply-btn:hover[b-jd6eqb3pro] {
    background-color: #1D4ED8;
} 
/* /Layout/Footer.razor.rz.scp.css */
.footer[b-8bdtd1qwt1] {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0px 10px;
    height: 20px;
    /*    background-color: #d9d9d9;*/
    background-color: #F7F9FC;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    z-index: 999;
    display: flex;
    justify-content: end;
}


@media only screen and (max-width:1700px){

}

@media only screen and (max-width:1440px){

}

@media only screen and (max-width:1024px){

}

@media only screen and (max-width:992px){

}

@media only screen and (max-width:768px){
    .footer[b-8bdtd1qwt1] {
        background-color: #F7F9FC;
    }
}

@media only screen and (max-width:667px){}

@media only screen and (max-width:568px){}

@media only screen and (max-width:480px){}
/* /Layout/GenericItemModal.razor.rz.scp.css */
.addproductbtnmodal[b-yvv15eavt3]
{
    background-color:#32BDEA;
    border:none;
    width:100px;
    color:#fff;
    font-size:13px;
    border-radius:5px;
    height:30px;
}
.resetbuttonmodal[b-yvv15eavt3]{
    background-color:#e08db4;
    border:none;
    border-radius:5px;
    height:30px;
    color:#fff;
    font-size:13px;
    margin-left:20px;
    width:50px;
}

.scrolldiv[b-yvv15eavt3] {
   
   
    border-radius: 10px;
    width: 1000px;
    max-width: 100%;
    height: 70%;
    max-height: 100%;
    left: 8px;
    
    top: 70px;
}

[b-yvv15eavt3]::-webkit-scrollbar {
    width: 20px;
    
}

[b-yvv15eavt3]::-webkit-scrollbar-track {
    background: white;
    border-radius: 10px;
    border:1px solid grey;
}

[b-yvv15eavt3]::-webkit-scrollbar-thumb {
    background: lightgray;
    border-radius: 10px;
}
.modal-content[b-yvv15eavt3]{
    width:60%;
    margin-left:20%;
    height:50%;
}
.modal-header p i[b-yvv15eavt3] {
    color: red;
    line-height: 1.5;
    font-size: 32px;
    cursor: pointer;

}
div:hover[b-yvv15eavt3]::-webkit-scrollbar-thumb {
    background: gray;
}


/* /Layout/InfinityLoader.razor.rz.scp.css */

.spinner .path[b-6pkby7ussu] {
    animation: infinity-load-b-6pkby7ussu 1.5s infinite cubic-bezier(.65,.05,.36,1)
}

@keyframes infinity-load-b-6pkby7ussu {
    to {
        stroke-dashoffset: 10
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
.mainpage[b-hefu86hzor] {
    width: 100%;
    height: 100%;
    background-color: #f7f9fc;
}
header[b-hefu86hzor]{

}
main[b-hefu86hzor]{
padding-right:0; 

}

.header[b-hefu86hzor]{
    height: 8vh;
    border:none;
    border-bottom:none;
    display:flex;
    gap:2%;
}
.toggle-button[b-hefu86hzor]{
    border:1px solid #ccc;
    background-color:transparent;
    padding:5px 5px;
    border-radius:10px;
}
.sidebar[b-hefu86hzor]{
    width:250px;
}
.body-content[b-hefu86hzor] {
    padding: 1.6rem !important;
    height:calc(100% - 9vh);
}
.body-content-next[b-hefu86hzor] {
    padding: 1.2rem 1.6rem!important;
    height: calc(100% - 9vh);
}

[b-hefu86hzor]::-webkit-scrollbar {
    width: 8px;
    background-color: #E6F0FF;
}
/* Track */
[b-hefu86hzor]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px gray;
    border-radius: 10px;
}
/* Handle */
[b-hefu86hzor]::-webkit-scrollbar-thumb {
    background: #0C2144;
}
/* Handle on hover */
    [b-hefu86hzor]::-webkit-scrollbar-thumb:hover {
        background: #000000;
    }

@media only screen and (max-width: 956px) and (max-height: 440px) and (orientation: landscape) {
    .sidebar.main-show[b-hefu86hzor] {
        width: 210px;
    }

    .toggle-button[b-hefu86hzor] {
        padding:2px 5px;
        font-size:0.8rem;
    }

    .body-content-next[b-hefu86hzor] {
        padding: 1rem !important;
    }
}

@media only screen and (max-width: 844px) and (max-height: 390px) and (orientation: landscape) {
    .sidebar.main-show[b-hefu86hzor] {
        width: 210px;
    }
    .toggle-button[b-hefu86hzor] {
        padding:2px 5px;
        font-size: 0.8rem;
    }
    .body-content-next[b-hefu86hzor]{
        padding:1rem !important;

    }
}

@media only screen and (max-width:768px) {
    .content[b-hefu86hzor] {
        padding-left: 1rem !important;
        padding-top:0 !important;
        padding-right:1.5rem !important;
    }
        .layout-body[b-hefu86hzor] {
            position: relative;
        }
        .sidebar[b-hefu86hzor]{
            position:absolute;
            z-index:1000;
        }
    .toggle-button.right-arrow[b-hefu86hzor]{
        position:relative;
        left:0;
        display:none;
    }
    .toggle-button.left-arrow[b-hefu86hzor]{
        position:relative;
        left:40%;
        display:none;
    }
    .header[b-hefu86hzor]{
        background-color:#fff;
    }
    

}
@media only screen and  (max-width:660px){
    .toggle-button.left-arrow[b-hefu86hzor] {
        position: relative;
        left: 45%;
    }
}

@media only screen and (max-width:600px) {
    .toggle-button.left-arrow[b-hefu86hzor] {
        position: relative;
        left: 50%;
    }
}
@media only screen and (max-width:540px) {
    .toggle-button.left-arrow[b-hefu86hzor] {
        position: relative;
        left: 55%;
    }}
}
@media only screen and (max-width:500px) {
    .toggle-button.left-arrow[b-hefu86hzor] {
        position: relative;
        left: 60%;
    }

}
@media only screen and (max-width:480px) {
    .sidebar.main-show[b-hefu86hzor]{
        width:220px;
    }
}
    @media only screen and (max-width:430px) {
        .toggle-button.left-arrow[b-hefu86hzor] {
            position: relative;
            left: 65%;
        }
    }

    @media only screen and (max-width:400px) {
        .toggle-button.left-arrow[b-hefu86hzor] {
            position: relative;
            left: 70%;
        }
    }

    @media only screen and (max-width:370px) {
        .toggle-button.left-arrow[b-hefu86hzor] {
            position: relative;
            left: 75%;
        }
    } 
/* /Layout/MenuComponents/SubMenu.razor.rz.scp.css */
input[list][b-xm448vun95] {
    position: relative;
    z-index: 1050;
    background: white !important;
}

datalist[b-xm448vun95] {
    display: block;
    max-height: 200px;
    overflow-y: auto;
    background: white;
    border: 1px solid #ccc;
    padding: 5px;
    position: absolute;
}

option[b-xm448vun95] {

    padding: 5px;
    font-size: 14px;
    color: black !important; 
    background: white !important;
}

    option:hover[b-xm448vun95] {
        background: #f0f0f0;
    }

.add-submenu[b-xm448vun95]{
    display:flex;
    justify-content:end;
    align-items:center;
    width:100%;
    margin-bottom:1rem;
}



.items-table[b-xm448vun95] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 1rem;
    background: white;
    border-radius: 8px;
    overflow: visible !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

    .items-table th[b-xm448vun95] {
        /*    background: #f1f3f5;*/
        padding: 1rem;
        text-align: left;
        font-weight: 600;
        color: #2c3e50;
        font-size: 0.9rem;
        border-bottom: 1px solid #dee2e6;
    }

    .items-table td[b-xm448vun95] {
        padding: 0.875rem 1rem;
        border-bottom: 1px solid #eee;
        vertical-align: middle;
        position: relative;
        overflow: visible !important;
    }

    .items-table tr:last-child td[b-xm448vun95] {
        border-bottom: none;
    }

.form-control-sm[b-xm448vun95] {
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 4px;
}



.hov-input-table[b-xm448vun95] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    border: 1px solid #EFF0F6;
}

tbody tr:nth-child(even)[b-xm448vun95] {
    background-color: #fff !important;
}


.form-control-sm[b-xm448vun95] {
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 4px;
}

.delete-product-btn[b-xm448vun95] {
    background-color: #AD2D1E;
    border: none;
    color: #fff;
    padding: 5px 10px;
    border-radius: 8px;
}

    .delete-product-btn:hover[b-xm448vun95] {
        opacity: 0.8;
    }

.add-product-row[b-xm448vun95]{
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
}

    .add-product-row:hover[b-xm448vun95]{
        background-color: #0C2144;
        color: #fff;
    }

[b-xm448vun95] .blazored-typeahead {
    border: none;
    background: transparent;
    position: relative;
    width: 100%;
}

[b-xm448vun95] .blazored-typeahead__controls {
    position: relative;
    width: 100%;
}

[b-xm448vun95] .typeishead .blazored-typeahead {
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

    [b-xm448vun95] .typeishead .blazored-typeahead:hover {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

[b-xm448vun95] .blazored-typeahead__input {
    width: 100%;
    padding: 0.6rem 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    background: white;
    transition: border-color 0.2s;
}

    [b-xm448vun95] .blazored-typeahead__input:focus {
        border-color: #3498db;
        outline: none;
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
    }

[b-xm448vun95] .blazored-typeahead__result {
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

    [b-xm448vun95] .blazored-typeahead__result:hover {
        background-color: #e3f2fd;
        color: #1565c0;
    }

[b-xm448vun95] .blazored-typeahead__active-item {
    background-color: #1976d2 !important;
    color: white !important;
}

[b-xm448vun95] .blazored-typeahead__selected-item {
    background-color: #e3f2fd;
    color: #1565c0;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    margin: 0.25rem;
    display: inline-block;
    border: 1px solid #bbdefb;
}

[b-xm448vun95] .blazored-typeahead__selected-item-close {
    margin-left: 0.5rem;
    cursor: pointer;
    color: #1565c0;
}

    [b-xm448vun95] .blazored-typeahead__selected-item-close:hover {
        color: #d32f2f;
    }

[b-xm448vun95] .blazored-typeahead__loader {
    padding: 0.5rem 1rem;
    text-align: center;
    color: #666;
}

[b-xm448vun95] .blazored-typeahead__no-results {
    padding: 0.5rem 1rem;
    color: #666;
    font-style: italic;
}
/* /Layout/ModalDialog.razor.rz.scp.css */
.addproductbtnmodal[b-32oc34bu3u]{
    width:15%;


}

.cancelproductbtnmodal[b-32oc34bu3u] {
    width: 15%;
}

.resetbuttonmodal[b-32oc34bu3u] {
    background-color: #e08db4;
    border: none;
    border-radius: 5px;
    height: 30px;
    color: #fff;
    font-size: 13px;
    margin-left: 20px;
    width: 50px;
}

.scrolldiv[b-32oc34bu3u] {
    border-radius: 10px;
    width: 1000px;
    max-width: 100%;
    height: 85%;
    max-height: 100%;
/*    left: 8px;*/
    top: 10%;
}

[b-32oc34bu3u]::-webkit-scrollbar {
    width: 10px;
}

[b-32oc34bu3u]::-webkit-scrollbar-track {
    background: white;
    border-radius: 10px;
    border:1px solid grey;
}

[b-32oc34bu3u]::-webkit-scrollbar-thumb {
    background: lightgray;
    border-radius: 10px;
}

div:hover[b-32oc34bu3u]::-webkit-scrollbar-thumb {
    background: gray;
}
@media only screen and (max-width:768px){
    .modal-content[b-32oc34bu3u] {
        width: 98% !important;
    }
}

@media only screen and (max-width:568px) {
    .modal-content[b-32oc34bu3u] {
        width: 95% !important;
    }
}

@media only screen and (max-width:480px) {
 

}
@media only screen and (max-width:430px) {
.addproductbtnmodal[b-32oc34bu3u]{
    width:20%;
}
    .cancelproductbtnmodal[b-32oc34bu3u] {
        width: 20%;
    }
}
@media only screen and (max-width:330px) {
    .addproductbtnmodal[b-32oc34bu3u] {
        width: 25%;
    }
    .cancelproductbtnmodal[b-32oc34bu3u] {
        width: 25%;
    }
}
/* /Layout/ModalDialogFull.razor.rz.scp.css */
.full-modal[b-wnqd2579kp] {
    display: block;
    background-color: rgba(10,10,10,.8);
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1050;
    overflow: hidden;
}


.modal-body


.cancelproductbtnmodal[b-wnqd2579kp] {
    width: 15%;
}

.scrolldiv[b-wnqd2579kp] {
    max-width: 100%;
  
    height: 100%;
    margin:  0;
    padding: 0;
    border: none;
    border-radius: 0;
    border-radius: 0;
}

.modal-dialog-scrollable .modal-content[b-wnqd2579kp] {
    overflow: hidden;
    height: 100%;
    /*    padding-bottom:15px;*/
    padding-bottom: calc(15px + env(safe-area-inset-bottom));
}

[b-wnqd2579kp]::-webkit-scrollbar {
    width: 10px;
}

[b-wnqd2579kp]::-webkit-scrollbar-track {
    background: white;
    border-radius: 10px;
    border: 1px solid grey;
}

[b-wnqd2579kp]::-webkit-scrollbar-thumb {
    background: lightgray;
    border-radius: 10px;
}

div:hover[b-wnqd2579kp]::-webkit-scrollbar-thumb {
    background: gray;
}

.modal-body[b-wnqd2579kp] {
    overflow-y: auto;
    padding-top: 0;
    margin-top: 1rem;
    /*    margin-bottom:5%;*/
    margin-bottom: 0;
    padding-bottom: calc(20px + env(safe-area-inset-bottom));
    /* Add max-height to ensure scrollability */
    max-height: calc(100vh - 200px); /* Adjust based on header height */
}

/*===============================*/
.modalfull-top[b-wnqd2579kp] {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    width: 100%;
}

.modal-btn-close[b-wnqd2579kp] {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.modal-btn-close i[b-wnqd2579kp] {
  font-size: 28px;
  color: #0C2144;
}

.sticky-top[b-wnqd2579kp] {
    background-color: #F7F9FC;
    display: flex;
    flex-direction: column;
    padding: 0;
    border: none;
}

.header[b-wnqd2579kp] {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}

    .header h2[b-wnqd2579kp] {
        margin: 0;
        color: #2c3e50;
        font-size: 1.75rem;
        font-weight: 600;
    }
.header-continer[b-wnqd2579kp]{
    display:flex;
    flex-direction:column;
    border:none;
    background-color:transparent;
    align-items:start;
}

.subtitle[b-wnqd2579kp] {
    color: #7f8c8d;
    margin: 0.5rem 0 0 0;
    font-size: 1rem;
}


.actions-section[b-wnqd2579kp] {
    text-align: right;
    box-shadow: rgba(17, 38, 146, 0.05);
}

.btn[b-wnqd2579kp] {
    padding: 0.6rem 1.5rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.95rem;
    transition: all 0.2s;
}


.save-product[b-wnqd2579kp] {
    filter: drop-shadow(5px 5px 5px #1126920D);
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
}

    .save-product:hover[b-wnqd2579kp] {
        background-color: #0C2144;
        color: #fff;
    }


/* Position modal at the bottom */
.modal-dialog[b-wnqd2579kp] {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0;
    top:0;
    width: 100vw;
    max-width: 100vw;
    height: auto;
    z-index: 1050; /* bootstrap default modal z-index */
}

/* Animate the modal to slide up */
.modal-content[b-wnqd2579kp] {
    animation: slideUp-b-wnqd2579kp 0.3s ease-out;
    border-radius: 5px 5px 0 0;
    width: 100%;
    height: auto;
    max-height: 90vh;
    overflow-y: auto;
    background-color: #F7F9FC;
}

/* Slide up animation keyframes */
@keyframes slideUp-b-wnqd2579kp {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0%);
    }
}

/* Closing animation class */
.modal-closing .modal-content[b-wnqd2579kp] {
    animation: slideDown-b-wnqd2579kp 0.3s ease-in forwards;
}

/* Slide-down keyframes */
@keyframes slideDown-b-wnqd2579kp {
    from {
        transform: translateY(0%);
    }

    to {
        transform: translateY(100%);
    }
}
/* Overlay fade out animation */
.modal-fade-out[b-wnqd2579kp] {
    animation: fadeOut-b-wnqd2579kp 0.2s ease-in forwards;
}

@keyframes fadeOut-b-wnqd2579kp {
    from {
        background-color: rgba(10, 10, 10, 0.8);
    }

    to {
        background-color: rgba(10, 10, 10, 0);
    }
}
body.modal-open[b-wnqd2579kp] {
    overflow: hidden;
}

.modal-fade-in[b-wnqd2579kp] {
    animation: fadeIn-b-wnqd2579kp 0.3s ease-out forwards;
}

@keyframes fadeIn-b-wnqd2579kp {
    from {
        background-color: rgba(10, 10, 10, 0);
    }

    to {
        background-color: rgba(10, 10, 10, 0.8);
    }
}


@media only screen and (max-width:2303px) {
    .modalfull-top[b-wnqd2579kp] {
        padding: 50px;
        width: 100%;
    }
}

@media only screen and (max-width:1900px) {
    .modalfull-top[b-wnqd2579kp] {
        display: flex;
        justify-content: space-between;
        padding: 30px;
        width: 100%;
    }
}

@media only screen and (max-width:1700px) {
    .modalfull-top[b-wnqd2579kp] {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        width: 100%;
    }
}

@media only screen and (max-width: 956px) and (max-height: 440px) and (orientation: landscape) {
    .modalfull-top[b-wnqd2579kp] {
        padding: 5px 20px;
    }

    .header[b-wnqd2579kp] {
        margin-bottom: 5px;
    }

        .header h2[b-wnqd2579kp] {
            font-size: 1.2rem;
        }
}


    @media only screen and (max-width: 844px) and (max-height: 390px) and (orientation: landscape) {

        .modalfull-top[b-wnqd2579kp] {
            padding: 5px 20px;
        }

        .header[b-wnqd2579kp] {
            margin-bottom: 5px;
        }

            .header h2[b-wnqd2579kp] {
                font-size: 1.2rem;
            }
    }

    @media only screen and (max-width:768px) {
        .modal-body[b-wnqd2579kp] {
            margin-bottom: 30px;
            padding: 10px;
        }

        .modalfull-top[b-wnqd2579kp] {
            display: flex;
            justify-content: space-between;
            padding: 15px;
            width: 100%;
        }

        .header[b-wnqd2579kp] {
            margin-bottom: 0.5rem;
        }

        .hov-input[b-wnqd2579kp] {
            padding: 0.8rem;
        }
    }

    @media only screen and (max-width:430px) {


        .cancelproductbtnmodal[b-wnqd2579kp] {
            width: 20%;
        }
    }

    @media only screen and (max-width:330px) {


        .cancelproductbtnmodal[b-wnqd2579kp] {
            width: 25%;
        }
    }
/* /Layout/NavComponents/AsideNav.razor.rz.scp.css */
/*

.sidebar {
    width: 240px;
    background-color: white;
    height: 100%;
    box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    position: relative;
}

.logo {
    padding: 20px;
    text-align: center;
}

    .logo h1 {
        color: #0e1c36;
        font-weight: bold;
        font-size: 24px;
        letter-spacing: 1px;
    }

    .logo span {
        color: #ffd700;
        font-size: 26px;
    }

.search-container {
    padding: 10px 15px;
}

.search-box {
    background-color: #f1f1f1;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
}

    .search-box input {
        background: transparent;
        border: none;
        outline: none;
        flex: 1;
        padding: 5px;
        font-size: 14px;
    }

.search-icon {
    color: #888;
    margin-right: 8px;
}

.search-button {
    background-color: #0e1c36;
    color: white;
    border: none;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.menu {
    flex: 1;
    padding: 10px 15px;
}

.menu-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-radius: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .menu-item:hover {
        background-color: #f0f7ff;
    }

    .menu-item.active {
        background-color: #e6f2ff;
    }

    .menu-item .icon {
        margin-right: 12px;
        color: #555;
        width: 20px;
        text-align: center;
    }

    .menu-item.active .icon,
    .menu-item.active .text {
        color: #3182ce;
    }

.text {
    color: #333;
    font-size: 14px;
}

.user-profile {
    padding: 15px;
    display: flex;
    align-items: center;
    margin-top: auto;
    border-top: 1px solid #eee;
}

.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    overflow: hidden;
}

.user-info {
    flex: 1;
}

.user-name {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.user-role {
    font-size: 12px;
    color: #777;
}

.footer {
    padding: 10px;
    font-size: 10px;
    color: #999;
    text-align: center;
    border-top: 1px solid #eee;
}

</style >
*/
/* /Layout/NavComponents/SideNav.razor.rz.scp.css */
/* Mobile navigation toggle buttons */
.toggle-sidebar-btn[b-shxx42rrtj],
.emergency-toggle-btn[b-shxx42rrtj] {
    display: none; /* Hidden by default on desktop */
}

.layout-container[b-shxx42rrtj] {
    display: flex;
    min-height: 100vh;
    min-height: calc(var(--vh, 1vh) * 100); /* iOS height fix */
}

.sidebarnav[b-shxx42rrtj] {
    width: 250px;
    background-color: #fff;
    color: #333;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.05);
    z-index: 1000;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100); /* iOS height fix */
    display: flex;
    flex-direction: column;
    transition: width 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0); /* iOS performance fix */
    transform: translate3d(0, 0, 0);
    -webkit-overflow-scrolling: touch; /* iOS smooth scrolling */
    overflow-y: auto;
}

.log-item[b-shxx42rrtj] {
    width: 100%;
    padding:5px 0 !important;
}
    .log-item i[b-shxx42rrtj] {
        background-color: #0C2144 ;
        padding: 10px;
/*        border-radius: 50%;*/
        color: white;
    }
/*.sidebar-header {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    -webkit-tap-highlight-color: transparent;
}*/
.sidebar-header[b-shxx42rrtj] {
    height: 8vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    -webkit-tap-highlight-color: transparent;
}

    .sidebar-header .logo[b-shxx42rrtj] {
        width:75%;
        height: auto;
        color: #0B1E55;
        font-weight: bold;
        font-size: 24px;
    }

        .sidebar-header .logo span[b-shxx42rrtj] {
            color: #6755E3;
        }
.logo img[b-shxx42rrtj]{
    background-color:transparent;
    max-width: 100%;
    height: auto;
}



.search-container[b-shxx42rrtj] {
    padding: 0 20px;
    margin: 20px 0;
    position: relative;
}

.search-input[b-shxx42rrtj] {
    width: 100%;
    padding: 10px 15px 10px 35px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    font-size: 14px;
    color: #3C3C4399;
    background-color: #EFEFEF;
    -webkit-appearance: none; /* Fix iOS input styles */
    appearance: none;
}

.search-icon[b-shxx42rrtj] {
    position: absolute;
    left: 30px;
    top: 15px;
    color: #999;
}

.search-button[b-shxx42rrtj] {
    position: absolute;
    right: 25px;
    top: 5px;
    background: transparent;
    border: none;
    color: #333;
    cursor: pointer;
    padding: 5px;
    font-size: 14px;
    -webkit-tap-highlight-color: transparent; /* Remove tap highlight on iOS */
}

.sidebar-menu[b-shxx42rrtj] {
    flex: 1;
    overflow-y: auto;
    padding: 10px;
    -webkit-overflow-scrolling: touch; /* iOS smooth scrolling */
}

.menu-item-wrapper[b-shxx42rrtj] {
    position: relative;
    margin-bottom: 4px;
}

.menu-item[b-shxx42rrtj] {
    display: flex;
    align-items: center;
    padding: 10px;
    color: #333333;
    text-decoration: none;
    transition: all 0.2s ease;
    position: relative;
    touch-action: manipulation; /* Better touch handling */
    min-height: 44px; /* iOS minimum touch target */
}

    .menu-item:hover[b-shxx42rrtj] {
        background-color: #E6F0FF;
        border-radius: 8px;
    }

    .menu-item i[b-shxx42rrtj] {
        font-size: 18px;
        min-width: 30px;
        text-align: center;
        margin-right: 10px;
    }

.menu-text[b-shxx42rrtj] {
    font-size: 14px;
    flex: 1;
}

/* New submenu styles */
.submenu[b-shxx42rrtj] {
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

.submenu-open[b-shxx42rrtj] {
    max-height: 1000px;
}

.submenu-item[b-shxx42rrtj] {
    color: #444;
    padding: 6px 0;
    text-decoration: none;
    font-size: 13px;
    min-height: 36px; /* iOS minimum touch target */
    display: flex;
    align-items: center;
    -webkit-tap-highlight-color: transparent; /* Remove tap highlight */
}

    .submenu-item:hover[b-shxx42rrtj] {
        color: #6755E3;
    }

.dropdown-icon[b-shxx42rrtj] {
    margin-left: auto;
    transition: transform 0.3s ease;
}

    .dropdown-icon.rotate[b-shxx42rrtj] {
        transform: rotate(180deg);
    }

/* User profile section */
.sidebar-footer[b-shxx42rrtj] {
    padding: 0px 20px;
    margin: 10px 20px 0 20px;
    border: 0.013rem solid rgba(12, 33, 68, 1);
/*    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.35);*/
    border-radius: 8px;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-items: center;
    -webkit-tap-highlight-color: transparent; /* Remove tap highlight */
}
.log-menu[b-shxx42rrtj]{
    display:flex;
    gap:10%;
    width:100%;
    font-size: 14px;
}

.user-profile[b-shxx42rrtj] {
    display: flex;
    align-items: center;
    width: 100%;
}

.user-avatar[b-shxx42rrtj] {
    width: 40px;
    height: 40px;
    /*border-radius: 50%;*/
    background-color: rgba(12, 33, 68, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
}

    .user-avatar i[b-shxx42rrtj] {
        color: #FFF;
        font-size: 18px;
    }

.user-info[b-shxx42rrtj] {
    flex: 1;
    overflow: hidden;
}

.user-name[b-shxx42rrtj] {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-role[b-shxx42rrtj] {
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company-tagline[b-shxx42rrtj] {
    font-size: 10px;
    color: #999;
    text-align: center;
    padding: 5px 0;
}

/* Content area */
.content[b-shxx42rrtj] {
    flex: 1;
    margin-left: 250px;
    padding: 20px;
}

.modal-overlay[b-shxx42rrtj] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.modal-content[b-shxx42rrtj] {
    background-color: white;
    border-radius: 12px;
    padding: 16px;
    max-width: 420px;
    width: 90%;
    box-shadow: 0 4px 16px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, 0, 0); /* iOS performance fix */
}

/* Add this for the search layout */
.search-bar[b-shxx42rrtj] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    margin-bottom: 4px;
}

.search-icon-inside[b-shxx42rrtj] {
    font-size: 1.1rem;
    margin-right: 8px;
    color: #999;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 30px;
}



    .toggle-sidebar-btn:active[b-shxx42rrtj] {
        background-color: #f0f0f0;
    }


.close-sidebar-btn[b-shxx42rrtj] {
    display: block;
    position: fixed;
    top: 10px;
    left: 10px;
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    width: 5vw;
    max-height: 6vh;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1rem;
    padding: 0;
    transition: background-color 0.2s;
}

.close-sidebar-btn[b-shxx42rrtj] {
   /* background: transparent;
    border: none;
    color: #333;
    cursor: pointer;
    font-size: 18px;
    -webkit-tap-highlight-color: transparent;
    padding: 10px;
    display: none;*/
}

.logo[b-shxx42rrtj] {
    margin-left: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5%;
}

/* Prevent scrolling when sidebar is open */
body.sidebar-open[b-shxx42rrtj] {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

    /* Add a subtle overlay when sidebar is visible */
    .sidebarnav.mobile-show[b-shxx42rrtj]::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
    }
    
    /* Enhanced menu items for better touch targets */
    .menu-item[b-shxx42rrtj] {
        padding: 14px 16px;
        margin-bottom: 4px;
        border-radius: 8px;
    }
    
    .menu-item:active[b-shxx42rrtj] {
        background-color: #E6F0FF;
    }
    
    .submenu-item[b-shxx42rrtj] {
        padding: 12px 10px 12px 0;
        min-height: 44px;
    }
    
    /* Custom scrolling for mobile */
    .sidebar-menu[b-shxx42rrtj] {
        scrollbar-width: none; /* Firefox */
        -ms-overflow-style: none; /* IE & Edge */
    }
    
    .sidebar-menu[b-shxx42rrtj]::-webkit-scrollbar {
        display: none; /* Chrome, Safari, Opera */
    }
    
    /* Better spacing for mobile content */
    .sidebar-menu[b-shxx42rrtj] {
        padding: 5px;
    }
    
    /* Improved mobile search */
    .search-container[b-shxx42rrtj] {
        margin: 15px 0;
    }
    
    .search-input[b-shxx42rrtj] {
        padding: 12px 15px 12px 35px;
        font-size: 16px; 
        -webkit-appearance: none; /* Fix iOS input styles */
        appearance: none;
    }
.search-button[b-shxx42rrtj] {
    right: 25px;
    top: 10px;
}
.search-icon[b-shxx42rrtj]{
    top:18PX;
}
    /* Enhanced mobile navigation experience */
    .user-profile[b-shxx42rrtj] {
        padding: 5px 0;
    }
    
    /* Active states for better feedback */
    .menu-item:active[b-shxx42rrtj] {
        background-color: #D0E4FF;
    }
    
    .submenu-item:active[b-shxx42rrtj] {
        color: #4F3DC1;
    }

    /* Improved sidebar header layout */
    .sidebar-header[b-shxx42rrtj] {
        position: relative;
        padding-right: 44px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        margin-bottom: 10px;
    }

    .swipe-hint[b-shxx42rrtj] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        margin: 0 10px 10px;
        border-radius: 8px;
        background-color: rgba(0, 0, 0, 0.05);
        font-size: 13px;
        color: #666;
        animation: fadeOut-b-shxx42rrtj 3s forwards 2s;
        animation-delay: 0.5s;
    }
    
    .swipe-hint i[b-shxx42rrtj] {
        margin-right: 8px;
        animation: swipeLeft-b-shxx42rrtj 1.5s ease-in-out infinite;
    }
    
    @keyframes swipeLeft-b-shxx42rrtj {
        0%, 100% { transform: translateX(0); }
        50% { transform: translateX(-8px); }
    }
    
        @keyframes fadeOut-b-shxx42rrtj {       
            from { opacity: 1; }  
            to { opacity: 0; visibility: hidden; } 

        }

    /* Make all submenu logic consistent */
    .submenu[b-shxx42rrtj] {
        display: block;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
    }
    
    /* Apply when the dropdown-icon has rotate class */
    .dropdown-icon.rotate + .submenu[b-shxx42rrtj], 
    .dropdown-icon.rotate ~ .submenu[b-shxx42rrtj],
    .menu-item:has(.dropdown-icon.rotate) + .submenu[b-shxx42rrtj] {
        max-height: 800px;
        padding-left: 20px;
        margin: 5px 10px 10px;
        background-color: rgba(0, 0, 0, 0.02);
        border-radius: 8px;
    }
    
    .dropdown-icon[b-shxx42rrtj] {
        padding: 10px;
        font-size: 16px;
        color: #666;
    }
}


.emergency-toggle-btn[b-shxx42rrtj] {
    display: none; 
    position: fixed;
    z-index: 1100;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 0 4px 4px 0;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    padding: 15px 8px;
    cursor: pointer;
}

.emergency-toggle-btn i[b-shxx42rrtj] {
    font-size: 18px;
    color: #333;
}

.sidebarnav.desktop-hide[b-shxx42rrtj] {
    display: none;
}

/* iOS specific fixes */
@supports (-webkit-touch-callout: none) {
    .sidebarnav[b-shxx42rrtj] {
        /* iOS height fix for notched devices */
        height: -webkit-fill-available;
        /* Improve scrolling on iOS */
        -webkit-overflow-scrolling: touch;
    }
    
    /* Fix for iOS bounce effect */
    body[b-shxx42rrtj] {
        position: fixed;
        width: 100%;
        height: 100%;
    }
    
    /* Safe area insets for notched devices */
    .sidebarnav[b-shxx42rrtj] {
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
        padding-left: env(safe-area-inset-left);
    }
    
    /* Fix for iOS input styling */
    input[b-shxx42rrtj] {
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
    }
}

/* Remove highlight on tap */
button[b-shxx42rrtj], a[b-shxx42rrtj] {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    touch-action: manipulation;
}

/* Mobile animations */
@keyframes slideInLeft-b-shxx42rrtj {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

@keyframes fadeIn-b-shxx42rrtj {
    from { opacity: 0; }
    to { opacity: 1; }
}




/*dropdown of dropdown*/
.submenu-item-with-dropdown[b-shxx42rrtj] {
    position: relative;
}

.submenu-link[b-shxx42rrtj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 20px;
    color: #495057;
    text-decoration: none;
    font-size:14px;
}

.nested-dropdown-icon[b-shxx42rrtj] {
    transition: transform 0.3s;
    margin-left: 10px;
    font-size: 0.8rem;
}

    .nested-dropdown-icon.rotate[b-shxx42rrtj] {
        transform: rotate(180deg);
    }

.nested-submenu[b-shxx42rrtj] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    background-color: #f8f9fa;
    margin-left: 10px;
    border-left: 2px solid #dee2e6;
    font-size:14px;
}

    .nested-submenu.submenu-show[b-shxx42rrtj] {
        max-height: 500px; /* Adjust based on your content */
    }

.nested-submenu-item[b-shxx42rrtj] {
    display: block;
    padding: 8px 20px;
    color: #495057;
    text-decoration: none;
    transition: all 0.3s;
}

    .nested-submenu-item:hover[b-shxx42rrtj] {
        background-color: #e9ecef;
        color: #0C2144;
    }
@media only screen and (max-width: 956px) and (max-height: 440px) and (orientation: landscape) {

    .sidebarnav[b-shxx42rrtj] {
        width: 210px;
    }

    .logo[b-shxx42rrtj] {
        margin-bottom: 0;
    }

    .sidebar-header .logo[b-shxx42rrtj] {
        width: 70%;
    }

    .search-container[b-shxx42rrtj] {
        margin: 5px 0;
    }

    .search-input[b-shxx42rrtj] {
        padding: 5px 5px 5px 30px;
        font-size: 14px;
    }
    .search-button[b-shxx42rrtj] {
        top: 2px;
    }

    .search-icon[b-shxx42rrtj] {
        top: 10px;
    }

    .submenu-item[b-shxx42rrtj] {
        padding: 5px 5px 5px 0;
    }

    .sidebar-footer[b-shxx42rrtj] {
        min-height: 50px;
        margin: 5px 20px 0 20px;
    }

    .user-avatar[b-shxx42rrtj] {
        height: 35px;
        width: 35px;
        border-radius: 50%;
    }

        .user-avatar i[b-shxx42rrtj] {
            font-size: 15px;
        }

    .menu-item[b-shxx42rrtj] {
        padding: 5px 20px;
    }
    .submenu-item[b-shxx42rrtj] {
        min-height: 38px;
        font-size:12px;
    }
    .menu-item i[b-shxx42rrtj]{
        font-size:1rem;
    }
    .menu-text[b-shxx42rrtj]{
       font-size: 0.8rem;
    }
    .user-name[b-shxx42rrtj]{
        font-size:0.8rem;
    }
}


@media only screen and (max-width: 844px) and (max-height: 390px) and (orientation: landscape) {
    .user-name[b-shxx42rrtj] {
        font-size: 0.8rem;
    }
    .sidebarnav[b-shxx42rrtj] {
        width: 210px;
    }

    .logo[b-shxx42rrtj] {
        margin-bottom: 0;
    }

    .sidebar-header .logo[b-shxx42rrtj] {
        width: 70%;
    }

    .search-container[b-shxx42rrtj] {
        margin: 5px 0;
    }

    .search-input[b-shxx42rrtj] {
        padding: 5px 5px 5px 30px;
        font-size:14px;
    }

    .search-button[b-shxx42rrtj] {
        top: 2px;
    }

    .search-icon[b-shxx42rrtj] {
        top: 10px;
    }

    .submenu-item[b-shxx42rrtj] {
        padding: 5px 5px 5px 0;
    }

    .sidebar-footer[b-shxx42rrtj] {
        min-height: 50px;
        margin:5px 20px 0 20px;
    }

    .user-avatar[b-shxx42rrtj] {
        height: 35px;
        width: 35px;
        border-radius: 50%;
    }

        .user-avatar i[b-shxx42rrtj] {
            font-size: 15px;
        }
        .menu-item[b-shxx42rrtj]{
            padding:5px 20px;
        }
        .submenu-item[b-shxx42rrtj]{
            min-height:38px;
            font-size:12px;
        }
    .menu-item i[b-shxx42rrtj] {
        font-size: 1rem;
    }

    .menu-text[b-shxx42rrtj] {
        font-size: 0.8rem;
    }

}

@media only screen and (max-width:768px) {
    .sidebarnav[b-shxx42rrtj] {
        position: fixed;
        top: 0;
        left: 0;
        width: 250px;
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100); /* iOS height fix */
        z-index: 1200;
        background-color: #FFF;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
        overflow-y: auto;
        padding-bottom: 70px; /* Make room for sticky footer */
        -webkit-overflow-scrolling: touch; /* iOS smooth scrolling */
        transition: transform 0.3s ease-in-out;
    }

        .sidebarnav.mobile-hide[b-shxx42rrtj] {
            transform: translateX(-100%);
            box-shadow: none;
        }

        .sidebarnav.mobile-show[b-shxx42rrtj] {
            transform: translateX(0);
            animation: slideInLeft-b-shxx42rrtj 0.3s ease-out;
            z-index: 2000;
            padding-bottom:0;
        }

            .sidebarnav.mobile-show[b-shxx42rrtj]::before {
                animation: fadeIn-b-shxx42rrtj 0.3s ease-out;
            }

    /* Show emergency toggle for mobile */
    .emergency-toggle-btn[b-shxx42rrtj] {
        display: block;
        /* Increased touch target size */
        width: 44px;
       /* height: 60px;*/
        /* Soften appearance */
        background-color: rgba(255, 255, 255, 0.95);
        /* More visible shadow */
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
        /* Add subtle border */
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }

    /* Hide emergency toggle when sidebar is visible */
    .sidebarnav.mobile-show ~ .emergency-toggle-btn[b-shxx42rrtj] {
        display: none;
    }

    /* Show emergency toggle when sidebar is hidden */
    .sidebarnav.mobile-hide ~ .emergency-toggle-btn[b-shxx42rrtj] {
        display: block;
    }

    /* Always show the main toggle button in mobile view */
    .toggle-sidebar-btn[b-shxx42rrtj]{
        display: flex;
        position: fixed;
        top: 10px;
        left: 10px;
        z-index: 1000;
        background: #fff;
        border: none;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        width: 5vw;
        max-height: 6vh !important;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 1rem;
        padding: 0;
        transition: background-color 0.2s;
       }

    .menu-item[b-shxx42rrtj], .submenu-item[b-shxx42rrtj], .toggle-sidebar-btn[b-shxx42rrtj], .close-sidebar-btn[b-shxx42rrtj] {
        min-height: 5vh !important;
    }

    .close-sidebar-btn[b-shxx42rrtj] {
        display: block;
        position: fixed;
        top: 10px;
        left: 10px;
        background: #fff;
        border: none;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        width: 5vw;
        max-height: 6vh;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        font-size: 1rem;
        padding: 0;
        transition: background-color 0.2s;
    }
    .user-avatar[b-shxx42rrtj], .log-item i[b-shxx42rrtj]{
        border-radius:50%;

    }

}




@media only screen and (max-width:568px) {
    .toggle-sidebar-btn[b-shxx42rrtj], .close-sidebar-btn[b-shxx42rrtj] {
        width: 7vw;
    }
}

    @media only screen and (max-width:480px) {
        .sidebarnav[b-shxx42rrtj] {
            width: 90%;
            max-width: 280px;
        }
       

      /*  .toggle-sidebar-btn {
            top: 10px;
            left: 15px;
            width:8vw;
        }*/
        .close-sidebar-btn[b-shxx42rrtj] {
            width: 8vw;
        }

        .menu-text[b-shxx42rrtj] {
            font-size: 15px;
        }

        .submenu-item[b-shxx42rrtj] {
            font-size: 14px;
        }

        .search-container[b-shxx42rrtj] {
            margin: 10px 0;
        }

        .sidebar-menu > a:last-child[b-shxx42rrtj] {
            margin-bottom: 20px;
        }

        /* Fix for notch phones */
        .sidebarnav[b-shxx42rrtj] {
            padding-top: env(safe-area-inset-top);
            padding-bottom: env(safe-area-inset-bottom);
        }

        .toggle-sidebar-btn[b-shxx42rrtj] {
            top: max(10px, env(safe-area-inset-top));
            left: max(15px, env(safe-area-inset-left));
        }
    }
@media only screen and (max-width:390px) {

    .toggle-sidebar-btn[b-shxx42rrtj], .close-sidebar-btn[b-shxx42rrtj]{
        width: 9vw;
     
    }
    .sidebarnav[b-shxx42rrtj] {
        width: 90%;
        max-width: 250px;
    }

}

    @media only screen and (max-width:320px) {
    } 

/* Enhanced Search Modal Styles */
.search-modal[b-shxx42rrtj] {
    max-width: 600px;
    width: 90vw;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.search-header[b-shxx42rrtj] {
    padding: 20px;
    border-bottom: 1px solid #f0f0f0;
    background: #fafafa;
}

.search-bar[b-shxx42rrtj] {
    position: relative;
    display: flex;
    align-items: center;
}

.search-input[b-shxx42rrtj] {
    width: 100%;
    padding: 12px 40px 12px 45px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 16px;
    background: white;
    transition: all 0.3s ease;
}

.search-input:focus[b-shxx42rrtj] {
    outline: none;
    border-color: #6755E3;
    box-shadow: 0 0 0 3px rgba(103, 85, 227, 0.1);
}

.search-icon-inside[b-shxx42rrtj] {
    position: absolute;
    left: 15px;
    color: #999;
    z-index: 1;
}

.clear-search-btn[b-shxx42rrtj] {
    position: absolute;
    right: 10px;
    background: none;
    border: none;
    color: #999;
    cursor: pointer;
    padding: 8px;
    border-radius: 50%;
    transition: all 0.2s ease;
}

.clear-search-btn:hover[b-shxx42rrtj] {
    background: #f0f0f0;
    color: #666;
}

.search-results-container[b-shxx42rrtj] {
    flex: 1;
    overflow-y: auto;
    max-height: 60vh;
}

.search-loading[b-shxx42rrtj] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    color: #666;
    gap: 10px;
}

.search-loading i[b-shxx42rrtj] {
    font-size: 20px;
    color: #6755E3;
}

.search-results[b-shxx42rrtj] {
    padding: 0;
}

.search-result-item[b-shxx42rrtj] {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    transition: all 0.2s ease;
    gap: 15px;
}

.search-result-item:hover[b-shxx42rrtj] {
    background: #f8f9ff;
}

.search-result-item:last-child[b-shxx42rrtj] {
    border-bottom: none;
}

.result-icon[b-shxx42rrtj] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(135deg, #6755E3, #4f46e5);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
    box-shadow: 0 2px 4px rgba(103, 85, 227, 0.2);
}

.result-icon i[b-shxx42rrtj] {
    color: white;
    font-size: 16px;
}

/* Different icon backgrounds based on result type */
.search-result-item:has(.result-type:contains("Dashboard")) .result-icon[b-shxx42rrtj] {
    background: linear-gradient(135deg, #059669, #047857);
}

.search-result-item:has(.result-type:contains("Report")) .result-icon[b-shxx42rrtj] {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
}

.search-result-item:has(.result-type:contains("Settings")) .result-icon[b-shxx42rrtj] {
    background: linear-gradient(135deg, #7c2d12, #92400e);
}

.search-result-item:has(.result-type:contains("Page")) .result-icon[b-shxx42rrtj] {
    background: linear-gradient(135deg, #1d4ed8, #1e40af);
}

.search-result-item:has(.result-type:contains("Tool")) .result-icon[b-shxx42rrtj] {
    background: linear-gradient(135deg, #7c3aed, #6d28d9);
}

.search-result-item:has(.result-type:contains("Action")) .result-icon[b-shxx42rrtj] {
    background: linear-gradient(135deg, #ea580c, #c2410c);
}

/* Hover effects for icons */
.search-result-item:hover .result-icon[b-shxx42rrtj] {
    transform: scale(1.1);
    box-shadow: 0 4px 8px rgba(103, 85, 227, 0.3);
}

.result-content[b-shxx42rrtj] {
    flex: 1;
    min-width: 0;
}

.result-title[b-shxx42rrtj] {
    font-weight: 600;
    font-size: 14px;
    color: #1f2937;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.result-subtitle[b-shxx42rrtj] {
    font-size: 12px;
    color: #6b7280;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.result-type[b-shxx42rrtj] {
    font-size: 10px;
    font-weight: 500;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.result-action[b-shxx42rrtj] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.2s ease;
}

.result-action i[b-shxx42rrtj] {
    font-size: 10px;
    color: #6b7280;
}

.search-result-item:hover .result-action[b-shxx42rrtj] {
    opacity: 1;
    background: #6755E3;
}

.search-result-item:hover .result-action i[b-shxx42rrtj] {
    color: white;
}

.no-results[b-shxx42rrtj] {
    text-align: center;
    padding: 40px 20px;
    color: #666;
}

.no-results i[b-shxx42rrtj] {
    font-size: 48px;
    color: #ddd;
    margin-bottom: 15px;
    display: block;
}

.no-results p[b-shxx42rrtj] {
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 500;
}

.no-results small[b-shxx42rrtj] {
    color: #999;
    font-size: 14px;
}

.search-suggestions[b-shxx42rrtj] {
    padding: 20px;
}

.suggestions-header[b-shxx42rrtj] {
    margin-bottom: 20px;
}

.suggestions-header h4[b-shxx42rrtj] {
    margin: 0;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

/* Search Categories */
.suggestion-categories[b-shxx42rrtj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
    margin-top: 10px;
    max-height: 400px;
    overflow-y: auto;
    padding-right: 5px;
}

/* Custom scrollbar for categories */
.suggestion-categories[b-shxx42rrtj]::-webkit-scrollbar {
    width: 6px;
}

.suggestion-categories[b-shxx42rrtj]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.suggestion-categories[b-shxx42rrtj]::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}

.suggestion-categories[b-shxx42rrtj]::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

.suggestion-category[b-shxx42rrtj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 8px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    min-height: 80px;
    justify-content: center;
}

.suggestion-category:hover[b-shxx42rrtj] {
    background: #e9ecef;
    border-color: #0d6efd;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.suggestion-category i[b-shxx42rrtj] {
    font-size: 18px;
    color: #0d6efd;
    margin-bottom: 6px;
    transition: color 0.2s ease;
}

.suggestion-category:hover i[b-shxx42rrtj] {
    color: #0a58ca;
}

.suggestion-category span[b-shxx42rrtj] {
    font-size: 11px;
    font-weight: 500;
    color: #495057;
    line-height: 1.2;
    word-wrap: break-word;
    hyphens: auto;
}

.suggestion-category:hover span[b-shxx42rrtj] {
    color: #212529;
}

/* Responsive design for mobile */
@media (max-width: 768px) {
    .suggestion-categories[b-shxx42rrtj] {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: 6px;
        max-height: 300px;
    }
    
    .suggestion-category[b-shxx42rrtj] {
        padding: 10px 6px;
        min-height: 70px;
    }
    
    .suggestion-category i[b-shxx42rrtj] {
        font-size: 16px;
    }
    
    .suggestion-category span[b-shxx42rrtj] {
        font-size: 10px;
    }
}

/* Very small screens */
@media (max-width: 480px) {
    .suggestion-categories[b-shxx42rrtj] {
        grid-template-columns: repeat(3, 1fr);
        gap: 4px;
    }
    
    .suggestion-category[b-shxx42rrtj] {
        padding: 8px 4px;
        min-height: 65px;
    }
    
    .suggestion-category i[b-shxx42rrtj] {
        font-size: 14px;
        margin-bottom: 4px;
    }
    
    .suggestion-category span[b-shxx42rrtj] {
        font-size: 9px;
    }
}

/* Section headers for categories (if needed) */
.category-section[b-shxx42rrtj] {
    grid-column: 1 / -1;
    padding: 8px 0 4px 0;
    font-size: 12px;
    font-weight: 600;
    color: #6c757d;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 4px;
}

/* Loading state for categories */
.suggestion-category.loading[b-shxx42rrtj] {
    opacity: 0.6;
    pointer-events: none;
}

.suggestion-category.loading i[b-shxx42rrtj] {
    animation: spin-b-shxx42rrtj 1s linear infinite;
}

@keyframes spin-b-shxx42rrtj {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Active/selected category state */
.suggestion-category.active[b-shxx42rrtj] {
    background: #0d6efd;
    border-color: #0d6efd;
    color: white;
}

.suggestion-category.active i[b-shxx42rrtj],
.suggestion-category.active span[b-shxx42rrtj] {
    color: white;
}

.suggestion-category.active:hover[b-shxx42rrtj] {
    background: #0a58ca;
    border-color: #0a58ca;
}

/* Mobile responsive adjustments */
@media only screen and (max-width: 768px) {
    .search-modal[b-shxx42rrtj] {
        width: 95vw;
        max-height: 90vh;
        margin: 20px;
    }
    
    .search-header[b-shxx42rrtj] {
        padding: 15px;
    }
    
    .search-input[b-shxx42rrtj] {
        font-size: 16px; /* Prevents zoom on iOS */
        padding: 12px 40px 12px 45px;
    }
    
    .suggestion-categories[b-shxx42rrtj] {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    
    .suggestion-category[b-shxx42rrtj] {
        padding: 15px 10px;
    }
    
    .search-result-item[b-shxx42rrtj] {
        padding: 12px 15px;
    }
    
    .result-icon[b-shxx42rrtj] {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
} 
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar[b-2z2d6mvudk] {
    padding: 0% 5% 0% 5%;
    background: #082248;
    z-index: 9999;
    position: fixed;
    color: white;
    height: 7.5vh;
    width: 100%;
}

.LOGO[b-2z2d6mvudk] {
    margin-top: -1%;
}

.ProximaLogo[b-2z2d6mvudk] {
    width: 13vw;
}

.navbar .profile[b-2z2d6mvudk] {
    border-radius: 50%;
    margin-right: 1vh;
    margin-top: 1vh;
    height: 5vh;
}

.casheir[b-2z2d6mvudk] {
    color: #d89f65;
    font-size: 12px;
}

.profilename[b-2z2d6mvudk] {
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 200;
    margin-top: 3vh;
}

.pnamecasheir[b-2z2d6mvudk] {
    margin-top: 1vh;
    margin-right: 1vw;
}

.navbar .navdate[b-2z2d6mvudk] {
    text-align: center;
    font-size: 16px;
    margin-right: 3vw;
    letter-spacing: 3px;
    margin-top: 1.7vh;
}

.logoutgroups[b-2z2d6mvudk] {
    margin-top: 5%;
    cursor: pointer;
}
    .logoutgroups button[b-2z2d6mvudk] {
        background-color: transparent;
        color: #fff;
        border: none;
        display: flex;
    }
.switchgroups[b-2z2d6mvudk] {
    margin-top: 6%;
}
.switchgroups button[b-2z2d6mvudk]{
    background-color:transparent;
    color:#fff;
    border:none;
    display:flex;
}
.navbar .logouticon[b-2z2d6mvudk] {
    font-size: 22px ;
}
.loc-com[b-2z2d6mvudk] {
    font-size: 14px;
}
.navbar .logouttext[b-2z2d6mvudk] {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 0;
    margin-top: 8%;
    margin-left: 5%;
}

.usericon[b-2z2d6mvudk] {
    padding-top: 12px !important;
    font-size: 22px;
}

.logoutgroups i[b-2z2d6mvudk] {
    font-size: 22px;
}

@media only screen and (max-width:1700px) {
    .ProximaLogo[b-2z2d6mvudk] {
        width: 13vw;
    }

    .navbar .navdate[b-2z2d6mvudk] {
        text-align: center;
        font-size: 18px;
        margin-right: 3vw;
        letter-spacing: 3px;
        margin-top: 1.7vh;
    }

    .profilename[b-2z2d6mvudk] {
        font-size: 16px;
        text-transform: capitalize;
        font-weight: 200;
        margin-top: 3vh;
    }

    .casheir[b-2z2d6mvudk] {
        font-size: 16px;
    }

    .logoutgroups i[b-2z2d6mvudk] {
        font-size: 24px;
    }

    .navbar .logouticon[b-2z2d6mvudk] {
        font-size: 22px;
    }

    .navbar .logouttext[b-2z2d6mvudk] {
        font-size: 20px;
    }

    .navbar[b-2z2d6mvudk] {
        height: 60px;
    }
}

@media only screen and (max-width:1440px) {
    .ProximaLogo[b-2z2d6mvudk] {
        width: 13vw;
    }

    .navbar .navdate[b-2z2d6mvudk] {
        text-align: center;
        font-size: 16px;
        margin-right: 3vw;
        letter-spacing: 3px;
        margin-top: 1.7vh;
    }

    .profilename[b-2z2d6mvudk] {
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 200;
        /*        margin-top: 3vh;*/
    }

    .casheir[b-2z2d6mvudk] {
        font-size: 14px;
    }

    .logoutgroups i[b-2z2d6mvudk] {
        font-size: 22px;
    }

    .navbar .logouticon[b-2z2d6mvudk] {
        font-size: 22px;
    }

    .navbar .logouttext[b-2z2d6mvudk] {
        font-size: 18px;
    }

    .navbar[b-2z2d6mvudk] {
        height: 50px;
    }
}

@media only screen and (max-width:1024px) {
    .ProximaLogo[b-2z2d6mvudk] {
        width: 13vw;
    }

    .navbar .navdate[b-2z2d6mvudk] {
        text-align: center;
        font-size: 14px;
        margin-right: 3vw;
        letter-spacing: 3px;
        margin-top: 1.7vh;
    }

    .profilename[b-2z2d6mvudk] {
        font-size: 12px;
        text-transform: capitalize;
        font-weight: 200;
        /*        margin-top: 3vh;*/
    }

    .casheir[b-2z2d6mvudk] {
        font-size: 12px;
    }

    .logoutgroups i[b-2z2d6mvudk] {
        font-size: 20px;
    }

    .navbar .logouticon[b-2z2d6mvudk] {
        font-size: 20px;
    }

    .navbar .logouttext[b-2z2d6mvudk] {
        font-size: 16px;
    }
}
@media only screen and (max-width: 956px) and (max-height: 440px) and (orientation: landscape) {
    .sidebar.main-show[b-2z2d6mvudk] {
        width: 210px;
    }

    .toggle-button[b-2z2d6mvudk] {
        padding: 0 5px;
    }

    .body-content-next[b-2z2d6mvudk] {
        padding: 1rem !important;
    }
    .current-company[b-2z2d6mvudk] {
        padding: 0 5px;
        border-radius:1px solid #ccc;
   
    }
    .loc-com[b-2z2d6mvudk] {
        font-size:0.8rem;
    }

}

@media only screen and (max-width: 844px) and (max-height: 390px) and (orientation: landscape) {
    .sidebar.main-show[b-2z2d6mvudk] {
        width: 210px;
    }

    .toggle-button[b-2z2d6mvudk] {
        padding: 0 5px;
    }
    .current-company[b-2z2d6mvudk]{
        padding:0 5px;
        font-size:0.5rem;
    }

    .body-content-next[b-2z2d6mvudk] {
        padding: 1rem !important;
    }
    .loc-com[b-2z2d6mvudk] {
        font-size: 0.8rem;
    }
}


@media only screen and (max-width:768px) {

    .navbar .navdate[b-2z2d6mvudk] {
        font-size: 12px;
    }

    .profilename[b-2z2d6mvudk] {
        font-size: 10px;
        text-transform: capitalize;
        font-weight: 200;
        /*        margin-top: 3vh;*/
    }

    .casheir[b-2z2d6mvudk] {
        font-size: 10px;
    }

    .logoutgroups i[b-2z2d6mvudk] {
        font-size: 18px;
    }

    .navbar .logouticon[b-2z2d6mvudk] {
        font-size: 18px;
    }

    .navbar .logouttext[b-2z2d6mvudk] {
        font-size: 14px;
    }

    .usericon[b-2z2d6mvudk] {
        font-size: 18px;
    }

    .navbar[b-2z2d6mvudk] {
        height: 40px;
    }
    .loc-com[b-2z2d6mvudk]{
        font-size:12px;
    }
    .navbar-new[b-2z2d6mvudk] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto;
        margin-left: 15%;
    }
}

@media only screen and (max-width:568px) {

    .navbar .navdate[b-2z2d6mvudk] {
        font-size: 11px;
        margin-top: 2.5vh;
    }

    .profilename[b-2z2d6mvudk] {
        font-size: 10px;
        text-transform: capitalize;
        font-weight: 200;
    }

    .casheir[b-2z2d6mvudk] {
        font-size: 10px;
    }

    .logoutgroups i[b-2z2d6mvudk] {
        font-size: 16px;
    }

    .navbar .logouticon[b-2z2d6mvudk] {
        font-size: 16px;
    }

    .navbar .logouttext[b-2z2d6mvudk] {
        font-size: 12px;
    }

    .usericon[b-2z2d6mvudk] {
        font-size: 16px;
    }
}

@media only screen and (max-width:558px) {
    .navbar .navdate[b-2z2d6mvudk] {
        font-size: 10px;
        margin-top: 2.5vh;
    }

    .profilename[b-2z2d6mvudk] {
        font-size: 9px;
        text-transform: capitalize;
        font-weight: 200;
    }

    .casheir[b-2z2d6mvudk] {
        font-size: 9px;
    }

    .logoutgroups i[b-2z2d6mvudk] {
        font-size: 14px;
    }

    .navbar .logouticon[b-2z2d6mvudk] {
        font-size: 14px;
    }

    .navbar .logouttext[b-2z2d6mvudk] {
        font-size: 11px;
    }

    .usericon[b-2z2d6mvudk] {
        font-size: 14px;
    }
}


@media only screen and (max-width:570px) {

    .ProximaLogo[b-2z2d6mvudk] {
        width: 20vw;
    }

    .navbar .navdate[b-2z2d6mvudk] {
        display: none;
    }

    .casheir[b-2z2d6mvudk] {
        display: none;
    }

    .profilename[b-2z2d6mvudk] {
        font-size: 12px;
        text-transform: capitalize;
        font-weight: 200;
        line-height: 1.5;
    }

    .logoutgroups[b-2z2d6mvudk] {
        margin-top: 5%;
    }

        .logoutgroups i[b-2z2d6mvudk] {
            font-size: 14px;
        }

    .navbar .logouticon[b-2z2d6mvudk] {
        font-size: 14px;
    }

    .logoutgroups i[b-2z2d6mvudk] {
        margin: 0;
    }

    .navbar .logouttext[b-2z2d6mvudk] {
        font-size: 12px;
        letter-spacing: 0px;
    }

    .usericon[b-2z2d6mvudk] {
        font-size: 14px;
    }

    .profile[b-2z2d6mvudk] {
        margin-top: 0 !important;
    }

    .navbar[b-2z2d6mvudk] {
        display: flex;
        justify-content: space-between;
        padding: 0 5px;
    }
}

@media only screen and (max-width:439px) {

    .ProximaLogo[b-2z2d6mvudk] {
        width: 20vw;
    }

    .navbar .navdate[b-2z2d6mvudk] {
        display: none;
    }

    .casheir[b-2z2d6mvudk] {
        display: none;
    }

    .profilename[b-2z2d6mvudk] {
        font-size: 12px;
        text-transform: capitalize;
        font-weight: 200;
        line-height: 1.5;
    }

    .logoutgroups[b-2z2d6mvudk] {
        margin-top: 5%;
    }

        .logoutgroups i[b-2z2d6mvudk] {
            font-size: 14px;
        }

    .navbar .logouticon[b-2z2d6mvudk] {
        font-size: 14px;
    }

    .logoutgroups i[b-2z2d6mvudk] {
        margin: 0;
    }

    .navbar .logouttext[b-2z2d6mvudk] {
        font-size: 12px;
        letter-spacing: 0px;
    }

    .usericon[b-2z2d6mvudk] {
        font-size: 14px;
    }

    .profile[b-2z2d6mvudk] {
        margin-top: 0 !important;
    }

    .navbar[b-2z2d6mvudk] {
        display: flex;
        justify-content: space-between;
        padding: 0 5px;
    }
}

@media only screen and (max-width:410px) {

    .ProximaLogo[b-2z2d6mvudk] {
        width: 20vw;
    }

    .navbar .navdate[b-2z2d6mvudk] {
        display: none;
    }

    .casheir[b-2z2d6mvudk] {
        display: none;
    }

    .profilename[b-2z2d6mvudk] {
        font-size: 12px;
        text-transform: capitalize;
        font-weight: 200;
        line-height: 1.5;
    }

    .logoutgroups[b-2z2d6mvudk] {
        margin-top: 5%;
    }

        .logoutgroups i[b-2z2d6mvudk] {
            font-size: 14px;
        }

    .navbar .logouticon[b-2z2d6mvudk] {
        font-size: 14px;
    }

    .logoutgroups i[b-2z2d6mvudk] {
        margin: 0;
    }

    .navbar .logouttext[b-2z2d6mvudk] {
        font-size: 12px;
        letter-spacing: 0px;
    }

    .usericon[b-2z2d6mvudk] {
        font-size: 14px;
    }

    .profile[b-2z2d6mvudk] {
        margin-top: 0 !important;
    }

    .navbar[b-2z2d6mvudk] {
        display: flex;
        justify-content: space-between;
        padding: 0 5px;
    }
}

@media only screen and (max-width:380px) {

    .ProximaLogo[b-2z2d6mvudk] {
        width: 20vw;
    }

    .navbar .navdate[b-2z2d6mvudk] {
        display: none;
    }

    .casheir[b-2z2d6mvudk] {
        display: none;
    }

    .profilename[b-2z2d6mvudk] {
        font-size: 12px;
        text-transform: capitalize;
        font-weight: 200;
        line-height: 1.5;
    }

    .logoutgroups[b-2z2d6mvudk] {
        margin-top: 5%;
    }

        .logoutgroups i[b-2z2d6mvudk] {
            font-size: 14px;
        }

    .navbar .logouticon[b-2z2d6mvudk] {
        font-size: 14px;
    }

    .logoutgroups i[b-2z2d6mvudk] {
        margin: 0;
    }

    .navbar .logouttext[b-2z2d6mvudk] {
        font-size: 12px;
        letter-spacing: 0px;
    }

    .usericon[b-2z2d6mvudk] {
        font-size: 14px;
    }

    .profile[b-2z2d6mvudk] {
        margin-top: 0 !important;
    }

    .navbar[b-2z2d6mvudk] {
        display: flex;
        justify-content: space-between;
        padding: 0 10px;
    }
}

@media only screen and (max-width: 354px) {

    .ProximaLogo[b-2z2d6mvudk] {
        width: 15vw;
    }

    .navbar .navdate[b-2z2d6mvudk] {
        display: none;
    }

    .casheir[b-2z2d6mvudk] {
        display: none;
    }

    .profilename[b-2z2d6mvudk] {
        font-size: 12px;
        text-transform: capitalize;
        font-weight: 200;
        line-height: 1.4;
    }

    .logoutgroups[b-2z2d6mvudk] {
        margin-top: 5%;
    }

        .logoutgroups i[b-2z2d6mvudk] {
            font-size: 14px;
        }

    .navbar .logouticon[b-2z2d6mvudk] {
        font-size: 14px;
    }

    .logoutgroups i[b-2z2d6mvudk] {
        margin: 0;
    }

    .navbar .logouttext[b-2z2d6mvudk] {
        font-size: 10px;
        letter-spacing: 0px;
    }

    .usericon[b-2z2d6mvudk] {
        font-size: 10px;
    }

    .profile[b-2z2d6mvudk] {
        margin-top: 0 !important;
    }
    .switchgroups[b-2z2d6mvudk] {
        margin-top: 4%;
    }
    .navbar[b-2z2d6mvudk] {
        display: flex;
        justify-content: space-between;
        padding: 0 5px;
    }
}

@media only screen and (max-width: 280px) {
    .ProximaLogo[b-2z2d6mvudk] {
  width:10vw;
    }
}
/* /Layout/NavPanel.razor.rz.scp.css */
.verticalnav[b-ufm1pivmcy] {
    margin-left: -1.6vh;
    width: 18%;
    position:fixed;
    height: 93vh;
    background-color: #23344f;
    padding: 3vh;
    text-align: left;
    font-size: 22px;
    font-weight: 500;
    margin-top:7vh;
}


.dropdown-container[b-ufm1pivmcy] {
    display: none;
    margin-left:1vh;
}


.dropdown-container a[b-ufm1pivmcy], .dropdown-btn[b-ufm1pivmcy] {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 20px;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
}


.navdropdown button[b-ufm1pivmcy] {
    background-color: none;
    padding: 0;
    padding-left: -2vh;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
    width: 100%;
    margin-bottom:1vh;
    color:#fff;
}


.dropdownlink[b-ufm1pivmcy]{
   height:38vh;
}

.lastproductlink[b-ufm1pivmcy]{

}

.navedit[b-ufm1pivmcy] {
    width: 120%;
    border-radius: 0;
    text-transform: capitalize;
    height: 7vh;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 16px;
    padding-top: 2.5%;
    color: #fff;
    border-radius: 0px 10px 10px 0px;
}



 
.fa-product-hunt[b-ufm1pivmcy]{
    font-size:18px;
}


.fa-caret-down[b-ufm1pivmcy] {
    margin-top: 5px;
    margin-left: 5vw;
}



.productlink[b-ufm1pivmcy]{
    border-left:2px solid #fff;

    height:5vh;

}
.lastproductlink[b-ufm1pivmcy]{
   
  padding-bottom:0;
  height:1.9vh;
  margin-top:0;
  color:#fff;
  padding:10px;
    
}
i[b-ufm1pivmcy]{
    font-size:22px;
}

@media only screen and (max-width:1700px) {
    .verticalnav[b-ufm1pivmcy] {
        margin-left: -1.6vh;
        width: 18%;
        height: 93vh;
        padding: 4vh 4vh;
        font-size: 28px;
        margin-top: 6vh;
    }

    .navedit[b-ufm1pivmcy] {
        width: 120%;
        height: 9vh;
        font-size: 20px;
        padding-top: 2.5%;
    }

    i[b-ufm1pivmcy] {
        font-size: 26px;
    }
}

@media only screen and (max-width:1440px) {
    .verticalnav[b-ufm1pivmcy] {
        margin-left: -1.6vh;
        width: 19%;
        height: 93vh;
        padding: 4vh 4vh;
        font-size: 24px;
        margin-top: 6vh;
    }

    .navedit[b-ufm1pivmcy] {
        width: 120%;
        height: 9vh;
        font-size: 18px;
        padding-top: 2.5%;
    }

    i[b-ufm1pivmcy] {
        font-size: 22px;
    }
}

@media only screen and (max-width:1024px) {
    .verticalnav[b-ufm1pivmcy] {
        margin-left: -1.6vh;
        width: 19%;
        height: 93vh;
        padding: 2vh;
        font-size: 22px;
        margin-top: 7vh;
    }

    .navedit[b-ufm1pivmcy] {
        width: 120%;
        height: 8vh;
        font-size: 16px;
        padding-top: 2.5%;
    }

    i[b-ufm1pivmcy] {
        font-size: 20px;
    }
}

@media only screen and (max-width:992px) {
    .verticalnav[b-ufm1pivmcy] {
        margin-left: -1.6vh;
        width: 19%;
        height: 93vh;
        padding: 2vh;
        font-size: 22px;
        margin-top: 7vh;
        
    }
    .navedit[b-ufm1pivmcy] {
        width: 120%;
        height: 8vh;
        font-size: 15px;
        padding-top: 2.5%;
    }
    i[b-ufm1pivmcy] {
        font-size: 18px;
    }
}


@media only screen and (max-width:876px) {

 /*   .navedit {
        width: 120%;
        height: 8vh;
        font-size: 15px;
        padding-top: 2.5%;
    }*/


}

@media only screen and (max-width:847px) {

    .navedit[b-ufm1pivmcy] {
        width: 120%;
        height: 8vh;
        font-size: 15px;
        padding-top: 2.5%;
    }
    i[b-ufm1pivmcy] {
        font-size: 16px;
    }
}


    @media only screen and (max-width:768px) {
        .verticalnav[b-ufm1pivmcy] {
            margin-left: -1.6vh;
            width: 20%;
            height: 93vh;
            padding: 10vh 2vh;
            font-size: 20px;
            margin-top: 6vh;
        }
        .navedit[b-ufm1pivmcy] {
            width: 120%;
            height: 9vh;
            font-size: 15px;
            padding-top: 2.5%;
        }
        i[b-ufm1pivmcy] {
            font-size: 14px;
        }

    }
@media only screen and (max-width:699px) {
    .verticalnav[b-ufm1pivmcy] {
        margin-left: -1.6vh;
        width: 21%;
        height: 93vh;
        padding: 11vh 2vh;
        font-size: 18px;
        margin-top: 6vh;
    }

    i[b-ufm1pivmcy] {
        font-size: 12px;
    }
}

    @media only screen and (max-width:667px) {
        .verticalnav[b-ufm1pivmcy] {
            margin-left: -1.6vh;
            width: 22%;
            height: 93vh;
            padding: 11vh 2vh;
            font-size: 12px;
            margin-top: 6vh;
        }

        i[b-ufm1pivmcy] {
            font-size: 11px;
        }
    }
@media only screen and (max-width:624px) {
    .verticalnav[b-ufm1pivmcy] {
        /*margin-left: -1.6vh;*/
        width: 22%;
        height: 93vh;
        padding: 11vh 1vh;
        font-size: 10px;
        margin-top: 6vh;
    }

    i[b-ufm1pivmcy] {
        font-size: 10px;
    }
}

    @media only screen and (max-width:567px) {
        .verticalnav[b-ufm1pivmcy] {
            /*margin-left: -1.6vh;*/
            width: 23%;
            height: 93vh;
            padding: 12vh 1vh;
            font-size: 9px;
            margin-top: 6vh;
        }

        i[b-ufm1pivmcy] {
            font-size: 9px;
        }

        .navedit[b-ufm1pivmcy] {
            width: 120%;
            height: 9vh;
            font-size: 14px;
            padding-top: 2.5%;
        }
    }

@media only screen and (max-width:519px) {
    .verticalnav[b-ufm1pivmcy] {
        width: 23%;
        height: 93vh;
        padding: 12vh 0vh;
        font-size: 8px;
        margin-top: 6vh;
    }

    i[b-ufm1pivmcy] {
        font-size: 8px;
    }

    .navedit[b-ufm1pivmcy] {
        width: 120%;
        height: 10vh;
        font-size: 12px;
        padding-top: 2.5%;
    }
}

    @media only screen and (max-width:480px) {
    }
/* /Layout/ProductVisualizer.razor.rz.scp.css */
.product-visualizer[b-6bieqzlkcm] {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}

.items-row[b-6bieqzlkcm] {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 8px;
    margin-bottom: 12px;
    min-height: 100px;
}

.more-items[b-6bieqzlkcm] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    color: #555;
    background-color: #f1f1f1;
    border-radius: 4px;
    padding: 2px 5px;
    margin-left: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}


.bottle-container[b-6bieqzlkcm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: auto;
    min-width: 120px;
}

.realistic-bottle[b-6bieqzlkcm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32px;
    height: 85px;
    position: relative;
    margin: 0 3px;
    transform: scale(0.85);
    transition: all 0.2s ease;
}

.realistic-bottle:hover[b-6bieqzlkcm] {
    transform: scale(0.95);
}

.realistic-bottle.full[b-6bieqzlkcm] {
    opacity: 1;
}

.realistic-bottle.partial[b-6bieqzlkcm] {
    opacity: 0.85;
}

.bottle-cap[b-6bieqzlkcm] {
    width: 14px;
    height: 7px;
    background: linear-gradient(135deg, #d4d4d4, #a0a0a0);
    border: 1px solid #888;
    border-radius: 3px 3px 0 0;
    z-index: 3;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.bottle-neck[b-6bieqzlkcm] {
    width: 10px;
    height: 12px;
    background: linear-gradient(to right, rgba(95, 158, 160, 0.8), rgba(95, 158, 160, 0.6), rgba(95, 158, 160, 0.8));
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    z-index: 2;
}

.bottle-shoulder[b-6bieqzlkcm] {
    width: 22px;
    height: 12px;
    background: linear-gradient(to right, rgba(95, 158, 160, 0.8), rgba(95, 158, 160, 0.6), rgba(95, 158, 160, 0.8));
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    border-top: none;
    border-radius: 0 0 7px 7px;
    margin-top: -4px;
    z-index: 1;
}

.bottle-body[b-6bieqzlkcm] {
    width: 28px;
    height: 52px;
    background: linear-gradient(to right, rgba(95, 158, 160, 0.6), rgba(95, 158, 160, 0.3), rgba(95, 158, 160, 0.6));
    border: 1px solid #888;
    border-top: none;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    position: relative;
    margin-top: -4px;
    box-shadow: inset 0 0 15px rgba(255,255,255,0.3);
}

.bottle-label[b-6bieqzlkcm] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 25px;
    background: linear-gradient(to bottom, #f8f8e6, #f5f5dc);
    border: 1px solid #ddd;
    z-index: 2;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.bottle-fill[b-6bieqzlkcm] {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to right, rgba(160, 82, 45, 0.9), rgba(180, 100, 50, 0.7), rgba(160, 82, 45, 0.9));
    transition: height 0.5s ease;
    z-index: 1;
    box-shadow: inset 0 10px 10px -10px rgba(255,255,255,0.2);
}


.quantity-indicator[b-6bieqzlkcm] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    color: white;
    border-radius: 50%;
    font-weight: bold;
    font-size: 14px;
    margin-top: 8px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    position: relative;
    overflow: hidden;
}

.quantity-indicator[b-6bieqzlkcm]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40%;
    background: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255,255,255,0));
    border-radius: 50% 50% 0 0;
}

.bottle-container .quantity-indicator[b-6bieqzlkcm] {
    background: linear-gradient(135deg, #f44336, #d32f2f);
}

.box-container .quantity-indicator[b-6bieqzlkcm] {
    background: linear-gradient(135deg, #4CAF50, #388E3C);
}

.packet-container .quantity-indicator[b-6bieqzlkcm] {
    background: linear-gradient(135deg, #2196F3, #1976D2);
}

.generic-container .quantity-indicator[b-6bieqzlkcm] {
    background: linear-gradient(135deg, #FF9800, #F57C00);
}

.low-stock .quantity-indicator[b-6bieqzlkcm] {
    background: linear-gradient(135deg, #f44336, #d32f2f);
}

.medium-stock .quantity-indicator[b-6bieqzlkcm] {
    background: linear-gradient(135deg, #FF9800, #F57C00);
}

.high-stock .quantity-indicator[b-6bieqzlkcm] {
    background: linear-gradient(135deg, #4CAF50, #388E3C);
}


.box-container[b-6bieqzlkcm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    min-width: 120px;
}

.box[b-6bieqzlkcm] {
    width: 38px;
    height: 42px;
    position: relative;
    margin: 0 3px;
    transform: scale(0.9);
    transition: all 0.2s ease;
}

.box:hover[b-6bieqzlkcm] {
    transform: scale(1);
}

.box.full[b-6bieqzlkcm] {
    opacity: 1;
}

.box.partial[b-6bieqzlkcm] {
    opacity: 0.8;
}

.box-lid[b-6bieqzlkcm] {
    width: 38px;
    height: 8px;
    background: linear-gradient(to bottom, #d8b185, #c99c67);
    border: 1px solid #a87c50;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.box-body[b-6bieqzlkcm] {
    width: 38px;
    height: 34px;
    background: linear-gradient(to right, #d3a075, #c99c67, #d3a075);
    border: 1px solid #a87c50;
    border-top: none;
    border-radius: 0 0 3px 3px;
    box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
}

.packet-container[b-6bieqzlkcm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    min-width: 120px;
}

.packet[b-6bieqzlkcm] {
    width: 28px;
    height: 50px;
    position: relative;
    margin: 0 3px;
    transform: scale(0.9);
    transition: all 0.2s ease;
}

.packet:hover[b-6bieqzlkcm] {
    transform: scale(1);
}

.packet.full[b-6bieqzlkcm] {
    opacity: 1;
}

.packet.partial[b-6bieqzlkcm] {
    opacity: 0.8;
}

.packet-top[b-6bieqzlkcm] {
    width: 28px;
    height: 7px;
    background: linear-gradient(to bottom, #fcfcfc, #f0f0f0);
    border: 1px solid #ccc;
    border-radius: 3px 3px 0 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.packet-body[b-6bieqzlkcm] {
    width: 28px;
    height: 43px;
    background: linear-gradient(to right, #f9f9f9, #f0f0f0, #f9f9f9);
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 3px 3px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(90deg, rgba(0,0,0,0.03) 1px, transparent 1px);
    background-size: 5px 100%;
}


.generic-container[b-6bieqzlkcm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80px;
}

.generic-item[b-6bieqzlkcm] {
    width: 80px;
    height: 30px;
    background: linear-gradient(to bottom, #f8f8f8, #eee);
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
}

.generic-fill[b-6bieqzlkcm] {
    height: 100%;
    background: linear-gradient(to right, #78c350, #6cc644, #78c350);
    transition: width 0.5s ease;
    box-shadow: inset 0 0 10px rgba(255,255,255,0.2);
}


.quantity-info[b-6bieqzlkcm] {
    margin-top: 5px;
    text-align: center;
    font-size: 12px;
    color: #444;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

.unit[b-6bieqzlkcm] {
    margin-left: 2px;
    font-size: 10px;
    color: #777;
}

.bottle-label-line[b-6bieqzlkcm] {
    width: 16px;
    height: 2px;
    background-color: #b49b7a;
    margin: 4px auto;
    opacity: 0.6;
    border-radius: 1px;
}

.box-label[b-6bieqzlkcm] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 15px;
    background-color: #e6d2bc;
    border: 1px solid #b49b7a;
    opacity: 0.8;
}

.packet-label[b-6bieqzlkcm] {
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 12px;
    background: linear-gradient(135deg, #f0f0f0, #e5e5e5);
    border: 1px solid #ccc;
    opacity: 0.9;
}

@keyframes fadeInScale-b-6bieqzlkcm {
    0% {
        opacity: 0;
        transform: scale(0.85);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.realistic-bottle[b-6bieqzlkcm], .box[b-6bieqzlkcm], .packet[b-6bieqzlkcm] {
    animation: fadeInScale-b-6bieqzlkcm 0.4s ease-in;
}
/* /Layout/Tables.razor.rz.scp.css */
.tablespage[b-75mv57ooep]{

}

.table-summary p[b-75mv57ooep] {
    width: 100%;
}
.booktablegroup[b-75mv57ooep]::-webkit-scrollbar {
    display: none;
}
.booktable[b-75mv57ooep]{
    cursor:pointer;
}

[b-75mv57ooep]::-webkit-scrollbar {
    width: 10px;
}

/* Track */
[b-75mv57ooep]::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 8px;
}
.holdtable[b-75mv57ooep]{
    padding:0;
}
.insideholdred[b-75mv57ooep] {
    border: 1px solid #E72929;
}
.insideholdgreen[b-75mv57ooep] {
    border: 1px solid #14AD5A;
}
.timeduration[b-75mv57ooep], .nameduration[b-75mv57ooep], .imageduration[b-75mv57ooep], .imagedurationgreen[b-75mv57ooep] {
    display: flex;
    justify-content: center;
    align-items: center;
}
.imageduration[b-75mv57ooep] {
    border-bottom: 1px solid #E72929;
    border-top: 1px solid #E72929;
}
.imagedurationgreen[b-75mv57ooep] {
    border-bottom: 1px solid #14AD5A;
    /*    border-top: 1px solid green;*/
}
.timeduration[b-75mv57ooep], .nameduration[b-75mv57ooep]  {
    height: 3vh;
}
.imageduration img[b-75mv57ooep], .imagedurationgreen img[b-75mv57ooep]{
    height: 10vh;
    width: 10vh;
}





.nav-tabs .nav-item.show .nav-link[b-75mv57ooep], .nav-tabs .nav-link.active[b-75mv57ooep] {
    border:none;
    border-color: none !important;
}
.nav-tabs .nav-item.show .nav-link[b-75mv57ooep], .nav-tabs .nav-link.active[b-75mv57ooep]::after {
    border: none;
    border-color: none !important;
}
    /* Handle */
    :: -webkit-scrollbar-thumb[b-75mv57ooep] {
    background: #d9d9d9;
    border-radius: 10px;
}

    /* Handle on hover */
    [b-75mv57ooep]::-webkit-scrollbar-thumb:hover {
        background: #f0f0f0;
    }
.tableno[b-75mv57ooep] {
    position: absolute;
    top: 22%;
    left: 27% !important;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}


.customername[b-75mv57ooep] {
    padding-left: 5px !important;
    font-weight: 500;
    line-height: 0;
}


.booktablegroup[b-75mv57ooep] {
    width: 100%;
    overflow-y: auto;
    height: 55vh;
}

.scrolldiv[b-75mv57ooep] {
    display: grid;
    grid-template-columns: repeat(4, minmax(100px, 1fr));
/*grid-template-columns:repeat(5, 1fr);*/
    gap: 20px;
    max-height: 55vh;
    overflow-y: auto;
}
.booktable[b-75mv57ooep] {
    height: 8vw;
    width: 8vw;
    margin-bottom: 30px;
    position: relative;
    margin-bottom: 15%;
}

.holdtable[b-75mv57ooep] {
    position: relative;
    color: black;
}
.nav-link .active[b-75mv57ooep]{
    background-color:transparent !important;
}

.inner-table[b-75mv57ooep] {
    margin-bottom: 0 !important;
}

/*    .inner-table thead th {
        background-color: #404d52;
        border-top: 1px solid #dee2e6;
        border-bottom: 1px solid #dee2e6;
    }*/

.productsonholdmodal[b-75mv57ooep] {
    margin-top: 5%;
}

/*.inner-table thead th:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.inner-table thead th:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}*/

.table tbody[b-75mv57ooep] {
    display: block;
    height: 51vh;
    overflow-y: scroll;
}
.table-info td[b-75mv57ooep]{
    background-color:#fff !important;
}
.inner-table tbody[b-75mv57ooep] {
    height: 27vh;
}

.table thead[b-75mv57ooep], .table tbody tr[b-75mv57ooep] {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.action-cell[b-75mv57ooep] {
    text-align: center;
    display: flex;
    justify-content: center;
}


.insideholdred[b-75mv57ooep], .insideholdgreen[b-75mv57ooep] {
    display: flex;
    flex-direction: column;
    border-radius:10px;
}
.table-summary p[b-75mv57ooep]{
    margin-bottom:0;
}
/*table nav*/
.nav-tabs[b-75mv57ooep] {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: transparent;
    position: relative;
    border-bottom: 0.5px solid #ccc;
    gap: 3%;
}

.nav-item[b-75mv57ooep] {
    margin: 0;
    border:none;
}

.nav-link[b-75mv57ooep] {
    color: #ccc;
    border: 2px solid red;
    background: none;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    transition: color 0.3s ease;

}

    .nav-link:hover[b-75mv57ooep] {
        color: #0C2144;
    }

    .nav-link[b-75mv57ooep]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 0;
        height: 3px;
        background-color: #0C2144;
        transition: all 0.3s ease;
        transform: translateX(-50%);
    }

    .nav-link:hover[b-75mv57ooep]::after {
        width: 100%;
    }

    .nav-link.active[b-75mv57ooep] {
        color: #0C2144;
    }

        .nav-link.active[b-75mv57ooep]::after {
            content: '';
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 3px;
            background-color: #0C2144;
            transition: all 0.3s ease;
        }



@media only screen and (max-width:1700px){
    h3[b-75mv57ooep] {
        font-size: 3rem;
    }

/*    .nav-link {
        font-size: 22px;
    }
    
    .booktable {
        height: 10vw;
        width: 10vw;
        margin-bottom: 30px;
        position: relative;
        margin-bottom: 15%;
    }*/
    .tableno[b-75mv57ooep] {
        top: 22%;
        left: 27% !important;
        font-size: 18px;
    }
    .customername[b-75mv57ooep] {
        padding-left: 5px !important;
        font-weight: 500;
        line-height: 0;
    }
/*    .image-text-table {
        top: 33%;
        left: 34%;
        font-size: 24px;
        letter-spacing: 3px;
    }
    .image-text-table-time {
        left: 19%;
        top: 19%;
        font-size: 20px;
    }

    .image-text-table-WithTimeDuration {
        left: 21%;
        top: 49%;
        font-size: 20px;
    }

    .image-text-table-WithTime {
        top: 3%;
    }

    .image-text-door.doubledigit {
        left: 27%;
    }*/

    .table tbody[b-75mv57ooep] {
        height: 51vh;
    }

    .inner-table tbody[b-75mv57ooep] {
        height: 27vh;
    }
    .table-summary p[b-75mv57ooep]{
        font-size:26px;
    }
    .intotal[b-75mv57ooep] {
        font-size: 28px;
        font-weight: 600;
    }


    .nav-link[b-75mv57ooep] {
        font-size: 26px;
    }

    .timeduration[b-75mv57ooep], .nameduration[b-75mv57ooep] {
        height: 5vh;
    }

    .imageduration img[b-75mv57ooep], .imagedurationgreen img[b-75mv57ooep] {
        height: 13vh;
        width: 13vh;
    }

    .image-text-table[b-75mv57ooep] {
        font-size: 22px;
        margin: 0 10px;
    }
}
@media only screen and (max-width:1550px) {
    h3[b-75mv57ooep] {
        font-size: 2.5rem;
    }

    .nav-link[b-75mv57ooep] {
        font-size: 22px;
    }

    .tableno[b-75mv57ooep] {
        top: 22%;
        left: 27% !important;
        font-size: 18px;
    }

    .customername[b-75mv57ooep] {
        padding-left: 5px !important;
        font-weight: 500;
        line-height: 0;
    }
  

/*    .image-text-table {
        top: 33%;
        left: 33%;
        font-size: 22px;
        letter-spacing: 3px;
    }

    .image-text-table-time {
        left: 19%;
        top: 19%;
        font-size: 18px;
    }

    .image-text-table-WithTimeDuration {
        left: 21%;
        top: 49%;
        font-size: 18px;
    }

    .image-text-table-WithTime {
        top: 3%;
    }

    .image-text-door.doubledigit {
        left: 27%;
    }*/

    .table tbody[b-75mv57ooep] {
        height: 51vh;
    }

    .inner-table tbody[b-75mv57ooep] {
        height: 27vh;
    }

    .table-summary p[b-75mv57ooep] {
        font-size: 24px;
    }

    .intotal[b-75mv57ooep] {
        font-size: 28px;
        font-weight: 600;
    }
}
@media only screen and (max-width:1440px) {

    .booktable[b-75mv57ooep] {
        height: 9vw;
        width: 9vw;
        margin-bottom: 30px;
        position: relative;
        margin-bottom: 15%;
    }
    h3[b-75mv57ooep]{
        font-size:2rem;
    }
    .nav-link[b-75mv57ooep]{
        font-size:18px;
    }
    .timeduration[b-75mv57ooep], .nameduration[b-75mv57ooep]{
        height:5vh;
    }
    .imageduration img[b-75mv57ooep], .imagedurationgreen img[b-75mv57ooep]{
        height:12vh;
        width:12vh;

    }

    .image-text-table[b-75mv57ooep] {
        font-size: 16px;
        margin:0 10px;
    }
    .booktablegroup[b-75mv57ooep]{
        height:43vh;
    }
/*   
    .booktable {
        height: 11vw;
        width: 11vw;
        margin-bottom: 30px;
        position: relative;
        margin-bottom: 15%;
    }

   

    .image-text-table-time {
        left: 16%;
        top: 18%;
        font-size: 18px;
        font-weight: 600;
    }

    .image-text-table-WithTimeDuration {
        left: 19%;
        top: 46%;
        font-size: 18px;
        font-weight: 600;
    }*/

    .table-summary p[b-75mv57ooep] {
        font-size: 20px;
    }

    .intotal[b-75mv57ooep] {
        font-size: 22px;
        font-weight: 600;
    }
}
@media only screen and (max-width:1399px) {
/*    .image-text-table {
        top: 33%;
        left: 36%;
        font-size: 20px;
        letter-spacing: 3px;
    }

    .image-text-table-time {
        left: 18%;
        top: 19%;
        font-size: 18px;
        font-weight: 600;
    }

    .image-text-table-WithTimeDuration {
        left: 21%;
        top: 48%;
        font-size: 18px;
        font-weight: 600;
    }*/
}

    @media only screen and (max-width:1200px) {

        h3[b-75mv57ooep] {
            font-size: 1.8rem;
        }

/*        .nav-link {
            font-size: 18px;
        }

        .booktable {
            height: 12vw;
            width: 12vw;
            margin-bottom: 30px;
            position: relative;
            margin-bottom: 15%;
        }

        .image-text-table {
            top: 34%;
            left: 41%;
            font-size: 18px;
            letter-spacing: 3px;
        }

        .image-text-table-time {
            left: 22%;
            top: 20%;
            font-size: 16px;
            font-weight: 600;
        }

        .image-text-table-WithTimeDuration {
            left: 26%;
            top: 48%;
            font-size: 16px;
            font-weight: 600;
        }*/
        .scrolldiv[b-75mv57ooep] {
            display: grid;
            grid-template-columns: repeat(4, minmax(100px, 1fr));
            grid-gap: 10px;
            overflow-y: auto;
        }
        .table-summary p[b-75mv57ooep] {
            font-size: 20px;
        }

        .intotal[b-75mv57ooep] {
            font-size: 22px;
            font-weight: 600;
        }

        .nav-link[b-75mv57ooep] {
            font-size: 22px;
        }

        .timeduration[b-75mv57ooep], .nameduration[b-75mv57ooep] {
            height: 5vh;
        }

        .imageduration img[b-75mv57ooep], .imagedurationgreen img[b-75mv57ooep] {
            height: 14vh;
            width: 14vh;
        }

        .image-text-table[b-75mv57ooep] {
            font-size: 18px;
            margin: 0 8px;
        }
        .booktablegroup[b-75mv57ooep]{
            height:52vh;
        }
    }

    @media only screen and (max-width:1024px) {
/*        .booktable {
            height: 13vw;
            width: 13vw;
            margin-bottom: 30px;
            position: relative;
            margin-bottom: 15%;
        }

        .image-text-table {
            top: 33%;
            left: 38%;
            font-size: 16px;
            letter-spacing: 3px;
        }

        .image-text-table-time {
            left: 21%;
            top: 19%;
            font-size: 14px;
            font-weight: 600;
        }

        .image-text-table-WithTimeDuration {
            left: 22%;
            top: 47%;
            font-size: 14px;
            font-weight: 600;
        }*/

        .table-summary p[b-75mv57ooep] {
            font-size: 18px;
        }

        .intotal[b-75mv57ooep] {
            font-size: 20px;
            font-weight: 600;
        }
    }

    @media only screen and (max-width:992px) {
/*        .booktable {
            height: 12vw;
            width: 12vw;
            margin-bottom: 30px;
            position: relative;
            margin-bottom: 15%;
        }
        .scrolldiv {
            display: grid;
            grid-template-columns: repeat(4, minmax(100px, 1fr));
            grid-gap: 10px;
         
            overflow-y: auto;
        }

      

        .image-text-table-time {
            left: 19%;
            top: 20%;
            font-size: 13px;
            font-weight: 600;
        }

        .image-text-table-WithTimeDuration {
            left: 23%;
            top: 50%;
            font-size: 13px;
            font-weight: 600;
        }*/
        .scrolldiv[b-75mv57ooep] {
            display: grid;
            grid-template-columns: repeat(4, minmax(100px, 1fr));
            grid-gap: 10px;
            overflow-y: auto;
        }

        .table-summary p[b-75mv57ooep] {
            font-size: 16px;
        }

        .intotal[b-75mv57ooep] {
            font-size: 18px;
            font-weight: 600;
        }
        .image-text-table[b-75mv57ooep] {
  
            font-size: 15px;

        }
        .imageduration img[b-75mv57ooep], .imagedurationgreen img[b-75mv57ooep] {
            height: 12vh;
            width: 12vh;
        }

        .image-text-table[b-75mv57ooep] {
            font-size: 15px;
            margin: 0 5px;
        }
        .nav-link[b-75mv57ooep] {
            font-size: 18px;
        }

    }

    @media only screen and (max-width:880px) {
/*        .booktable {
            height: 13vw;
            width: 13vw;
            margin-bottom: 30px;
            position: relative;
            margin-bottom: 15%;
        }

        .image-text-table {
            top: 34%;
            left: 40%;
            font-size: 14px;
            letter-spacing: 3px;
        }

        .image-text-table-time {
            left: 22%;
            top: 20%;
            font-size: 12px;
            font-weight: 600;
        }

        .image-text-table-WithTimeDuration {
            left: 26%;
            top: 50%;
            font-size: 12px;
            font-weight: 600;
        }*/

        .table-summary p[b-75mv57ooep] {
            font-size: 16px;
        }

        .intotal[b-75mv57ooep] {
            font-size: 18px;
            font-weight: 600;
        }
    }

    @media only screen and (max-width:800px) {
/*        .booktable {
            height: 14vw;
            width: 14vw;
            margin-bottom: 30px;
            position: relative;
            margin-bottom: 15%;
        }

        .image-text-table {
            top: 34%;
            left: 38%;
            font-size: 14px;
            letter-spacing: 3px;
        }

        .image-text-table-time {
            left: 21%;
            top: 20%;
            font-size: 12px;
            font-weight: 600;
        }

        .image-text-table-WithTimeDuration {
            left: 24%;
            top: 50%;
            font-size: 12px;
            font-weight: 600;
        }*/

        .table-summary p[b-75mv57ooep] {
            font-size: 16px;
        }

        .intotal[b-75mv57ooep] {
            font-size: 18px;
            font-weight: 600;
        }
    }

    @media only screen and (max-width:768px) {
/*        .booktable {
            height: 16vw;
            width: 16vw;
            margin-bottom: 30px;
            position: relative;
            margin-bottom: 15%;
        }

        .image-text-table {
            top: 34%;
            left: 43%;
            font-size: 14px;
            letter-spacing: 3px;
        }

        .image-text-table-time {
            left: 25%;
            top: 21%;
            font-size: 12px;
            font-weight: 600;
        }

        .image-text-table-WithTimeDuration {
            left: 29%;
            top: 50%;
            font-size: 12px;
            font-weight: 600;
        }*/
        .nav-tabs[b-75mv57ooep] {
            display: flex;
            padding: 0;
            margin: 0;
            list-style: none;
            background-color: transparent;
            position: relative;
            border-bottom: 0.5px solid #ccc;
            gap: 0%;
        }



        .table-summary p[b-75mv57ooep] {
            font-size: 16px;
        }

        .intotal[b-75mv57ooep] {
            font-size: 18px;
            font-weight: 600;
        }

        .scrolldiv[b-75mv57ooep] {
            display: grid;
            grid-template-columns: repeat(3, minmax(100px, 1fr));
            grid-gap: 10px;
          
            overflow-y: auto;
        }
        .nav-link[b-75mv57ooep]{
            font-size:16px;
        }
        .page-heading[b-75mv57ooep]{
            display:flex;
            justify-content:center;
            align-items:center;
            height:9vh;
        }
        .nav-link[b-75mv57ooep] {
            font-size: 16px;
        }
    }
@media only screen and (max-width:690px) {
/*    .booktable {
        height: 16vw;
        width: 16vw;
        margin-bottom: 30px;
        position: relative;
        margin-bottom: 15%;
    }

    .image-text-table {
        top: 34%;
        left: 38%;
        font-size: 14px;
        letter-spacing: 3px;
    }

    .image-text-table-time {
        left: 21%;
        top: 21%;
        font-size: 12px;
        font-weight: 600;
    }

    .image-text-table-WithTimeDuration {
        left: 24%;
        top: 50%;
        font-size: 12px;
        font-weight: 600;
    }*/

    .table-summary p[b-75mv57ooep] {
        font-size: 16px;
    }

    .intotal[b-75mv57ooep] {
        font-size: 18px;
        font-weight: 600;
    }

    .scrolldiv[b-75mv57ooep] {
        display: grid;
        grid-template-columns: repeat(3, minmax(100px, 1fr));
        grid-gap: 10px;
      
        overflow-y: auto;
    }

    .nav-link[b-75mv57ooep] {
        font-size:14px ;
    }
}


@media only screen and (max-width:667px) {
    .scrolldiv[b-75mv57ooep] {
        display: grid;
        grid-template-columns: repeat(3, minmax(100px, 1fr));
        grid-gap: 10px;
        max-height: 45vh;
        overflow-y: auto;
    }
/*    .booktable {
        height: 18vw;
        width: 18vw;
        margin-bottom: 30px;
        position: relative;
        margin-bottom: 15%;
    }
    .image-text-table {
        top: 34%;
        left: 42%;
        font-size: 14px;
        letter-spacing: 3px;
    }

    .image-text-table-time {
        left: 23%;
        top: 21%;
        font-size: 12px;
        font-weight: 600;
    }

    .image-text-table-WithTimeDuration {
        left: 26%;
        top: 50%;
        font-size: 12px;
        font-weight: 600;
    }*/

}
    @media only screen and (max-width:515px) {
        .nav-link[b-75mv57ooep]{
            font-size:12px;
            padding:5px 8px;
        }
    }
/*    @media only screen and (max-width:568px) {
        .booktable {
            height: 20vw;
            width: 20vw;
            margin-bottom: 30px;
            position: relative;
            margin-bottom: 15%;
        }

        .image-text-table {
            top: 35%;
            left: 42%;
            font-size: 14px;
            letter-spacing: 3px;
        }

        .image-text-table-time {
            left: 23%;
            top: 22%;
            font-size: 12px;
            font-weight: 600;
        }

        .image-text-table-WithTimeDuration {
            left: 26%;
            top: 51%;
            font-size: 12px;
            font-weight: 600;
        }
        .table-summary p {
            font-size: 15px;
        }

        .intotal {
            font-size: 17px;
            font-weight: 600;
        }

    }


    @media only screen and (max-width:480px) {
        .booktable {
            height: 22vw;
            width: 22vw;
            margin-bottom: 30px;
            position: relative;
            margin-bottom: 15%;
        }
        .image-text-table {
            top: 35%;
            left: 47%;
            font-size: 14px;
            letter-spacing: 3px;
        }

        .image-text-table-time {
            left: 24%;
            top: 22%;
            font-size: 11px;
            font-weight: 600;
        }

        .image-text-table-WithTimeDuration {
            left: 26%;
            top: 51%;
            font-size: 11px;
            font-weight: 600;
        }

        .table-summary p {
            font-size: 14px;
        }

        .intotal {
            font-size: 16px;
            font-weight: 600;
        }
        .nav-link{
            font-size:16px;
        }
        h3{
            font-size:28px;
        }
    }*/
/* /Pages/BarSales.razor.rz.scp.css */
.overallsellspage[b-yrep85ol4c] {
    margin-top: 2.3%;
}




@media only screen and (max-width: 1440px) {
    .overallsellspage[b-yrep85ol4c] {
        margin-top: 3%;
    }
}

@media only screen and (max-width: 1080px) {
    .overallsellspage[b-yrep85ol4c] {
        margin-top: 4%;
    }
}

@media only screen and (max-width: 768px) {
    .overallsellspage[b-yrep85ol4c] {
        margin-top: -5%;
    }
}

@media only screen and (max-width: 480px) {
    .overallsellspage[b-yrep85ol4c] {
        margin-top: -10%;
    }
}
/* /Pages/CashierCorner/CashierCorner.razor.rz.scp.css */
.landingpage[b-m1e4ly43mx] {
    margin-top: 3.2%;
    padding-bottom: -1vh;
    width: 100%;
    height: 91vh
}

.maincard1[b-m1e4ly43mx] {
    border: 0;
    align-items: center;
    height: 100%;
    width: 100%;
    margin-left: -5%
}

.but.selected[b-m1e4ly43mx] {
    color: #fff;
    font-weight: 400 !important;
    text-transform: uppercase;
    background-color: var(--our--Navpanel--selection-bk-color)
}

[b-m1e4ly43mx]::-webkit-scrollbar {
    width: 10px;
    border-radius: 4px;
    background-color: #fff
}

.HoldNameInput[b-m1e4ly43mx] {
    width: 90%;
    height: 6vh;
    padding: 10px;
    margin-left: 5%;
    border: 2px solid #111;
    border-radius: 10px
}

.addbtndiv[b-m1e4ly43mx] {
    text-align: center;
    margin-top: 5%
}

.addbtn[b-m1e4ly43mx] {
    width: 160px;
    height: 60px;
    border-radius: 10px;
    color: #fff;
    border: 0;
    font-weight: 500;
    letter-spacing: 2px;
    background-color: #0c2144
}

.showholdtablemodel[b-m1e4ly43mx] {
    display: block;
    background-color: rgba(10,10,10,.8)
}

[b-m1e4ly43mx]::-webkit-scrollbar-thumb {
    background-color: #afafaf;
    border-radius: 4px
}

.tableedit[b-m1e4ly43mx] {
    font-size: 14px;
    width: 100%;
    height: 51vh;
    margin-top: 3%;
    background-color: var(--cashier-corner-billtable-color);
    overflow-y: scroll
}

    .tableedit table[b-m1e4ly43mx] {
        width: 97.5%
    }

.Invoice td[b-m1e4ly43mx], .Invoice th[b-m1e4ly43mx] {
    text-align: left;
    padding: 8px
}

.Invoice th[b-m1e4ly43mx] {
    position: sticky;
    top: 0;
    background-color: #082248;
    z-index: 10
}

.Invoice td[b-m1e4ly43mx] {
    border: 1px solid #111
}

.tableedit thead th[b-m1e4ly43mx] {
    padding: 0 .5vh;
    width: 20%
}

.tableedit td[b-m1e4ly43mx] {
    padding: 1%;
    text-align: center;
    margin-top: 10px
}

.tableedit thead[b-m1e4ly43mx] {
    background-color: #082248;
    color: #fff;
    height: 5vh;
    font-size: 12px;
    text-align: center;
    width: 100%;
    margin-bottom: 3%
}

    .tableedit thead .th1[b-m1e4ly43mx], .tableedit thead .th4[b-m1e4ly43mx] {
        border-radius: 0
    }

.tableedit .selectbtn[b-m1e4ly43mx] {
    font-size: 10px;
    font-weight: 400;
    border-width: 1px;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px
}

.invoicebutton[b-m1e4ly43mx] {
    margin-top: 7%;
    display: flex;
    gap: 30px;
    margin-bottom: 7%;
    text-align: center
}

    .invoicebutton button[b-m1e4ly43mx] {
        background-color: var(--our--commonblue-color);
        color: #fff;
        font-size: 36px;
        border: 0;
        height: 8vh;
        border-radius: 1vh;
        width: 5vw;
        text-align: center
    }

.betweensalesreturnbtn[b-m1e4ly43mx] {
    padding-top: -5px;
    background-color: var(--our--functionbutton-color) !important
}

.betweensalesreturn[b-m1e4ly43mx] {
    width: 50px;
    margin-top: -10px !important
}

.maincard1 .invoicetable[b-m1e4ly43mx] {
    background-color: #fff;
    border-radius: 0 0 1.6vh 1.6vh;
    width: 100%;
    border: 1px solid #111;
    border-top: none;
    height: 25%;
    font-weight: 300;
    padding-right: 5%;
    margin-bottom: 2vh
}

    .maincard1 .invoicetable table[b-m1e4ly43mx] {
        width: 99%;
        height: 100%;
        margin-left: 5%
    }

        .maincard1 .invoicetable table tbody th[b-m1e4ly43mx] {
            font-size: 12px;
            font-weight: 500
        }

        .maincard1 .invoicetable table tbody td[b-m1e4ly43mx], .tableedit td[b-m1e4ly43mx] {
            font-size: 12px
        }

.maincard2[b-m1e4ly43mx] {
    border: 0;
    align-items: center;
    height: 100%
}

.cardandfunction[b-m1e4ly43mx] {
    display: flex;
    flex-direction: column
}

#goback[b-m1e4ly43mx], tfoot[b-m1e4ly43mx] {
    background-color: #fff
}

#goback[b-m1e4ly43mx] {
    font-size: 28px;
    width: 100%;
    color: #04aed3
}

.productpart .products[b-m1e4ly43mx] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(120px,1fr));
    gap: 10px;
    justify-items: start;
    width: 100%;
    height: fit-content;
    overflow: hidden;
    transition: none !important;
    animation: none !important
}

.cardstyle[b-m1e4ly43mx] {
    height: 100px;
    width: 120px;
    overflow: hidden;
    border-radius: 22px;
    margin-top: 5%;
    border: 5px solid #ccc;
    background-color: #f0f0f0 !important;
    text-align: center
}

    .cardstyle .card-text[b-m1e4ly43mx] {
        padding-left: 10%;
        margin-top: auto;
        margin-bottom: auto;
        font-size: 12px
    }

        .cardstyle .card-text p[b-m1e4ly43mx] {
            width: 100px;
            overflow: hidden;
            text-overflow: ellipsis !important;
            white-space: break-spaces
        }

.Printtokitchen[b-m1e4ly43mx], .holdbuttoninsidehold[b-m1e4ly43mx], .selectbutton[b-m1e4ly43mx] {
    border: 0;
    color: #fff;
    border-radius: 10px;
    font-size: 16px
}

.holdbuttoninsidehold[b-m1e4ly43mx] {
    background-color: #107a47;
    height: 20vh;
    width: 20vh;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin-top: 2vh;
    margin-bottom: 2vh;
    margin-left: 4vh
}

.Printtokitchen[b-m1e4ly43mx], .selectbutton[b-m1e4ly43mx] {
    background-color: #082248
}

.selectbutton[b-m1e4ly43mx] {
    height: 5vh;
    width: 18%;
    letter-spacing: 2px;
    font-weight: 500
}

tfoot[b-m1e4ly43mx] {
    position: sticky;
    bottom: 0
}

.Printtokitchen[b-m1e4ly43mx] {
    margin-top: 2vh;
    margin-bottom: 2vh;
    height: 20vh;
    width: 20vh;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin-left: 4vh
}

.cardstar[b-m1e4ly43mx] {
    transform: rotate(-170deg);
    text-align: right;
    font-size: 18px;
    color: #c0653a;
    position: absolute;
    left: 78%;
    top: 3%
}

.productpart[b-m1e4ly43mx] {
    overflow-y: auto;
    overflow-x: hidden;
    height: 350px;
    width: 100%
}

    .productpart[b-m1e4ly43mx]::-webkit-scrollbar {
        width: 8px
    }

    .productpart[b-m1e4ly43mx]::-webkit-scrollbar-track {
        background: #d9d9d9
    }

    .productpart[b-m1e4ly43mx]::-webkit-scrollbar-thumb {
        background: #afafaf;
        border-radius: 4px
    }

.functionpart[b-m1e4ly43mx] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(85px,2fr));
    margin-top: 3%;
    margin-left: 2%;
    gap: 15px
}

.functionbutton[b-m1e4ly43mx] {
    height: 80px;
    width: 90px;
    font-size: 9px;
    border-radius: 10px;
    border: 0;
    padding: 5px;
    background-color: var(--our--functionbutton-color);
    color: var(--our--commonblue-color);
    text-align: center;
    position: relative
}

    .functionbutton img[b-m1e4ly43mx] {
        width: 35px
    }

        .functionbutton img.discountpriceimage[b-m1e4ly43mx] {
            width: 25px
        }

.functionpartfirstrow .functionbutton[b-m1e4ly43mx] {
    margin-left: 27px
}

.joineddisbtn[b-m1e4ly43mx] {
    display: flex;
    flex-direction: column
}

.discountbyprice .functionbutton[b-m1e4ly43mx] {
    margin-top: -.5vh;
    font-size: 16px;
    border-radius: 0 0 2vh 2vh;
    height: 42px;
    border-top: 1px solid #082248
}

    .discountbypercentage .functionbutton .buttonicons[b-m1e4ly43mx], .discountbyprice .functionbutton .buttonicons[b-m1e4ly43mx], .modal-header p[b-m1e4ly43mx] {
        font-size: 18px;
        text-align: center
    }

.discountbypercentage .functionbutton[b-m1e4ly43mx] {
    height: 42px;
    border-radius: 2vh 2vh 0 0 !important;
    font-size: 16px
}

.functionbutton .holdbadge[b-m1e4ly43mx] {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #fff;
    border: 2px solid #000;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50%
}

    .functionbutton .holdbadge.holdbadgehotel[b-m1e4ly43mx] {
        padding: 1px 5px;
        font-size: 9px
    }

.buttonicons[b-m1e4ly43mx] {
    font-size: 6vh;
    text-align: center
}

.Takeawaymodal[b-m1e4ly43mx] {
    margin-top: 10%
}

    .Takeawaymodal .modal-content[b-m1e4ly43mx] {
        width: 70%;
        margin-left: 10%
    }

    .Takeawaymodal .modal-title[b-m1e4ly43mx] {
        width: 100%
    }

    .Takeawaymodal .Printtokitchen[b-m1e4ly43mx], .Takeawaymodal .holdbuttoninsidehold[b-m1e4ly43mx] {
        width: 200px;
        height: 200px;
        border-radius: 3px;
        cursor: pointer;
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 1px
    }

    .Takeawaymodal .holdbuttoninsidehold[b-m1e4ly43mx] {
        background: #14ad5a
    }

    .Takeawaymodal .Printtokitchen[b-m1e4ly43mx] {
        background: #0c2144
    }

    .Takeawaymodal .modal-header p i[b-m1e4ly43mx] {
        color: red;
        line-height: 1;
        font-size: 32px;
        cursor: pointer;
        margin-left: 70%
    }

    .Takeawaymodal .printbuttongroup[b-m1e4ly43mx] {
        margin-left: -5%;
        gap: 1%;
        display: flex;
        justify-content: center
    }

.modal-header p[b-m1e4ly43mx] {
    text-transform: uppercase;
    font-size: 24px;
    width: 100%;
    font-weight: 600
}

.booktable[b-m1e4ly43mx] {
    height: 90px;
    width: 90px;
    position: relative;
    margin-bottom: 15%
}

.holdtable[b-m1e4ly43mx] {
    position: relative;
    color: #000
}

.tableno[b-m1e4ly43mx] {
    position: absolute;
    top: 22%;
    left: 27% !important;
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.reservationcard[b-m1e4ly43mx] {
    width: 20vh;
    text-align: center
}

.customername[b-m1e4ly43mx] {
    padding-left: 5px !important;
    font-weight: 500;
    line-height: 0
}

.image-text-table[b-m1e4ly43mx] {
    position: absolute;
    top: 30%;
    left: 33%;
    transform: translate(-19%,-10%);
    text-align: center;
    font-size: 16px;
    color: #fff
}

.image-text-table-time[b-m1e4ly43mx] {
    left: 30%;
    top: 17%
}

.image-text-table-WithTime[b-m1e4ly43mx] {
    top: 8%
}

.image-text-door.doubledigit[b-m1e4ly43mx] {
    left: 27%
}

.image-text-table-WithTimeDuration[b-m1e4ly43mx] {
    left: 30%;
    top: 47%
}

.maincard3 .dotabhovecancel[b-m1e4ly43mx] {
    height: 10vh;
    width: 90%;
    border: 1px solid #111;
    margin-top: 0;
    background-color: #f0f0f0;
    color: #082248;
    border-radius: 10px;
    font-size: 24px;
    line-height: 0;
    font-weight: 800
}

.holdroom[b-m1e4ly43mx] {
    height: 100%;
    position: relative
}

.booktablegroup[b-m1e4ly43mx] {
    width: 100%
}

    .booktablegroup[b-m1e4ly43mx]::-webkit-scrollbar {
        display: none
    }

.holdroom img[b-m1e4ly43mx] {
    height: 90px;
    width: 140px;
    margin-bottom: 15%;
    margin-left: -4vh
}

.inputpart[b-m1e4ly43mx] {
    padding-left: 10px
}

    .inputpart .enteramt[b-m1e4ly43mx] {
        font-size: 18px !important
    }

    .inputpart .cardinput[b-m1e4ly43mx] {
        width: 98%;
        height: 7vh;
        border-radius: 10px;
        border: 0;
        padding-left: 10px;
        margin-top: 0
    }

.searchtabinput[b-m1e4ly43mx] {
    width: 80%;
    margin: 5vh;
    height: 5vh;
    border: 2px solid #dcdfe8;
    border-radius: 1vh
}

.maincard2[b-m1e4ly43mx] {
    margin-top: 2vh
}

.maincard3[b-m1e4ly43mx] {
    border: 0;
    align-items: center;
    height: 101%;
    margin-bottom: -2vh;
    margin-top: -2.5%;
    margin-left: 3%;
    width: 112%;
    border-left: 2px solid #111;
    border-radius: 0
}

    .maincard3 form[b-m1e4ly43mx] {
        margin-top: 2vh;
        margin-bottom: 6.6%;
        width: 100%;
        text-align: center
    }

    .maincard3 input[b-m1e4ly43mx] {
        background-color: #f0f0f0;
        border-radius: 9px;
        margin: 3% 1%;
        width: 30%;
        height: 11vh;
        border: 1px solid #111;
        font-size: 22px;
        font-weight: 500;
        color: #111
    }

.calcbuttongroup[b-m1e4ly43mx] {
    margin-bottom: 1%;
    margin-left: 1%
}

#calc[b-m1e4ly43mx], .enterbutton[b-m1e4ly43mx] {
    height: 10vh;
    border: 1px solid #111
}

.enterbutton[b-m1e4ly43mx] {
    width: 125%;
    background: #f0f0f0;
    border-radius: 10px;
    font-size: 22px;
    letter-spacing: 1px;
    line-height: 0;
    margin-left: -1.3vw
}

.billtable table[b-m1e4ly43mx], .enterbuttongroup[b-m1e4ly43mx] {
    width: 100%
}

.cancelbutton[b-m1e4ly43mx] {
    width: 95%
}

.cancelbutton[b-m1e4ly43mx], .tenderbutton[b-m1e4ly43mx] {
    background: var(--our--calculatorcancel-color);
    height: 8vh;
    border: 0;
    border-radius: 5px;
    font-size: 22px;
    letter-spacing: 1px;
    color: #fff;
    line-height: 0
}

.calcbuttons[b-m1e4ly43mx] {
    padding: 15px
}

.tenderbutton[b-m1e4ly43mx] {
    background-color: var(--our--calculatortender-color);
    margin-left: -15px;
    width: 105%
}

@media only screen and (max-width:1120px) {
    .maincard3 input[b-m1e4ly43mx] {
        width: 30%;
        height: 9vh;
        margin: 5% 1%
    }

    .enterbutton[b-m1e4ly43mx] {
        width: 129%
    }

    .enterbuttongroup[b-m1e4ly43mx] {
        margin-top: 5%
    }

    .functionpart[b-m1e4ly43mx] {
        grid-template-columns: repeat(auto-fill,minmax(80px,2fr));
        margin-left: 0;
        gap: 10px
    }

    .maincard1[b-m1e4ly43mx] {
        margin-left: -1.7vw
    }

    .maincard3 .dotabhovecancel[b-m1e4ly43mx] {
        width: 97%;
        margin-left: 3%
    }

    .cardstar[b-m1e4ly43mx] {
        font-size: 18px
    }

    .functionbutton[b-m1e4ly43mx] {
        width: 80px;
        height: 70px
    }

    .productpart[b-m1e4ly43mx] {
        height: 300px !important;
        margin-top: 3%;
        margin-left: -10%;
        width: 120%
    }

    .cardstyle[b-m1e4ly43mx] {
        width: 11vw;
        height: 14vh
    }

    .cancelbutton[b-m1e4ly43mx], .tenderbutton[b-m1e4ly43mx] {
        font-size: 18px;
        height: 9vh
    }

    .maincard1 .invoicetable[b-m1e4ly43mx] {
        height: 30%;
        font-weight: 300;
        margin-bottom: 2vh
    }

        .maincard1 .invoicetable table tbody th[b-m1e4ly43mx] {
            font-size: 12px;
            font-weight: 500
        }

        .maincard1 .invoicetable table tbody td[b-m1e4ly43mx] {
            font-size: 12px;
            width: 30%
        }

    .calcbuttons[b-m1e4ly43mx] {
        padding: 15px 0
    }

    form[b-m1e4ly43mx] {
        width: 107% !important
    }

    .calcbuttongroup[b-m1e4ly43mx] {
        margin-top: 3%;
        width: 107%
    }
}

@media only screen and (max-width:1200px) {
    .maincard3 input[b-m1e4ly43mx] {
        width: 30%;
        height: 9vh;
        margin: 5% 1%
    }

    .enterbutton[b-m1e4ly43mx] {
        width: 129%
    }

    .enterbuttongroup[b-m1e4ly43mx] {
        margin-top: 5%
    }

    .functionpart[b-m1e4ly43mx] {
        grid-template-columns: repeat(auto-fill,minmax(80px,2fr));
        margin-left: 0;
        gap: 10px
    }

    .maincard1[b-m1e4ly43mx] {
        margin-left: -1.7vw
    }

    .maincard3 .dotabhovecancel[b-m1e4ly43mx] {
        width: 97%;
        margin-left: 3%
    }

    .cardstar[b-m1e4ly43mx] {
        font-size: 18px
    }

    .functionbutton[b-m1e4ly43mx] {
        width: 80px;
        height: 70px
    }

    .productpart[b-m1e4ly43mx] {
        height: 300px !important;
        margin-top: 3%;
        margin-left: -10%;
        width: 120%
    }

    .cardstyle[b-m1e4ly43mx] {
        width: 11vw;
        height: 14vh
    }

    .cancelbutton[b-m1e4ly43mx], .tenderbutton[b-m1e4ly43mx] {
        font-size: 18px;
        height: 9vh
    }

    .maincard1 .invoicetable[b-m1e4ly43mx] {
        height: 30%;
        font-weight: 300;
        margin-bottom: 2vh
    }

        .maincard1 .invoicetable table tbody th[b-m1e4ly43mx] {
            font-size: 12px;
            font-weight: 500
        }

        .maincard1 .invoicetable table tbody td[b-m1e4ly43mx] {
            font-size: 12px;
            width: 30%
        }

    .calcbuttons[b-m1e4ly43mx] {
        padding: 15px 0
    }

    form[b-m1e4ly43mx] {
        width: 107% !important
    }

    .calcbuttongroup[b-m1e4ly43mx] {
        margin-top: 3%;
        width: 107%
    }
}

#calc[b-m1e4ly43mx] {
    width: 99%;
    margin-top: 3%;
    margin-bottom: -1vh;
    background-color: #fff;
    border-radius: 15px
}

#cash[b-m1e4ly43mx], #customer[b-m1e4ly43mx], #qr[b-m1e4ly43mx] {
    margin-top: 4.3%
}

    #cash .backarrow[b-m1e4ly43mx] {
        color: #0ff;
        font-size: 28px;
        margin-top: 2vh
    }

    #cash .customer[b-m1e4ly43mx], #cash .customername[b-m1e4ly43mx] {
        font-family: "Quicksand",sans-serif;
        font-size: 30px
    }

    #cash .billtable[b-m1e4ly43mx] {
        border: 2px solid #111 !important;
        border-top: none !important;
        border-radius: 0 0 10px 10px;
        padding: 3px;
        width: 80%;
        margin-left: 10% !important;
        margin-top: 20%
    }

.billtable tr:nth-child(odd)[b-m1e4ly43mx] {
    background-color: #f2f2f2
}

#cash .billtable table td[b-m1e4ly43mx] {
    border: 1px solid #fff;
    width: 50%;
    padding: 2vh;
    padding-left: 40px;
    font-family: "Quicksand",sans-serif;
    font-size: 28px
}

#cash .maincard3[b-m1e4ly43mx] {
    margin-left: -3%;
    width: 100%;
    padding-left: 7%
}

.nobutton[b-m1e4ly43mx], .yesnobutton[b-m1e4ly43mx] {
    border: 0;
    border-radius: 10px;
    margin-bottom: 10%;
    font-size: 26px;
    color: #fff
}

.yesnobutton[b-m1e4ly43mx] {
    width: 40%;
    height: 12vh;
    margin-top: 10%;
    line-height: 32px
}

    .yesnobutton.yes[b-m1e4ly43mx] {
        background-color: #28a745;
        margin-right: 10%
    }

    .yesnobutton.no[b-m1e4ly43mx] {
        background-color: red;
        margin-left: 35%;
        padding-top: 4px
    }

    .yesnobutton .fa-ban[b-m1e4ly43mx], .yesnobutton .fa-check[b-m1e4ly43mx] {
        font-size: 52px
    }

.nobutton[b-m1e4ly43mx] {
    width: 60%;
    height: 10vh;
    line-height: 1
}

    .nobutton .fa-ban[b-m1e4ly43mx] {
        font-size: 46px
    }

#qr .backarrow[b-m1e4ly43mx] {
    color: #0ff
}

#qr .customer[b-m1e4ly43mx], #qr .scantopay[b-m1e4ly43mx] {
    font-size: 30px
}

#qr .qrrightcard[b-m1e4ly43mx] {
    height: 100%;
    margin-left: 3.6vh;
    margin-right: -3.6vh
}

#qr .calcbuttons[b-m1e4ly43mx] {
    margin-top: 28%;
    margin-left: 6%
}

#qr .scantopay[b-m1e4ly43mx] {
    font-family: "Quicksand",sans-serif
}

#qr .backarrow[b-m1e4ly43mx] {
    font-size: 24px;
    margin-top: 2vh
}

#qr .customer[b-m1e4ly43mx] {
    font-family: "Quicksand",sans-serif;
    font-size: 3vh
}

.splitbutton[b-m1e4ly43mx] {
    height: 17.5% !important
}

#qr .qrcode[b-m1e4ly43mx] {
    width: 100%;
    margin-top: 40%;
    height: 70%
}

#qr .qrrightcard[b-m1e4ly43mx] {
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    height: 93.5vh;
    background-color: #ececeb
}

#qr .tenderbutton[b-m1e4ly43mx] {
    background-color: #14ad5a;
    color: #fff;
    border: 0;
    border-radius: 1vh;
    width: 96%;
    height: 70px;
    text-align: center;
    font-size: 32px;
    font-weight: 400
}

#qr .tender[b-m1e4ly43mx] {
    color: #fff;
    font-size: 20px;
    letter-spacing: 3px;
    font-weight: 500;
    margin-bottom: 0;
    font-family: "Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif
}

#qr .qramount[b-m1e4ly43mx], #qr .qrsqr[b-m1e4ly43mx] {
    font-family: "Quicksand",sans-serif;
    text-align: center
}

#qr .qrsqr[b-m1e4ly43mx] {
    height: 7vh;
    width: 75%;
    margin-top: 30vh;
    font-size: 24px;
    font-weight: 400;
    justify-content: center;
    margin-left: 11%
}

#qr .qramount[b-m1e4ly43mx] {
    color: #ffd457;
    font-size: 48px;
    margin-top: 10px
}

#qr .qrsqr .qr-amount[b-m1e4ly43mx] {
    display: flex;
    gap: 30%
}

#qr .qrsqr p[b-m1e4ly43mx] {
    border-width: 0 1px 1px;
    padding: 10px
}

#qr .qrsqr[b-m1e4ly43mx] {
    background-color: #ececeb;
    border: 1px solid #0c2144;
    border-radius: 0 0 5px 5px;
    border-top: none
}

.cashpage[b-m1e4ly43mx] {
    overflow: hidden;
    width: 100.87vw;
    border: 0;
    max-height: 100vh;
    margin: -3.1vh -2.6vh 0-3.4vh;
    margin-right: 0
}

.tab-cont button[b-m1e4ly43mx] {
    width: 118%;
    margin-left: -7.7%;
    height: 16.53%
}

.salesicon[b-m1e4ly43mx] {
    width: 55px
}

.cashpage .navtext[b-m1e4ly43mx] {
    font-size: 2.5vh;
    line-height: 2.5vh
}

.cashpage .cashnavtext[b-m1e4ly43mx] {
    margin-top: -.8vh
}

.cashpage.cardnavtext[b-m1e4ly43mx] {
    margin-top: -1vh
}

@media only screen and (max-width:1120px) {
    #customer[b-m1e4ly43mx] {
        margin-top: 5%
    }

}

@media only screen and (max-width:1050px) {
    .productpart .products[b-m1e4ly43mx] {
        display: grid;
        grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
        gap: 5px;
        width: 100%;
    }
}


@media only screen and (max-width:1027px) {

    .functionpart[b-m1e4ly43mx] {
        display: grid;
        grid-template-columns: repeat(auto-fill,minmax(70px,2fr));
/*        margin-top: 3%;
        margin-left: 2%;*/
        gap: 5px
    }
}



    @media only screen and (max-width:968px) {
        .maincard3[b-m1e4ly43mx] {
            width: 115%;
        }

            .maincard3 input[b-m1e4ly43mx] {
                width: 25%;
                height: 8vh;
                margin: 5% 1%;
            }

        .calcbuttongroup[b-m1e4ly43mx] {
            margin-top: 3%;
            width: 107%;
        }

        .productpart[b-m1e4ly43mx] {
            height: 300px !important;
        }
    }

    #customer .backarrow[b-m1e4ly43mx] {
        color: #0ff;
        font-size: 28px;
        margin-top: 2vh
    }

    #customer .customernamesearch[b-m1e4ly43mx] {
        display: flex;
        width: 70%;
        height: 6vh;
        margin-top: 2vh;
        border-radius: 15px;
        border: 3px solid #dcdfe8;
        background: #fff
    }

    #customer .addcustomerbutton[b-m1e4ly43mx], #customer .selectcustomerbtn[b-m1e4ly43mx] {
        border-radius: 10px;
        background-color: #082248;
        color: #fff;
        border: 0;
        text-align: center
    }

    #customer .addcustomerbutton[b-m1e4ly43mx] {
        display: inline-flex;
        margin-top: 2vh;
        margin-left: 3vh;
        height: 5vh
    }

    #customer .selectcustomerbtn[b-m1e4ly43mx] {
        margin-left: 2vw;
        height: 6vh
    }

    .table-responsive[b-m1e4ly43mx] {
        margin-top: 3%
    }

    .table[b-m1e4ly43mx] {
        width: 100%;
        color: #212529
    }

        .table td[b-m1e4ly43mx], .table th[b-m1e4ly43mx] {
            padding: 1rem;
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
            text-align: center
        }

        .table thead th[b-m1e4ly43mx] {
            vertical-align: bottom;
            border-bottom: 2px solid #dee2e6;
            background-color: #343a40;
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            position: sticky;
            top: 0;
            z-index: 1;
            text-align: center
        }

    .inner-table[b-m1e4ly43mx] {
        margin-bottom: 0 !important
    }

        .inner-table thead th[b-m1e4ly43mx] {
            background-color: #404d52;
            border-top: 1px solid #dee2e6;
            border-bottom: 1px solid #dee2e6
        }

    .tab-cont[b-m1e4ly43mx] {
        background-color: var(--cashier-corner-billtable-color);
        height: 95vh;
        margin-top: 4%;
        border-right: .5px solid #082248
    }

    .navpanelicons[b-m1e4ly43mx] {
        width: 60px
    }

    .productsonholdmodal[b-m1e4ly43mx] {
        margin-top: 5%
    }

    .inner-table thead th:first-child[b-m1e4ly43mx] {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .inner-table thead th:last-child[b-m1e4ly43mx] {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px
    }

    .table tbody[b-m1e4ly43mx] {
        display: block;
        height: 51vh;
        overflow-y: scroll
    }

    .inner-table tbody[b-m1e4ly43mx] {
        height: 27vh
    }

    .table tbody tr[b-m1e4ly43mx], .table thead[b-m1e4ly43mx] {
        display: table;
        width: 100%;
        table-layout: fixed
    }

    .action-cell[b-m1e4ly43mx] {
        text-align: center;
        display: flex;
        justify-content: center
    }

    .print-icon[b-m1e4ly43mx] {
        font-size: 28px;
        margin-left: 1rem;
        cursor: pointer
    }

        .print-icon:hover[b-m1e4ly43mx] {
            color: red !important
        }

    .btn[b-m1e4ly43mx] {
        display: inline-block;
        font-weight: 400;
        color: #212529;
        text-align: center;
        vertical-align: middle;
        user-select: none;
        background-color: transparent;
        border: 1px solid transparent;
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .25rem;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
    }

    .btn-primary[b-m1e4ly43mx] {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff
    }

    .btn-sm[b-m1e4ly43mx] {
        font-size: .875rem;
        padding: .25rem .5rem
    }

    #customer .addcustomerhead[b-m1e4ly43mx] {
        font-size: 22px;
        text-transform: uppercase;
        letter-spacing: 6px
    }

    #customer .belowaddcusline[b-m1e4ly43mx] {
        color: #000;
        height: 2px
    }

    #customer .sticknameandinput[b-m1e4ly43mx] {
        letter-spacing: 3px;
        font-size: 18px;
        line-height: 0;
        font-family: "Cascadia Code"
    }

    #customer select[b-m1e4ly43mx] {
        width: 55%;
        height: 5vh;
        border-radius: 10px;
        margin-top: 3%
    }

    #customer .addcustomerinputs[b-m1e4ly43mx] {
        border: 0;
        background-color: #d9d9d9;
        height: 25%;
        border-radius: 6px;
        width: 70%
    }

    #customer .customercancel[b-m1e4ly43mx], #customer .customersubmit[b-m1e4ly43mx] {
        width: 25%;
        height: 6vh;
        border: 0;
        font-size: 18px;
        letter-spacing: 5px;
        border-radius: 10px;
        background-color: #ffd457
    }

    #customer .customersubmit[b-m1e4ly43mx] {
        margin-left: 18%
    }

    #remarks[b-m1e4ly43mx] {
        margin-top: 4.3%
    }

        #remarks .backarrow[b-m1e4ly43mx] {
            color: #111;
            font-size: 24px;
            margin-top: 2vh
        }

        #remarks .remarkstext[b-m1e4ly43mx] {
            font-family: "Quicksand",sans-serif;
            font-size: 22px;
            font-weight: 300;
            margin-left: 4vw
        }

        #remarks .remarkscard[b-m1e4ly43mx] {
            width: 60vw;
            height: 50vh;
            background-color: #f0f0f0;
            border: 0;
            border-radius: 2px;
            overflow: scroll
        }

    .remarkscard[b-m1e4ly43mx]::-webkit-scrollbar {
        display: none !important
    }

    #remarks input[type=checkbox][b-m1e4ly43mx] {
        margin: 2vh;
        width: 30px;
        height: 30px;
        justify-content: center;
        border-color: red;
        vertical-align: middle;
        font-size: 8px
    }

    #remarks .remarksbuttonsdiv[b-m1e4ly43mx] {
        text-align: right
    }

        #remarks .remarksbuttonsdiv .remarkscancelbutton[b-m1e4ly43mx], #remarks .remarksbuttonsdiv .remarksproceedbutton[b-m1e4ly43mx] {
            width: 187px;
            height: 8vh;
            border: 0;
            border-radius: 7px;
            margin-right: 10px;
            font-size: 20px;
            color: #fff
        }

        #remarks .remarksbuttonsdiv .remarksproceedbutton[b-m1e4ly43mx] {
            background-color: var(--our--calculatortender-color)
        }

        #remarks .remarksbuttonsdiv .remarkscancelbutton[b-m1e4ly43mx] {
            background-color: var(--our--calculatorcancel-color)
        }

    .selectors[b-m1e4ly43mx] {
        font-size: 20px
    }




/* /Pages/Category.razor.rz.scp.css */
.actbtn[b-5tmyeanahb] {
    background-color: #28a745; 
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: default;
    font-size: 14px;
    text-align: center;
}
.categorypage[b-5tmyeanahb]{
    /*margin-top:2%;*/
}


.hov-input[b-5tmyeanahb]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-5tmyeanahb] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-5tmyeanahb] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }
.form-section[b-5tmyeanahb] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}

.form-row[b-5tmyeanahb] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-5tmyeanahb] {
    flex: 1;
}

    .form-group label[b-5tmyeanahb] {
        display: block;
        margin-bottom: 0.5rem;
        color: #34495e;
        font-weight: 500;
        font-size: 0.9rem;
    }
.colorpalettteicon[b-5tmyeanahb] {
   color: #0C2144;
    filter: drop-shadow(5px 5px 5px #1126920D);
}
.colorpalettteicon:hover[b-5tmyeanahb]{
    color:#000;

}


@media only screen and (max-width:1024px) {
    .categorypage[b-5tmyeanahb] {
     /*   margin-top: 3%;*/
    }
}
    @media only screen and (max-width:768px) {
        .categorypage[b-5tmyeanahb] {
           /* margin-top: 3%;*/
        }
    }

    @media only screen and (max-width:568px) {
        .categorypage[b-5tmyeanahb] {
            /*        margin-top:-5%;*/
        }
    }

    .inactivebtn[b-5tmyeanahb] {
        background-color: #e72929; /* Red */
        color: white;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        cursor: default;
        font-size: 14px;
        text-align: center;
    }


    .actionicons[b-5tmyeanahb] {
        display: flex;
        align-items: center;
        justify-content:center;
        gap: 10px;
    }

        .actionicons i[b-5tmyeanahb] {
            cursor: pointer;
            font-size: 18px;
            align-items: center;
            justify-content: center;
        }

            .actionicons i:hover[b-5tmyeanahb] {
                transform: scale(1.1);
                transition: 0.2s;
            }

        .actionicons .fa-pen-to-square[b-5tmyeanahb] {
            color: #007bff; /* Blue */
        }

        .actionicons .fa-trash[b-5tmyeanahb] {
            color: #e72929; /* Red */
        }

    @media only screen and (max-width: 480px) {
        .categorypage[b-5tmyeanahb] {
            /*margin-top: 3%;*/
        }
    }



    .colorbg[b-5tmyeanahb] {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        margin-left: 10px;
    }

    .selected-color-box[b-5tmyeanahb] {
        width: 3vw;
        height: 6vh;
        text-align: center;
        cursor: pointer;
        border-radius: 50%;
        border: 1px solid #000;
    }

    .SelectColorButton:hover[b-5tmyeanahb] {
        background-color: #d1d1d1;
    }

    .color-option[b-5tmyeanahb] {
        width: 2vw;
        height: 2vw;
        border-radius: 50%;
        cursor: pointer;
        border: 2px solid transparent;
        transition: border-color 0.3s;
    }

    .color-palette[b-5tmyeanahb] {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 10px;
        grid-auto-rows: minmax(20px, auto);
    }

    .color-option[b-5tmyeanahb] {
        width: 2vw;
        height: 2vw;
        border-radius: 50%;
        cursor: pointer;
        border: 2px solid transparent;
        transition: border-color 0.3s;
    }

    .colorpaletterow[b-5tmyeanahb] {
    }

    .modalDialogColorPalette[b-5tmyeanahb] {
        margin-top: 10%;
        height: 55vh;
    }

    .color-option:hover[b-5tmyeanahb] {
        border: 3px solid #000;
    }

    .color-option i[b-5tmyeanahb] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 20px;
    }

    .selected-color-box[b-5tmyeanahb] {
        width: 3vw;
        height: 6vh;
        text-align: center;
        cursor: pointer;
        border-radius: 50%;
        border: 1px solid #000;
    }

    .colorpalettteicon[b-5tmyeanahb] {
        margin-top: 30%;
        font-size: 16px;

    }

      
    .switch[b-5tmyeanahb] {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 34px;
    }

        .switch input[b-5tmyeanahb] {
            opacity: 0;
            width: 0;
            height: 0;
        }

    .slider[b-5tmyeanahb] {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .slider[b-5tmyeanahb]:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    input:checked + .slider[b-5tmyeanahb] {
        background-color: #2196F3;
    }

    input:focus + .slider[b-5tmyeanahb] {
        box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider[b-5tmyeanahb]:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

    .slider.round[b-5tmyeanahb] {
        border-radius: 34px;
    }

        .slider.round[b-5tmyeanahb]:before {
            border-radius: 50%;
        }

    .form-check-input[b-5tmyeanahb] {
        margin-right: 0.5rem;
    }


    @media only screen and (max-width:768px) {
        .categorypage[b-5tmyeanahb] {
            margin-top: 3%;
        }
    }

    @media only screen and (max-width:568px) {
        .categorypage[b-5tmyeanahb] {
            /*        margin-top:-5%;*/
        }
    }

    .inactivebtn[b-5tmyeanahb] {
        background-color: #e72929; /* Red */
        color: white;
        border: none;
        padding: 5px 10px;
        border-radius: 5px;
        cursor: default;
        font-size: 14px;
        text-align: center;
    }


    .actionicons[b-5tmyeanahb] {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .actionicons i[b-5tmyeanahb] {
            cursor: pointer;
            font-size: 18px;
        }

            .actionicons i:hover[b-5tmyeanahb] {
                transform: scale(1.1);
                transition: 0.2s;
            }

        .actionicons .fa-pen-to-square[b-5tmyeanahb] {
            color: #007bff; /* Blue */
        }

        .actionicons .fa-trash[b-5tmyeanahb] {
            color: #e72929; /* Red */
        }

    @media only screen and (max-width: 480px) {
        .categorypage[b-5tmyeanahb] {
            margin-top: 3%;
        }
    }
/* /Pages/Company.razor.rz.scp.css */



.companypage[b-5lf220dzea] {
    margin-top: 4%;
}

.addcompanybtn[b-5lf220dzea] {
    background-color: #082248;
    color: #fff;
    border: none;
    height: 35px;
    width: 25%;
    border-radius: 10px;
}

.searchlinegroup[b-5lf220dzea] {
    margin-top: 3%;
}

.textshow[b-5lf220dzea] {
    font-size: 16px;
    margin-right: 5px;
}

.showentries[b-5lf220dzea] {
    width: 50px;
    background-color: #efefef;
    border: none;
    border-radius: 5px;
    margin-right: 15px;
}

.selecttext[b-5lf220dzea] {
    font-size: 16px;
    margin-right: 10px;
}

.selectcompany[b-5lf220dzea] {
    background-color: #efefef;
    width: 100px;
    height: 30px;
    border: none;
    border-radius: 5px;
}

.searchtext[b-5lf220dzea] {
    font-size: 16px;
}

.searchinput[b-5lf220dzea] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    height: 30px;
    width: 200px;
}



.tablediv[b-5lf220dzea] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    margin-top: 2%;
    margin-bottom: 2%;
}

.table .th1[b-5lf220dzea] {
    border-radius: 10px 0 0 0;
}

.table .th6[b-5lf220dzea] {
    border-radius: 0 10px 0 0;
    text-align: center;
}

.table th[b-5lf220dzea] {
    background-color: #dcdfe8;
    color: #110a57;
    font-size: 16px;
    font-weight: 500;
}
/* /Pages/CompanyDetails.razor.rz.scp.css */
.outer-container[b-p28yt14972] {
    background-color: #fff;
    border: none;
    border-radius: 8px;
    margin: 10px;
    padding: 10px 0;
    height: calc(100% -9vh);
    overflow-y: scroll;
    overflow-x: hidden;
}

.filter-header[b-p28yt14972] {
    padding: 10px;
    margin-bottom: 1rem;
}

.checkbox-wrapper-30[b-p28yt14972] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.checkbox-label[b-p28yt14972] {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.button-18[b-p28yt14972] {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
}

    .button-18:hover[b-p28yt14972] {
        background-color: #0C2144;
        color: #fff;
    }

.save-container[b-p28yt14972] {
    display: flex;
    justify-content: end;
    padding: 10px;
}
/*checkbox*/
.checkbox-wrapper-30 .checkbox[b-p28yt14972] {
    --bg: #fff;
    --brdr: #d1d6ee;
    --brdr-actv: #1e2235;
    --brdr-hovr: #bbc1e1;
    --dur: calc((var(--size, 2)/2) * 0.6s);
    display: inline-block;
    width: calc(var(--size, 1) * 22px);
    position: relative;
}

    .checkbox-wrapper-30 .checkbox[b-p28yt14972]:after {
        content: "";
        width: 100%;
        padding-top: 100%;
        display: block;
    }

    .checkbox-wrapper-30 .checkbox > *[b-p28yt14972] {
        position: absolute;
    }

    .checkbox-wrapper-30 .checkbox input[b-p28yt14972] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-tap-highlight-color: transparent;
        cursor: pointer;
        background-color: var(--bg);
        border-radius: calc(var(--size, 1) * 4px);
        border: calc(var(--newBrdr, var(--size, 1)) * 1px) solid;
        color: var(--newBrdrClr, var(--brdr));
        outline: none;
        margin: 0;
        padding: 0;
        transition: all calc(var(--dur) / 3) linear;
    }

        .checkbox-wrapper-30 .checkbox input:hover[b-p28yt14972],
        .checkbox-wrapper-30 .checkbox input:checked[b-p28yt14972] {
            --newBrdr: calc(var(--size, 1) * 2);
        }

        .checkbox-wrapper-30 .checkbox input:hover[b-p28yt14972] {
            --newBrdrClr: var(--brdr-hovr);
        }

        .checkbox-wrapper-30 .checkbox input:checked[b-p28yt14972] {
            --newBrdrClr: var(--brdr-actv);
            transition-delay: calc(var(--dur) /1.3);
        }

            .checkbox-wrapper-30 .checkbox input:checked + svg[b-p28yt14972] {
                --dashArray: 16 93;
                --dashOffset: 109;
            }

    .checkbox-wrapper-30 .checkbox svg[b-p28yt14972] {
        fill: none;
        left: 0;
        pointer-events: none;
        stroke: var(--stroke, var(--border-active));
        stroke-dasharray: var(--dashArray, 93);
        stroke-dashoffset: var(--dashOffset, 94);
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2px;
        top: 0;
        transition: stroke-dasharray var(--dur), stroke-dashoffset var(--dur);
    }

    .checkbox-wrapper-30 .checkbox svg[b-p28yt14972],
    .checkbox-wrapper-30 .checkbox input[b-p28yt14972] {
        display: block;
        height: 100%;
        width: 100%;
    }
/* /Pages/Credit/CreditPartialPaidReport.razor.rz.scp.css */
.searchbutton[b-l52ahazs9e] {
    border: none;
    background-color: #082248;
    width: 100%;
    height: 35px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
}

.nepali-datepicker[b-l52ahazs9e] {
    font-family: sans-serif;
}

.required[b-l52ahazs9e] {
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 500;
}

.filterby[b-l52ahazs9e] {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
}



.form-select[b-l52ahazs9e], .form-control[b-l52ahazs9e] {
    border: 2px solid #dcdfe8;
    border-radius: 10px;
    background-color: none;
}



/*.creditpage {
    margin-top: 2.5%;
}*/


.searchlinegroup[b-l52ahazs9e] {
    margin-top: 2%;
    margin-bottom: 2%;
}

.textshow[b-l52ahazs9e] {
    font-size: 16px;
    margin-right: 5px;
}

.showentries[b-l52ahazs9e] {
    width: 50px;
    background-color: #efefef;
    border: none;
    border-radius: 5px;
    margin-right: 15px;
}

.selectcompany[b-l52ahazs9e] {
    border: 1px solid #dcdfe8;
    height: 4vh;
    border-radius: 5px;
    width: 3vw;
}

.selecttext[b-l52ahazs9e] {
    font-size: 16px;
    margin-right: 10px;
}

.selectrole[b-l52ahazs9e] {
    background-color: #efefef;
    width: 100px;
    height: 30px;
    border: none;
    border-radius: 5px;
}

.searchtext[b-l52ahazs9e] {
    font-size: 16px;
}

#from[b-l52ahazs9e] {
    border: none;
    border-radius: 5px;
    background-color: #efefef;
    padding: 5px;
    margin-right: 3%;
}

#to[b-l52ahazs9e] {
    border: none;
    border-radius: 5px;
    background-color: #efefef;
    padding: 5px;
    margin-right: 3%;
}

.searchinput[b-l52ahazs9e] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    height: 5vh;
    width: 50%;
}


.saletable[b-l52ahazs9e] {
    width: 100%;
}

    .saletable tbody[b-l52ahazs9e] {
        display: block;
        height: 52vh;
        overflow-y: scroll;
    }

        .saletable thead[b-l52ahazs9e], .saletable tbody tr[b-l52ahazs9e] {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

[b-l52ahazs9e]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-l52ahazs9e]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}

.saletable td[b-l52ahazs9e] {
    height: 6vh;
}

.saletable th[b-l52ahazs9e] {
    background-color: #f4f5fa;
    height: 7vh;
}

.thlast[b-l52ahazs9e] {
    border-radius: 0 10px 10px 0;
}

.thfirst[b-l52ahazs9e] {
    border-radius: 10px 0 0 10px;
}

.saletable thead[b-l52ahazs9e] {
    text-align: center;
}

.saletable tbody tr[b-l52ahazs9e] {
    height: 30px;
    width: 100%;
    text-align: center;
}

.dateandtime[b-l52ahazs9e] {
    line-height: 2px;
    width: 10%;
}

    .dateandtime p[b-l52ahazs9e] {
        text-align: left;
        margin-left: 13px;
    }

.paginationgroup[b-l52ahazs9e] {
}

    .paginationgroup button[b-l52ahazs9e] {
        border: 1px solid #e9e9e9;
        background: #fff;
        margin-left: 10px;
        width: 35px;
        height: 35px;
    }

        .paginationgroup button:hover[b-l52ahazs9e] {
            background: #111;
            color: #fff;
        }

    .paginationgroup .backandnext[b-l52ahazs9e] {
        width: 90px;
    }

    .paginationgroup .fa-arrow-left[b-l52ahazs9e] {
        font: 6px;
    }

/*Model View*/
.saletablemodel tr:nth-child(even)[b-l52ahazs9e] {
    background-color: #fff;
}

.saletablemodel tr:nth-child(odd)[b-l52ahazs9e] {
    background-color: #dcdfe8;
}

.saletablemodel[b-l52ahazs9e] {
    margin-top: 0;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .saletablemodel thead tr[b-l52ahazs9e] {
        background-color: #fff !important;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 0.2%;
        top: 0;
        z-index: 1;
        width: 100%;
        table-layout: fixed;
    }
/*Model View end*/
[b-l52ahazs9e]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-l52ahazs9e]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}

.saletablemodal td[b-l52ahazs9e] {
    height: 6vh;
}

.saletablemodal tr:nth-child(even)[b-l52ahazs9e] {
    background-color: #fff;
}

.saletablemodel tr:nth-child(odd)[b-l52ahazs9e] {
    background-color: #dcdfe8;
}

.thlast[b-l52ahazs9e] {
    border-radius: 0 10px 10px 0;
}

.thfirst[b-l52ahazs9e] {
    border-radius: 10px 0 0 10px;
}


.buttonclass[b-l52ahazs9e] {
    display: flex;
    justify-content: end;
}

.text-center[b-l52ahazs9e] {
    display: flex;
    justify-content: start;
    align-items: end;
}

.searchbuttonsmall[b-l52ahazs9e] {
    border: none;
    background-color: #082248;
    width: 100%;
    height: 35px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
}

.filterby i[b-l52ahazs9e] {
    font-size: 22px;
    padding: 0 5px;
}

.saletable[b-l52ahazs9e] {
    width: 90%;
    margin: 0 auto;
}

.searchlinegroup[b-l52ahazs9e] {
    width: 90%;
    margin: 2% auto 2% auto;
}

@media only screen and (max-width:1440px) {
    .searchbutton[b-l52ahazs9e] {
        border: none;
        background-color: #082248;
        width: 100%;
        height: 35px;
        border-radius: 10px;
        color: #fff;
        font-size: 14px;
    }

    .searchbutton[b-l52ahazs9e] {
        width: 80%;
    }

    .page-link[b-l52ahazs9e] {
        font-size: 16px;
    }
}



@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:992px) {
    .saletable[b-l52ahazs9e] {
        width: 100%;
    }

    .filterby[b-l52ahazs9e] {
        font-size: 16px;
    }

        .filterby i[b-l52ahazs9e] {
            font-size: 16px;
        }
}

@media only screen and (max-width:820px) {
}

@media only screen and (max-width:768px) {
    .creditpage[b-l52ahazs9e] {
/*        margin-top: 6%;*/
        overflow: hidden !important;
    }

    .filterby[b-l52ahazs9e] {
        font-size: 14px;
    }

        .filterby i[b-l52ahazs9e] {
            font-size: 16px;
        }

    .form-control[b-l52ahazs9e], .form-select[b-l52ahazs9e] {
        font-size: 14px;
        padding: 5px;
    }

    .required[b-l52ahazs9e] {
        font-size: 16px;
    }

    .searchbuttonsmall[b-l52ahazs9e] {
        font-size: 14px;
    }

    .searchbutton[b-l52ahazs9e] {
        font-size: 12px;
        width: 100%;
    }

    .saletable thead[b-l52ahazs9e] {
        font-size: 14px;
    }

    .saletable tbody[b-l52ahazs9e] {
        font-size: 12px;
    }

    .saletable tbody[b-l52ahazs9e] {
        height: 50vh;
    }

    .col[b-l52ahazs9e] {
        padding: 0 5px;
    }

    .filter-by[b-l52ahazs9e] {
        padding: 0;
    }

    .selecttext[b-l52ahazs9e] {
        font-size: 14px;
    }

    .selectcompany[b-l52ahazs9e] {
        height: 6vh;
        width: 7vw;
        font-size: 14px;
    }

    .page-link[b-l52ahazs9e] {
        font-size: 14px;
    }

    .page-item[b-l52ahazs9e] {
        padding-left: 0;
    }

    /*Model View*/
    .modal-content[b-l52ahazs9e] {
        width: 98% !important;
    }

    .cname[b-l52ahazs9e] {
        margin-bottom: 2px;
        font-size: 16px;
    }

    .saletablemodel tr:nth-child(even)[b-l52ahazs9e] {
        background-color: #fff;
    }

    .saletablemodel tr:nth-child(odd)[b-l52ahazs9e] {
        background-color: #dcdfe8;
    }

    .saletablemodel[b-l52ahazs9e] {
        margin-top: 0;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

        .saletablemodel thead tr[b-l52ahazs9e] {
            background-color: #fff !important;
            border-bottom: 1px solid #d9d9d9;
            margin-bottom: 0.2%;
            top: 0;
            z-index: 1;
            width: 100%;
            table-layout: fixed;
        }

    .modal-top[b-l52ahazs9e] {
        margin-bottom: 10px;
    }
    /*Model View end*/

}

@media only screen and (max-width:667px) {
   

    .searchbutton[b-l52ahazs9e] {
        font-size: 10px;
    }

    .filterby[b-l52ahazs9e] {
        font-size: 12px;
    }

        .filterby i[b-l52ahazs9e] {
            font-size: 14px;
        }

    .form-control[b-l52ahazs9e], .form-select[b-l52ahazs9e] {
        font-size: 12px;
        padding: 5px;
    }

    .required[b-l52ahazs9e] {
        font-size: 10px;
    }

    .searchbuttonsmall[b-l52ahazs9e] {
        font-size: 12px;
    }
}

@media only screen and (max-width:608px) {

    .filterby[b-l52ahazs9e] {
        font-size: 12px;
    }

        .filterby i[b-l52ahazs9e] {
            font-size: 14px;
        }

    .form-control[b-l52ahazs9e], .form-select[b-l52ahazs9e] {
        font-size: 12px;
        padding: 5px;
    }

    .required[b-l52ahazs9e] {
        font-size: 10px;
    }

    .searchbuttonsmall[b-l52ahazs9e] {
        font-size: 12px;
    }
}

@media only screen and (max-width:568px) {
    .saletable thead[b-l52ahazs9e] {
        font-size: 12px;
    }

    .saletable tbody[b-l52ahazs9e] {
        font-size: 10px;
    }

    .selectcompany[b-l52ahazs9e] {
        height: 5vh;
        width: 7vw;
        font-size: 12px;
    }

    .page-link[b-l52ahazs9e] {
        font-size: 12px;
    }

    .page-item[b-l52ahazs9e] {
        padding-left: 0;
    }
    /*Model View*/
    .modal-content[b-l52ahazs9e] {
        width: 98% !important;
    }

    .cname[b-l52ahazs9e] {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .saletablemodel[b-l52ahazs9e] {
        width: 100%;
    }

        .saletablemodel tbody[b-l52ahazs9e] {
            height: 25vh;
            font-size: 13px;
        }

            .saletablemodel thead[b-l52ahazs9e], .saletablemodel tbody tr[b-l52ahazs9e] {
                width: 100%;
            }

        .saletablemodel th[b-l52ahazs9e] {
            height: 6vh;
        }

        .saletablemodel thead[b-l52ahazs9e] {
            font-size: 13px;
        }

        .saletablemodel tbody tr[b-l52ahazs9e] {
            height: 6vh;
            width: 100%;
        }

    .modal-top[b-l52ahazs9e] {
        margin-bottom: 10px;
    }
    /*Model View end*/
}

@media only screen and (max-width:553px) {

    .filterby i[b-l52ahazs9e] {
        font-size: 12px;
    }

    .form-control[b-l52ahazs9e], .form-select[b-l52ahazs9e] {
        font-size: 10px;
        padding: 5px;
    }

    .required[b-l52ahazs9e] {
        font-size: 9px;
    }

    .searchbuttonsmall[b-l52ahazs9e] {
        font-size: 10px;
    }
}

@media only screen and (max-width:480px) {
 
    /*Model View*/


    .cname[b-l52ahazs9e] {
        margin-bottom: 2px;
        font-size: 13px;
    }

    .saletablemodel[b-l52ahazs9e] {
        width: 100%;
    }

        .saletablemodel tbody[b-l52ahazs9e] {
            height: 25vh;
            font-size: 12px;
        }

            .saletablemodel thead[b-l52ahazs9e], .saletablemodel tbody tr[b-l52ahazs9e] {
                width: 100%;
            }

        .saletablemodel th[b-l52ahazs9e] {
            height: 6vh;
        }

        .saletablemodel thead[b-l52ahazs9e] {
            font-size: 12px;
        }

        .saletablemodel tbody tr[b-l52ahazs9e] {
            height: 6vh;
            width: 100%;
        }

    .modal-top[b-l52ahazs9e] {
        margin-bottom: 10px;
    }
    /*Model View end*/
}

@media only screen and (max-width:390px) {

    /*Model View*/
    .cname[b-l52ahazs9e] {
        margin-bottom: 2px;
        font-size: 12px;
    }

    .saletablemodel[b-l52ahazs9e] {
        width: 100%;
    }

        .saletablemodel tbody[b-l52ahazs9e] {
            height: 25vh;
            font-size: 11px;
        }

            .saletablemodel thead[b-l52ahazs9e], .saletablemodel tbody tr[b-l52ahazs9e] {
                width: 100%;
            }

        .saletablemodel th[b-l52ahazs9e] {
            height: 6vh;
        }

        .saletablemodel thead[b-l52ahazs9e] {
            font-size: 11px;
        }

        .saletablemodel tbody tr[b-l52ahazs9e] {
            height: 6vh;
            width: 100%;
        }

    .modal-top[b-l52ahazs9e] {
        margin-bottom: 10px;
    }
    /*Model View end*/
}
/* /Pages/Credit/CreditReport.razor.rz.scp.css */
.searchbutton[b-5wnvyihyhj] {
    border: none;
    background-color: #082248;
    width: 100%;
    height: 35px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
}

.nepali-datepicker[b-5wnvyihyhj] {
    font-family: sans-serif;
}

.required[b-5wnvyihyhj] {
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 500;
}

.filterby[b-5wnvyihyhj] {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
}



.form-select[b-5wnvyihyhj], .form-control[b-5wnvyihyhj] {
    border: 2px solid #dcdfe8;
    border-radius: 10px;
    background-color: none;
}



/*.creditpage {
    margin-top: 2.5%;
}*/


.searchlinegroup[b-5wnvyihyhj] {
    margin-top: 2%;
    margin-bottom: 2%;
}

.textshow[b-5wnvyihyhj] {
    font-size: 16px;
    margin-right: 5px;
}

.showentries[b-5wnvyihyhj] {
    width: 50px;
    background-color: #efefef;
    border: none;
    border-radius: 5px;
    margin-right: 15px;
}

.selectcompany[b-5wnvyihyhj] {
    border: 1px solid #dcdfe8;
    height: 4vh;
    border-radius: 5px;
    width: 3vw;
}

.selecttext[b-5wnvyihyhj] {
    font-size: 16px;
    margin-right: 10px;
}

.selectrole[b-5wnvyihyhj] {
    background-color: #efefef;
    width: 100px;
    height: 30px;
    border: none;
    border-radius: 5px;
}

.searchtext[b-5wnvyihyhj] {
    font-size: 16px;
}

#from[b-5wnvyihyhj] {
    border: none;
    border-radius: 5px;
    background-color: #efefef;
    padding: 5px;
    margin-right: 3%;
}

#to[b-5wnvyihyhj] {
    border: none;
    border-radius: 5px;
    background-color: #efefef;
    padding: 5px;
    margin-right: 3%;
}

.searchinput[b-5wnvyihyhj] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    height: 5vh;
    width: 50%;
}


.saletable[b-5wnvyihyhj] {
    width: 100%;
}

    .saletable tbody[b-5wnvyihyhj] {
        display: block;
        height: 52vh;
        overflow-y: scroll;
    }

        .saletable thead[b-5wnvyihyhj], .saletable tbody tr[b-5wnvyihyhj] {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

[b-5wnvyihyhj]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-5wnvyihyhj]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}

.saletable td[b-5wnvyihyhj] {
    height: 6vh;
}

.saletable th[b-5wnvyihyhj] {
    background-color: #f4f5fa;
    height: 7vh;
}

.thlast[b-5wnvyihyhj] {
    border-radius: 0 10px 10px 0;
}

.thfirst[b-5wnvyihyhj] {
    border-radius: 10px 0 0 10px;
}

.saletable thead[b-5wnvyihyhj] {
    text-align: center;
}

.saletable tbody tr[b-5wnvyihyhj] {
    height: 30px;
    width: 100%;
    text-align: center;
}

.dateandtime[b-5wnvyihyhj] {
    line-height: 2px;
    width: 10%;
}

    .dateandtime p[b-5wnvyihyhj] {
        text-align: left;
        margin-left: 13px;
    }

.paginationgroup[b-5wnvyihyhj] {
}

    .paginationgroup button[b-5wnvyihyhj] {
        border: 1px solid #e9e9e9;
        background: #fff;
        margin-left: 10px;
        width: 35px;
        height: 35px;
    }

        .paginationgroup button:hover[b-5wnvyihyhj] {
            background: #111;
            color: #fff;
        }

    .paginationgroup .backandnext[b-5wnvyihyhj] {
        width: 90px;
    }

    .paginationgroup .fa-arrow-left[b-5wnvyihyhj] {
        font: 6px;
    }

/*Model View*/
.saletablemodel tr:nth-child(even)[b-5wnvyihyhj] {
    background-color: #fff;
}

.saletablemodel tr:nth-child(odd)[b-5wnvyihyhj] {
    background-color: #fff;
}

.saletablemodel[b-5wnvyihyhj] {
    margin-top: 0;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background-color: #fff;
}

    .saletablemodel thead tr[b-5wnvyihyhj] {
        background-color: #fff !important;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 0.2%;
        top: 0;
        z-index: 1;
        width: 100%;
        table-layout: fixed;
    }
    .saletablemodal thead tr th[b-5wnvyihyhj], .saletablemodel tbody tr td[b-5wnvyihyhj]{
        padding:5px;
    }
.get-height[b-5wnvyihyhj] {
    max-height: 30vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
/*Model View end*/
[b-5wnvyihyhj]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-5wnvyihyhj]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}

.saletablemodal td[b-5wnvyihyhj] {
    height: 6vh;
}

.saletablemodal tr:nth-child(even)[b-5wnvyihyhj] {
    background-color: #fff;
}

.saletablemodel tr:nth-child(odd)[b-5wnvyihyhj] {
    background-color: #fff;
}

.thlast[b-5wnvyihyhj] {
    border-radius: 0 10px 10px 0;
}

.thfirst[b-5wnvyihyhj] {
    border-radius: 10px 0 0 10px;
}


.buttonclass[b-5wnvyihyhj] {
    display: flex;
    justify-content: end;
}

.text-center[b-5wnvyihyhj] {
    display: flex;
    justify-content: start;
    align-items: end;
}

.searchbuttonsmall[b-5wnvyihyhj] {
    border: none;
    background-color: #082248;
    width: 100%;
    height: 35px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
}

.filterby i[b-5wnvyihyhj] {
    font-size: 22px;
    padding: 0 5px;
}

.saletable[b-5wnvyihyhj] {
    width: 90%;
    margin: 0 auto;
}

.searchlinegroup[b-5wnvyihyhj] {
    width: 90%;
    margin: 2% auto 2% auto;
}

.modal-bottom[b-5wnvyihyhj] {
    display: flex;
    align-items: center;
    background-color: #fff;
    width: 100%;
    padding: 10px;
}
.modal-top[b-5wnvyihyhj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.cashier-name[b-5wnvyihyhj] {
    display: flex;
    justify-content: end;
}

.bottom-three[b-5wnvyihyhj] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.total-container[b-5wnvyihyhj] {
    display: flex;
    gap: 10px;
    width: 50vw;
}
.partial-summery[b-5wnvyihyhj] {
    font-size: 1.5rem;
    padding: 20px 0 0 0;
}
.total-amount[b-5wnvyihyhj] {
    display: flex;
    width: 100%;
}
.get-height[b-5wnvyihyhj] {
    max-height: 30vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
.bottom-three p[b-5wnvyihyhj] {
    margin-bottom: 0;
}

@media only screen and (max-width:1440px) {
    .searchbutton[b-5wnvyihyhj] {
        border: none;
        background-color: #082248;
        width: 100%;
        height: 35px;
        border-radius: 10px;
        color: #fff;
        font-size: 14px;
    }

    .searchbutton[b-5wnvyihyhj] {
        width: 80%;
    }

    .page-link[b-5wnvyihyhj] {
        font-size: 16px;
    }
}



@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:992px) {
    .saletable[b-5wnvyihyhj] {
        width: 100%;
    }

    .filterby[b-5wnvyihyhj] {
        font-size: 16px;
    }

        .filterby i[b-5wnvyihyhj] {
            font-size: 16px;
        }
}

@media only screen and (max-width:820px) {
}

@media only screen and (max-width:768px) {
    .creditpage[b-5wnvyihyhj] {
/*        margin-top: 6%;*/
        overflow: hidden !important;
    }

    .filterby[b-5wnvyihyhj] {
        font-size: 14px;
    }

        .filterby i[b-5wnvyihyhj] {
            font-size: 16px;
        }

    .form-control[b-5wnvyihyhj], .form-select[b-5wnvyihyhj] {
        font-size: 14px;
        padding: 5px;
    }

    .required[b-5wnvyihyhj] {
        font-size: 16px;
    }

    .searchbuttonsmall[b-5wnvyihyhj] {
        font-size: 14px;
    }

    .searchbutton[b-5wnvyihyhj] {
        font-size: 12px;
        width: 100%;
    }

    .saletable thead[b-5wnvyihyhj] {
        font-size: 14px;
    }

    .saletable tbody[b-5wnvyihyhj] {
        font-size: 12px;
    }

    .saletable tbody[b-5wnvyihyhj] {
        height: 50vh;
    }

    .col[b-5wnvyihyhj] {
        padding: 0 5px;
    }

    .filter-by[b-5wnvyihyhj] {
        padding: 0;
    }

    .selecttext[b-5wnvyihyhj] {
        font-size: 14px;
    }

    .selectcompany[b-5wnvyihyhj] {
        height: 6vh;
        width: 7vw;
        font-size: 14px;
    }

    .page-link[b-5wnvyihyhj] {
        font-size: 14px;
    }

    .page-item[b-5wnvyihyhj] {
        padding-left: 0;
    }

    /*Model View*/
    .modal-content[b-5wnvyihyhj] {
        width: 98% !important;
    }

    .cname[b-5wnvyihyhj] {
        margin-bottom: 2px;
        font-size: 16px;
    }

    .saletablemodel tr:nth-child(even)[b-5wnvyihyhj] {
        background-color: #fff;
    }

    .saletablemodel tr:nth-child(odd)[b-5wnvyihyhj] {
        background-color: #dcdfe8;
    }

    .saletablemodel[b-5wnvyihyhj] {
        margin-top: 0;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

        .saletablemodel thead tr[b-5wnvyihyhj] {
            background-color: #fff !important;
            border-bottom: 1px solid #d9d9d9;
            margin-bottom: 0.2%;
            top: 0;
            z-index: 1;
            width: 100%;
            table-layout: fixed;
        }

    .modal-top[b-5wnvyihyhj] {
        margin-bottom: 10px;
    }
    /*Model View end*/

}

@media only screen and (max-width:667px) {


    .searchbutton[b-5wnvyihyhj] {
        font-size: 10px;
    }

    .filterby[b-5wnvyihyhj] {
        font-size: 12px;
    }

        .filterby i[b-5wnvyihyhj] {
            font-size: 14px;
        }

    .form-control[b-5wnvyihyhj], .form-select[b-5wnvyihyhj] {
        font-size: 12px;
        padding: 5px;
    }

    .required[b-5wnvyihyhj] {
        font-size: 10px;
    }

    .searchbuttonsmall[b-5wnvyihyhj] {
        font-size: 12px;
    }
}

@media only screen and (max-width:608px) {

    .filterby[b-5wnvyihyhj] {
        font-size: 12px;
    }

        .filterby i[b-5wnvyihyhj] {
            font-size: 14px;
        }

    .form-control[b-5wnvyihyhj], .form-select[b-5wnvyihyhj] {
        font-size: 12px;
        padding: 5px;
    }

    .required[b-5wnvyihyhj] {
        font-size: 10px;
    }

    .searchbuttonsmall[b-5wnvyihyhj] {
        font-size: 12px;
    }
}

@media only screen and (max-width:568px) {
    .saletable thead[b-5wnvyihyhj] {
        font-size: 12px;
    }

    .saletable tbody[b-5wnvyihyhj] {
        font-size: 10px;
    }

    .selectcompany[b-5wnvyihyhj] {
        height: 5vh;
        width: 7vw;
        font-size: 12px;
    }

    .page-link[b-5wnvyihyhj] {
        font-size: 12px;
    }

    .page-item[b-5wnvyihyhj] {
        padding-left: 0;
    }
    /*Model View*/
    .modal-content[b-5wnvyihyhj] {
        width: 98% !important;
    }

    .cname[b-5wnvyihyhj] {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .saletablemodel[b-5wnvyihyhj] {
        width: 100%;
    }

        .saletablemodel tbody[b-5wnvyihyhj] {
            height: 25vh;
            font-size: 13px;
        }

            .saletablemodel thead[b-5wnvyihyhj], .saletablemodel tbody tr[b-5wnvyihyhj] {
                width: 100%;
            }

        .saletablemodel th[b-5wnvyihyhj] {
            height: 6vh;
        }

        .saletablemodel thead[b-5wnvyihyhj] {
            font-size: 13px;
        }

        .saletablemodel tbody tr[b-5wnvyihyhj] {
            height: 6vh;
            width: 100%;
        }

    .modal-top[b-5wnvyihyhj] {
        margin-bottom: 10px;
    }
    /*Model View end*/
}

@media only screen and (max-width:553px) {

    .filterby i[b-5wnvyihyhj] {
        font-size: 12px;
    }

    .form-control[b-5wnvyihyhj], .form-select[b-5wnvyihyhj] {
        font-size: 10px;
        padding: 5px;
    }

    .required[b-5wnvyihyhj] {
        font-size: 9px;
    }

    .searchbuttonsmall[b-5wnvyihyhj] {
        font-size: 10px;
    }
}

@media only screen and (max-width:480px) {

    /*Model View*/


    .cname[b-5wnvyihyhj] {
        margin-bottom: 2px;
        font-size: 13px;
    }

    .saletablemodel[b-5wnvyihyhj] {
        width: 100%;
    }

        .saletablemodel tbody[b-5wnvyihyhj] {
            height: 25vh;
            font-size: 12px;
        }

            .saletablemodel thead[b-5wnvyihyhj], .saletablemodel tbody tr[b-5wnvyihyhj] {
                width: 100%;
            }

        .saletablemodel th[b-5wnvyihyhj] {
            height: 6vh;
        }

        .saletablemodel thead[b-5wnvyihyhj] {
            font-size: 12px;
        }

        .saletablemodel tbody tr[b-5wnvyihyhj] {
            height: 6vh;
            width: 100%;
        }

    .modal-top[b-5wnvyihyhj] {
        margin-bottom: 10px;
    }
    /*Model View end*/
}

@media only screen and (max-width:390px) {

    /*Model View*/
    .cname[b-5wnvyihyhj] {
        margin-bottom: 2px;
        font-size: 12px;
    }

    .saletablemodel[b-5wnvyihyhj] {
        width: 100%;
    }

        .saletablemodel tbody[b-5wnvyihyhj] {
            height: 25vh;
            font-size: 11px;
        }

            .saletablemodel thead[b-5wnvyihyhj], .saletablemodel tbody tr[b-5wnvyihyhj] {
                width: 100%;
            }

        .saletablemodel th[b-5wnvyihyhj] {
            height: 6vh;
        }

        .saletablemodel thead[b-5wnvyihyhj] {
            font-size: 11px;
        }

        .saletablemodel tbody tr[b-5wnvyihyhj] {
            height: 6vh;
            width: 100%;
        }

    .modal-top[b-5wnvyihyhj] {
        margin-bottom: 10px;
    }
    /*Model View end*/
}
/* /Pages/Credit/CreditReportAll.razor.rz.scp.css */
.searchbutton[b-qfvc5ikyfc] {
    border: none;
    background-color: #082248;
    width: 100%;
    height: 35px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
}

.nepali-datepicker[b-qfvc5ikyfc] {
    font-family: sans-serif;
}

.required[b-qfvc5ikyfc] {
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 500;
}

.filterby[b-qfvc5ikyfc] {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
}
.partial-summery[b-qfvc5ikyfc]{
    font-size:1.5rem;
    padding:20px 0 0 0 ;
}
.out-table[b-qfvc5ikyfc]{
    width:100%;
}
.total-container[b-qfvc5ikyfc] {
    font-size: 14px;
    padding: 5px;
}

.form-select[b-qfvc5ikyfc], .form-control[b-qfvc5ikyfc] {
    border: 2px solid #dcdfe8;
    border-radius: 10px;
    background-color: none;
}


/*
.creditpage {
    margin-top: 2.5%;
}*/


.searchlinegroup[b-qfvc5ikyfc] {
    margin-top: 2%;
    margin-bottom: 2%;
}

.textshow[b-qfvc5ikyfc] {
    font-size: 16px;
    margin-right: 5px;
}

.showentries[b-qfvc5ikyfc] {
    width: 50px;
    background-color: #efefef;
    border: none;
    border-radius: 5px;
    margin-right: 15px;
}

.selectcompany[b-qfvc5ikyfc] {
    border: 1px solid #dcdfe8;
    height: 4vh;
    border-radius: 5px;
    width: 3vw;
}

.selecttext[b-qfvc5ikyfc] {
    font-size: 16px;
    margin-right: 10px;
}

.selectrole[b-qfvc5ikyfc] {
    background-color: #efefef;
    width: 100px;
    height: 30px;
    border: none;
    border-radius: 5px;
}

.searchtext[b-qfvc5ikyfc] {
    font-size: 16px;
}

#from[b-qfvc5ikyfc] {
    border: none;
    border-radius: 5px;
    background-color: #efefef;
    padding: 5px;
    margin-right: 3%;
}

#to[b-qfvc5ikyfc] {
    border: none;
    border-radius: 5px;
    background-color: #efefef;
    padding: 5px;
    margin-right: 3%;
}

.searchinput[b-qfvc5ikyfc] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    height: 5vh;
    width: 50%;
}


.saletable[b-qfvc5ikyfc] {
    width: 100%;
}

    .saletable tbody[b-qfvc5ikyfc] {
        display: block;
        height: 52vh;
        overflow-y: scroll;
    }

        .saletable thead[b-qfvc5ikyfc], .saletable tbody tr[b-qfvc5ikyfc] {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

[b-qfvc5ikyfc]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-qfvc5ikyfc]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}

.saletable td[b-qfvc5ikyfc] {
    height: 6vh;
}

.saletable th[b-qfvc5ikyfc] {
    background-color: #f4f5fa;
    height: 7vh;
}

.thlast[b-qfvc5ikyfc] {
    border-radius: 0 10px 10px 0;
}

.thfirst[b-qfvc5ikyfc] {
    border-radius: 10px 0 0 10px;
}

.saletable thead[b-qfvc5ikyfc] {
    text-align: center;
}

.saletable tbody tr[b-qfvc5ikyfc] {
    height: 30px;
    width: 100%;
    text-align: center;
}

.dateandtime[b-qfvc5ikyfc] {
    line-height: 2px;
    width: 10%;
}

    .dateandtime p[b-qfvc5ikyfc] {
        text-align: left;
        margin-left: 13px;
    }

.paginationgroup[b-qfvc5ikyfc] {
}

    .paginationgroup button[b-qfvc5ikyfc] {
        border: 1px solid #e9e9e9;
        background: #fff;
        margin-left: 10px;
        width: 35px;
        height: 35px;
    }

        .paginationgroup button:hover[b-qfvc5ikyfc] {
            background: #111;
            color: #fff;
        }

    .paginationgroup .backandnext[b-qfvc5ikyfc] {
        width: 90px;
    }

    .paginationgroup .fa-arrow-left[b-qfvc5ikyfc] {
        font: 6px;
    }

/*Model View*/
.saletablemodel tr:nth-child(even)[b-qfvc5ikyfc] {
    background-color: #fff;
}

.saletablemodel tr:nth-child(odd)[b-qfvc5ikyfc] {
    background-color: #fff;
}

.saletablemodel[b-qfvc5ikyfc] {
    margin-top: 0;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background-color:#fff;
}

    .saletablemodel thead tr[b-qfvc5ikyfc] {
        background-color: #fff !important;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 0.2%;
        top: 0;
        z-index: 1;
        width: 100%;
        table-layout: fixed;
    }
    .saletablemodel thead tr th[b-qfvc5ikyfc], .saletablemodel tbody tr td[b-qfvc5ikyfc]{
        padding:5px !important;
    }
        /*Model View end*/
        [b-qfvc5ikyfc]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-qfvc5ikyfc]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}

.saletablemodal td[b-qfvc5ikyfc] {
    height: 6vh;
}

.saletablemodal tr:nth-child(even)[b-qfvc5ikyfc] {
    background-color: #fff;
}

.saletablemodel tr:nth-child(odd)[b-qfvc5ikyfc] {
    background-color: #fff;
}
.saletablemodel tbody tr[b-qfvc5ikyfc]{
    border-bottom:1px dotted #ccc;

}
.thlast[b-qfvc5ikyfc] {
    border-radius: 0 10px 10px 0;
}

.thfirst[b-qfvc5ikyfc] {
    border-radius: 10px 0 0 10px;
}


.buttonclass[b-qfvc5ikyfc] {
    display: flex;
    justify-content: end;
}

.text-center[b-qfvc5ikyfc] {
    display: flex;
    justify-content: start;
    align-items: end;
}

.searchbuttonsmall[b-qfvc5ikyfc] {
    border: none;
    background-color: #082248;
    width: 100%;
    height: 35px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
}

.filterby i[b-qfvc5ikyfc] {
    font-size: 22px;
    padding: 0 5px;
}

.saletable[b-qfvc5ikyfc] {
    width: 90%;
    margin: 0 auto;
}

.searchlinegroup[b-qfvc5ikyfc] {
    width: 90%;
    margin: 2% auto 2% auto;
}

.total-container[b-qfvc5ikyfc]{
    display:flex;
    gap:10px;
    width:50vw;
}
.total-amount[b-qfvc5ikyfc]{
    display:flex;
    width:100%;
}
.modal-bottom[b-qfvc5ikyfc]{
    display:flex;
    align-items:center;
    background-color:#fff;
    width:100%;
    padding:10px;
}
.bottom-three[b-qfvc5ikyfc] {
    width:100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
    .bottom-three p[b-qfvc5ikyfc]{
        margin-bottom:0;
    }

.get-height[b-qfvc5ikyfc]{
    max-height:30vh;
    overflow-y:scroll;
    overflow-x:hidden;
}
.modal-top[b-qfvc5ikyfc]{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
}
.cashier-name[b-qfvc5ikyfc]{
    display:flex;
    justify-content:end;
}

.bottomc[b-qfvc5ikyfc] {
    font-weight:700;
}



@media only screen and (max-width:1440px) {
    .searchbutton[b-qfvc5ikyfc] {
        border: none;
        background-color: #082248;
        width: 100%;
        height: 35px;
        border-radius: 10px;
        color: #fff;
        font-size: 14px;
    }

    .searchbutton[b-qfvc5ikyfc] {
        width: 80%;
    }

    .page-link[b-qfvc5ikyfc] {
        font-size: 16px;
    }
}



@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:992px) {
    .saletable[b-qfvc5ikyfc] {
        width: 100%;
    }

    .filterby[b-qfvc5ikyfc] {
        font-size: 16px;
    }

        .filterby i[b-qfvc5ikyfc] {
            font-size: 16px;
        }
}

@media only screen and (max-width:820px) {
}

@media only screen and (max-width:768px) {
    .creditpage[b-qfvc5ikyfc] {
    /*    margin-top: 6%;*/
        overflow: hidden !important;
    }

    .filterby[b-qfvc5ikyfc] {
        font-size: 14px;
    }

        .filterby i[b-qfvc5ikyfc] {
            font-size: 16px;
        }

    .form-control[b-qfvc5ikyfc], .form-select[b-qfvc5ikyfc] {
        font-size: 14px;
        padding: 5px;
    }

    .required[b-qfvc5ikyfc] {
        font-size: 16px;
    }

    .searchbuttonsmall[b-qfvc5ikyfc] {
        font-size: 14px;
    }

    .searchbutton[b-qfvc5ikyfc] {
        font-size: 12px;
        width: 100%;
    }

    .saletable thead[b-qfvc5ikyfc] {
        font-size: 14px;
    }

    .saletable tbody[b-qfvc5ikyfc] {
        font-size: 12px;
    }

    .saletable tbody[b-qfvc5ikyfc] {
        height: 50vh;
    }

    .col[b-qfvc5ikyfc] {
        padding: 0 5px;
    }

    .filter-by[b-qfvc5ikyfc] {
        padding: 0;
    }

    .selecttext[b-qfvc5ikyfc] {
        font-size: 14px;
    }

    .selectcompany[b-qfvc5ikyfc] {
        height: 6vh;
        width: 7vw;
        font-size: 14px;
    }

    .page-link[b-qfvc5ikyfc] {
        font-size: 14px;
    }

    .page-item[b-qfvc5ikyfc] {
        padding-left: 0;
    }

    /*Model View*/
    .modal-content[b-qfvc5ikyfc] {
        width: 98% !important;
    }

    .cname[b-qfvc5ikyfc] {
        margin-bottom: 2px;
        font-size: 16px;
    }

    .saletablemodel tr:nth-child(even)[b-qfvc5ikyfc] {
        background-color: #fff;
    }

    .saletablemodel tr:nth-child(odd)[b-qfvc5ikyfc] {
        background-color: #dcdfe8;
    }

    .saletablemodel[b-qfvc5ikyfc] {
        margin-top: 0;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
        background-color:#fff;
        
    }

        .saletablemodel thead tr[b-qfvc5ikyfc] {
            background-color: #fff !important;
            border-bottom: 1px solid #d9d9d9;
            margin-bottom: 0.2%;
            top: 0;
            z-index: 1;
            width: 100%;
            table-layout: fixed;
        }

    .modal-top[b-qfvc5ikyfc] {
        margin-bottom: 10px;
    }
    /*Model View end*/

}

@media only screen and (max-width:667px) {


    .searchbutton[b-qfvc5ikyfc] {
        font-size: 10px;
    }

    .filterby[b-qfvc5ikyfc] {
        font-size: 12px;
    }

        .filterby i[b-qfvc5ikyfc] {
            font-size: 14px;
        }

    .form-control[b-qfvc5ikyfc], .form-select[b-qfvc5ikyfc] {
        font-size: 12px;
        padding: 5px;
    }

    .required[b-qfvc5ikyfc] {
        font-size: 10px;
    }

    .searchbuttonsmall[b-qfvc5ikyfc] {
        font-size: 12px;
    }
}

@media only screen and (max-width:608px) {

    .filterby[b-qfvc5ikyfc] {
        font-size: 12px;
    }

        .filterby i[b-qfvc5ikyfc] {
            font-size: 14px;
        }

    .form-control[b-qfvc5ikyfc], .form-select[b-qfvc5ikyfc] {
        font-size: 12px;
        padding: 5px;
    }

    .required[b-qfvc5ikyfc] {
        font-size: 10px;
    }

    .searchbuttonsmall[b-qfvc5ikyfc] {
        font-size: 12px;
    }
}

@media only screen and (max-width:568px) {
    .saletable thead[b-qfvc5ikyfc] {
        font-size: 12px;
    }

    .saletable tbody[b-qfvc5ikyfc] {
        font-size: 10px;
    }

    .selectcompany[b-qfvc5ikyfc] {
        height: 5vh;
        width: 7vw;
        font-size: 12px;
    }

    .page-link[b-qfvc5ikyfc] {
        font-size: 12px;
    }

    .page-item[b-qfvc5ikyfc] {
        padding-left: 0;
    }
    /*Model View*/
    .modal-content[b-qfvc5ikyfc] {
        width: 98% !important;
    }

    .cname[b-qfvc5ikyfc] {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .saletablemodel[b-qfvc5ikyfc] {
        width: 100%;
    }

        .saletablemodel tbody[b-qfvc5ikyfc] {
            height: 25vh;
            font-size: 13px;
        }

            .saletablemodel thead[b-qfvc5ikyfc], .saletablemodel tbody tr[b-qfvc5ikyfc] {
                width: 100%;
            }

        .saletablemodel th[b-qfvc5ikyfc] {
            height: 6vh;
        }

        .saletablemodel thead[b-qfvc5ikyfc] {
            font-size: 13px;
        }

        .saletablemodel tbody tr[b-qfvc5ikyfc] {
            height: 6vh;
            width: 100%;
        }

    .modal-top[b-qfvc5ikyfc] {
        margin-bottom: 10px;
    }
    /*Model View end*/
}

@media only screen and (max-width:553px) {

    .filterby i[b-qfvc5ikyfc] {
        font-size: 12px;
    }

    .form-control[b-qfvc5ikyfc], .form-select[b-qfvc5ikyfc] {
        font-size: 10px;
        padding: 5px;
    }

    .required[b-qfvc5ikyfc] {
        font-size: 9px;
    }

    .searchbuttonsmall[b-qfvc5ikyfc] {
        font-size: 10px;
    }
}

@media only screen and (max-width:480px) {

    /*Model View*/


    .cname[b-qfvc5ikyfc] {
        margin-bottom: 2px;
        font-size: 13px;
    }

    .saletablemodel[b-qfvc5ikyfc] {
        width: 100%;
    }

        .saletablemodel tbody[b-qfvc5ikyfc] {
            height: 25vh;
            font-size: 12px;
        }

            .saletablemodel thead[b-qfvc5ikyfc], .saletablemodel tbody tr[b-qfvc5ikyfc] {
                width: 100%;
            }

        .saletablemodel th[b-qfvc5ikyfc] {
            height: 6vh;
        }

        .saletablemodel thead[b-qfvc5ikyfc] {
            font-size: 12px;
        }

        .saletablemodel tbody tr[b-qfvc5ikyfc] {
            height: 6vh;
            width: 100%;
        }

    .modal-top[b-qfvc5ikyfc] {
        margin-bottom: 10px;
    }
    /*Model View end*/
}

@media only screen and (max-width:390px) {

    /*Model View*/
    .cname[b-qfvc5ikyfc] {
        margin-bottom: 2px;
        font-size: 12px;
    }

    .saletablemodel[b-qfvc5ikyfc] {
        width: 100%;
    }

        .saletablemodel tbody[b-qfvc5ikyfc] {
            height: 25vh;
            font-size: 11px;
        }

            .saletablemodel thead[b-qfvc5ikyfc], .saletablemodel tbody tr[b-qfvc5ikyfc] {
                width: 100%;
            }

        .saletablemodel th[b-qfvc5ikyfc] {
            height: 6vh;
        }

        .saletablemodel thead[b-qfvc5ikyfc] {
            font-size: 11px;
        }

        .saletablemodel tbody tr[b-qfvc5ikyfc] {
            height: 6vh;
            width: 100%;
        }

    .modal-top[b-qfvc5ikyfc] {
        margin-bottom: 10px;
    }
    /*Model View end*/
}
/* /Pages/Credit/CreditReportPaid.razor.rz.scp.css */
.searchbutton[b-v25q9nv5pz] {
    border: none;
    background-color: #082248;
    width: 100%;
    height: 35px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
}

.nepali-datepicker[b-v25q9nv5pz] {
    font-family: sans-serif;
}

.required[b-v25q9nv5pz] {
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 500;
}

.filterby[b-v25q9nv5pz] {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
}



.form-select[b-v25q9nv5pz], .form-control[b-v25q9nv5pz] {
    border: 2px solid #dcdfe8;
    border-radius: 10px;
    background-color: none;
}



/*.creditpage {
    margin-top: 2.5%;
}
*/

.searchlinegroup[b-v25q9nv5pz] {
    margin-top: 2%;
    margin-bottom: 2%;
}

.textshow[b-v25q9nv5pz] {
    font-size: 16px;
    margin-right: 5px;
}

.showentries[b-v25q9nv5pz] {
    width: 50px;
    background-color: #efefef;
    border: none;
    border-radius: 5px;
    margin-right: 15px;
}

.selectcompany[b-v25q9nv5pz] {
    border: 1px solid #dcdfe8;
    height: 4vh;
    border-radius: 5px;
    width: 3vw;
}

.selecttext[b-v25q9nv5pz] {
    font-size: 16px;
    margin-right: 10px;
}

.selectrole[b-v25q9nv5pz] {
    background-color: #efefef;
    width: 100px;
    height: 30px;
    border: none;
    border-radius: 5px;
}

.searchtext[b-v25q9nv5pz] {
    font-size: 16px;
}

#from[b-v25q9nv5pz] {
    border: none;
    border-radius: 5px;
    background-color: #efefef;
    padding: 5px;
    margin-right: 3%;
}

#to[b-v25q9nv5pz] {
    border: none;
    border-radius: 5px;
    background-color: #efefef;
    padding: 5px;
    margin-right: 3%;
}

.searchinput[b-v25q9nv5pz] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    height: 5vh;
    width: 50%;
}


.saletable[b-v25q9nv5pz] {
    width: 100%;
}

    .saletable tbody[b-v25q9nv5pz] {
        display: block;
        height: 52vh;
        overflow-y: scroll;
    }

        .saletable thead[b-v25q9nv5pz], .saletable tbody tr[b-v25q9nv5pz] {
            display: table;
            width: 100%;
            table-layout: fixed;
        }

[b-v25q9nv5pz]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-v25q9nv5pz]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}

.saletable td[b-v25q9nv5pz] {
    height: 6vh;
}

.saletable th[b-v25q9nv5pz] {
    background-color: #f4f5fa;
    height: 7vh;
}

.thlast[b-v25q9nv5pz] {
    border-radius: 0 10px 10px 0;
}

.thfirst[b-v25q9nv5pz] {
    border-radius: 10px 0 0 10px;
}

.saletable thead[b-v25q9nv5pz] {
    text-align: center;
}

.saletable tbody tr[b-v25q9nv5pz] {
    height: 30px;
    width: 100%;
    text-align: center;
}

.dateandtime[b-v25q9nv5pz] {
    line-height: 2px;
    width: 10%;
}

    .dateandtime p[b-v25q9nv5pz] {
        text-align: left;
        margin-left: 13px;
    }

.paginationgroup[b-v25q9nv5pz] {
}

    .paginationgroup button[b-v25q9nv5pz] {
        border: 1px solid #e9e9e9;
        background: #fff;
        margin-left: 10px;
        width: 35px;
        height: 35px;
    }

        .paginationgroup button:hover[b-v25q9nv5pz] {
            background: #111;
            color: #fff;
        }

    .paginationgroup .backandnext[b-v25q9nv5pz] {
        width: 90px;
    }

    .paginationgroup .fa-arrow-left[b-v25q9nv5pz] {
        font: 6px;
    }

/*Model View*/
.saletablemodel tr:nth-child(even)[b-v25q9nv5pz] {
    background-color: #fff;
}

.saletablemodel tr:nth-child(odd)[b-v25q9nv5pz] {
    background-color: #fff;
}
.saletablemodel[b-v25q9nv5pz] {
    margin-top: 0;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background-color: #fff;
}
.get-height[b-v25q9nv5pz] {
    max-height: 30vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
    .saletablemodel thead tr[b-v25q9nv5pz] {
        background-color: #fff !important;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 0.2%;
        top: 0;
        z-index: 1;
        width: 100%;
        table-layout: fixed;
    }
/*Model View end*/
[b-v25q9nv5pz]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-v25q9nv5pz]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}

.saletablemodal td[b-v25q9nv5pz] {
    height: 6vh;
}

.saletablemodal tr:nth-child(even)[b-v25q9nv5pz] {
    background-color: #fff;
}

.saletablemodel tr:nth-child(odd)[b-v25q9nv5pz] {
    background-color: #fff;
}

.thlast[b-v25q9nv5pz] {
    border-radius: 0 10px 10px 0;
}

.thfirst[b-v25q9nv5pz] {
    border-radius: 10px 0 0 10px;
}


.buttonclass[b-v25q9nv5pz] {
    display: flex;
    justify-content: end;
}

.text-center[b-v25q9nv5pz] {
    display: flex;
    justify-content: start;
    align-items: end;
}

.searchbuttonsmall[b-v25q9nv5pz] {
    border: none;
    background-color: #082248;
    width: 100%;
    height: 35px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
}

.filterby i[b-v25q9nv5pz] {
    font-size: 22px;
    padding: 0 5px;
}

.saletable[b-v25q9nv5pz] {
    width: 90%;
    margin: 0 auto;
}

.searchlinegroup[b-v25q9nv5pz] {
    width: 90%;
    margin: 2% auto 2% auto;
}
.modal-bottom[b-v25q9nv5pz] {
    display: flex;
    align-items: center;
    background-color: #fff;
    width: 100%;
    padding: 10px;
}
.bottom-three[b-v25q9nv5pz] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

    .bottom-three p[b-v25q9nv5pz] {
        margin-bottom: 0;
    }
.modal-top[b-v25q9nv5pz] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.cashier-name[b-v25q9nv5pz] {
    display: flex;
    justify-content: end;
}
.partial-summery[b-v25q9nv5pz] {
    font-size: 1.5rem;
    padding: 20px 0 0 0;
}
@media only screen and (max-width:1440px) {
    .searchbutton[b-v25q9nv5pz] {
        border: none;
        background-color: #082248;
        width: 100%;
        height: 35px;
        border-radius: 10px;
        color: #fff;
        font-size: 14px;
    }

    .searchbutton[b-v25q9nv5pz] {
        width: 80%;
    }

    .page-link[b-v25q9nv5pz] {
        font-size: 16px;
    }
}



@media only screen and (max-width:1024px) {
}

@media only screen and (max-width:992px) {
    .saletable[b-v25q9nv5pz] {
        width: 100%;
    }

    .filterby[b-v25q9nv5pz] {
        font-size: 16px;
    }

        .filterby i[b-v25q9nv5pz] {
            font-size: 16px;
        }
}

@media only screen and (max-width:820px) {
}

@media only screen and (max-width:768px) {
    .creditpage[b-v25q9nv5pz] {
/*        margin-top: 6%;*/
        overflow: hidden !important;
    }

    .filterby[b-v25q9nv5pz] {
        font-size: 14px;
    }

        .filterby i[b-v25q9nv5pz] {
            font-size: 16px;
        }

    .form-control[b-v25q9nv5pz], .form-select[b-v25q9nv5pz] {
        font-size: 14px;
        padding: 5px;
    }

    .required[b-v25q9nv5pz] {
        font-size: 16px;
    }

    .searchbuttonsmall[b-v25q9nv5pz] {
        font-size: 14px;
    }

    .searchbutton[b-v25q9nv5pz] {
        font-size: 12px;
        width: 100%;
    }

    .saletable thead[b-v25q9nv5pz] {
        font-size: 14px;
    }

    .saletable tbody[b-v25q9nv5pz] {
        font-size: 12px;
    }

    .saletable tbody[b-v25q9nv5pz] {
        height: 50vh;
    }

    .col[b-v25q9nv5pz] {
        padding: 0 5px;
    }

    .filter-by[b-v25q9nv5pz] {
        padding: 0;
    }

    .selecttext[b-v25q9nv5pz] {
        font-size: 14px;
    }

    .selectcompany[b-v25q9nv5pz] {
        height: 6vh;
        width: 7vw;
        font-size: 14px;
    }

    .page-link[b-v25q9nv5pz] {
        font-size: 14px;
    }

    .page-item[b-v25q9nv5pz] {
        padding-left: 0;
    }

    /*Model View*/
    .modal-content[b-v25q9nv5pz] {
        width: 98% !important;
    }

    .cname[b-v25q9nv5pz] {
        margin-bottom: 2px;
        font-size: 16px;
    }

    .saletablemodel tr:nth-child(even)[b-v25q9nv5pz] {
        background-color: #fff;
    }

    .saletablemodel tr:nth-child(odd)[b-v25q9nv5pz] {
        background-color: #dcdfe8;
    }

    .saletablemodel[b-v25q9nv5pz] {
        margin-top: 0;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

        .saletablemodel thead tr[b-v25q9nv5pz] {
            background-color: #fff !important;
            border-bottom: 1px solid #d9d9d9;
            margin-bottom: 0.2%;
            top: 0;
            z-index: 1;
            width: 100%;
            table-layout: fixed;
        }

    .modal-top[b-v25q9nv5pz] {
        margin-bottom: 10px;
    }
    /*Model View end*/

}

@media only screen and (max-width:667px) {

    .searchbutton[b-v25q9nv5pz] {
        font-size: 10px;
    }

    .filterby[b-v25q9nv5pz] {
        font-size: 12px;
    }

        .filterby i[b-v25q9nv5pz] {
            font-size: 14px;
        }

    .form-control[b-v25q9nv5pz], .form-select[b-v25q9nv5pz] {
        font-size: 12px;
        padding: 5px;
    }

    .required[b-v25q9nv5pz] {
        font-size: 10px;
    }

    .searchbuttonsmall[b-v25q9nv5pz] {
        font-size: 12px;
    }
}

@media only screen and (max-width:608px) {

    .filterby[b-v25q9nv5pz] {
        font-size: 12px;
    }

        .filterby i[b-v25q9nv5pz] {
            font-size: 14px;
        }

    .form-control[b-v25q9nv5pz], .form-select[b-v25q9nv5pz] {
        font-size: 12px;
        padding: 5px;
    }

    .required[b-v25q9nv5pz] {
        font-size: 10px;
    }

    .searchbuttonsmall[b-v25q9nv5pz] {
        font-size: 12px;
    }
}

@media only screen and (max-width:568px) {
    .saletable thead[b-v25q9nv5pz] {
        font-size: 12px;
    }

    .saletable tbody[b-v25q9nv5pz] {
        font-size: 10px;
    }

    .selectcompany[b-v25q9nv5pz] {
        height: 5vh;
        width: 7vw;
        font-size: 12px;
    }

    .page-link[b-v25q9nv5pz] {
        font-size: 12px;
    }

    .page-item[b-v25q9nv5pz] {
        padding-left: 0;
    }
    /*Model View*/
    .modal-content[b-v25q9nv5pz] {
        width: 98% !important;
    }

    .cname[b-v25q9nv5pz] {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .saletablemodel[b-v25q9nv5pz] {
        width: 100%;
    }

        .saletablemodel tbody[b-v25q9nv5pz] {
            height: 25vh;
            font-size: 13px;
        }

            .saletablemodel thead[b-v25q9nv5pz], .saletablemodel tbody tr[b-v25q9nv5pz] {
                width: 100%;
            }

        .saletablemodel th[b-v25q9nv5pz] {
            height: 6vh;
        }

        .saletablemodel thead[b-v25q9nv5pz] {
            font-size: 13px;
        }

        .saletablemodel tbody tr[b-v25q9nv5pz] {
            height: 6vh;
            width: 100%;
        }

    .modal-top[b-v25q9nv5pz] {
        margin-bottom: 10px;
    }
    /*Model View end*/
}

@media only screen and (max-width:553px) {

    .filterby i[b-v25q9nv5pz] {
        font-size: 12px;
    }

    .form-control[b-v25q9nv5pz], .form-select[b-v25q9nv5pz] {
        font-size: 10px;
        padding: 5px;
    }

    .required[b-v25q9nv5pz] {
        font-size: 9px;
    }

    .searchbuttonsmall[b-v25q9nv5pz] {
        font-size: 10px;
    }
}

@media only screen and (max-width:480px) {

    /*Model View*/


    .cname[b-v25q9nv5pz] {
        margin-bottom: 2px;
        font-size: 13px;
    }

    .saletablemodel[b-v25q9nv5pz] {
        width: 100%;
    }

        .saletablemodel tbody[b-v25q9nv5pz] {
            height: 25vh;
            font-size: 12px;
        }

            .saletablemodel thead[b-v25q9nv5pz], .saletablemodel tbody tr[b-v25q9nv5pz] {
                width: 100%;
            }

        .saletablemodel th[b-v25q9nv5pz] {
            height: 6vh;
        }

        .saletablemodel thead[b-v25q9nv5pz] {
            font-size: 12px;
        }

        .saletablemodel tbody tr[b-v25q9nv5pz] {
            height: 6vh;
            width: 100%;
        }

    .modal-top[b-v25q9nv5pz] {
        margin-bottom: 10px;
    }
    /*Model View end*/
}

@media only screen and (max-width:390px) {

    /*Model View*/
    .cname[b-v25q9nv5pz] {
        margin-bottom: 2px;
        font-size: 12px;
    }

    .saletablemodel[b-v25q9nv5pz] {
        width: 100%;
    }

        .saletablemodel tbody[b-v25q9nv5pz] {
            height: 25vh;
            font-size: 11px;
        }

            .saletablemodel thead[b-v25q9nv5pz], .saletablemodel tbody tr[b-v25q9nv5pz] {
                width: 100%;
            }

        .saletablemodel th[b-v25q9nv5pz] {
            height: 6vh;
        }

        .saletablemodel thead[b-v25q9nv5pz] {
            font-size: 11px;
        }

        .saletablemodel tbody tr[b-v25q9nv5pz] {
            height: 6vh;
            width: 100%;
        }

    .modal-top[b-v25q9nv5pz] {
        margin-bottom: 10px;
    }
    /*Model View end*/
}
/* /Pages/Customer.razor.rz.scp.css */
.customer-page[b-3ffsftyoyi] {
    margin-top: 2.0%;
}


.form-section[b-3ffsftyoyi] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}

.form-row[b-3ffsftyoyi] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-3ffsftyoyi] {
    flex: 1;
}

    .form-group label[b-3ffsftyoyi] {
        display: block;
        margin-bottom: 0.5rem;
        color: #34495e;
        font-weight: 500;
        font-size: 0.9rem;
    }


.hov-input[b-3ffsftyoyi]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-3ffsftyoyi] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-3ffsftyoyi] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

@media only screen and (max-width: 1440px) {
    .customer-page[b-3ffsftyoyi] {
        margin-top: 3%;
    }
}

@media only screen and (max-width: 1080px) {
    .customer-page[b-3ffsftyoyi] {
        margin-top: 4%;
    }
}

@media only screen and (max-width: 768px) {
    .customer-page[b-3ffsftyoyi] {
        margin-top: -5%;
    }
}

@media only screen and (max-width: 480px) {
    .customer-page[b-3ffsftyoyi] {
        margin-top: -10%;
    }
}
/* /Pages/DailyLedgerReport.razor.rz.scp.css */
.daily-ledger-container[b-n9fcnlz42h] {
    background-color: #fff;
    border-radius: 12px;
    padding: 24px;
    margin-top: 30px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.section-header[b-n9fcnlz42h] {
    text-align: center;
    margin-bottom: 20px;
}

.total-amount[b-n9fcnlz42h] {
    font-size: 2rem;
    color: #14AD5A;
}

.sales-breakdown[b-n9fcnlz42h] {
    display: flex;
    justify-content: space-around;
    margin-bottom: 20px;
    text-align: center;
}

.sale-type[b-n9fcnlz42h] {
    background-color: #e8f5e9;
    border-radius: 6px;
    padding: 12px;
    font-weight: bold;
    width: 22%;
}

.financial-summary[b-n9fcnlz42h] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    gap: 30px;
}

.summary-left[b-n9fcnlz42h], .summary-right[b-n9fcnlz42h] {
    flex: 1;
}

.summary-item[b-n9fcnlz42h] {
    margin: 8px 0;
    font-size: 1rem;
}

.overshot-box[b-n9fcnlz42h] {
    margin-top: 30px;
    background-color: #E72929;
    padding: 14px;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    font-weight: bold;
}
/* /Pages/Dashboard.razor.rz.scp.css */

body[b-f3wbvox72p] {
    background-color: #F7F9FC;
}
.dashboardpage[b-f3wbvox72p] {
    background-color: #F7F9FC;
    height: 100%;
}

/*===============top part============*/
.page-heading[b-f3wbvox72p] {
    font-size: 35px;
    font-weight: 500;
    padding: 0px 10px 0 25px;
    margin-bottom: 2%;
}

.container-fluid[b-f3wbvox72p] {
    background-color: #F7F9FC;
}


.cards-left[b-f3wbvox72p]{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-content:center;
    flex-wrap:wrap;
}
.outer-row[b-f3wbvox72p] {
    display: flex;
    gap: 20px;
    margin-bottom:20px;
}

.cards-left[b-f3wbvox72p] {
    background-color: #ffffff;
    width: 30%;
    border-radius: 10px;
    display:flex;
    flex-direction:column;
    justify-content:center:
}

.first-row[b-f3wbvox72p] {
    display: grid;
    width: 100%;
    /*grid-template-columns: auto auto auto auto;*/
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
    /*gap: 2%;*/
}

.small-cards[b-f3wbvox72p] {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px 25px;
    margin-bottom:;
}


.TotalSaleAmt[b-f3wbvox72p], .BarSaleAmt[b-f3wbvox72p], .Expenses[b-f3wbvox72p] {
    font-size: 32px;
    text-align: center;
    font-weight: 500;
    color: #14AD5A;
}
.r-title[b-f3wbvox72p] {
    text-align: center;
    font-size: 22px;
    font-weight: 400;
}
.amt-1[b-f3wbvox72p],
.amt-2[b-f3wbvox72p] {
    font-size: 36px;
    font-weight: 400;
    text-align: center;
/*    padding: 0 0 10% 0;*/
}

.amt-1[b-f3wbvox72p] {
    color: #14AD5A;
    line-height: 15px;
}

.amt-2[b-f3wbvox72p] {
    color: red;
    line-height: 15px;
}
.rev-sec[b-f3wbvox72p] {
    padding: 10px 0 20px 0;
}
.rev-sec-again[b-f3wbvox72p] {
    padding: 20px 0 10px 0;
}

.text[b-f3wbvox72p] {
    flex: 1;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}
.OccupancyRate[b-f3wbvox72p] {
    font-size: 32px;
    font-weight: 500;
    text-align: center;
}
.ellipsis[b-f3wbvox72p] {
    flex: 0 0 5%;
}
.label[b-f3wbvox72p],
.value[b-f3wbvox72p] {
    flex: 1;
    font-size: 16px;
}
.labelclass[b-f3wbvox72p]{
    display:grid;
    grid-template-columns:60% 40%;
    margin-bottom:2%;
}
.value[b-f3wbvox72p]{
    text-align:end;
}
/*=======top row End========*/
.Expenses[b-f3wbvox72p] {
    color: #E72929;
}

.sales[b-f3wbvox72p] {
    background-color: #ffffff;
    width: 100%;
    border-radius: 15px;
    padding: 10px;
}

.linegraph[b-f3wbvox72p] {
    width: 100%;
    height: 30%;
}

.heading[b-f3wbvox72p] {
    font-size: 36px;
    font-weight: 300;
    text-align: center;
    color: black;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-selling[b-f3wbvox72p],
.employees-status[b-f3wbvox72p],
.money-distribution[b-f3wbvox72p] {
    margin-bottom: 9% !important;
}
/*Bar Grapph*/

.revenue[b-f3wbvox72p],
.salesby[b-f3wbvox72p],
.snapshoots[b-f3wbvox72p],
.top-selling[b-f3wbvox72p],
.employees-status[b-f3wbvox72p],
.money-distribution[b-f3wbvox72p] {
    background-color: white;
    border-radius: 10px;
    padding: 10px;
}

.topsellingtable[b-f3wbvox72p] {
    height: 50vh;
    overflow-y: auto;
}
.dropdown[b-f3wbvox72p] {
    padding: 10px;
}

.row-heading[b-f3wbvox72p] {
    font-size: 30px;
    font-weight: 300;
    display:flex;
    align-content:center;
    justify-content:end;
    flex-wrap:wrap;
}

    .top-row[b-f3wbvox72p]{
        display:grid;
        grid-template-columns:repeat(2, 1fr);
        /*gap:5%;*/
        
    }
    .seconddivsales[b-f3wbvox72p]{
        display:flex;
        justify-content:center;
        align-content:center;
        flex-wrap:wrap;
    }
    /*bargraph*/
    /*aanath*/
    .rev-btn1[b-f3wbvox72p],
    .rev-btn2[b-f3wbvox72p],
    .rev-btn3[b-f3wbvox72p],
    .rev-btn4[b-f3wbvox72p] {
        height: 3vh;
        width: 40%;
        padding: 2px;
        color: #fff;
        border-radius: 10px;
        display: inline-block;
        text-align: center;
        line-height: 20px;
    }

.rev-btn1[b-f3wbvox72p] {
    background-color: #14AD5A;
    margin-right: 5px;
}
.rev-btn2[b-f3wbvox72p] {
    background-color: #14AD5A;
    margin-left: 5px;
}

.rev-btn3[b-f3wbvox72p],
.rev-btn4[b-f3wbvox72p] {
    background-color: #ABBFE0;
}

.rev-btn3[b-f3wbvox72p] {
    margin-right: 5px;
}

.rev-btn4[b-f3wbvox72p] {
    margin-left: 5px;
}



/*Dropdown*/
/*.custom-dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-toggle {
    background-color: #EFEFEF;
    color: #000;
    border: none;
    padding: 10px 15px;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    width: 100%;
    text-align: left;
}
.dropdown-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    min-width: 100%;
    z-index: 1;
    margin-top: 5px;
    list-style: none;
    padding: 0;
}
    .dropdown-menu li {
        display: block;
        background-color:#fff;
    }
        .dropdown-menu li button {
            width: 100%;
            padding: 10px;
            background: none;
            border: none;
            text-align: left;
            font-size: 14px;
            cursor: pointer;
            color: #000;
        }
            .dropdown-menu li button:hover {
                background-color: #f1f1f1;
            }
.custom-dropdown:hover .dropdown-menu {
    display: block;
}*/
/*.btn-group .form-control option {
    background-color: #ECECEB;
}
*/
/*Dropdown end*/



.two-btn[b-f3wbvox72p] {
    text-align: center;
}

.individual-progress[b-f3wbvox72p] {
    margin: 15px 0;
    display: flex;
    align-items: center;
}

    .individual-progress .icon-col[b-f3wbvox72p] {
        flex: 0 0 5%;
    }

    .individual-progress .progress-col[b-f3wbvox72p] {
        flex: 0 0 70%;
    }

    .individual-progress .day-col[b-f3wbvox72p] {
        flex: 0 0 25%;
        text-align: center;
    }
.pie-chart[b-f3wbvox72p] {
    width: 60%;
    margin-left: 20%;
}
/*AAnath end*/

/*Last row*/
.last-row[b-f3wbvox72p]{
display:grid;
grid-template-columns:70% 30%;
padding:0 10px;
}
.firstdiv[b-f3wbvox72p]{
    display:flex;
    justify-content:start;
    align-content:center;
    flex-wrap:wrap;
}
.firstdiv p[b-f3wbvox72p]{
    margin-bottom:0;
}
.seconddiv[b-f3wbvox72p] {
    display: flex;
    justify-content: end;
    align-content: center;
    flex-wrap: wrap;
}
.chart[b-f3wbvox72p],
.pie-chart[b-f3wbvox72p],
.line-graph[b-f3wbvox72p] {
    padding: 10px;
}

.last_row_container[b-f3wbvox72p]{
    
}


.line-graph[b-f3wbvox72p] {
    margin-left: 15%;
}

.small-cards table[b-f3wbvox72p],
.salesby-table[b-f3wbvox72p],
.snapshoots table[b-f3wbvox72p],
.top-selling table[b-f3wbvox72p] {
    width: 100%;
}

    .small-cards table td[b-f3wbvox72p] {
        background-color: #ffffff;
    }

.salesby-table[b-f3wbvox72p],
.snapshoots table[b-f3wbvox72p],
.top-selling table[b-f3wbvox72p] {
    border-collapse: collapse;
}

    .salesby-table th[b-f3wbvox72p],
    .salesby-table td[b-f3wbvox72p],
    .snapshoots table th[b-f3wbvox72p],
    .snapshoots table td[b-f3wbvox72p],
    .top-selling table th[b-f3wbvox72p],
    .top-selling table td[b-f3wbvox72p] {
        padding: 8px;
        text-align: left;
    }
.btn-group .form-control[b-f3wbvox72p] {
    font-size: 14px;
    padding: 5px;
    appearance: auto; 
    outline: none; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
}

    .btn-group .form-control:focus[b-f3wbvox72p] {
        outline: none; 
        box-shadow: none; 
    }






.dropdown-menu[b-f3wbvox72p] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.btn-group:hover .dropdown-menu[b-f3wbvox72p] {
    display: block;
    position: absolute;
}

.dropdown-menu li[b-f3wbvox72p] {
    padding: 5px 10px;
    cursor: pointer;
}

    .dropdown-menu li:hover[b-f3wbvox72p] {
        background-color: #f0f0f0;
    }

.icon[b-f3wbvox72p] {
    flex: 0 0 5%;
    color: #0C2144;
}

.rev-brk[b-f3wbvox72p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    gap: 20px;
    padding-bottom:3%;
}
.sales[b-f3wbvox72p]{
    margin-bottom:20px;
}

.icon i[b-f3wbvox72p], .ellipsis i[b-f3wbvox72p] {
    color: #0C2144;
}
.colorr[b-f3wbvox72p] {
    color: #0C2144;
}
.dcropdown[b-f3wbvox72p] {
    background-color: #EFEFEF;
}
.btn-group .form-control[b-f3wbvox72p]{
    background-color:#EFEFEF;
    padding:5px;
}
/*mediaaaaaaaaa=========================================*/
@media only screen and (max-width:1700px) {
    .dashboardpage[b-f3wbvox72p]{
        /*margin-left:-4px;
        padding:0 5px 0 5px;*/
    }
    
    .page-heading[b-f3wbvox72p] {
        font-size: 38px;
    }
    .r-title[b-f3wbvox72p]{
        font-size:24px;
    }
    .amt-1[b-f3wbvox72p], .amt-2[b-f3wbvox72p]{
        font-size:32px;
        font-weight:500;
    }
    .text[b-f3wbvox72p]{
        font-size:22px;

    }
    .icon i[b-f3wbvox72p], .ellipsis i[b-f3wbvox72p]{
        font-size:18px;
    }
    .TotalSaleAmt[b-f3wbvox72p], .Expenses p[b-f3wbvox72p], .OccupancyRate p[b-f3wbvox72p] {
        font-size: 32px;
    }
    .label[b-f3wbvox72p], .value[b-f3wbvox72p]{
        font-size:18px;
    }

/*bar graph part*/
.row-heading[b-f3wbvox72p]{
    font-size:34px;
}
.dropdown-toggle[b-f3wbvox72p]{
    font-size:16px;
}

/*last part*/
.row-heading-last[b-f3wbvox72p]{
    font-size:24px;
    font-weight:300;
}
    .salesby-table th[b-f3wbvox72p],
    .salesby-table td[b-f3wbvox72p],
    .snapshoots table th[b-f3wbvox72p],
    .snapshoots table td[b-f3wbvox72p],
    .top-selling table th[b-f3wbvox72p],
    .top-selling table td[b-f3wbvox72p] {
      font-size:18px;
    }
    .btn-group .form-control[b-f3wbvox72p]{
        font-size:18px;
    }
}


@media only screen and (max-width:1620px) {
    .text[b-f3wbvox72p]{
        font-size:20px;
    }
    .label[b-f3wbvox72p], .value[b-f3wbvox72p]{
        font-size:16px;
    }
}

@media only screen and (max-width:1545px) {

    .text[b-f3wbvox72p] {
        font-size: 17px;
    }
    .label[b-f3wbvox72p], .value[b-f3wbvox72p] {
        font-size: 15px;
    }
    .btn-group .form-control[b-f3wbvox72p]{
        font-size:16px;
    }
}
@media only screen and (max-width:1452px) {
    .salesby-table th[b-f3wbvox72p],
    .salesby-table td[b-f3wbvox72p],
    .snapshoots table th[b-f3wbvox72p],
    .snapshoots table td[b-f3wbvox72p],
    .top-selling table th[b-f3wbvox72p],
    .top-selling table td[b-f3wbvox72p] {
        font-size: 17px;
    }
}

    @media only screen and (max-width:1440px) {
        .dropdown[b-f3wbvox72p] {
            padding: 5px;
        }
        .small-cards[b-f3wbvox72p] {
            padding: 10px;
        }
        /*top part*/

        .page-heading[b-f3wbvox72p] {
            font-size: 34px;
            /*font-weight: 400;*/
        }

        .r-title[b-f3wbvox72p] {
            font-size: 22px;
        }

        .amt-1[b-f3wbvox72p], .amt-2[b-f3wbvox72p] {
            font-size: 28px;
            font-weight: 500;
        }

        .text[b-f3wbvox72p] {
            font-size: 18px;
        }

        .icon i[b-f3wbvox72p], .ellipsis i[b-f3wbvox72p] {
            font-size: 18px;
        }

        .TotalSaleAmt[b-f3wbvox72p], .Expenses p[b-f3wbvox72p], .OccupancyRate p[b-f3wbvox72p], .BarSaleAmt[b-f3wbvox72p] {
            font-size: 28px;
        }

        .label[b-f3wbvox72p], .value[b-f3wbvox72p] {
            font-size: 15px;
        }

        /*bar graph part*/
        .row-heading[b-f3wbvox72p] {
            font-size: 32px;
        }

        .dropdown-toggle[b-f3wbvox72p] {
            font-size: 16px;
        }

        /*last part*/
        .row-heading-last[b-f3wbvox72p] {
            font-size: 24px;
            font-weight: 300;
        }

        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            font-size: 16px;
        }

        .btn-group .form-control[b-f3wbvox72p] {
            font-size: 18px;
        }
        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            padding: 6px;
            text-align: left;
        }
/*        .btn-group .form-control {
            font-size: 16px;
        }*/
    }
@media only screen and (max-width:1340px) {
    .row-heading-last[b-f3wbvox72p]{
        font-size:22px;
    }
    .btn-group .form-control[b-f3wbvox72p]{
        font-size:16px;
        padding:4px;
    }

}
@media only screen and (max-width:1323px) {
    .text[b-f3wbvox72p]{
        font-size:17px;
    }
    .dashboardpage[b-f3wbvox72p]{
        margin-left:-10px;
    }
}
@media only screen and (max-width:1250px) {
    .text[b-f3wbvox72p] {
        font-size: 15px;
    }

    .salesby-table th[b-f3wbvox72p],
    .salesby-table td[b-f3wbvox72p],
    .snapshoots table th[b-f3wbvox72p],
    .snapshoots table td[b-f3wbvox72p],
    .top-selling table th[b-f3wbvox72p],
    .top-selling table td[b-f3wbvox72p] {
        font-size: 14px;
    }

    .row-heading-last[b-f3wbvox72p] {
        font-size: 20px;
    }

    .btn-group .form-control[b-f3wbvox72p] {
        font-size: 14px;
    }
}

    @media only screen and (max-width:1160px) {
        .text[b-f3wbvox72p] {
            font-size: 13px;
        }

        .value[b-f3wbvox72p], .label[b-f3wbvox72p] {
            font-size: 13px;
        }

        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            font-size: 12px;
        }

        .row-heading-last[b-f3wbvox72p] {
            font-size: 18px;
        }

        .btn-group .form-control[b-f3wbvox72p] {
            font-size: 12px;
        }
    }

    @media only screen and (max-width:1024px) {
        .small-cards[b-f3wbvox72p] {
            padding: 10px;
        }
        /*top part*/
        .dropdown[b-f3wbvox72p] {
            padding: 5px;
        }

        .page-heading[b-f3wbvox72p] {
            font-size: 32px;
        }

        .r-title[b-f3wbvox72p] {
            font-size: 20px;
        }

        .amt-1[b-f3wbvox72p], .amt-2[b-f3wbvox72p] {
            font-size: 24px;
            font-weight: 500;
        }

        .text[b-f3wbvox72p] {
            font-size: 11px;
            padding: 0 5px;
        }

        .icon i[b-f3wbvox72p], .ellipsis i[b-f3wbvox72p] {
            font-size: 14px;
        }

        .TotalSaleAmt[b-f3wbvox72p], .Expenses p[b-f3wbvox72p], .OccupancyRate p[b-f3wbvox72p], .BarSaleAmt[b-f3wbvox72p] {
            font-size: 22px;
        }

        .label[b-f3wbvox72p], .value[b-f3wbvox72p] {
            font-size: 12px;
        }

        .label[b-f3wbvox72p] {
            padding: 0 0 0 10px;
        }

        .value[b-f3wbvox72p] {
            padding: 0 10px 0 0;
        }
        /*bar graph part*/
        .row-heading[b-f3wbvox72p] {
            font-size: 28px;
        }

        .dropdown-toggle[b-f3wbvox72p] {
            font-size: 14px;
        }

        /*last part*/
        .row-heading-last[b-f3wbvox72p] {
            font-size: 18px;
            font-weight: 300;
        }

        .last-row[b-f3wbvox72p] {
            grid-template-columns: 65% 35%;
        }

        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            font-size: 11px;
        }

        .btn-group .form-control[b-f3wbvox72p] {
            font-size: 12px;
            padding: 5px;
        }

        .revenue[b-f3wbvox72p],
        .salesby[b-f3wbvox72p],
        .snapshoots[b-f3wbvox72p],
        .top-selling[b-f3wbvox72p],
        .employees-status[b-f3wbvox72p],
        .money-distribution[b-f3wbvox72p] {
            padding: 5px;
        }

        .row-heading-last[b-f3wbvox72p] {
            font-size: 16px;
        }

        .first-row[b-f3wbvox72p], .outer-row[b-f3wbvox72p], .rev-brk[b-f3wbvox72p] {
            gap: 15px;
        }

        .outer-row[b-f3wbvox72p], .sales[b-f3wbvox72p] {
            margin-bottom: 15px;
        }

        .firstdiv[b-f3wbvox72p], .seconddiv[b-f3wbvox72p] {
            padding: 0 5px;
        }
        .container-fluid[b-f3wbvox72p] {
            padding: 5px;
        }
        .dashboardpage[b-f3wbvox72p] {
            margin-left: -10px;
            padding: 0 5px 0 5px;
        }
    }

    @media only screen and (max-width:800px) {
        .dashboardpage[b-f3wbvox72p] {
            margin-left: -15px;
            padding: 0 5px 0 5px;
        }
    }


@media only screen and (max-width: 956px) and (max-height: 440px) and (orientation: landscape) {
    .page-heading[b-f3wbvox72p]{
        font-size:1.6rem;
        font-weight:400;
    }
    .outer-row[b-f3wbvox72p]{
        gap:10px;
    }
    .small-cards[b-f3wbvox72p]{
        padding:5px;
    }
    .amt-1[b-f3wbvox72p]{
        font-size:1.3rem;
    }
    .TotalSaleAmt[b-f3wbvox72p], .BarSaleAmt[b-f3wbvox72p] {
        font-size: 1.2rem;
    }
    .r-title[b-f3wbvox72p] {
        font-size: 1.1rem;
    }
    .text p[b-f3wbvox72p]{
        margin-bottom:0.5rem;
    }
    .value[b-f3wbvox72p], .label[b-f3wbvox72p]{
        font-size:10px;
    }
    .onelabel[b-f3wbvox72p] {
        margin-bottom: 0.4rem !important;
    }
    .first-row[b-f3wbvox72p]{
        grid-template-columns:repeat(3, 1fr);
    }
}

@media only screen and (max-width: 844px) and (max-height: 390px) and (orientation: landscape) {
    .rev-brk[b-f3wbvox72p]{
        grid-template-columns:repeat(1, 1fr);
    }

}
    @media only screen and (max-width:768px) {
        .dashboardpage[b-f3wbvox72p] {
            margin-right: -10px;
        }

        .small-cards[b-f3wbvox72p] {
            padding: 8px;
        }

        .container-fluid[b-f3wbvox72p] {
            padding: 0 10px 0 5px;
        }

        .first-row[b-f3wbvox72p] {
            grid-template-columns: repeat(3, 1fr);
        }

        .rev-brk[b-f3wbvox72p] {
            grid-template-columns: repeat(1, minmax(auto, 1fr));
            margin-bottom: 20px;
        }

        .text p[b-f3wbvox72p] {
            margin-bottom: 0;
        }

        .small-cards[b-f3wbvox72p] {
            padding: 10px;
        }
        /*top part*/

        .page-heading[b-f3wbvox72p] {
            font-size: 28px;
            /*font-weight: 400;*/
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 15px;
        }

        .r-title[b-f3wbvox72p] {
            font-size: 16px;
        }

        .amt-1[b-f3wbvox72p], .amt-2[b-f3wbvox72p] {
            font-size: 20px;
            font-weight: 500;
            /*margin-bottom:0;    */
        }


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

        .icon i[b-f3wbvox72p], .ellipsis i[b-f3wbvox72p] {
            font-size: 14px
        }

        .icon[b-f3wbvox72p] {
            padding: 0 0 0 10px;
        }

        .ellipsis[b-f3wbvox72p] {
            padding: 0 10px 0 0;
        }


        .TotalSaleAmt p[b-f3wbvox72p], .Expenses p[b-f3wbvox72p], .OccupancyRate p[b-f3wbvox72p], .BarSaleAmt p[b-f3wbvox72p] {
            font-size: 20px;
            margin-bottom: 0;
        }

        .label[b-f3wbvox72p], .value[b-f3wbvox72p] {
            font-size: 12px;
        }

        /*bar graph part*/
        .row-heading[b-f3wbvox72p] {
            font-size: 26px;
        }

        .dropdown-toggle[b-f3wbvox72p] {
            font-size: 12px;
        }

        /*last part*/
        .row-heading-last[b-f3wbvox72p] {
            font-size: 16px;
            font-weight: 300;
        }

        .last-row[b-f3wbvox72p] {
            grid-template-columns: 70% 30%;
        }

        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            font-size: 12px;
        }

        .btn-group .form-control[b-f3wbvox72p] {
            font-size: 12px;
            padding: 5px;
        }

        .revenue[b-f3wbvox72p],
        .salesby[b-f3wbvox72p],
        .snapshoots[b-f3wbvox72p],
        .top-selling[b-f3wbvox72p],
        .employees-status[b-f3wbvox72p],
        .money-distribution[b-f3wbvox72p] {
            padding: 5px;
        }

        .first-row[b-f3wbvox72p], .outer-row[b-f3wbvox72p], .rev-brk[b-f3wbvox72p] {
            gap: 10px;
        }

        .outer-row[b-f3wbvox72p], .sales[b-f3wbvox72p] {
            margin-bottom: 10px;
        }
        /*        .main-fluid{
    margin-left:-5px;
}*/
        .dashboardpage[b-f3wbvox72p] {
            margin-left: 0px;
            padding: 0 0 0 0px;
        }

        .dashboardpage[b-f3wbvox72p] {
            margin-top: 0;
        }
    }

    @media only screen and (max-width:692px) {
        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            font-size: 11px;
        }
    }

    @media only screen and (max-width:674px) {
        .row-heading-last[b-f3wbvox72p] {
            font-size: 15px;
        }
    }

    @media only screen and (max-width:650px) {
        .amt-1[b-f3wbvox72p], .amt-2[b-f3wbvox72p] {
            font-size: 18px;
        }

        .r-title[b-f3wbvox72p] {
            font-size: 14px;
        }

        .row-heading-last[b-f3wbvox72p] {
            font-size: 14px;
        }
    }

    @media only screen and (max-width:637px) {
        .label[b-f3wbvox72p], .value[b-f3wbvox72p] {
            font-size: 11px;
        }

        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            padding: 4px;
            text-align: left;
        }
    }

    @media only screen and (max-width:600px) {
    }

    @media only screen and (max-width:568px) {
        .cards-left[b-f3wbvox72p] {
            width: 40%;
        }

        .first-row[b-f3wbvox72p] {
            grid-template-columns: repeat(2, 1fr);
        }

        .small-cards[b-f3wbvox72p] {
            padding: 5px 10px;
        }

        .firstdiv[b-f3wbvox72p] {
            font-size:;
        }

        .amt-1[b-f3wbvox72p], .amt-2[b-f3wbvox72p] {
            font-size: 20px;
        }

        .r-title[b-f3wbvox72p] {
            font-size: 15px;
        }

        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            font-size: 10px;
        }

        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            padding: 5px 0px;
        }

        .btn-group .form-control[b-f3wbvox72p] {
            font-size: 10px;
            padding: 5px 2px;
        }
    }

    @media only screen and (max-width:504px) {
        .amt-1[b-f3wbvox72p], .amt-2[b-f3wbvox72p] {
            font-size: 18px;
        }

        .row-heading-last[b-f3wbvox72p] {
            font-size: 13px;
        }
    }

    @media only screen and (max-width:480px) {
        .container-fluid[b-f3wbvox72p] {
            padding: 0 10px 0 2px;
        }

        .outer-row[b-f3wbvox72p] {
            flex-direction: column;
        }

        .cards-left[b-f3wbvox72p] {
            width: 100%;
        }

        .first-row[b-f3wbvox72p] {
            grid-template-columns: repeat(2, 1fr);
        }

        .rev-brk[b-f3wbvox72p] {
            grid-template-columns: repeat(1, minmax(auto, 1fr));
        }

        .text p[b-f3wbvox72p] {
            margin-bottom: 0;
        }

        .small-cards[b-f3wbvox72p] {
            padding: 10px;
        }
        /*top part*/

        .page-heading[b-f3wbvox72p] {
            font-size: 22px;
            padding: 25px 10px 0 5px;
        }

        .r-title[b-f3wbvox72p] {
            font-size: 14px;
        }

        .amt-1[b-f3wbvox72p], .amt-2[b-f3wbvox72p] {
            font-size: 20px;
            font-weight: 500;
        }


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

        .icon i[b-f3wbvox72p], .ellipsis i[b-f3wbvox72p] {
            font-size: 14px;
        }

        .TotalSaleAmt p[b-f3wbvox72p], .Expenses p[b-f3wbvox72p], .OccupancyRate p[b-f3wbvox72p], .BarSaleAmt p[b-f3wbvox72p] {
            font-size: 20px;
            margin-bottom: 0;
        }

        .label[b-f3wbvox72p], .value[b-f3wbvox72p] {
            font-size: 12px;
        }

        .row-heading[b-f3wbvox72p] {
            font-size: 24px;
        }

        .dropdown-toggle[b-f3wbvox72p] {
            font-size: 10px;
        }


        .row-heading-last[b-f3wbvox72p] {
            font-size: 18px;
            font-weight: 300;
        }

        .last-row[b-f3wbvox72p] {
            grid-template-columns: 60% 40%;
        }

        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            font-size: 12px;
        }

        .btn-group .form-control[b-f3wbvox72p] {
            font-size: 12px;
            padding: 5px;
        }

        .revenue[b-f3wbvox72p],
        .salesby[b-f3wbvox72p],
        .snapshoots[b-f3wbvox72p],
        .top-selling[b-f3wbvox72p],
        .employees-status[b-f3wbvox72p],
        .money-distribution[b-f3wbvox72p] {
            padding: 5px;
        }

        .first-row[b-f3wbvox72p], .outer-row[b-f3wbvox72p], .rev-brk[b-f3wbvox72p] {
            gap: 10px;
        }

        .rev-sec[b-f3wbvox72p] {
            padding: 10px;
        }

        .amt-1[b-f3wbvox72p], .amt-2[b-f3wbvox72p] {
            margin-bottom: 0;
        }

        .r-title[b-f3wbvox72p] {
            margin-bottom: 0;
        }

        .rev-sec-again[b-f3wbvox72p] {
            padding: 0 0 10px 0;
        }

        .page-heading[b-f3wbvox72p] {
            padding: 25px 1px 10px 0 25px;
        }

        .dashboardpage[b-f3wbvox72p] {
            margin-left: -18px;
            padding: 0 0 0 15px;
        }
    }

    @media only screen and (max-width:412px) {
        .row-heading-last[b-f3wbvox72p] {
            font-size: 16px;
        }
    }

    @media only screen and (max-width:412px) {
        .text[b-f3wbvox72p] {
            font-size: 11px;
        }

        .label[b-f3wbvox72p], .value[b-f3wbvox72p] {
            font-size: 11px;
            padding: 0 10px;
        }
    }

    @media only screen and (max-width:390px) {
    }


    @media only screen and (max-width:360px) {


        .page-heading[b-f3wbvox72p] {
            font-size: 20px;
        }

        .r-title[b-f3wbvox72p] {
            font-size: 12px;
        }

        .amt-1[b-f3wbvox72p], .amt-2[b-f3wbvox72p] {
            font-size: 18px;
            font-weight: 500;
        }


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

        .icon i[b-f3wbvox72p], .ellipsis i[b-f3wbvox72p] {
            font-size: 12px;
        }

        .TotalSaleAmt p[b-f3wbvox72p], .Expenses p[b-f3wbvox72p], .OccupancyRate p[b-f3wbvox72p], .BarSaleAmt p[b-f3wbvox72p] {
            font-size: 18px;
            margin-bottom: 0;
        }

        .label[b-f3wbvox72p], .value[b-f3wbvox72p] {
            font-size: 10px;
        }

        .row-heading[b-f3wbvox72p] {
            font-size: 22px;
        }

        .dropdown-toggle[b-f3wbvox72p] {
            font-size: 10px;
        }


        .row-heading-last[b-f3wbvox72p] {
            font-size: 16px;
            font-weight: 300;
        }


        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            font-size: 12px;
        }

        .btn-group .form-control[b-f3wbvox72p] {
            font-size: 10px;
            padding: 5px;
        }

        .revenue[b-f3wbvox72p],
        .salesby[b-f3wbvox72p],
        .snapshoots[b-f3wbvox72p],
        .top-selling[b-f3wbvox72p],
        .employees-status[b-f3wbvox72p],
        .money-distribution[b-f3wbvox72p] {
            padding: 5px;
        }

        .first-row[b-f3wbvox72p], .outer-row[b-f3wbvox72p], .rev-brk[b-f3wbvox72p] {
            gap: 10px;
        }

        .rev-sec[b-f3wbvox72p] {
            padding: 10px;
        }

        .last-row[b-f3wbvox72p] {
            grid-template-columns: 70% 30%;
        }

        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            padding: 5px;
            text-align: left;
        }
    }

    @media only screen and (max-width:352px) {
        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            font-size: 11px;
        }
    }

    @media only screen and (max-width:322px) {
        .label[b-f3wbvox72p], .value[b-f3wbvox72p] {
            font-size: 9px;
        }

        .salesby-table th[b-f3wbvox72p],
        .salesby-table td[b-f3wbvox72p],
        .snapshoots table th[b-f3wbvox72p],
        .snapshoots table td[b-f3wbvox72p],
        .top-selling table th[b-f3wbvox72p],
        .top-selling table td[b-f3wbvox72p] {
            font-size: 10px;
        }

        .row-heading-last[b-f3wbvox72p] {
            font-size: 15px;
        }
    }
/* /Pages/Employee.razor.rz.scp.css */
/* Global settings */
[b-k6wu7rm8yy]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-k6wu7rm8yy]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}

/* Layout and spacing adjustments */

.searchdiv[b-k6wu7rm8yy] {
    display: flex;
}
.badge[b-k6wu7rm8yy]{
    width:35%;
}
.inputsearch[b-k6wu7rm8yy] {
    padding: 10px 20px;
    border: 1px solid #dcdcdc;
    border-radius: 10px 0 0 10px;
    background-color: #ECECEB;
    width: 400px;
    height: 45px;
}

.searchbutton[b-k6wu7rm8yy] {
    border: none;
    border-radius: 0 10px 10px 0;
    background-color: #0C2144;
    color: #ffffff;
    width: 45px;
    height: 45px;
}

.table[b-k6wu7rm8yy]{
    margin-bottom:0;
}

.filterby[b-k6wu7rm8yy],
.employeepage h3[b-k6wu7rm8yy] {
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
}

.searchlinegroup[b-k6wu7rm8yy] {
    margin-top: 3%;
}

.chooseentries[b-k6wu7rm8yy] {
    margin-top: 3vh;
}

/* Buttons and input styling */
.toppart[b-k6wu7rm8yy] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items:center;
}

.topheading[b-k6wu7rm8yy] {
    font-size: 36px;
    font-weight:300;
}

.addcatogerybtn[b-k6wu7rm8yy] {
    border: none;
    border-radius: 10px;
    background-color: #ABBFE0;
    color: #000000;
    height: 50px;
    width: 35%;
    font-size: 18px;
    font-weight: 400;
}

.buttonadd[b-k6wu7rm8yy] {
    text-align: end;
}

button[b-k6wu7rm8yy],
.selectemployee[b-k6wu7rm8yy],
.searchinput[b-k6wu7rm8yy] {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
}

.searchtext[b-k6wu7rm8yy] {
    color: #111;
    margin-right: 1vh;
    line-height: 2;
}

.addemployeebtn[b-k6wu7rm8yy] {
    background-color: var(--our--commonblue-color);
    color: var(--color-white);
    font-size: 18px;
    height: 5vh;
    border: none;
    width: 27%;
}

.clearbuttond[b-k6wu7rm8yy] {
    background-color: var(--color-trashbutton);
    color: var(--color-white);
    height: 45px;
    width: 45px;
    padding: 10px;
    font-size: 22px;
    line-height: 0;
    border: none;
    border-radius: 10px;
    margin-left: 5px;
}


.selectcompany[b-k6wu7rm8yy] {
    border-radius: 5px;
    border: none;
    background-color: #d9d9d9;
    height: 4vh;
}

/* Text styles */
/*.required,
.textshow,
.selecttext {
    font-size: 16px;
    font-weight: 400;
}

*/
/* Select and table styling */
.form-select[b-k6wu7rm8yy],
.selectemployee[b-k6wu7rm8yy],
.showentries[b-k6wu7rm8yy] {
    background-color: #d9d9d9;
    height: 30px;
}

.tablediv[b-k6wu7rm8yy] {
    border: 2px solid #dcdcdc;
    border-radius: 5px;
    margin-top: 2%;
    width: 100% !important;
}

.table[b-k6wu7rm8yy] {
    width: 100% !important;
}

    .table th[b-k6wu7rm8yy] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .table th.th1[b-k6wu7rm8yy] {
            border-radius: 10px 0 0 0;
        }

        .table th.th6[b-k6wu7rm8yy] {
            border-radius: 0 10px 0 0;
            text-align: center;
        }

    .table tbody[b-k6wu7rm8yy] {
        display: block;
        max-height: 50vh;
        height: 50vh;
        overflow-y: scroll;
    }

table td[b-k6wu7rm8yy] {
    padding: 10px;
}

.table thead[b-k6wu7rm8yy], .table tbody tr[b-k6wu7rm8yy] {
    display: table;
    width: 100%;
    table-layout: fixed;
}

/* Utility classes */
.searchbuttongroups[b-k6wu7rm8yy] {
    margin-left: 13vw;
    margin-top: 3vh;
    margin-right: -13vw;
}

.secondsearchpart[b-k6wu7rm8yy] {
    margin-right: 5vh;
}

.table td[b-k6wu7rm8yy] {
    word-wrap: break-word;
}

.actionicons i[b-k6wu7rm8yy] {
    padding: 0 5px;
}



.form-section[b-k6wu7rm8yy] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}

.form-row[b-k6wu7rm8yy] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-k6wu7rm8yy] {
    flex: 1;
}

    .form-group label[b-k6wu7rm8yy] {
        display: block;
        margin-bottom: 0.5rem;
        color: #34495e;
        font-weight: 500;
        font-size: 18px;
    }


.hov-input[b-k6wu7rm8yy]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-k6wu7rm8yy] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-k6wu7rm8yy] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }





/*checkbox*/
.checkbox-wrapper-30[b-k6wu7rm8yy]{
    padding:5px;
}
    .checkbox-wrapper-30 .checkbox[b-k6wu7rm8yy] {
        --bg: #fff;
        --brdr: #0C2144;
        --brdr-actv: #1e2235;
        --brdr-hovr: #bbc1e1;
        --dur: calc((var(--size, 2)/2) * 0.6s);
        display: inline-block;
        width: calc(var(--size, 1) * 22px);
        position: relative;
    }

    .checkbox-wrapper-30 .checkbox[b-k6wu7rm8yy]:after {
        content: "";
        width: 100%;
        padding-top: 100%;
        display: block;
    }

    .checkbox-wrapper-30 .checkbox > *[b-k6wu7rm8yy] {
        position: absolute;
    }

    .checkbox-wrapper-30 .checkbox input[b-k6wu7rm8yy] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-tap-highlight-color: transparent;
        cursor: pointer;
        background-color: var(--bg);
        border-radius: calc(var(--size, 1) * 4px);
        border: calc(var(--newBrdr, var(--size, 1)) * 1px) solid;
        color: var(--newBrdrClr, var(--brdr));
        outline: none;
        margin: 0;
        padding: 0;
        transition: all calc(var(--dur) / 3) linear;
    }

        .checkbox-wrapper-30 .checkbox input:hover[b-k6wu7rm8yy],
        .checkbox-wrapper-30 .checkbox input:checked[b-k6wu7rm8yy] {
            --newBrdr: calc(var(--size, 1) * 2);
        }

        .checkbox-wrapper-30 .checkbox input:hover[b-k6wu7rm8yy] {
            --newBrdrClr: var(--brdr-hovr);
        }

        .checkbox-wrapper-30 .checkbox input:checked[b-k6wu7rm8yy] {
            --newBrdrClr: var(--brdr-actv);
            transition-delay: calc(var(--dur) /1.3);
        }

            .checkbox-wrapper-30 .checkbox input:checked + svg[b-k6wu7rm8yy] {
                --dashArray: 16 93;
                --dashOffset: 109;
            }

    .checkbox-wrapper-30 .checkbox svg[b-k6wu7rm8yy] {
        fill: none;
        left: 0;
        pointer-events: none;
        stroke: var(--stroke, var(--border-active));
        stroke-dasharray: var(--dashArray, 93);
        stroke-dashoffset: var(--dashOffset, 94);
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2px;
        top: 0;
        transition: stroke-dasharray var(--dur), stroke-dashoffset var(--dur);
    }

    .checkbox-wrapper-30 .checkbox svg[b-k6wu7rm8yy],
    .checkbox-wrapper-30 .checkbox input[b-k6wu7rm8yy] {
        display: block;
        height: 100%;
        width: 100%;
    }
.checkbox-wrapper-30[b-k6wu7rm8yy]{
    display:flex;

    align-items:center;
    gap:10px;
    background-color:#fff;
}


.add-role[b-k6wu7rm8yy] {
    filter: drop-shadow(5px 5px 5px #1126920D);
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    cursor:pointer;
}

    .add-role:hover[b-k6wu7rm8yy] {
        background-color: #0C2144;
        color: #fff;
    }
/*============================================Media querry==========================================*/
@media only screen and (min-width: 1920px) {
    .tablediv tbody[b-k6wu7rm8yy] {
        max-height: 52vh;
    }

    .topheading[b-k6wu7rm8yy] {
        font-size: 50px;
    }

    .addcatogerybtn[b-k6wu7rm8yy] {
        font-size: 28px;
        height: 7vh;
    }

    .inputsearch[b-k6wu7rm8yy] {
        height: 7vh;
        width: 30vw;
        font-size: 30px;
    }


    .searchbutton[b-k6wu7rm8yy] {
        height: 7vh;
        width: 3.5vw;
    }

    .tablediv thead th[b-k6wu7rm8yy] {
        font-size: 28px;
        font-weight:400;
    }

    .searchbutton i[b-k6wu7rm8yy] {
        font-size: 39px;
    }




    .table td[b-k6wu7rm8yy] {
        height: 3vw;
        font-size: 24px;
    }


    .selecttext[b-k6wu7rm8yy] {
        font-size: 24px;
    }

    .selectcompany[b-k6wu7rm8yy] {
        font-size: 22px;
        padding: 5px;
    }

    pagination[b-k6wu7rm8yy] {
        width: 100%;
    }

    .page-link[b-k6wu7rm8yy] {
        font-size: 28px;
    }
}

@media screen and (max-width: 1919px) {


    .tablediv tbody[b-k6wu7rm8yy] {
        max-height: 50vh;
    }

    .topheading[b-k6wu7rm8yy] {
        font-size: 40px;
    }

    .addcatogerybtn[b-k6wu7rm8yy] {
        font-size: 24px;
        height: 8vh;
    }

    .inputsearch[b-k6wu7rm8yy] {
        height: 7vh;
        width: 30vw;
        font-size: 28px;
    }

    .searchbutton[b-k6wu7rm8yy] {
        height: 7vh;
        width: 3.5vw;
    }

        .searchbutton i[b-k6wu7rm8yy] {
            font-size: 28px;
        }

    .tablediv thead th[b-k6wu7rm8yy] {
        font-size: 24px;
    }


    .table td[b-k6wu7rm8yy] {
        font-size: 22px;
    }

    .selecttext[b-k6wu7rm8yy] {
        font-size: 22px;
    }

    .selectcompany[b-k6wu7rm8yy] {
        font-size: 22px;
    }

    .tablediv tbody[b-k6wu7rm8yy] {
        max-height: 50vh;
    }

    .page-link[b-k6wu7rm8yy] {
        font-size: 22px;
    }

    .selectcompany[b-k6wu7rm8yy] {
        font-size: 22px;
    }
}

@media screen and (max-width: 1700px) {


    .topheading[b-k6wu7rm8yy] {
        font-size: 35px;
    }

    .addcatogerybtn[b-k6wu7rm8yy] {
        font-size: 22px;
        height: 7vh;
    }

    .inputsearch[b-k6wu7rm8yy] {
        height: 7vh;
        width: 30vw;
        font-size: 24px;
    }

    .searchbutton[b-k6wu7rm8yy] {
        height: 7vh;
        width: 3.5vw;
    }

        .searchbutton i[b-k6wu7rm8yy] {
            font-size: 22px;
        }

    .tablediv thead th[b-k6wu7rm8yy], .selectcompany[b-k6wu7rm8yy] {
        font-size: 20px;
    }


    .table td[b-k6wu7rm8yy], .selecttext[b-k6wu7rm8yy] {
        font-size: 18px;
    }
}

@media screen and (max-width: 1500px) {


    .topheading[b-k6wu7rm8yy] {
        font-size: 30px;
    }

    .addcatogerybtn[b-k6wu7rm8yy] {
        font-size: 20px;
        height: 7vh;
    }

    .inputsearch[b-k6wu7rm8yy] {
        height: 7vh;
        width: 30vw;
        font-size: 22px;
    }

    .searchbutton[b-k6wu7rm8yy] {
        height: 7vh;
        width: 3.5vw;
    }

        .searchbutton i[b-k6wu7rm8yy] {
            font-size: 20px;
        }

    .tablediv thead th[b-k6wu7rm8yy], .selectcompany[b-k6wu7rm8yy] {
        font-size: 18px;
    }


    .table td[b-k6wu7rm8yy], .selecttext[b-k6wu7rm8yy] {
        font-size: 16px;
    }
}

@media screen and (max-width: 1440px) {


    .topheading[b-k6wu7rm8yy] {
        font-size: 36px;
    }

    .addcatogerybtn[b-k6wu7rm8yy] {
        font-size: 18px;
        font-weight: 400;
        height: 50px;
        width: 35%;
    }
    .paginationpart[b-k6wu7rm8yy] {
        margin-top: 2%;
    }

    .inputsearch[b-k6wu7rm8yy] {
        width: 30vw;
        height: 7vh;
        font-size: 22px;
    }

    .searchbutton[b-k6wu7rm8yy] {
        width: 3.5vw;
        height: 7vh;
        font-size: 22px;
    }

        .searchbutton i[b-k6wu7rm8yy] {
        }

    .tablediv thead th[b-k6wu7rm8yy] {
        font-size: 16px;
        font-weight: 500;
    }

    .tablediv tbody[b-k6wu7rm8yy] {
        max-height: 50vh;
    }

    .colorbg[b-k6wu7rm8yy] {
        height: 40px;
        width: 40px;
    }

    .selecttext[b-k6wu7rm8yy] {
        font-size: 16px;
    }

    .selectcompany[b-k6wu7rm8yy] {
        width: 3vw;
        height: 4vh;
    }

    .page-link[b-k6wu7rm8yy] {
        font-size: 18px;
    }

    .selectcompany[b-k6wu7rm8yy] {
        font-size: 18px;
    }
}

/*@media screen and (max-width: 1280px) {
} */

@media screen and (max-width: 1260px) {
 

    .categorypage[b-k6wu7rm8yy] {
        margin-top: 4%;
    }

    .inputsearch[b-k6wu7rm8yy] {
        width: 30vw;
    }



    .tablediv tbody[b-k6wu7rm8yy] {
        max-height: 47vh;
    }

    .searchbutton[b-k6wu7rm8yy] {
        width: 4vw;
    }

    .inputsearch[b-k6wu7rm8yy] {
        font-size: 18px;
    }

    .page-link[b-k6wu7rm8yy] {
        font-size: 12px;
    }

    .selectcompany[b-k6wu7rm8yy] {
        font-size: 12px;
    }
}


@media screen and (max-width: 1235px) {


    .selectcompany[b-k6wu7rm8yy] {
        height: 4vh;
        width: 4vw;
    }
}

@media screen and (max-width: 1215px) {
    .addcatogerybtn[b-k6wu7rm8yy]{
        width:40%;
    }


}


    @media screen and (max-width: 1115px) {
 
        .searchbutton[b-k6wu7rm8yy] {
            width: 4vw;
        }
    }
@media screen and (max-width: 1070px) {

    .addcatogerybtn[b-k6wu7rm8yy]{
        width:45%;
    }

}
 /*   @media screen and (max-width: 1056px) {
        .employeepage {
            width: 36%;
            font-size: 14px;
        }
    }*/

    @media screen and (max-width: 1024px) {
    
        .inputsearch[b-k6wu7rm8yy] {
            width: 300px;
        }

        .searchbutton[b-k6wu7rm8yy] {
            width: 4.5vw;
        }

        .addcatogerybtn[b-k6wu7rm8yy] {
            font-size: 14px;
        }

        .topheading[b-k6wu7rm8yy] {
            font-size: 32px;
            font-weight: 300;
        }

        .page-link[b-k6wu7rm8yy] {
            font-size: 12px;
        }

        .selectcompany[b-k6wu7rm8yy] {
            font-size: 12px;
        }
    }

    @media screen and (max-width: 986px) {
   
        .inputsearch[b-k6wu7rm8yy] {
            width: 30vw;
            height: 6.5vh;
        }

        .searchbutton[b-k6wu7rm8yy] {
            height: 6.5vh;
        }

        .addcatogerybtn[b-k6wu7rm8yy] {
            font-size: 14px;
            height: 45px;
        }

        .page-link[b-k6wu7rm8yy] {
            padding: 5px 8px;
        }

        .tablediv tbody[b-k6wu7rm8yy] {
            height: 47vh;
        }

        .table td[b-k6wu7rm8yy] {
            font-size: 12px;
        }
    }

    @media screen and (max-width: 955px) {
        .addcatogerybtn[b-k6wu7rm8yy] {
            width: 40%;
        }

        .selectcompany[b-k6wu7rm8yy] {
            height: 4.5vh;
            width: 4.5vw;
        }
    }

    @media screen and (max-width: 866px) {
        .topheading[b-k6wu7rm8yy] {
            font-size: 30px;
        }

        .addcatogerybtn[b-k6wu7rm8yy] {
            width: 45%;
            font-size: 14px;
        }

        .searchbutton[b-k6wu7rm8yy] {
            width: 5.5vw;
        }

        .inputsearch[b-k6wu7rm8yy] {
            width: 250px;
            height: 35px;
        }

        .searchbutton[b-k6wu7rm8yy] {
            height: 35px;
        }

        .selectcompany[b-k6wu7rm8yy] {
            height: 4.5vh;
            width: 5vw;
        }
    }

    @media screen and (max-width: 700px) {
        .addcatogerybtn[b-k6wu7rm8yy] {
            font-size: 14px;
            width: 50%;
            font-weight: 300;
        }

        .selectcompany[b-k6wu7rm8yy] {
            height: 30px;
            width: 7.5vw;
            margin-bottom: 10px;
        }
    }

    @media screen and (max-width: 775px) {

        .addcatogerybtn[b-k6wu7rm8yy] {
            width: 50%;
        }

        .selectcompany[b-k6wu7rm8yy] {
            height: 4.5vh;
            width: 5.5vw;
            font-size: 12px;
        }
    }


    @media screen and (max-width: 768px) {
 
        .actionicons[b-k6wu7rm8yy]{
            display:flex;
            gap:20px !important;
        }
        .topheading[b-k6wu7rm8yy] {
            font-size: 26px;
        }

        .addcatogerybtn[b-k6wu7rm8yy] {
            width: 50%;
            font-size: 14px;
            font-weight: 300;
        }

        .inputsearch[b-k6wu7rm8yy] {
            width: 240px;
            height: 35px;
            font-size:16px;
        }

        .searchbutton[b-k6wu7rm8yy] {
            height: 35px;
            width:100%;
        }
        .searchbutton i[b-k6wu7rm8yy]{
            font-size:16px;
            padding:5px;
        }

        .tablediv tbody[b-k6wu7rm8yy] {
            max-height: 48vh;
        }

        .tablediv[b-k6wu7rm8yy] {
            margin-top: 3%;
        }

        .table thead th[b-k6wu7rm8yy] {
            font-size: 14px;
        }

        .table[b-k6wu7rm8yy] {
            font-size: 12px;
        }

            .table thead[b-k6wu7rm8yy] {
                font-size: 12px;
            }

        .selecttext[b-k6wu7rm8yy] {
        }

        .page-link[b-k6wu7rm8yy] {
            padding: 5px 8px;
        }

        .page-link[b-k6wu7rm8yy] {
            font-size: 12px;
        }

        .selectcompany[b-k6wu7rm8yy] {
            font-size: 12px;
        }
    }
@media screen and (max-width: 678px) {
    .addcatogerybtn[b-k6wu7rm8yy]{
        width:55%;
    }
}
    @media screen and (max-width: 640px) {
    

        .topheading[b-k6wu7rm8yy] {
            font-size: 24px;
        }

        .tablediv tbody[b-k6wu7rm8yy] {
            max-height: 48vh;
        }

        .page-link[b-k6wu7rm8yy] {
            padding: 5px 8px;
        }

        .inputsearch[b-k6wu7rm8yy] {
            width: 230px;
        }

        .selectcompany[b-k6wu7rm8yy] {
            height: 30px;
            width: 55px;
        }
    }


    @media screen and (max-width: 627px) {
        .addcatogerybtn[b-k6wu7rm8yy] {
            width: 65%;
        }
    }



    @media only screen and (max-width:568px) {
        .table thead th[b-k6wu7rm8yy] {
            font-size: 12px;
        }

        .table[b-k6wu7rm8yy] {
            font-size: 10px;
        }

            .table thead[b-k6wu7rm8yy] {
                font-size: 10px;
            }

        .addcatogerybtn[b-k6wu7rm8yy] {
            height: 35px;
            width: 70%;
        }

        .inputsearch[b-k6wu7rm8yy] {
            width: 200px;
            font-size: 14px;
        }

        .searchbutton i[b-k6wu7rm8yy] {
            font-size: 16px;
        }

        .table thead th[b-k6wu7rm8yy] {
            font-size: 11px;
        }

        .table td[b-k6wu7rm8yy] {
            font-size: 10px;
        }

        .actionicons i[b-k6wu7rm8yy] {
            padding: 0 2px;
        }
    }

    @media only screen and (max-width:502px) {
        .addcatogerybtn[b-k6wu7rm8yy] {
            width: 75%;
        }
    }

    @media only screen and (max-width:480px) {
        .actionicons i[b-k6wu7rm8yy] {
            font-size: 11px;
            padding: 0 1px;
        }

        .addcatogerybtn[b-k6wu7rm8yy] {
            width: 80%;
        }
    }

/* Modal Dialog Styles */
.modal-dialog[b-k6wu7rm8yy] {
    max-width: 450px;
    margin: 1.75rem auto;
}

/* Password Change Form */
.password-form[b-k6wu7rm8yy] {
    padding: 1rem;
}

.password-form .mb-3[b-k6wu7rm8yy] {
    margin-bottom: 1.5rem !important;
}

/*.password-form .form-label {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
}
*/

.checkbox-wrapper-30[b-k6wu7rm8yy]{
    background-color:transparent !important;
}
.form-label-permission[b-k6wu7rm8yy] {
    width: 100%;
    background-color: #fff;
    padding: 10px;
    color: #6D7175;
    font-weight: 700;
    font-size: 18px;
}
.split-first[b-k6wu7rm8yy]{
    width:100%;
}
.form-split[b-k6wu7rm8yy] {
    display: flex;
    width: 100%;
    gap: 3%;
}
.password-form .form-control[b-k6wu7rm8yy] {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 8px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.password-form .form-control:focus[b-k6wu7rm8yy] {
    color: #212529;
    background-color: #fff;
    border-color: #0C2144;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(12, 33, 68, 0.25);
}

/* Error Message Styling */
.error-message[b-k6wu7rm8yy] {
    color: #dc3545;
    font-size: 14px;
    margin-top: 0.5rem;
    padding: 0.5rem;
    border-radius: 4px;
    background-color: rgba(220, 53, 69, 0.1);
}

/* Modal Buttons */
.modal-footer[b-k6wu7rm8yy] {
    border-top: 1px solid #dee2e6;
    padding: 1rem;
}

.modal-footer .btn[b-k6wu7rm8yy] {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
}

.modal-footer .btn-primary[b-k6wu7rm8yy] {
    background-color: #0C2144;
    border-color: #0C2144;
    color: #fff;
}

.modal-footer .btn-primary:hover[b-k6wu7rm8yy] {
    background-color: #0a1b35;
    border-color: #0a1b35;
}

.modal-footer .btn-secondary[b-k6wu7rm8yy] {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

.modal-footer .btn-secondary:hover[b-k6wu7rm8yy] {
    background-color: #5a6268;
    border-color: #545b62;
}

@media (max-width: 576px) {
    .modal-dialog[b-k6wu7rm8yy] {
        max-width: 90%;
        margin: 1rem auto;
    }

    .password-form[b-k6wu7rm8yy] {
        padding: 0.5rem;
    }

    .password-form .form-control[b-k6wu7rm8yy] {
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
    }
}

.permission-list[b-k6wu7rm8yy] {

    border-radius: 4px;
    padding: 10px;
    margin-top: 5px;
/*    display: grid;
    grid-template-columns: repeat(4, 1fr);*/
    gap:5%;
    margin-bottom:0.5rem;
}
.inside-permission[b-k6wu7rm8yy]{
    display:grid;
    grid-template-columns:repeat(4, 1fr) !important;
    

        
}
.che

.permission-list .form-check[b-k6wu7rm8yy] {
    margin-bottom: 8px;
}

.permission-list .form-check:last-child[b-k6wu7rm8yy] {
    margin-bottom: 0;
}

.permission-list .form-check-label[b-k6wu7rm8yy] {
    margin-left: 5px;
    cursor: pointer;
}

.permission-list .form-check-input[b-k6wu7rm8yy] {
    cursor: pointer;
}

.permission-list .form-check-input:checked[b-k6wu7rm8yy] {
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.permission-list .form-check-input:focus[b-k6wu7rm8yy] {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* /Pages/Expense/Expense.razor.rz.scp.css */
.expensepage[b-9zv43w16hg] {
/*    padding: 20px;*/
    background-color: #f8f9fa;
    min-height: calc(100vh - 60px);
}

.dynamic-table[b-9zv43w16hg] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.dynamic-table tr:hover[b-9zv43w16hg] {
    background-color: #f5f5f5;
}

.dynamic-table th[b-9zv43w16hg] {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    padding: 12px;
}

.dynamic-table td[b-9zv43w16hg] {
    padding: 12px;
    border-bottom: 1px solid #dee2e6;
}

.search-filter[b-9zv43w16hg] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.pagination-component[b-9zv43w16hg] {
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

.modal-dialog[b-9zv43w16hg] {
    max-width: 600px;
}

.form-group[b-9zv43w16hg] {
    margin-bottom: 1rem;
}

.form-label[b-9zv43w16hg] {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.validation-message[b-9zv43w16hg] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.actionicons i[b-9zv43w16hg] {
    font-size: 1.1rem;
    transition: color 0.2s;
}

.actionicons i:hover[b-9zv43w16hg] {
    color: #0056b3;
}

.amount[b-9zv43w16hg] {
    font-family: 'Roboto Mono', monospace;
    font-weight: 500;
}

.btn-primary[b-9zv43w16hg] {
    background-color: #6366F1;
    border-color: #6366F1;
}

.btn-primary:hover[b-9zv43w16hg] {
    background-color: #4F46E5;
    border-color: #4F46E5;
}



.form-section[b-9zv43w16hg] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}

.form-row[b-9zv43w16hg] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-9zv43w16hg] {
    flex: 1;
}

    .form-group label[b-9zv43w16hg] {
        display: block;
        margin-bottom: 0.5rem;
        color: #34495e;
        font-weight: 500;
        font-size: 0.9rem;
    }


.hov-input[b-9zv43w16hg]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-9zv43w16hg] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-9zv43w16hg] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }
/* /Pages/InventoryProducts/Components/ProductForm.razor.rz.scp.css */
.end-control[b-xtdhnv9mn2]
{
    display:flex;
    justify-content:end;
    align-items:end;
}
.form-group[b-xtdhnv9mn2]{
/*    padding:10px;*/
}
.form-check-container[b-xtdhnv9mn2]{
    padding:10px;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
}
.button-sm-color[b-xtdhnv9mn2] {
    background-color: #ABBFE0;
}
    .button-sm-color:hover[b-xtdhnv9mn2] {
        background-color: #14AD5A;
    }
.tab-content[b-xtdhnv9mn2] {
    background-color: #ECECEB;
    padding:10px;
}
.nav-link.active[b-xtdhnv9mn2] {
    background-color: #ECECEB !important;
}

.hov-input[b-xtdhnv9mn2]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-xtdhnv9mn2] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-xtdhnv9mn2] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }
.form-section[b-xtdhnv9mn2] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}
.form-row[b-xtdhnv9mn2] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-xtdhnv9mn2] {
    flex: 1;
}
.add-category[b-xtdhnv9mn2]{
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 0.9rem;
   
}

    .add-category:hover[b-xtdhnv9mn2]{
        background-color: #0C2144;
        color: #fff;
    }

.add-btn[b-xtdhnv9mn2] {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 15px 20px;
}

    .add-btn:hover[b-xtdhnv9mn2] {
        background-color: #0C2144;
        color: #fff;
    }

.form-group label[b-xtdhnv9mn2] {
    display: block;
    margin-bottom: 0.5rem;
    color: #34495e;
    font-weight: 500;
    font-size: 0.9rem;
}

.form-control[b-xtdhnv9mn2], .form-select[b-xtdhnv9mn2] {
    width: 100%;
    padding: 0.6rem 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: border-color 0.2s;
}

    .form-control:focus[b-xtdhnv9mn2], .form-select:focus[b-xtdhnv9mn2] {
        border-color: #3498db;
        outline: none;
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
    }



.custom-dropdown-icon[b-xtdhnv9mn2] {
    position: absolute;
    right: 15px;
    top: 70%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #ccc;
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .custom-dropdown-icon i[b-xtdhnv9mn2] {
        font-size: 24px;
    }

.custom-select-container:hover .custom-dropdown-icon[b-xtdhnv9mn2] {
    color: #0C2144;
}
.custom-select-icon[b-xtdhnv9mn2]{
    padding:0.9rem;
    border:none;
}
/* Placeholder-like style for select */
select.hov-input[b-xtdhnv9mn2] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    appearance: none; /* Removes default browser arrow (optional) */
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    cursor: pointer;
}

    /* Hover effect for select */
    select.hov-input:hover[b-xtdhnv9mn2] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

@media only screen and (max-width:768px){

}
@media only screen and (max-width:568px) {
    .form-row[b-xtdhnv9mn2]{
        flex-direction:column;
    }
    .form-group[b-xtdhnv9mn2]{
        width:100%;
    }
    .main-section[b-xtdhnv9mn2]{
        background-color:#fff;
        border-radius:8px;
        border:none;
        padding:23px;
    }
}
/* /Pages/InventoryProducts/Components/ProductListTable.razor.rz.scp.css */
.sub-product-row[b-k3pqyvepzi] {
    background-color: rgb(214,233,254) !important;
}


.containertable[b-k3pqyvepzi] {
    height: calc(var(--vh, 1vh) * 100 - 300px);
    overflow-y: auto;
    width: 100%;
    margin: 0 0;
    border-radius: 8px 8px 0 0;
}

.tablere[b-k3pqyvepzi] {
    width: 100%;
    margin-top: -0.2%;
    border-collapse: collapse;
    table-layout: auto;
    background-color:#fff;
}
    .tablere thead tr[b-k3pqyvepzi]{
        border-bottom: 1px solid #0C214433;
    }
    .tablere th[b-k3pqyvepzi], .tablere td[b-k3pqyvepzi] {
        padding: 7px;
        word-wrap: break-word;
    }
    .tablere tr[b-k3pqyvepzi] {
        border-bottom: 1px dotted #0C214433;
    }

    .tablere thead tr[b-k3pqyvepzi] {
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 0.2%;
/*        background-color: #f2f2f2;*/
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .tablere thead th[b-k3pqyvepzi] {
        background-color: #fff;
        color: #111;
        position: sticky;
        top: 0;
        z-index: 10;
    }

.badge-yes[b-k3pqyvepzi] {
    background-color: #EBF9F1;
    color: #1F9254;
    border-radius:22px;
    padding:5px 10px;
}
.badge-no[b-k3pqyvepzi] {
    background-color: #f2d6d3;
    color: #d1857c;
    border-radius: 22px;
    padding: 5px 10px;
}

tbody tr:nth-child(even)[b-k3pqyvepzi] {
    background-color: #fff;
}

.drop-link-btn[b-k3pqyvepzi]{
    border:none;
    background-color:#fff;
}

.tablere th[b-k3pqyvepzi], .tablere td[b-k3pqyvepzi] {
    padding: 10px;
    word-wrap: break-word;
}
.tablere tr td:first-child[b-k3pqyvepzi]{
    width:3%;
}


/* Scrollbar Styles */
.containertable[b-k3pqyvepzi]::-webkit-scrollbar {
    width: 8px;
}

.containertable[b-k3pqyvepzi]::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 4px;
}

.containertable[b-k3pqyvepzi]::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 4px;
    border: 2px solid #f0f0f0;
}

    .containertable[b-k3pqyvepzi]::-webkit-scrollbar-thumb:hover {
        background-color: #a0a0a0;
    }


    @media only screen and (max-width:768px){
      

        .product-card[b-k3pqyvepzi] {
            background: white;
            border-radius: 12px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            margin-bottom: 10px;
      
      
        }
        .card-container[b-k3pqyvepzi]{
            margin-bottom:10vh;
        }
        .card-header[b-k3pqyvepzi] {
            display: flex;
            justify-content: space-between;
           
            padding: 16px 20px;
            border-bottom: 1px solid #e5e5e5;
        }
        .bottom-card[b-k3pqyvepzi]{
            padding:16px 20px;
        }

        .product-info[b-k3pqyvepzi] {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }
        .product-product[b-k3pqyvepzi]{
            display:flex;
            gap:15px;
        }
        .product-name[b-k3pqyvepzi] {
            font-size: 22px;
            font-weight: 600;
            color: #333;
        }

        .product-type[b-k3pqyvepzi] {
            font-size: 16px;
            color: #000;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            background-color: #F1F5F9;
            border-radius:14px;
            padding:5px 15px;
            display:flex;
            justify-content:center;
            align-items:center;
        }

       .badge-yes[b-k3pqyvepzi], .badge-no[b-k3pqyvepzi]{
            border-radius: 8px;
            font-size: 15px;
            font-weight: 500;
            text-transform: uppercase;
           padding:8px 16px;
           cursor:pointer;
       }

        .card-body[b-k3pqyvepzi] {
            padding: 20px;
        }

        .product-details[b-k3pqyvepzi] {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 16px 24px;
            margin-bottom: 24px;
        }

        .detail-item[b-k3pqyvepzi] {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .detail-label[b-k3pqyvepzi] {
            font-size: 16px;
            color: #66758D;
            font-weight: 400;
        }

        .detail-value[b-k3pqyvepzi] {
            font-size: 14px;
            color: #000;
            font-weight: 700;
        }
        .detail-item-s[b-k3pqyvepzi]{
            display: flex;
            gap: 4px;
            align-items: center;
        }

        .detail-label-s[b-k3pqyvepzi] {
            font-size: 16px;
            color: #666;
            font-weight: 500;
            background-color: #F1F5F9;
            padding: 5px 8px;
            border-radius: 5px;
        }

        .card-actions[b-k3pqyvepzi] {
            display: flex;
            gap: 12px;
            margin-bottom: 16px;
        }

        .btn[b-k3pqyvepzi] {
            flex: 1;
            padding: 12px;
            border: none;
            border-radius: 8px;
            font-size: 18px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .btn-edit[b-k3pqyvepzi] {
            background-color: transparent;
            color: #000;
            border: 2px solid #FBFCFD;
        }

            .btn-edit:hover[b-k3pqyvepzi] {
                background: #e5e5e5;
            }

        .btn-delete[b-k3pqyvepzi] {
            background-color: transparent;
            color: #dc3545;
            border: 2px solid #FBFCFD;
        }

            .btn-delete:hover[b-k3pqyvepzi] {
                background: #f5c6cb;
            }

        .sub-products[b-k3pqyvepzi] {
            border-top: 1px solid #e5e5e5;
            background-color: #F1F5F9;
            border-radius:8px;
        }

        .sub-products-header[b-k3pqyvepzi] {
            padding: 10px ;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            user-select: none;
            transition: background-color 0.2s ease;
        }



        .sub-products-title[b-k3pqyvepzi] {
            font-size: 18px;
            font-weight: 600;
            color: #333;
        }

        .dropdown-arrow[b-k3pqyvepzi] {
            width: 20px;
            height: 20px;
            transition: transform 0.3s ease;
            fill: #666;
        }

            .dropdown-arrow.expanded[b-k3pqyvepzi] {
                transform: rotate(180deg);
            }

        .sub-products-content[b-k3pqyvepzi] {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out;
        }

            .sub-products-content.expanded[b-k3pqyvepzi] {
                max-height: 200px;
            }
        .sub-head[b-k3pqyvepzi]{
            display:flex;
            justify-content:space-between;
            margin-bottom:10px
        }
        .sub-product-item[b-k3pqyvepzi] {
            padding: 16px 20px;
            background-color: #F8FAFC;
            border-top: 1px solid #e5e5e5;
            border-radius:0 0 8px 8px;
        }
        .sub-products-info[b-k3pqyvepzi]{
            display:grid;
            grid-template-columns:1fr 1fr;
        }
        .sub-product-info[b-k3pqyvepzi] {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }

        .sub-product-name[b-k3pqyvepzi] {
            font-size: 18px;
            font-weight: 600;
            color: #333;
        }

        .sub-product-code[b-k3pqyvepzi] {
            font-size: 16px;
            color: #666;
        }

        .sub-product-pricing[b-k3pqyvepzi] {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 2px;
        }

        .sub-product-qty[b-k3pqyvepzi] {
            font-size: 16px;
            color: #666;
        }

        .sub-product-price[b-k3pqyvepzi] {
            font-size: 18px;
            font-weight: 600;
            color: #333;
        }
        .suc-head[b-k3pqyvepzi]{
            display:flex;
            justify-content:space-between;
            padding:;
        }

        .no-badge[b-k3pqyvepzi] {
            background: #dc3545;
            color: white;
            padding: 4px 8px;
            border-radius: 12px;
            font-size: 14px;
            font-weight: 600;
        }


    }
@media only screen and (max-width:568px) {
    .no-badge[b-k3pqyvepzi] {
        font-size: 12px;
    }

    .sub-product-qty[b-k3pqyvepzi] {
        font-size: 14px;
        color: #666;
    }

    .sub-product-price[b-k3pqyvepzi] {
        font-size: 16px;
    }

    .sub-product-name[b-k3pqyvepzi] {
        font-size: 16px;
    }

    .sub-product-code[b-k3pqyvepzi] {
        font-size: 14px;
    }

    .sub-products-title[b-k3pqyvepzi] {
        font-size: 16px;
    }

    .btn[b-k3pqyvepzi] {
        font-size: 16px;
    }

    .detail-label-s[b-k3pqyvepzi] {
        font-size: 14px;
    }

    .detail-label[b-k3pqyvepzi] {
        font-size: 14px;
    }

    .detail-value[b-k3pqyvepzi] {
        font-size: 12px;
    }

    .badge-yes[b-k3pqyvepzi], .badge-no[b-k3pqyvepzi] {
        border-radius: 8px;
        font-size: 13px;
    }

    .product-name[b-k3pqyvepzi] {
        font-size: 20px;
    }

    .product-type[b-k3pqyvepzi] {
        font-size: 14px;
    }
}
    @media only screen and (max-width:480px){
        .no-badge[b-k3pqyvepzi] {
         
            font-size: 10px;
        }
        .sub-product-qty[b-k3pqyvepzi] {
            font-size: 12px;
            color: #666;
        }

        .sub-product-price[b-k3pqyvepzi] {
            font-size: 14px;
        }
        .sub-product-name[b-k3pqyvepzi] {
            font-size: 14px;
        }

        .sub-product-code[b-k3pqyvepzi] {
            font-size: 12px;
        }
        .sub-products-title[b-k3pqyvepzi] {
            font-size: 14px;
        }
        .btn[b-k3pqyvepzi] {
            font-size: 14px;
        }
        .detail-label-s[b-k3pqyvepzi] {
            font-size: 12px;
        }
        .detail-label[b-k3pqyvepzi] {
            font-size: 12px;
    
        }

        .detail-value[b-k3pqyvepzi] {
            font-size: 10px;
        }
        .badge-yes[b-k3pqyvepzi], .badge-no[b-k3pqyvepzi] {
            border-radius: 8px;
            font-size: 11px;
        }
        .product-name[b-k3pqyvepzi] {
            font-size: 18px;
          
        }

        .product-type[b-k3pqyvepzi] {
            font-size: 12px;
        }
        }
/* /Pages/InventoryProducts/Components/SubProductForm.razor.rz.scp.css */
.position-relative[b-z2o2xd2spg] {
    background-color: #F9FAFB;
    padding:20px;
}

.close-subproduct[b-z2o2xd2spg]{
    text-align:end;
}
.close-sub-btn[b-z2o2xd2spg] {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
}
.close-sub-btn:hover[b-z2o2xd2spg]{
    color:#000;
}

.form-group label[b-z2o2xd2spg] {
    display: block;
    margin-bottom: 0.5rem;
    color: #34495e;
    font-weight: 500;
    font-size: 0.9rem;
}

.form-control[b-z2o2xd2spg], .form-select[b-z2o2xd2spg] {
    width: 100%;
    padding: 0.6rem 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: border-color 0.2s;
}

    .form-control:focus[b-z2o2xd2spg], .form-select:focus[b-z2o2xd2spg] {
        border-color: #3498db;
        outline: none;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

.form-group label[b-z2o2xd2spg] {
    display: block;
    margin-bottom: 0.5rem;
    color: #34495e;
    font-weight: 500;
    font-size: 0.9rem;
}
.hov-input[b-z2o2xd2spg]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}
.position-relative[b-z2o2xd2spg] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.hov-input[b-z2o2xd2spg] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-z2o2xd2spg] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

.delete-sub-product[b-z2o2xd2spg] {
    background-color: #AD2D1E;
    border: none;
    color: #fff;
    padding: 5px 10px;
    border-radius: 8px;
}

    .delete-sub-product:hover[b-z2o2xd2spg] {
        opacity: 0.8;
    }
.form-row[b-z2o2xd2spg] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-z2o2xd2spg] {
    flex: 1;
}


.form-section[b-z2o2xd2spg] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}

.checkbox-wrapper-30[b-z2o2xd2spg]{
    display:flex;
    gap:2%;
    align-items:center;
}


.custom-dropdown-icon[b-z2o2xd2spg] {
    position: absolute;
    right:40px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #ccc;
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .custom-dropdown-icon i[b-z2o2xd2spg] {
        font-size: 24px;
    }
.custom-select-container:hover .custom-dropdown-icon[b-z2o2xd2spg] {
    color: #0C2144;
}

.custom-select-icon[b-z2o2xd2spg] {
    padding: 0.9rem;
    border: none;
}

/*checkbox*/
.checkbox-wrapper-30 .checkbox[b-z2o2xd2spg] {
    --bg: #fff;
    --brdr: #d1d6ee;
    --brdr-actv: #1e2235;
    --brdr-hovr: #bbc1e1;
    --dur: calc((var(--size, 2)/2) * 0.6s);
    display: inline-block;
    width: calc(var(--size, 1) * 22px);
    position: relative;
}

    .checkbox-wrapper-30 .checkbox[b-z2o2xd2spg]:after {
        content: "";
        width: 100%;
        padding-top: 100%;
        display: block;
    }

    .checkbox-wrapper-30 .checkbox > *[b-z2o2xd2spg] {
        position: absolute;
    }

    .checkbox-wrapper-30 .checkbox input[b-z2o2xd2spg] {
        -webkit-appearance: none;
        -moz-appearance: none;
        -webkit-tap-highlight-color: transparent;
        cursor: pointer;
        background-color: var(--bg);
        border-radius: calc(var(--size, 1) * 4px);
        border: calc(var(--newBrdr, var(--size, 1)) * 1px) solid;
        color: var(--newBrdrClr, var(--brdr));
        outline: none;
        margin: 0;
        padding: 0;
        transition: all calc(var(--dur) / 3) linear;
    }

        .checkbox-wrapper-30 .checkbox input:hover[b-z2o2xd2spg],
        .checkbox-wrapper-30 .checkbox input:checked[b-z2o2xd2spg] {
            --newBrdr: calc(var(--size, 1) * 2);
        }

        .checkbox-wrapper-30 .checkbox input:hover[b-z2o2xd2spg] {
            --newBrdrClr: var(--brdr-hovr);
        }

        .checkbox-wrapper-30 .checkbox input:checked[b-z2o2xd2spg] {
            --newBrdrClr: var(--brdr-actv);
            transition-delay: calc(var(--dur) /1.3);
        }

            .checkbox-wrapper-30 .checkbox input:checked + svg[b-z2o2xd2spg] {
                --dashArray: 16 93;
                --dashOffset: 109;
            }

    .checkbox-wrapper-30 .checkbox svg[b-z2o2xd2spg] {
        fill: none;
        left: 0;
        pointer-events: none;
        stroke: var(--stroke, var(--border-active));
        stroke-dasharray: var(--dashArray, 93);
        stroke-dashoffset: var(--dashOffset, 94);
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 2px;
        top: 0;
        transition: stroke-dasharray var(--dur), stroke-dashoffset var(--dur);
    }

    .checkbox-wrapper-30 .checkbox svg[b-z2o2xd2spg],
    .checkbox-wrapper-30 .checkbox input[b-z2o2xd2spg] {
        display: block;
        height: 100%;
        width: 100%;
    }
/*======================================*/



@media only screen and (max-width:768px) {
}

@media only screen and (max-width:568px) {
    .close-subproduct[b-z2o2xd2spg] {
        background-color: #fff;
        border-radius: 8px 8px 0 0;
        border-width: 1px, 1px, 0px, 1px;
        border-style: solid;
        border-color: #E7ECF3;
        padding:20px;
    }
    .form-row[b-z2o2xd2spg]{
        flex-direction:column;
    }
    .form-group[b-z2o2xd2spg]{
        width:100%;
    }
    .position-relative[b-z2o2xd2spg]{
        display:flex;
        flex-direction:column;
        gap:1.5rem;
    }
    .custom-dropdown-icon[b-z2o2xd2spg]{
        top:60%;
        right:40px;
    }
    .form-row-double[b-z2o2xd2spg]{
        display:flex;
        flex-direction:row !important;
    }
}
/* /Pages/InventoryProducts/Inventoryproducts.razor.rz.scp.css */
.inventoryproducts[b-tfctt5b8b3] {
    margin-top: 3%;
}
    select[multiple][b-tfctt5b8b3] {
        overflow-y: auto !important;
        height: 150px !important;
    }
    
    select[multiple] option[b-tfctt5b8b3] {
        padding: 5px;
        border-bottom: 1px solid #eee;
    }
    
    select[multiple] option:checked[b-tfctt5b8b3] {
        background-color: #007bff;
        color: white;
    }

    .multi-select-custom[b-tfctt5b8b3] {
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        padding: 0.375rem 0.75rem;
    }

    .multi-select-custom option[b-tfctt5b8b3] {
        padding: 8px 12px;
        margin-bottom: 3px;
        cursor: pointer;
        border-radius: 4px;
    }

    .multi-select-custom option:hover[b-tfctt5b8b3] {
        background-color: #f8f9fa;
    }

    .multi-select-custom option.selected-option[b-tfctt5b8b3] {
        background-color: #e7f3ff !important;
        font-weight: 500;
    }

    .selected-item[b-tfctt5b8b3] {
        background-color: #f8f9fa;
        border-radius: 4px;
        padding: 6px 12px;
        margin-bottom: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }


.sub-product-row[b-tfctt5b8b3] {
    background-color: #f8f9fa;
}

.table > :not(caption) > * > *[b-tfctt5b8b3] {
    padding: 0.75rem;
}

.table tbody tr:hover[b-tfctt5b8b3] {
    background-color: rgba(0,0,0,.075);
}
.card-header[b-tfctt5b8b3]{
/*    background-color:#cdcdcd;*/
}
.card[b-tfctt5b8b3]{
    border:none;
}
.subtitle[b-tfctt5b8b3] {
    color: #7f8c8d;
    margin: 0.5rem 0 0 0;
    font-size: 1rem;
}
.form-group-btnpart[b-tfctt5b8b3]{
    display:flex;
    justify-content:end;
    align-items:center;
}
.card-body[b-tfctt5b8b3] {
    /*   background-color: #ECECEB;*/
    background-color: #fff;
}
.button-sm-color[b-tfctt5b8b3] {
    background-color: #ABBFE0;
}

    .button-sm-color:hover[b-tfctt5b8b3] {
        background-color: #14AD5A;
    }

.add-sub-product[b-tfctt5b8b3] {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 0.9rem;
}

    .add-sub-product:hover[b-tfctt5b8b3] {
        background-color: #0C2144;
        color: #fff;
    }

.form-group label[b-tfctt5b8b3] {
    display: block;
    margin-bottom: 0.5rem;
    color: #34495e;
    font-weight: 500;
    font-size: 0.9rem;
}

.form-control[b-tfctt5b8b3], .form-select[b-tfctt5b8b3] {
    width: 100%;
    padding: 0.6rem 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: border-color 0.2s;
}

    .form-control:focus[b-tfctt5b8b3], .form-select:focus[b-tfctt5b8b3] {
        border-color: #3498db;
        outline: none;
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
    }

.form-row[b-tfctt5b8b3] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-tfctt5b8b3] {
    flex: 1;
}
.form-section[b-tfctt5b8b3] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}


@media only screen and (max-width:768px){

}
@media only screen and (max-width:568px) {
    .sub-section[b-tfctt5b8b3]{
        background-color:#fff;
        border:none;
        border-radius:8px;
        padding:23px;
    }
    .card-body[b-tfctt5b8b3]{
        padding:0;
    }
}
/* /Pages/InventoryRemaining.razor.rz.scp.css */
/*.inventoryremaining {
    margin-top: 3%;
}*/

.actbtn[b-i4lg7p9xlv] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 5vh;
    border: none;
    border-radius: 10px;
    background-color: #14AD5A;
    cursor: pointer;
}
    

/*@media only screen and (max-width: 1440px) {
    .inventoryremaining {
        margin-top: 3%;
    }
}

@media only screen and (max-width: 1080px) {
    .inventoryremaining {
        margin-top: 4%;
    }
}

@media only screen and (max-width: 768px) {
    .inventoryremaining {
        margin-top: 5%;
    }
}*/


@media screen and (min-width: 1920px) {

    .actbtn[b-i4lg7p9xlv] {
        border-radius: 10px;
    }    
}



@media only screen and (max-width:568px) {
    .actbtn[b-i4lg7p9xlv] {
        width: 80%;
        height: 30px;
    }    
}



@media screen and (max-width: 790px) {
    
    .actbtn[b-i4lg7p9xlv] {
        width: 70%;
    }

    
}


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

    .actbtn[b-i4lg7p9xlv] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70%;
        height: 30px;
        border: none;
        border-radius: 10px;
        background-color: #14AD5A;
        cursor: pointer;
    }
}


@media screen and (max-width: 700px) {
    
    .actbtn[b-i4lg7p9xlv] {
        width: 80%;
    }
}
/* /Pages/KharidKhata/KharidKhata.razor.rz.scp.css */
body[b-han4g4hpvx] {
    font-family: Arial, sans-serif;
}

.container[b-han4g4hpvx] {
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ccc;
}

.header[b-han4g4hpvx] {
    text-align: center;
    margin-bottom: 20px;
}

.header h1[b-han4g4hpvx] {
    margin: 0;
    font-size: 24px;
}
.submitbtn[b-han4g4hpvx],.exportbtn[b-han4g4hpvx] {
    border: none;
    border-radius: 5px;
    background-color: var(--our--commonblue-color);
    color:#fff;
    width:7vw;
}
.submitbtn[b-han4g4hpvx]{
    margin-left:270px;
}
.header p[b-han4g4hpvx] {
    margin: 5px 0;
    font-size: 16px;
}

.header .details[b-han4g4hpvx] {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}

.header .details span[b-han4g4hpvx] {
    font-size: 14px;
}



.tablediv[b-han4g4hpvx] {
    overflow: scroll;
    max-height: 66vh;
    width: 80vw;
}

table[b-han4g4hpvx] {
    border-collapse: collapse;
}

    table th[b-han4g4hpvx],
    table td[b-han4g4hpvx] {
        max-width: 300px;
        padding: 8px 16px;

        border: 1px solid #ccc;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }

    table thead[b-han4g4hpvx] {
        position: sticky;
        inset-block-start: 0;
        background-color: #ddd;
    }

.paginationpart[b-han4g4hpvx]{
    margin-top:1vh;
}
[b-han4g4hpvx]::-webkit-scrollbar{
    height:15px;
    width:15px;
}
[b-han4g4hpvx]::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #d9d9d9;
}

[b-han4g4hpvx]::-webkit-scrollbar-track {
    background: #f2f2f2;
    border-radius:5px;
    height:20px;
}

.selectcompany[b-han4g4hpvx]{
    height:4vh !important;
    width:3vw;
    background-color:#d9d9d9;
    border-radius:5px;
    border:none;
}

/* /Pages/LandingScreen/CreditLandingScreen.razor.rz.scp.css */
.landingpage[b-w1jc6r34dd] {
/*    margin-top: 23%;*/
    text-align: center;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}

.togobuttons[b-w1jc6r34dd] {
    width: 100px;
    height: 100px;
    border: 6px solid #d9d9d9;
    border-radius: 10px;
    background: #fff;
}
    .togobuttons i[b-w1jc6r34dd] {
        color: #0C2144 !important;
    }
    .icon[b-w1jc6r34dd] {
        font-size: 46px;
    }

.label[b-w1jc6r34dd] {
    font-size: 20px;
    font-weight: 600;
}
.goback[b-w1jc6r34dd] {
    height: 30px;
    width: 30px;
    border: 0px solid #d9d9d9;
    border-radius: 10px;
    background: #d9d9d9;
    color: #000;
}
.backlabel[b-w1jc6r34dd]{
    font-size:14px;
}
.backbtn[b-w1jc6r34dd] {
/*    display:flex;
    flex-direction:column;*/
    text-align:start;
    margin-bottom:15%;
}

@media only screen and (max-width:768px){
  .landingpage[b-w1jc6r34dd]{
      margin-top:10%;
  }
}
/* /Pages/LandingScreen/InventoryLandingScreen.razor.rz.scp.css */
.landingpage[b-osssc4upp9] {
 /*   margin-top: 23%;*/
    text-align: center;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;

}

.togobuttons[b-osssc4upp9] {
    width: 100px;
    height: 100px;
    border: 6px solid #d9d9d9;
    border-radius: 10px;
    background: #fff;
}
    .togobuttons i[b-osssc4upp9] {
        color: #0C2144 !important;
    }
    .icon[b-osssc4upp9] {
        font-size: 46px;
    }

.label[b-osssc4upp9] {
    font-size: 18px;
    font-weight: 600;
}
.goback[b-osssc4upp9] {
    height: 30px;
    width: 30px;
    border: 0px solid #d9d9d9;
    border-radius: 10px;
    background: #d9d9d9;
    color: #000;
}
.backlabel[b-osssc4upp9]{
    font-size:14px;
}
.backbtn[b-osssc4upp9] {
/*    display:flex;
    flex-direction:column;*/
    text-align:start;
    margin-bottom:15%;
}

@media only screen and (max-width:768px){
  .landingpage[b-osssc4upp9]{
      margin-top:10%;
  }
}
/* /Pages/LandingScreen/LandingScreen.razor.rz.scp.css */
.landingpage[b-ls9anapimh]{
     display:flex;
     justify-content:center;
     align-items:center;
     height:85vh;
     text-align:center;
/*   margin-top:5%;
     margin-bottom:5%;*/
}


.togobuttons[b-ls9anapimh] {
    width: 100px;
    height: 100px;
    border: 6px solid #d9d9d9;
    border-radius: 10px;
    background: #fff;
}
    .togobuttons i[b-ls9anapimh] {
        color: #0C2144 !important;
    }
    .icon[b-ls9anapimh] {
        font-size: 46px;
    }
.label[b-ls9anapimh]{
    font-size:20px;
    font-weight:600;
    margin-bottom:0;
}
.colpad[b-ls9anapimh]{
    padding:5px;
}

@media only screen and (max-width:1200px) {
    .label[b-ls9anapimh]{
        font-size:18px;
    }
}
    @media only screen and (max-width:1024px) {
        .togobuttons[b-ls9anapimh] {
            width: 80px;
            height: 80px;
            border: 6px solid #d9d9d9;
            border-radius: 10px;
            background: #fff;
        }

        .icon[b-ls9anapimh] {
            font-size: 34px;
        }

        .label[b-ls9anapimh] {
            font-size: 16px;
            font-weight: 600;
        }
    }

    @media only screen and (max-width:678px) {
        .togobuttons[b-ls9anapimh] {
            width: 80px;
            height: 80px;
            border: 6px solid #d9d9d9;
            border-radius: 10px;
            background: #fff;
        }

        .icon[b-ls9anapimh] {
            font-size: 34px;
        }

        .label[b-ls9anapimh] {
            font-size: 16px;
            font-weight: 600;
        }
    }

    @media only screen and (max-width:568px) {
        .togobuttons[b-ls9anapimh] {
            width: 80px;
            height: 80px;
            border: 6px solid #d9d9d9;
            border-radius: 10px;
            background: #fff;
        }

        .icon[b-ls9anapimh] {
            font-size: 34px;
        }

        .label[b-ls9anapimh] {
            font-size: 14px;
            font-weight: 600;
        }
    }

    @media only screen and (max-width:500px) {
        .togobuttons[b-ls9anapimh] {
            width: 80px;
            height: 80px;
            border: 6px solid #d9d9d9;
            border-radius: 10px;
            background: #fff;
        }

        .icon[b-ls9anapimh] {
            font-size: 34px;
        }

        .label[b-ls9anapimh] {
            font-size: 14px;
            font-weight: 600;
        }
    }

    @media only screen and (max-width:460px) {
        .togobuttons[b-ls9anapimh] {
            width: 80px;
            height: 80px;
            border: 6px solid #d9d9d9;
            border-radius: 10px;
            background: #fff;
        }

        .icon[b-ls9anapimh] {
            font-size: 32px;
        }

        .label[b-ls9anapimh] {
            font-size: 14px;
            font-weight: 600;
        }
    }

    @media only screen and (max-width:345px) {
        .togobuttons[b-ls9anapimh] {
            width: 50px;
            height: 50px;
            border: 6px solid #d9d9d9;
            border-radius: 10px;
            background: #fff;
        }

        .icon[b-ls9anapimh] {
            font-size: 22px;
        }

        .label[b-ls9anapimh] {
            font-size: 14px;
            font-weight: 600;
        }
    }
/* /Pages/LandingScreen/OverAllSalesLanding.razor.rz.scp.css */
.landingpage[b-6fxgq354oy] {
    /*margin-top: 25%;*/
    height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    text-align: center;
}

.togobuttons[b-6fxgq354oy] {
    width: 100px;
    height: 100px;
    border: 6px solid #d9d9d9;
    border-radius: 10px;
    background: #fff;
}
    .togobuttons i[b-6fxgq354oy] {
        color: #0C2144 !important;
    }
    .icon[b-6fxgq354oy] {
        font-size: 46px;
    }

.label[b-6fxgq354oy] {
    font-size: 20px;
    font-weight: 600;
}
.goback[b-6fxgq354oy] {
    height: 30px;
    width: 30px;
    border: 0px solid #d9d9d9;
    border-radius: 10px;
    background: #d9d9d9;
    color: #000;
}
.backlabel[b-6fxgq354oy]{
    font-size:14px;
}
.backbtn[b-6fxgq354oy] {
/*    display:flex;
    flex-direction:column;*/
    text-align:start;
    margin-bottom:15%;
}

@media only screen and (max-width:768px){
  .landingpage[b-6fxgq354oy]{
      margin-top:10%;
  }
}
/* /Pages/LandingScreen/ProximaReportLandingScreen.razor.rz.scp.css */

.landingpage[b-mefcbqgzmv] {
   /* margin-top: 23%;*/
    text-align: center;
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
}

.togobuttons[b-mefcbqgzmv] {
    width: 100px;
    height: 100px;
    border: 6px solid #d9d9d9;
    border-radius: 10px;
    background: #fff;
}
.togobuttons i[b-mefcbqgzmv] {
    color: #0C2144;
}
    .icon[b-mefcbqgzmv] {
        font-size: 46px;
    }

.label[b-mefcbqgzmv] {
    font-size: 20px;
    font-weight: 600;
}

.goback[b-mefcbqgzmv] {
    height: 30px;
    width: 30px;
    border: 0px solid #d9d9d9;
    border-radius: 10px;
    background: #d9d9d9;
    color: #000;
}

.backlabel[b-mefcbqgzmv] {
    font-size: 14px;
}



@media only screen and (max-width:768px) {
    .landingpage[b-mefcbqgzmv] {
        margin-top: 10%;
    }
}

@media only screen and (max-width:1024px) {
    .togobuttons[b-mefcbqgzmv] {
        width: 90px;
        height: 90px;
        border: 6px solid #d9d9d9;
        border-radius: 10px;
        background: #fff;
    }

    .icon[b-mefcbqgzmv] {
        font-size: 44px;
    }

    .label[b-mefcbqgzmv] {
        font-size: 18px;
        font-weight: 600;
    }
}

@media only screen and (max-width:678px) {
    .togobuttons[b-mefcbqgzmv] {
        width: 90px;
        height: 90px;
        border: 6px solid #d9d9d9;
        border-radius: 10px;
        background: #fff;
    }

    .icon[b-mefcbqgzmv] {
        font-size: 42px;
    }

    .label[b-mefcbqgzmv] {
        font-size: 16px;
        font-weight: 600;
    }
}

@media only screen and (max-width:568px) {
    .togobuttons[b-mefcbqgzmv] {
        width: 90px;
        height: 90px;
        border: 6px solid #d9d9d9;
        border-radius: 10px;
        background: #fff;
    }

    .icon[b-mefcbqgzmv] {
        font-size: 40px;
    }

    .label[b-mefcbqgzmv] {
        font-size: 14px;
        font-weight: 600;
    }
}

@media only screen and (max-width:500px) {
    .togobuttons[b-mefcbqgzmv] {
        width: 80px;
        height: 80px;
        border: 6px solid #d9d9d9;
        border-radius: 10px;
        background: #fff;
    }

    .icon[b-mefcbqgzmv] {
        font-size: 40px;
    }

    .label[b-mefcbqgzmv] {
        font-size: 14px;
        font-weight: 600;
    }
}

@media only screen and (max-width:460px) {
    .togobuttons[b-mefcbqgzmv] {
        width: 100px;
        height: 100px;
        border: 6px solid #d9d9d9;
        border-radius: 10px;
        background: #fff;
    }

    .icon[b-mefcbqgzmv] {
        font-size: 42px;
    }

    .label[b-mefcbqgzmv] {
        font-size: 14px;
        font-weight: 600;
    }
}

@media only screen and (max-width:345px) {
    .togobuttons[b-mefcbqgzmv] {
        width: 100px;
        height: 100px;
        border: 6px solid #d9d9d9;
        border-radius: 10px;
        background: #fff;
    }

    .icon[b-mefcbqgzmv] {
        font-size: 40px;
    }

    .label[b-mefcbqgzmv] {
        font-size: 14px;
        font-weight: 600;
    }
}
/* /Pages/LandingScreen/SettingsLandingScreen.razor.rz.scp.css */

.landingpage[b-rv0qmz447n] {
 /*   margin-top: 23%;*/
    text-align: center;
    height:100vh;
    display:flex;
    /*gap:5%;*/
    justify-content:center;
    align-items:center;
   
}

.togobuttons[b-rv0qmz447n] {
    width: 100px;
    height: 100px;
    border: 6px solid #d9d9d9;
    border-radius: 10px;
    background: #fff;
}
    .togobuttons i[b-rv0qmz447n] {
        color: #0C2144 !important;
    }
.icon[b-rv0qmz447n] {
    font-size: 46px;
}

.label[b-rv0qmz447n] {
    font-size: 20px;
    font-weight: 600;
}

.goback[b-rv0qmz447n] {
    height: 30px;
    width: 30px;
    border: 0px solid #d9d9d9;
    border-radius: 10px;
    background: #d9d9d9;
    color: #000;
}

.backlabel[b-rv0qmz447n] {
    font-size: 14px;
}



@media only screen and (max-width:768px) {
    .landingpage .row[b-rv0qmz447n] {
        margin-top: 50%;
    }
}

@media only screen and (max-width:1024px) {
    .togobuttons[b-rv0qmz447n] {
        width: 90px;
        height: 90px;
        border: 6px solid #d9d9d9;
        border-radius: 10px;
        background: #fff;
    }

    .icon[b-rv0qmz447n] {
        font-size: 44px;
    }

    .label[b-rv0qmz447n] {
        font-size: 18px;
        font-weight: 600;
    }
}

@media only screen and (max-width:678px) {
    .togobuttons[b-rv0qmz447n] {
        width: 90px;
        height: 90px;
        border: 6px solid #d9d9d9;
        border-radius: 10px;
        background: #fff;
    }

    .icon[b-rv0qmz447n] {
        font-size: 42px;
    }

    .label[b-rv0qmz447n] {
        font-size: 16px;
        font-weight: 600;
    }
}

@media only screen and (max-width:568px) {
    .togobuttons[b-rv0qmz447n] {
        width: 90px;
        height: 90px;
        border: 6px solid #d9d9d9;
        border-radius: 10px;
        background: #fff;
    }

    .icon[b-rv0qmz447n] {
        font-size: 40px;
    }

    .label[b-rv0qmz447n] {
        font-size: 14px;
        font-weight: 600;
    }
}

@media only screen and (max-width:500px) {
    .togobuttons[b-rv0qmz447n] {
        width: 80px;
        height: 80px;
        border: 6px solid #d9d9d9;
        border-radius: 10px;
        background: #fff;
    }

    .icon[b-rv0qmz447n] {
        font-size: 40px;
    }

    .label[b-rv0qmz447n] {
        font-size: 14px;
        font-weight: 600;
    }
}

@media only screen and (max-width:460px) {
    .togobuttons[b-rv0qmz447n] {
        width: 100px;
        height: 100px;
        border: 6px solid #d9d9d9;
        border-radius: 10px;
        background: #fff;
    }

    .icon[b-rv0qmz447n] {
        font-size: 42px;
    }

    .label[b-rv0qmz447n] {
        font-size: 14px;
        font-weight: 600;
    }
}

@media only screen and (max-width:345px) {
    .togobuttons[b-rv0qmz447n] {
        width: 100px;
        height: 100px;
        border: 6px solid #d9d9d9;
        border-radius: 10px;
        background: #fff;
    }

    .icon[b-rv0qmz447n] {
        font-size: 40px;
    }

    .label[b-rv0qmz447n] {
        font-size: 14px;
        font-weight: 600;
    }
}
/* /Pages/LandingScreen/SuperLandingScreen.razor.rz.scp.css */
.landingpage[b-k2dpori36y] {
    /*margin-top: 23%;*/
    height:100vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align: center;
}

.togobuttons[b-k2dpori36y] {
    width: 100px;
    height: 100px;
    border: 6px solid #d9d9d9;
    border-radius: 10px;
    background: #fff;
}
    .togobuttons i[b-k2dpori36y] {
        color: #0C2144 !important;
    }
    .icon[b-k2dpori36y] {
        font-size: 46px;
    }

.label[b-k2dpori36y] {
    font-size: 20px;
    font-weight: 600;
}
.goback[b-k2dpori36y] {
    height: 30px;
    width: 30px;
    border: 0px solid #d9d9d9;
    border-radius: 10px;
    background: #d9d9d9;
    color: #000;
}
.backlabel[b-k2dpori36y]{
    font-size:14px;
}
.backbtn[b-k2dpori36y] {
/*    display:flex;
    flex-direction:column;*/
    text-align:start;
    margin-bottom:15%;
}

@media only screen and (max-width:768px){
  .landingpage[b-k2dpori36y]{
      margin-top:10%;
  }
}
/* /Pages/Login.razor.rz.scp.css */
.login-container[b-dpq3uruizk] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #f5f7fa;
}

.logincard[b-dpq3uruizk] {
    width: 100%;
    max-width: 400px;
    padding: 2rem;
    border: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    background-color: white;
    border-radius: 12px;
}

.iconandbox[b-dpq3uruizk] {
    display: flex;
    position: relative;
    margin: 15px 0;
}

.inputbox[b-dpq3uruizk] {
    border: none;
    background-color: #f0f2f5 !important;
    width: 80%;
    height: 50px;
    border-radius: 0 8px 8px 0;
    padding: 0 15px;
    font-size: 14px;
    border: 1px solid #e0e0e0;
    border-left: none;
    margin:0;
}

input.inputbox[b-dpq3uruizk] {
    background-color: #f0f2f5 !important;
}

input.inputbox:focus[b-dpq3uruizk], 
input.inputbox:active[b-dpq3uruizk] {
    outline: none;
    border-color: #b0b0b0;
    background-color: #f0f2f5 !important;
    box-shadow: none;
}

input.inputbox:-webkit-autofill[b-dpq3uruizk],
input.inputbox:-webkit-autofill:hover[b-dpq3uruizk],
input.inputbox:-webkit-autofill:focus[b-dpq3uruizk] {
    -webkit-box-shadow: 0 0 0px 1000px #f0f2f5 inset !important;
    -webkit-text-fill-color: #333 !important;
    transition: background-color 5000s ease-in-out 0s;
}

.card-body[b-dpq3uruizk] {
    padding: 1rem 0;
}

.ProximaLogoDiv[b-dpq3uruizk] {
    text-align: center;
    margin-bottom: 20px;
}

.ProximaLogoDiv img[b-dpq3uruizk] {
    width: 85%;
    max-width: 220px;
}

.error-container[b-dpq3uruizk] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    color: #e74c3c;
    background-color: #fde8e7;
    padding: 10px;
    border-radius: 6px;
}

.error-container i[b-dpq3uruizk] {
    margin-right: 8px;
    font-size: 16px;
}

.Errormessage[b-dpq3uruizk] {
    font-size: 14px;
    font-weight: 500;
    color: #e74c3c;
}

.password-toggle[b-dpq3uruizk] {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    color: #666;
    font-size: 16px;
    z-index: 10;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.password-toggle:hover[b-dpq3uruizk] {
    color: #082248;
}

.card-footer[b-dpq3uruizk] {
    border: none;
    padding-top: 0;
}

.iconbox[b-dpq3uruizk] {
    border-radius: 8px 0 0 8px;
    background-color: #082248;
    border: none;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.iconbox img[b-dpq3uruizk] {
    width: 20px;
    height: 20px;
    filter: brightness(0) invert(1);
}

.loginbutton[b-dpq3uruizk] {
    width: 100%;
    margin-top: 20px;
    border-radius: 8px;
    background-color: #082248;
    color: #ffffff;
    border: none;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    transition: background-color 0.2s;
}

.loginbutton:hover[b-dpq3uruizk] {
    background-color: #0a2e5f;
}

.loginbutton:disabled[b-dpq3uruizk] {
    background-color: #8da6c9;
    cursor: not-allowed;
}

/* Loading spinner animation */
.loading-button[b-dpq3uruizk] {
    position: relative;
    pointer-events: none;
}

.loading-button[b-dpq3uruizk]::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    animation: spin-b-dpq3uruizk 0.8s infinite linear;
}

@keyframes spin-b-dpq3uruizk {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 480px) {
    .login-container[b-dpq3uruizk] {
        padding: 10px;
    }
    
    .logincard[b-dpq3uruizk] {
        padding: 1.25rem;
    }
    
    .card-body[b-dpq3uruizk] {
        padding: 0.75rem 0;
    }
    
    .card-footer[b-dpq3uruizk] {
        padding: 0.5rem 0;
    }
    
    .iconbox[b-dpq3uruizk], .inputbox[b-dpq3uruizk] {
        height: 46px;
    }
    
    .loginbutton[b-dpq3uruizk] {
        height: 46px;
    }
}
/* /Pages/Module.razor.rz.scp.css */



.modulepage[b-bq18h17fhs] {
    margin-top: 4%;
}

.modulebtn[b-bq18h17fhs] {
    background-color: #082248;
    color: #fff;
    border: none;
    height: 35px;
    width: 25%;
    border-radius: 10px;
}

.searchlinegroup[b-bq18h17fhs] {
    margin-top: 3%;
}

.textshow[b-bq18h17fhs] {
    font-size: 16px;
    margin-right: 5px;
}

.showentries[b-bq18h17fhs] {
    width: 50px;
    background-color: #efefef;
    border: none;
    border-radius: 5px;
    margin-right: 15px;
}

.selecttext[b-bq18h17fhs] {
    font-size: 16px;
    margin-right: 10px;
}

.selectmodule[b-bq18h17fhs] {
    background-color: #efefef;
    width: 100px;
    height: 30px;
    border: none;
    border-radius: 5px;
}

.searchtext[b-bq18h17fhs] {
    font-size: 16px;
}

.searchinput[b-bq18h17fhs] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    height: 30px;
    width: 200px;
}



.tablediv[b-bq18h17fhs] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    margin-top: 2%;
    margin-bottom:2%;
}

.table .th1[b-bq18h17fhs] {
    border-radius: 10px 0 0 0;
}

.table .th6[b-bq18h17fhs] {
    border-radius: 0 10px 0 0;
    text-align: center;
}

.table th[b-bq18h17fhs] {
    background-color: #dcdfe8;
    color: #110a57;
    font-size: 16px;
    font-weight: 500;
}
/* /Pages/Organization.razor.rz.scp.css */
.organizationpage[b-r8mqvsei8m]{
    margin-top:4%;
}
.addorganizationbtn[b-r8mqvsei8m] {
    background-color: #082248;
    color: #fff;
    border: none;
    height: 35px;
    width: 25%;
    border-radius: 10px;
}

.searchlinegroup[b-r8mqvsei8m] {
    margin-top: 3%;
}

.textshow[b-r8mqvsei8m] {
    font-size: 16px;
    margin-right: 5px;
}

.showentries[b-r8mqvsei8m] {
    width: 50px;
    background-color: #efefef;
    border: none;
    border-radius: 5px;
    margin-right: 15px;
}

.selecttext[b-r8mqvsei8m] {
    font-size: 16px;
    margin-right: 10px;
}

.selectorganization[b-r8mqvsei8m] {
    background-color: #efefef;
    width: 120px;
    height: 30px;
    border: none;
    border-radius: 5px;
}

.searchtext[b-r8mqvsei8m] {
    font-size: 16px;
}

.searchinput[b-r8mqvsei8m] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    height: 30px;
    width: 200px;
}



.tablediv[b-r8mqvsei8m] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    margin-top: 2%;
    margin-bottom: 2%;
}

.table .th1[b-r8mqvsei8m] {
    border-radius: 10px 0 0 0;
}

.table .th6[b-r8mqvsei8m] {
    border-radius: 0 10px 0 0;
    text-align: center;
}

.table th[b-r8mqvsei8m] {
    background-color: #dcdfe8;
    color: #110a57;
    font-size: 16px;
    font-weight: 500;
}
/* /Pages/Product.razor.rz.scp.css */


.jscenter[b-qvnh86m3jw]{
    display:flex;
    align-items:center;
    gap:5%;
}
.searchdiv[b-qvnh86m3jw] {
    display: flex;
    gap: 1%;
}
.searchboxtwo[b-qvnh86m3jw]{
    display:flex;
}
.custom-popover[b-qvnh86m3jw]{
    cursor:pointer;
}
.inputsearch[b-qvnh86m3jw] {
    padding: 10px 20px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    background-color: #ECECEB;
    width: 300px;
    height: 45px;
}

.searchbutton[b-qvnh86m3jw] {
    border: none;
    border-radius: 0 10px 10px 0;
    background-color: #0C2144;
    color: #ffffff;
    width: 45px;
    height: 45px;
}

.toppart[b-qvnh86m3jw] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.topheading[b-qvnh86m3jw] {
    font-size: 36px;
    font-weight: 300;
}

.addcatogerybtn[b-qvnh86m3jw] {
    border: none;
    border-radius: 10px;
    background-color: #ABBFE0;
    color: #000000;
    height: 50px;
    width: 35%;
    font-size: 22px;
    font-weight: 400;
}

.buttonadd[b-qvnh86m3jw] {
    text-align: end;
}


.buttonbox[b-qvnh86m3jw] {
    display: flex;
}

.searchbutton2[b-qvnh86m3jw] {
    height: 4vh;
    margin-top: 0.5vh;
    background-color: #d9d9d9;
}

.clearbutton[b-qvnh86m3jw] {
    background-color: var(--color-trashbutton);
    color: var(--color-white);
    height: 45px;
    width: 45px;
    padding: 10px;
    font-size: 22px;
    line-height: 0;
    border: none;
    border-radius: 10px;
    margin-left: 10px;
}


.required[b-qvnh86m3jw] {
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 500;
    margin-top: 1vh;
}







.filterby[b-qvnh86m3jw], .textshow[b-qvnh86m3jw], .selecttext[b-qvnh86m3jw], .searchtext[b-qvnh86m3jw] {
    font-size: 16px;
}

.searchtext[b-qvnh86m3jw] {
    margin-left: 14vw;
    margin-right: -3px;
}

.filterby[b-qvnh86m3jw] {
    font-weight: 500;
    margin-top: 3.5vh;
}
.delete-product-btn[b-qvnh86m3jw] {
    background-color: #AD2D1E;
    border: none;
    color: #fff;
    padding: 5px 10px;
    border-radius: 8px;
}

    .delete-product-btn:hover[b-qvnh86m3jw] {
        opacity: 0.8;
    }

.form-control-sm[b-qvnh86m3jw] {
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 4px;
}



.hov-input-table[b-qvnh86m3jw] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    border: 1px solid #EFF0F6;
}

tbody tr:nth-child(even)[b-qvnh86m3jw] {
    background-color: #fff !important;
}
.table thead[b-qvnh86m3jw] {
 /*   border-bottom: 2px solid #dcdcdc !important;*/
}

.filter-section[b-qvnh86m3jw], .showentries[b-qvnh86m3jw] {
    border: none;
}

.form-select[b-qvnh86m3jw], .showentries[b-qvnh86m3jw], .selectcompany[b-qvnh86m3jw] {
    border-radius: 5px;
}

.selectcompany[b-qvnh86m3jw] {
    background-color: #d9d9d9;
    border: none;
}

.form-select[b-qvnh86m3jw] {
    width: 15vw;
    margin-left: -5vw;
    height: 5vh;
}

.addproductbtn[b-qvnh86m3jw] {
    height: 35px;
    width: 25%;
    border: none;
    border-radius: 10px;
    background-color: var(--our--commonblue-color);
    color: #fff;
}

.modalsize[b-qvnh86m3jw] {
    height: 30%;
}

.searchlinegroup[b-qvnh86m3jw] {
    margin-top: 2%;
}


.searchinput[b-qvnh86m3jw] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    width: 200px;
    height: 30px;
    margin-top: 0.5vh;
    margin-right: -6vw;
}


.form-label[b-qvnh86m3jw] {
    font-size: 18px;
    text-transform: capitalize;
}

.tablediv[b-qvnh86m3jw] {
    margin-top: 2%;
}

.table[b-qvnh86m3jw] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border: 2px solid #dcdcdc;
    border-radius: 10px;
}




    .table th[b-qvnh86m3jw], .table td[b-qvnh86m3jw] {
        font-size: 16px;
        font-weight: 400;
    }

    .table .th1[b-qvnh86m3jw] {
        border-radius: 10px 0 0 10px;
    }

    .table .th6[b-qvnh86m3jw] {
        border-radius: 0 10px 10px 0;
    }

thead[b-qvnh86m3jw] {
    border: none;
}




.table tbody[b-qvnh86m3jw] {
    display: block;
    max-height: 50vh;
    overflow-y: scroll;
    border: 1px solid #fff;
    border-radius: 5px;
    border-top: none;
    table-layout: fixed;
}

    .table thead[b-qvnh86m3jw], .table tbody tr[b-qvnh86m3jw] {
        display: table;
        width: 100%;
    }

        .table tbody tr:nth-child(odd)[b-qvnh86m3jw] {
            background-color: red;
        }

[b-qvnh86m3jw]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-qvnh86m3jw]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}

.table .productimage[b-qvnh86m3jw] {
    height: 40px;
    width: 40px;
    border-radius: 10px;
    margin-top: 1vh;
}


.table .actionicons .fa-trash[b-qvnh86m3jw] {
    color: red;
}

.table .actionicons[b-qvnh86m3jw] {
    font-size: 22px;
}

.actionicons[b-qvnh86m3jw]{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:2rem !important;
    padding:15px;

}
.colorpalettteicon[b-qvnh86m3jw] {
    color: #fff;
    margin-top: 30%;
    font-size: 16px;
}

    .colorpalettteicon:hover[b-qvnh86m3jw] {
        color: #d9d9d9;
    }

.selected-color-box[b-qvnh86m3jw] {
    width: 3vw;
    height: 6vh;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #000;
}

.SelectColorButton:hover[b-qvnh86m3jw] {
    background-color: #d1d1d1;
}

.color-palette[b-qvnh86m3jw] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(20px, auto);
}

.color-option[b-qvnh86m3jw] {
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.3s;
}

.colorpaletterow[b-qvnh86m3jw] {
}

.modalDialogColorPalette[b-qvnh86m3jw] {
    margin-top: 10%;
    height: 55vh;
}

.color-option:hover[b-qvnh86m3jw] {
    border: 3px solid #000;
}

.color-option i[b-qvnh86m3jw] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 20px;
}

.CategorySelect[b-qvnh86m3jw] {
    height: 7vh;
    border: none;
    border-radius: 10px 0 0 10px;
    width: 12vw;
    background-color: #d9d9d9;
    padding:10px;
}

.switch[b-qvnh86m3jw] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input[b-qvnh86m3jw] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-qvnh86m3jw] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider[b-qvnh86m3jw]:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-qvnh86m3jw] {
    background-color: #2196F3;
}

input:focus + .slider[b-qvnh86m3jw] {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider[b-qvnh86m3jw]:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round[b-qvnh86m3jw] {
    border-radius: 34px;
}

    .slider.round[b-qvnh86m3jw]:before {
        border-radius: 50%;
    }




.something[b-qvnh86m3jw] {
    display: flex;
    gap: 5%;
}

.somethingtwo[b-qvnh86m3jw] {
    line-height: 1;
}
                            
.actbtn[b-qvnh86m3jw] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 5vh;
    border: none;
    border-radius: 10px;
    background-color: #14AD5A;
    cursor: pointer;
}
    
.tablediv[b-qvnh86m3jw] {
    border-radius: 10px !important;
}

.backbtn[b-qvnh86m3jw] {
    /*    display:flex;
    flex-direction:column;*/
    text-align: start;
    margin-bottom: 15%;
}


/* modal design  */

/*.form-row {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group {
    flex: 1;
}
.form-section {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}
.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    color: #34495e;
    font-weight: 500;
    font-size: 0.9rem;
}

.hov-input::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

.add-product-row, .save-product {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
}
    .add-product-row:hover, .save-product:hover {
        background-color: #0C2144;
        color: #fff;
    }
.btnandin{
    display:flex;
    gap:2%;
}
.form-row-table{
    display:flex;
    flex-direction:column;
    gap:1%;
}
.form-group-table{
    width:100%;

}

.add-product-row {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
}

    .add-product-row:hover {
        background-color: #0C2144;
        color: #fff;
    }
.add-inventory {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 0.9rem;
    width:100%;


}
    .add-inventory:hover {
        background-color: #0C2144;
        color: #fff;
    }*/

.items-table[b-qvnh86m3jw] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 1rem;
    background: white;
    border-radius: 8px;
    overflow: visible !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    border:none;
}

    .items-table th[b-qvnh86m3jw] {
        padding: 1rem;
        text-align: left;
        font-weight: 600;
        color: #2c3e50;
        font-size: 0.9rem;
        border-bottom: 1px solid #dee2e6;
    }

    .items-table td[b-qvnh86m3jw] {
        padding: 0.875rem 1rem;
        border-bottom: 1px solid #eee;
        vertical-align: middle;
        position: relative;
        overflow: visible !important;
    }

    .items-table tr:last-child td[b-qvnh86m3jw] {
        border-bottom: none;
    }



[b-qvnh86m3jw] .blazored-typeahead {
    border: none;
    background: transparent;
    position: relative;
    width: 100%;
}

[b-qvnh86m3jw] .blazored-typeahead__controls {
    position: relative;
    width: 100%;
}

[b-qvnh86m3jw] .typeishead .blazored-typeahead {
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}
[b-qvnh86m3jw] .typeishead .blazored-typeahead__clear{
    padding:.9rem;
}

    :: deep .typeishead .blazored-typeahead:hover[b-qvnh86m3jw] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

[b-qvnh86m3jw] .blazored-typeahead__input {
    width: 100%;
    padding: 0.9rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    background: white;
    transition: border-color 0.2s;
}

    [b-qvnh86m3jw] .blazored-typeahead__input:focus {
        border-color: #3498db;
        outline: none;
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
    }

[b-qvnh86m3jw] .blazored-typeahead__result {
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

    [b-qvnh86m3jw] .blazored-typeahead__result:hover {
        background-color: #e3f2fd;
        color: #1565c0;
    }

[b-qvnh86m3jw] .blazored-typeahead__active-item {
    background-color: #1976d2 !important;
    color: white !important;
}

[b-qvnh86m3jw] .blazored-typeahead__selected-item {
    background-color: #e3f2fd;
    color: #1565c0;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    margin: 0.25rem;
    display: inline-block;
    border: 1px solid #bbdefb;
}

[b-qvnh86m3jw] .blazored-typeahead__selected-item-close {
    margin-left: 0.5rem;
    cursor: pointer;
    color: #1565c0;
}

    [b-qvnh86m3jw] .blazored-typeahead__selected-item-close:hover {
        color: #d32f2f;
    }

[b-qvnh86m3jw] .blazored-typeahead__loader {
    padding: 0.5rem 1rem;
    text-align: center;
    color: #666;
}

[b-qvnh86m3jw] .blazored-typeahead__no-results {
    padding: 0.5rem 1rem;
    color: #666;
    font-style: italic;
}
[b-qvnh86m3jw].blazored-typeahead__clear {
    width: 40px;
    display: flex;
    padding: 0.9rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: rgb(219, 219, 219);
}
.blazored-typeahead__clear[b-qvnh86m3jw] {
    width: 40px;
    display: flex;
    padding: .9rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #dbdbdb;
}

@media screen and (min-width: 1920px) {
    .categorypage[b-qvnh86m3jw] {
        margin-top: 4%;
    }

    .tablediv tbody[b-qvnh86m3jw] {
        max-height: 52vh;
    }

    .topheading[b-qvnh86m3jw] {
        font-size: 50px;
    }

    .addcatogerybtn[b-qvnh86m3jw] {
        font-size: 28px;
        height: 7vh;
    }

    .inputsearch[b-qvnh86m3jw] {
        height: 7vh;
        width: 30vw;
        font-size: 28px;

    }


    .searchbutton[b-qvnh86m3jw] {
        height: 7vh;
        width: 3.5vw;
    }

    .tablediv thead th[b-qvnh86m3jw] {
        font-size: 28px;
    }

    .searchbutton i[b-qvnh86m3jw] {
        font-size: 34px;
    }

    .tablediv tbody[b-qvnh86m3jw]{
        max-height:50vh;
    }


    .table td[b-qvnh86m3jw] {
        height: 3vw;
        font-size: 24px;
    }


    .selecttext[b-qvnh86m3jw] {
        font-size: 24px;
    }

    .selectcompany[b-qvnh86m3jw] {
        font-size: 22px;
        padding: 5px;
    }

    pagination[b-qvnh86m3jw] {
        width: 100%;
    }

    .page-link[b-qvnh86m3jw] {
        font-size: 28px;
    }

    .actbtn[b-qvnh86m3jw] {
        border-radius: 10px;
    }

    .actionicon i[b-qvnh86m3jw] {
        font-size: 30px;
    }
}



@media screen and (max-width: 1919px) {
   
    .tablediv tbody[b-qvnh86m3jw] {
        max-height: 50vh;
    }

    .topheading[b-qvnh86m3jw] {
        font-size: 40px;
    }

    .addcatogerybtn[b-qvnh86m3jw] {
        font-size: 24px;
        height: 8vh;
    }

    .inputsearch[b-qvnh86m3jw] {
        height: 7vh;
        width: 30vw;
        font-size: 28px;
    }

    .searchbutton[b-qvnh86m3jw] {
        height: 7vh;
        width: 3.5vw;
    }

        .searchbutton i[b-qvnh86m3jw] {
            font-size: 28px;
        }

    .tablediv thead th[b-qvnh86m3jw] {
        font-size: 24px;
    }


    .table td[b-qvnh86m3jw] {
        font-size: 22px;
    }

    .selecttext[b-qvnh86m3jw] {
        font-size: 22px;
    }

    .selectcompany[b-qvnh86m3jw] {
        font-size: 22px;
    }

    .tablediv tbody[b-qvnh86m3jw] {
        max-height: 50vh;
    }

    .page-link[b-qvnh86m3jw] {
        font-size: 22px;
    }

    .selectcompany[b-qvnh86m3jw] {
        font-size: 22px;
    }
}

@media screen and (max-width: 1700px) {


    .topheading[b-qvnh86m3jw] {
        font-size: 35px;
    }

    .addcatogerybtn[b-qvnh86m3jw] {
        font-size: 22px;
        height: 7vh;
    }

    .inputsearch[b-qvnh86m3jw] {
        height: 7vh;
        width: 30vw;
        font-size: 24px;
    }

    .searchbutton[b-qvnh86m3jw] {
        height: 7vh;
        width: 3.5vw;
    }

        .searchbutton i[b-qvnh86m3jw] {
            font-size: 22px;
        }

    .tablediv thead th[b-qvnh86m3jw], .selectcompany[b-qvnh86m3jw] {
        font-size: 20px;
    }


    .table td[b-qvnh86m3jw], .selecttext[b-qvnh86m3jw] {
        font-size: 18px;
    }
}

@media screen and (max-width: 1500px) {


    .topheading[b-qvnh86m3jw] {
        font-size: 30px;
    }

    .addcatogerybtn[b-qvnh86m3jw] {
        font-size: 20px;
        height: 7vh;
    }

    .inputsearch[b-qvnh86m3jw] {
        height: 7vh;
        width: 30vw;
        font-size: 22px;
    }

    .searchbutton[b-qvnh86m3jw] {
        height: 7vh;
        width: 3.5vw;
    }

        .searchbutton i[b-qvnh86m3jw] {
            font-size: 20px;
        }

    .tablediv thead th[b-qvnh86m3jw], .selectcompany[b-qvnh86m3jw] {
        font-size: 18px;
    }


    .table td[b-qvnh86m3jw], .selecttext[b-qvnh86m3jw] {
        font-size: 16px;
    }
}

@media screen and (max-width: 1440px) {
    

    .topheading[b-qvnh86m3jw] {
        font-size: 36px;
        font-weight: 300;
    }

    .addcatogerybtn[b-qvnh86m3jw] {
        font-size: 18px;
        font-weight: 400;
        height: 50px;
        width: 35%;
    }

    .inputsearch[b-qvnh86m3jw] {
        width: 30vw;
        height: 7vh;
        font-size: 22px;
    }

    .searchbutton[b-qvnh86m3jw] {
        width: 3.5vw;
        height: 7vh;
        font-size: 22px;
    }

        .searchbutton i[b-qvnh86m3jw] {
        }

    .tablediv thead th[b-qvnh86m3jw] {
        font-size: 16px;
        font-weight: 500;
    }

    .tablediv tbody[b-qvnh86m3jw] {
        max-height: 50vh;
    }

    .colorbg[b-qvnh86m3jw] {
        height: 40px;
        width: 40px;
    }

    .selecttext[b-qvnh86m3jw] {
        font-size: 16px;
    }

    .selectcompany[b-qvnh86m3jw] {
        width: 3vw;
        height: 4vh;
    }

    .page-link[b-qvnh86m3jw] {
        font-size: 18px;
    }

    .selectcompany[b-qvnh86m3jw] {
        font-size: 18px;
    }
}


@media screen and (max-width: 1260px) {
    .addcatogerybtn[b-qvnh86m3jw] {
        /*  width: 40%;*/
        font-size: 18px;
    }
/*    .productpage{
        margin-top:2%;
    }*/
    .inputsearch[b-qvnh86m3jw] {
        width: 30vw;
    }

    .tablediv tbody[b-qvnh86m3jw] {
        max-height: 48vh;
    }

    .searchbutton[b-qvnh86m3jw] {
        width: 4vw;
    }

    .inputsearch[b-qvnh86m3jw] {
        font-size: 18px;
    }

    .page-link[b-qvnh86m3jw] {
        font-size: 12px;
    }

    .selectcompany[b-qvnh86m3jw] {
        font-size: 12px;
    }
}


@media screen and (max-width: 1235px) {
    
    .addcatogerybtn[b-qvnh86m3jw] {
        font-size: 16px;
    }

    .selectcompany[b-qvnh86m3jw] {
        height: 4vh;
        width: 4vw;
    }
}


@media screen and (max-width: 1115px) {
 
    .addcatogerybtn[b-qvnh86m3jw] {
        font-size: 15px;
    }

    .searchbutton[b-qvnh86m3jw] {
        width: 4vw;
    }
}

@media screen and (max-width: 1056px) {
    .addcatogerybtn[b-qvnh86m3jw] {
        width: 36%;
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
   

    .inputsearch[b-qvnh86m3jw] {
        width: 300px;
        font-size:16px;
    }

    .searchbutton[b-qvnh86m3jw] {
        width: 4.5vw;
    }

    .addcatogerybtn[b-qvnh86m3jw] {
        font-size: 14px;
        height:45px;
    }

    .topheading[b-qvnh86m3jw] {
        font-size: 32px;
        font-weight: 300;
    }

    .page-link[b-qvnh86m3jw] {
        font-size: 12px;
    }

    .selectcompany[b-qvnh86m3jw] {
        font-size: 12px;
    }

    .actbtn[b-qvnh86m3jw] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 35px;
        border: none;
        border-radius: 10px;
        background-color: #14AD5A;
        cursor: pointer;
    }

    .actionicons i[b-qvnh86m3jw] {
        font-size: 20px;
    }

    .tablediv tbody[b-qvnh86m3jw] {
        font-weight: 300;
    }
    .CategorySelect[b-qvnh86m3jw]{
        font-size:14px;
    }
    .table tbody[b-qvnh86m3jw]{
        font-size:12px;
    }
}

@media screen and (max-width: 986px) {
  
    .CategorySelect[b-qvnh86m3jw]{
        height:6.5vh;
    }
    .inputsearch[b-qvnh86m3jw] {
        width: 30vw;
        height: 6.5vh;
    }

    .searchbutton[b-qvnh86m3jw] {
      /*  width:;*/
        height: 6.5vh;
    }

    .addcatogerybtn[b-qvnh86m3jw] {
        font-size: 14px;
        height: 45px;
    }

    .page-link[b-qvnh86m3jw] {
        padding: 5px 8px;
    }

    .tablediv tbody[b-qvnh86m3jw] {
        height: 47vh;
    }

    .table td[b-qvnh86m3jw] {
        font-size: 14px;
    }

    .actbtn[b-qvnh86m3jw] {
        height: 35px;
    }

    .actionicons i[b-qvnh86m3jw] {
        font-size: 16px;
    }
    .actbtn[b-qvnh86m3jw]{
        width:60%;
    }
}

@media screen and (max-width: 955px) {
    .addcatogerybtn[b-qvnh86m3jw] {
        width: 40%;
    }

    .selectcompany[b-qvnh86m3jw] {
        height: 4.5vh;
        width: 4.5vw;
    }
}

@media screen and (max-width: 866px) {
   
    .topheading[b-qvnh86m3jw] {
        font-size: 30px;
    }

    .inputsearch[b-qvnh86m3jw] {
        width: 250px;
        height: 35px;
        font-size:14px;
    }
    .tablediv tbody[b-qvnh86m3jw]{
        height:47vh;
    }
    .addcatogerybtn[b-qvnh86m3jw] {
        width: 45%;
        font-size: 14px;
    }
    .tablediv thead th[b-qvnh86m3jw]{
        font-size:14px;
    }

    .searchbutton[b-qvnh86m3jw] {
        height:35px;
        width: 5vw;
    }
    .searchbutton i[b-qvnh86m3jw]{
        font-size:18px;
    }
    .selectcompany[b-qvnh86m3jw] {
        height: 4.5vh;
        width: 5vw;
    }
    .CategorySelect[b-qvnh86m3jw]{
        height:35px;
        padding:5px;
        font-size:12px;
    }
}

@media screen and (max-width: 790px) {
    .addcatogerybtn[b-qvnh86m3jw] {
        line-height: 1;
        height: 40px;
        width: 45%;
    }

    .actbtn[b-qvnh86m3jw] {
        width: 70%;
    }

    .tablediv thead th[b-qvnh86m3jw] {
        font-size: 14px;
    }
}

@media screen and (max-width: 775px) {

    .addcatogerybtn[b-qvnh86m3jw] {
        width: 50%;
    }

    .selectcompany[b-qvnh86m3jw] {
        height: 4.5vh;
        width: 5.5vw;
        font-size: 12px;
    }

}





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

    .topheading[b-qvnh86m3jw] {
        font-size: 26px;
    }

    .addcatogerybtn[b-qvnh86m3jw] {
        width: 50%;
        font-size: 14px;
        height:40px;
        font-weight: 300;
    }

    .searchbox .inputsearch[b-qvnh86m3jw] {
        width: 250px;
        height: 35px;
    }

    .searchbutton[b-qvnh86m3jw] {
        height: 35px;
    }

    .tablediv tbody[b-qvnh86m3jw] {
        max-height: 48vh;
    }

    .tablediv[b-qvnh86m3jw] {
        margin-top: 3%;
    }

    .table thead th[b-qvnh86m3jw] {
        font-size: 14px;
    }

    .table td[b-qvnh86m3jw]{
        font-size: 12px;
    }

        .table thead[b-qvnh86m3jw] {
            font-size: 12px;
        }

    .selecttext[b-qvnh86m3jw] {
    }

    .page-link[b-qvnh86m3jw] {
        padding: 5px 8px;
    }

    .page-link[b-qvnh86m3jw] {
        font-size: 12px;
    }

    .selectcompany[b-qvnh86m3jw] {
        font-size: 12px;
    }

    .tablediv tbody[b-qvnh86m3jw] {
        font-weight: 300;
    }
    .CategorySelect[b-qvnh86m3jw] {
        height: 35px;
    }
    .actbtn[b-qvnh86m3jw] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70%;
        height: 30px;
        border: none;
        border-radius: 10px;
        background-color: #14AD5A;
        cursor: pointer;
    }

/*Modal Form*/
.form-label[b-qvnh86m3jw]{
    font-size:16px;
}
.form-control[b-qvnh86m3jw]{
    font-size:16px;
}
.jscenter[b-qvnh86m3jw]{
    font-size:16px;
    display:flex;
    flex-direction:column;
    align-items:start;
    gap:0;
}

    .switch[b-qvnh86m3jw] {
        display:flex;
        flex-direction:row;
    }

}
@media screen and (max-width: 772px) {
    .tablediv thead th[b-qvnh86m3jw] {
        font-size: 12px;
    }
}

@media screen and (max-width: 700px) {
    .addcatogerybtn[b-qvnh86m3jw] {
        font-size: 14px;
        width: 50%;
        font-weight: 300;
        height: 40px;
    }

    .CategorySelect[b-qvnh86m3jw] {
        height: 35px;
    }

    .selectcompany[b-qvnh86m3jw] {
        height:30px;
        width: 7.5vw;
        margin-bottom:10px;
    }
    .actbtn[b-qvnh86m3jw]{
        width:80%;
    }
}


@media screen and (max-width: 683px) {
    .addcatogerybtn[b-qvnh86m3jw] {
        width: 60%;
    }
}

@media screen and (max-width: 640px) {
   

    .topheading[b-qvnh86m3jw] {
        font-size: 24px;
    }

    .tablediv tbody[b-qvnh86m3jw] {
        max-height: 48vh;
    }

    .page-link[b-qvnh86m3jw] {
        padding: 5px 8px;
    }

    .inputsearch[b-qvnh86m3jw] {
        width: 230px;
    }

    .selectcompany[b-qvnh86m3jw] {
        height: 30px;
        width: 55px;
    }

    .addcatogerybtn[b-qvnh86m3jw] {
        width: 55%;
    }
    .actionicons i[b-qvnh86m3jw]{
        font-size:12px;
    }
    .table thead th[b-qvnh86m3jw] {
        font-size: 12px;
    }

    .table td[b-qvnh86m3jw]{
        font-size: 10px;
    }

}

@media screen and (max-width: 627px) {
    .addcatogerybtn[b-qvnh86m3jw] {
        width: 65%;
    }
}



@media only screen and (max-width:568px) {
    .table thead th[b-qvnh86m3jw] {
        font-size: 12px;
    }

    .table[b-qvnh86m3jw] {
        font-size: 10px;
    }

        .table thead[b-qvnh86m3jw] {
            font-size: 10px;
        }

    .actbtn[b-qvnh86m3jw] {
        width: 80%;
        height: 30px;
    }

    .addcatogerybtn[b-qvnh86m3jw] {
        height: 35px;
        width: 70%;
    }

    .searchbutton i[b-qvnh86m3jw] {
        font-size: 16px;
    }
    .table thead th[b-qvnh86m3jw] {
        font-size: 11px;
    }

    .table td[b-qvnh86m3jw] {
        font-size: 10px;
    }
    .actionicons i[b-qvnh86m3jw]{
        padding:0 2px;
    }
    /*Modal Form*/
    .form-label[b-qvnh86m3jw] {
        font-size: 15px;
    }

    .form-control[b-qvnh86m3jw] {
        font-size: 15px;
    }

    .jscenter[b-qvnh86m3jw] {
        font-size: 15px;
    }




    /**/
}
@media only screen and (max-width:500px) {

    /*Modal Form*/
    .form-label[b-qvnh86m3jw] {
        font-size: 14px;
    }

    .form-control[b-qvnh86m3jw] {
        font-size: 14px;
        padding:5px 8px;
    }

    .jscenter[b-qvnh86m3jw] {
        font-size: 14px;
        padding: 0 0 0 15px;
    }
    .jc[b-qvnh86m3jw] {
        padding: 0 ;
    }
    .lastbox[b-qvnh86m3jw]{
        padding:0 15px 0 5px ;
    }
    .slider[b-qvnh86m3jw]:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .switch[b-qvnh86m3jw]{
        width:55px;
        height:30px;
    }

    /**/
}

    @media only screen and (max-width:480px) {
   

        .actionicons i[b-qvnh86m3jw] {
            font-size: 11px;
            padding: 0 1px;
        }
    }

    .actionicons i[b-qvnh86m3jw] {
        padding: 0 5px;
    }

@media only screen and (max-width:450px) {
    /*Modal Form*/
    .form-label[b-qvnh86m3jw] {
        font-size: 14px;
    }

    .form-control[b-qvnh86m3jw] {
        font-size: 14px;
        padding: 5px 8px;
    }

    .jscenter[b-qvnh86m3jw] {
        font-size: 13px;
        padding: 0 0 0 15px;
    }

    .jc[b-qvnh86m3jw] {
        padding: 0;
    }

    .lastbox[b-qvnh86m3jw] {
        padding: 0 15px 0 5px;
    }

    .slider[b-qvnh86m3jw]:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .switch[b-qvnh86m3jw] {
        width: 55px;
        height: 30px;
    }
    /**/
}
    @media only screen and (max-width:390px) {
        /*Modal Form*/
        .form-label[b-qvnh86m3jw] {
            font-size: 13px;
        }

        .form-control[b-qvnh86m3jw] {
            font-size: 13px;
            padding: 5px 8px;
        }

        .jscenter[b-qvnh86m3jw] {
            font-size: 12px;
            padding: 0 0 0 15px;
        }

        .jc[b-qvnh86m3jw] {
            padding: 0;
        }

        .lastbox[b-qvnh86m3jw] {
            padding: 0 15px 0 5px;
        }

        .slider[b-qvnh86m3jw]:before {
            position: absolute;
            content: "";
            height: 22px;
            width: 22px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .switch[b-qvnh86m3jw] {
            width: 55px;
            height: 30px;
        }
        /**/

    }



.color-palette[b-qvnh86m3jw] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.color-option[b-qvnh86m3jw] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    transition: transform 0.2s;
}

    .color-option:hover[b-qvnh86m3jw] {
        transform: scale(1.1);
        border: 2px solid #000;
    }

.selected-color-box[b-qvnh86m3jw] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.colorpalettteicon[b-qvnh86m3jw] {
    color: white;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.modalDialogColorPalette[b-qvnh86m3jw] {
    max-width: 500px;
}

/* /Pages/ProductMaster/InventoryCategory.razor.rz.scp.css */
.inventorycategorypage[b-fxn7qsf8vc] {
    margin-top: 4%;
    margin-bottom: 2%;
    margin-left: -1vw;
}

/*Top parttttttttttttttttttttttttttttttttttttttttttttttttt*/
.headingpart[b-fxn7qsf8vc]{
    display:grid;
    grid-template-columns:repeat(2, 1fr) ;
}
.categoryheading[b-fxn7qsf8vc]{
    font-size:36px;
    font-weight:300;
}
.addbuttoncategory[b-fxn7qsf8vc] {

  text-align:end;
}
.buttonadd[b-fxn7qsf8vc] {
    align-items: end;
    height: 55px;
    width: 180px;
    border: none;
    border-radius: 10px;
    background-color: #ABBFE0;
    color: #000000;
    font-size: 20px;
}
/*ttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt*/


.categorynamelabel[b-fxn7qsf8vc], .categorycodelabel[b-fxn7qsf8vc], .categorydescription[b-fxn7qsf8vc] {
    margin-top: 6px;
    font-weight: 500;
    font-size: 16px;
}

.categorydescription[b-fxn7qsf8vc]{
    vertical-align:top;
}
.categorydescriptioninput[b-fxn7qsf8vc], .categorynameinput[b-fxn7qsf8vc] {
    background-color: #d9d9d9;
    border-radius: 10px;
}
.categorytable thead[b-fxn7qsf8vc]{
    border-bottom: 2px solid #dcdcdc;
}

    .categorytable th[b-fxn7qsf8vc], .categorytable td[b-fxn7qsf8vc] {

        padding: 10px 10px;
        text-align: start;

    }
    .categorytable th[b-fxn7qsf8vc] {
        position: sticky;
        top: 0;
        z-index: 1;
    }
    .categorytable thead[b-fxn7qsf8vc], .categorytable tbody tr[b-fxn7qsf8vc] {
        display: table;
        width: 100%;
        table-layout: fixed;
  
    }
.categorytable .thfirst[b-fxn7qsf8vc], .th[b-fxn7qsf8vc]{
    text-align:start;
}

categorytable thead th[b-fxn7qsf8vc], .thlast[b-fxn7qsf8vc] {
    text-align:end;
}



.table-container[b-fxn7qsf8vc] {
    border: 2px solid #dcdcdc;
}



.updatebutton[b-fxn7qsf8vc] {
    color: dodgerblue;
    font-size: 20px;
    cursor: pointer;
}
.categorytable tbody[b-fxn7qsf8vc] {
    display: block;
    overflow-y: scroll;
    height: 50vh !important;
}

[b-fxn7qsf8vc]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-fxn7qsf8vc]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}

.categorytable .thlast[b-fxn7qsf8vc]{
    border-radius:0 10px 0 0;
    text-align:right !important;
    padding-right:20px;
}
.paginationpart select[b-fxn7qsf8vc] {
    border: none;
    background-color: #d9d9d9;
    border-radius:5px;
    height:29px;
    width:57px;
}

.paginationpart[b-fxn7qsf8vc] {
    margin-top: 4vh;
}
.action-icon[b-fxn7qsf8vc] {
    text-align:right !important;
    padding-right:20px;

}
.trash-icon[b-fxn7qsf8vc] {
    color:#E72929;
    cursor:pointer;
}
.selectcompany[b-fxn7qsf8vc]{
    height:29px;
    width:57px
}


/*Search Buttonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn*/
.search-pannel[b-fxn7qsf8vc] {
    display: flex;

    margin-bottom:20px;
 
}
    .search-pannel input[b-fxn7qsf8vc]{
        width:500px;
    }
    .search-input[b-fxn7qsf8vc] {
        border: 1px solid #dcdcdc;
        padding: 10px;
        border-radius:10px 0 0 10px;


    }
.search-button[b-fxn7qsf8vc] {
    background-color: #0C2144;
    color:white;
    width:60px;
    border-radius:0 10px 10px 0;
}
.search-button i[b-fxn7qsf8vc]{
    font-size:22px;
}
/*nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn*/





/*.categorytable tr td:last-child {
    padding-right: 30px;
}*/
.categorytable tr td:nth-last-child(2)[b-fxn7qsf8vc]{
    width:300px;
}

.categorytable thead th:nth-last-child(2)[b-fxn7qsf8vc] {
    width: 300px; 
}





/*Media Quary ====================================================================================*/
@media screen and (max-width: 1632px) {
 
}

@media screen and (max-width: 1254px){
 
} 
@media screen and (max-width: 1080px){
    .inventorycategorypage[b-fxn7qsf8vc] {
        margin-top: 4.5%;
    }
.search-pannel input[b-fxn7qsf8vc]{
    width:400px !important;
}
.buttonadd[b-fxn7qsf8vc]{
    font-size:18px;
}
.categorytable[b-fxn7qsf8vc]{
    font-size:14px;
}
}

@media screen and (max-width: 974px) {
    .inventorycategorypage[b-fxn7qsf8vc]{
        margin-top:5%;
    }
    .buttonadd[b-fxn7qsf8vc]{
        height:50px;
        width:150px;

    }
    .search-pannel[b-fxn7qsf8vc]{
        width:400px!important;
    }
}

@media screen and (max-width: 798px) {
    .inventorycategorypage[b-fxn7qsf8vc] {
        margin-top: 6%;
    }
    .buttonadd[b-fxn7qsf8vc] {
        height: 45px;
        width: 130px;
        font-size:14px;
    }
    .search-pannel[b-fxn7qsf8vc]{
        width:350px !important;
    }
    .search-button[b-fxn7qsf8vc]{
        width:70px;
    }
    .search-input[b-fxn7qsf8vc]{
        padding:5px;
    }
    .search-button i[b-fxn7qsf8vc]{
        font-size:16px;
    }
    .categorytable tr td:nth-last-child(2)[b-fxn7qsf8vc] {
        width: 200px;
    }

    .categorytable thead th:nth-last-child(2)[b-fxn7qsf8vc] {
        width: 200px;
    }
    .categorytable tbody[b-fxn7qsf8vc]{
        height:45vh !important;
    }


}

















/* /Pages/ProductMaster/Products/AddProduct.razor.rz.scp.css */
body[b-rozk43oc96] {
    font-family: Arial, sans-serif;
    background-color: #e7eff6;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}
.addproduct[b-rozk43oc96]{
    display:flex;
    border-bottom:1px solid #111;
}
.closeaddproductpagebutton[b-rozk43oc96] {
    background: none;
    border: none;
    font-size: 28px;
    margin-top: -2vw;
    margin-left: 80%;
    font-weight: 600;
}
.form-container[b-rozk43oc96] {
    background-color: #f1f4f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    width: 600px;
}



.form-group[b-rozk43oc96] {
    margin-bottom: 15px;
}

label[b-rozk43oc96] {
    display: block;
    color: #333;
    margin-bottom: 5px;
}

input[type="text"][b-rozk43oc96],
select[b-rozk43oc96] {
    width: calc(100% - 40px);
    padding: 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #e0e0e0;
}

.unit-input[b-rozk43oc96] {
    display: flex;
    align-items: center;
}

.unit-input input[type="text"][b-rozk43oc96] {
    width: calc(100% - 40px);
}

.add-btn[b-rozk43oc96] {
    width: 30px;
    height: 30px;
    background-color: #ffc107;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    padding: 0;
    margin-left: 10px;
}

.switch[b-rozk43oc96] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.switch input[b-rozk43oc96] {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider[b-rozk43oc96] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.slider[b-rozk43oc96]:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider[b-rozk43oc96] {
    background-color: #4caf50;
}

input:checked + .slider[b-rozk43oc96]:before {
    transform: translateX(26px);
}

.form-actions[b-rozk43oc96] {
    display: flex;
    justify-content: space-between;
}

.add-sku-btn[b-rozk43oc96] {
    background-color: #001f54;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.save-btn[b-rozk43oc96] {
    background-color: #14AD5A;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.add-sku-btn:hover[b-rozk43oc96],
.save-btn:hover[b-rozk43oc96] {
    opacity: 0.9;
}
.categorydescription[b-rozk43oc96], .categoryname[b-rozk43oc96] {
    font-size:16px;
}
.categorydescriptioninput[b-rozk43oc96] {
    background-color: #ECECEB;
    height: 10vh;
    width: 35vw;
    border: none;
    border-radius: 5px;
}
#category[b-rozk43oc96]{
    background-color:#d9d9d9;
    width:14vw;
    border:none;
    border-radius:5px;
}
.plusbutton[b-rozk43oc96] {
    border: none;
    margin-top: 4vh;
    height: 5.8vh;
    border-radius: 0px 10px 10px 0px;
    width: 3vw;
    margin-left:5vw;
    margin-top: 29px;
    font-size: 24px;
}
.plusbuttonunit[b-rozk43oc96] {
    border: none;
   
    height: 5.1vh;
    border-radius: 0px 10px 10px 0px;
    width: 3vw;
    
margin-left:-1vh;
    font-size: 24px;
}


.AddProducttContainer[b-rozk43oc96] {
    /*    margin: 10px 40px;*/
    padding: 20px;
    border-radius: 10px;
    margin-top: 5%;
    margin-bottom: 5%;
    background-color: #ECECEB;
}
/* /Pages/ProductMaster/Products/DashboardRestro.razor.rz.scp.css */
.dashboardpage[b-l87fiepnbr] {
    background-color: #ECECEB;
    margin: 2% 0 0 -2%;
    height: 100%;
    width: 99.5vw;
}

.page-heading[b-l87fiepnbr] {
    font-size: 35px;
    font-weight: 300;
    padding: 20px 10px 0 15px;
}

.container-fluid[b-l87fiepnbr] {
    background-color: #ECECEB;
}

.outer-row[b-l87fiepnbr] {
    display: flex;
    gap: 20px;
}

.cards-left[b-l87fiepnbr] {
    background-color: #ffffff;
    width: 30%;
    border-radius: 10px;
    padding: 10px;
}

.first-row[b-l87fiepnbr] {
    display: grid;
    width: 100%;
    grid-template-columns: auto auto auto auto;
    gap: 2%;
}

.small-cards[b-l87fiepnbr] {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 10px 25px;

}


.TotalSaleAmt[b-l87fiepnbr], .BarSaleAmt[b-l87fiepnbr], .Expenses[b-l87fiepnbr] {
    font-size: 32px;
    text-align: center;
    font-weight: 500;
    color: #14AD5A;
}
.Expenses[b-l87fiepnbr] {
    color: #E72929;
}
    .sales[b-l87fiepnbr] {
        background-color: #ffffff;
        width: 100%;
        border-radius: 15px;
        padding: 10px;
        margin: 10px 0;
    }
.linegraph[b-l87fiepnbr] {
    width:100%;
   height:30%;
}
.heading[b-l87fiepnbr] {
    font-size: 36px;
    font-weight: 300;
    text-align: center;
    color: black;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.revenue[b-l87fiepnbr],
.salesby[b-l87fiepnbr],
.snapshoots[b-l87fiepnbr],
.top-selling[b-l87fiepnbr],
.employees-status[b-l87fiepnbr],
.money-distribution[b-l87fiepnbr] {
    background-color: white;
    border-radius: 10px;
    padding: 10px;

}
    .top-selling[b-l87fiepnbr],
    .employees-status[b-l87fiepnbr],
    .money-distribution[b-l87fiepnbr]{
        margin-bottom:9% !important;
    }
    .r-title[b-l87fiepnbr] {
        text-align: center;
        font-size: 22px;
        font-weight: 400;
    }

.amt-1[b-l87fiepnbr],
.amt-2[b-l87fiepnbr] {
    font-size: 36px;
    font-weight: 400;
    text-align: center;
    padding: 0 0 10% 0;
}

.amt-1[b-l87fiepnbr] {
    color: #14AD5A;
    line-height: 15px;
}

.amt-2[b-l87fiepnbr] {
    color: red;
    line-height: 15px;
}

.rev-btn1[b-l87fiepnbr],
.rev-btn2[b-l87fiepnbr],
.rev-btn3[b-l87fiepnbr],
.rev-btn4[b-l87fiepnbr] {
    height: 3vh;
    width: 40%;
    padding: 2px;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
}

.rev-btn1[b-l87fiepnbr] {
    background-color: #14AD5A;
    margin-right: 5px;
}

.rev-btn2[b-l87fiepnbr] {
    background-color: #14AD5A;
    margin-left: 5px;
}

.rev-btn3[b-l87fiepnbr],
.rev-btn4[b-l87fiepnbr] {
    background-color: #ABBFE0;
}

.rev-btn3[b-l87fiepnbr] {
    margin-right: 5px;
}

.rev-btn4[b-l87fiepnbr] {
    margin-left: 5px;
}

.rev-sec[b-l87fiepnbr] {
    padding: 10px 0 20px 0;
}

.dropdown[b-l87fiepnbr] {
    padding: 10px;
}

.row-heading[b-l87fiepnbr] {
    font-size: 30px;
    font-weight: 300;
}

.two-btn[b-l87fiepnbr] {
    text-align: center;
}

.individual-progress[b-l87fiepnbr] {
    margin: 15px 0;
    display: flex;
    align-items: center;
}

    .individual-progress .icon-col[b-l87fiepnbr] {
        flex: 0 0 5%;
    }

    .individual-progress .progress-col[b-l87fiepnbr] {
        flex: 0 0 70%;
    }

    .individual-progress .day-col[b-l87fiepnbr] {
        flex: 0 0 25%;
        text-align: center;
    }

.chart[b-l87fiepnbr],
.pie-chart[b-l87fiepnbr],
.line-graph[b-l87fiepnbr] {
    padding: 10px;
}

.chart[b-l87fiepnbr] {
    width: 60%;
    margin-left: 20%;
}

.pie-chart[b-l87fiepnbr] {
    width: 60%;
    margin-left: 20%;
}

.line-graph[b-l87fiepnbr] {
    margin-left: 15%;
}

.small-cards table[b-l87fiepnbr],
.salesby-table[b-l87fiepnbr],
.snapshoots table[b-l87fiepnbr],
.top-selling table[b-l87fiepnbr] {
    width: 100%;
}

    .small-cards table td[b-l87fiepnbr] {
        background-color: #ffffff;
    }

.salesby-table[b-l87fiepnbr],
.snapshoots table[b-l87fiepnbr],
.top-selling table[b-l87fiepnbr] {
    border-collapse: collapse;
}

    .salesby-table th[b-l87fiepnbr],
    .salesby-table td[b-l87fiepnbr],
    .snapshoots table th[b-l87fiepnbr],
    .snapshoots table td[b-l87fiepnbr],
    .top-selling table th[b-l87fiepnbr],
    .top-selling table td[b-l87fiepnbr] {
        padding: 8px;
        text-align: left;
    }

.top-row[b-l87fiepnbr] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.dropdown-menu[b-l87fiepnbr] {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    z-index: 1;
    
}

.btn-group:hover .dropdown-menu[b-l87fiepnbr] {
    display: block;
    position:absolute;
}

.dropdown-menu li[b-l87fiepnbr] {
    padding: 5px 10px;
    cursor: pointer;
}

    .dropdown-menu li:hover[b-l87fiepnbr] {
        background-color: #f0f0f0;
    }

.icon[b-l87fiepnbr] {
    flex: 0 0 5%;
}

.rev-brk[b-l87fiepnbr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(auto, 1fr));
    gap: 2%;
}

.text[b-l87fiepnbr] {
    flex: 1;
    font-size:20px;
    font-weight:400;
    text-align: center;
}
.OccupancyRate[b-l87fiepnbr]{
    font-size:32px;
    font-weight:500;
    text-align:center;
}
.ellipsis[b-l87fiepnbr] {
    flex: 0 0 5%;
}

.label[b-l87fiepnbr],
.value[b-l87fiepnbr] {
    flex: 1;
    font-size: 18px;
}
/* /Pages/ProductMaster/Products/LineGraph.razor.rz.scp.css */
.randomize[b-eej0fnky9j]
{
    border:none;
    background-color:red;
}
.linechart[b-eej0fnky9j] {
    margin: 0;
    margin-left: -7%;
}
/* /Pages/ProductMaster/Products/ProductService.razor.rz.scp.css */
.productspage[b-8ojshcgaac] {
    margin-top: 4%;
}


.actions .btn[b-8ojshcgaac] {
    background-color: #007bff;
    border: none;
    color: white;
    padding: 10px 20px;
    margin-left: 10px;
    cursor: pointer;
}

    .actions .btn:hover[b-8ojshcgaac] {
        background-color: #0056b3;
    }

.filters[b-8ojshcgaac] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

    .filters input[type="date"][b-8ojshcgaac], .filters input[type="text"][b-8ojshcgaac] {
        padding: 10px;
        margin-left: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

    .filters .filter-btn[b-8ojshcgaac] {
        background-color: #6c757d;
        border: none;
        color: white;
        padding: 10px 20px;
        cursor: pointer;
    }

        .filters .filter-btn:hover[b-8ojshcgaac] {
            background-color: #5a6268;
        }






.search-pannel[b-8ojshcgaac] {
    display: flex;
    margin-bottom: 20px;
}

    .search-pannel input[b-8ojshcgaac] {
        width: 500px;
    }

.categorycodeinput[b-8ojshcgaac] {
    border: 1px solid #dcdcdc;
    padding: 10px;
    border-radius: 10px 0 0 10px;
}

.search-button[b-8ojshcgaac] {
    background-color: #0C2144;
    color: white;
    width: 60px;
    border-radius: 0 10px 10px 0;
}

    .search-button i[b-8ojshcgaac] {
        font-size: 22px;
    }








table[b-8ojshcgaac] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    --column-count: 7;
}


thead th[b-8ojshcgaac],
tbody td[b-8ojshcgaac] {
    padding: 10px;
    text-align: left;
}

thead th[b-8ojshcgaac] {
    color: black;
    position: sticky; /* Make the headers sticky */
    top: 0; /* Stick to the top of the viewport */
    z-index: 1; /* Ensure the headers stay above other elements */
}

tbody[b-8ojshcgaac] {
    display: block;
    max-height: 57vh;
    overflow-y: scroll;
    border: 1px solid #fff;
    border-radius: 5px;
    border-top: none;
}

table thead[b-8ojshcgaac],
table tbody tr[b-8ojshcgaac] {
    display: table;
    width: 100%;
}



/* Ensure each cell in the table head has the same width as its corresponding cell in the table body */
thead th[b-8ojshcgaac],
tbody td[b-8ojshcgaac] {
    width: calc(100% / var(--column-count));
}

th[colspan="2"][b-8ojshcgaac] {
    width: 100%;
}


.active-button[b-8ojshcgaac] {
    background-color: #14AD5A;
    border-radius:10px;
    color:black;
    height:5vh;
    width:10vh;
    display:flex;
    align-items:center;
    justify-content:center;
    color:white;
    cursor:pointer;
   
}
.inactive-button[b-8ojshcgaac] {
    background-color: #E72929;
    border-radius: 10px;
    color: black;
    height: 5vh;
    width: 10vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    cursor: pointer;
}

.edit-btn[b-8ojshcgaac], .delete-btn[b-8ojshcgaac] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
    margin-right: 5px;
}

    .edit-btn:hover[b-8ojshcgaac], .delete-btn:hover[b-8ojshcgaac] {
        color: #007bff;
    }

    .delete-btn:hover[b-8ojshcgaac] {
        color: #dc3545;
    }

.barcodebox[b-8ojshcgaac] {
    margin-left: 10%;
}
.descriptionbox[b-8ojshcgaac] {
    margin-left: 15.5%;
}
.categorybox[b-8ojshcgaac]{
    margin-left:-2%;
}
.nameinput[b-8ojshcgaac], .barcodeinput[b-8ojshcgaac], .descriptioninput[b-8ojshcgaac], .categoryselect[b-8ojshcgaac], .spinput[b-8ojshcgaac] {
    width:25vw;
    height:5vh;
    border:none;
    background-color:#d9d9d9;
    border-radius:5px;
    padding:5px;
}
.spbox[b-8ojshcgaac] {
    
    width:45%;

}
.isactivebox[b-8ojshcgaac], .productstatusbox[b-8ojshcgaac] {
    margin-left: 8vw;
    text-align: center;
}

.selectcompany[b-8ojshcgaac]{
    background-color:#d9d9d9;
    border:none;
    border-radius:5px;
    height:4vh !important;
    width:3vw;
}

.category-heading[b-8ojshcgaac] {
    font-size: 36px;
    font-weight: 300;
}
.category-heading p[b-8ojshcgaac]{
    margin-bottom:1rem;
}

.AddCatogeryBtn[b-8ojshcgaac] {
    gap: 10px;
    padding-top:2vh;
    margin-left:24vh;
}

.addbutton[b-8ojshcgaac] {
        border: none;
    height:60px;
    width:187px;
    font-size: 22px;
    color: black;
    background-color: #ABBFE0;
    border-radius: 10px;
}



    .table-container[b-8ojshcgaac]{
    border: 2px solid #dcdcdc;
}

    .product-table thead[b-8ojshcgaac]{
        border-bottom:2px solid #dcdcdc;
    }

.product-table tbody[b-8ojshcgaac] {
    display: block;
    overflow-y: scroll;
    scroll-behavior: smooth;
    height: 50vh !important;
}

.paginationpart[b-8ojshcgaac] {
    margin-top: 4vh;
}

    .paginationpart select[b-8ojshcgaac] {
        border: none;
        background-color: #d9d9d9;
        border-radius: 5px;
        height: 29px;
        width: 57px;
    }

.headingpart[b-8ojshcgaac] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.addbuttoncategory[b-8ojshcgaac]{

}
.categoryheading[b-8ojshcgaac] {
    font-size: 36px;
    font-weight: 300;
}

.addbuttoncategory[b-8ojshcgaac] {
    justify-content:end;
    text-align: end;
  display:flex;
  gap:10px;

}

.buttonadd[b-8ojshcgaac] {
    align-items: end;
    height: 55px;
    width: 180px;
    border: none;
    border-radius: 10px;
    background-color: #ABBFE0;
    color: #000000;
    font-size: 20px;
}




/*Media Quary ====================================================================================*/
@media screen and (max-width: 1632px) {
}

@media screen and (max-width: 1254px) {
}

@media screen and (max-width: 1080px) {
    .buttonadd[b-8ojshcgaac]{
        height:50px;
        width:150px;
        font-size:18px;
    }
    .productspage[b-8ojshcgaac] {
        margin-top: 4.5%;
    }

    .search-pannel input[b-8ojshcgaac] {
        width: 400px !important;
    }

    .product-table[b-8ojshcgaac]{
        font-size:14px;
    }

}

@media screen and (max-width: 974px) {
    .productspage[b-8ojshcgaac] {
        margin-top: 5%;
    }


    .search-pannel[b-8ojshcgaac] {
        width: 400px !important;
    }
    .product-table[b-8ojshcgaac] {
        font-size: 12px;
    }
    thead th[b-8ojshcgaac],
    tbody td[b-8ojshcgaac] {
        padding: 5px;
        text-align: left;
    }
    .buttonadd[b-8ojshcgaac]{
        height:45px;
        width:130px;
        font-size:16px;

    }
    .categorycodeinput[b-8ojshcgaac]{
        padding:8px;
    }
    .active-button[b-8ojshcgaac], .inactive-button[b-8ojshcgaac] {
        height: 4vh;
        width: 8vh;
        border-radius: 5px;
    }
    .inactive-button[b-8ojshcgaac]{

    }
}

@media screen and (max-width: 798px) {
    .productspage[b-8ojshcgaac] {
        margin-top: 6%;
    }

    .search-pannel[b-8ojshcgaac] {
        width: 350px !important;
    }

    .search-button[b-8ojshcgaac] {
        width: 70px;
    }

    .categorycodeinput[b-8ojshcgaac] {
        padding: 5px;
    }

    .search-button i[b-8ojshcgaac] {
        font-size: 16px;
    }

     .product-table[b-8ojshcgaac] {
        font-size: 12px;
    }
    .product-table tbody[b-8ojshcgaac] {
        height: 45vh !important;
    }
    .buttonadd[b-8ojshcgaac]{
        height:45px;
        width:130px;
        font-size:14px;
    }
}




































/*
@media screen and (max-width: 1194px) {
    .AddCatogeryBtn{

    }
    .addbutton{
        font-size:15px;

    }

}
@media screen and (max-width: 1127px) {
    .addbutton {
        font-size: 14px;
    }
}
    @media screen and (max-width: 1100px) {
        .addbutton {
            height: 8vh;
            font-size: 14px;
        }

  
    }


    @media screen and (max-width: 1060px) {
        .addbutton {
            font-size: 13px;
            font-weight: 400;
        }
    }

    @media screen and (max-width: 997px) {
        .AddCatogeryBtn{
            padding-left:0 !important;
        }
        .addbutton {
            font-size: 14px;
            width: 12vw;
        }



    }


    @media screen and (max-width: 940px) {
        .addbutton {
            font-size: 14px;
            height: 7vh;
        }

        .action-icon {
            font-size: 15px;
        }
    }

    @media screen and (max-width: 886px) {
        .addbutton {
            font-size: 13px;
        }



    }

    @media screen and (max-width: 886px) {
        .category-heading {
            font-size: 32px;
        }

        .addbutton {
            font-size: 12px;
            height: 7vh;
        }

        .categorytable {
            font-size: 13px;
        }
    }


    @media screen and (max-width: 775px) {
        .addbutton {
            width: 20vh;
            margin-left: 50%;
        }
    }

    @media screen and (max-width: 730px) {
        .addbutton {
            margin-left: 45%;
        }
    }*/
/* /Pages/ProductMaster/PurchaseReceipt.razor.rz.scp.css */
.purchase-receipt[b-nwmlv1xald] {
    background-color: #F7F9FC;
    width: 100%;
    left: 0px;
    position: absolute;
    top: 0;
    height: 100vh;
}
.content[b-nwmlv1xald]{
    padding-left:0 !important;
}
.scroll-form[b-nwmlv1xald] {
    overflow-x: hidden;
    overflow-y: auto;
    height:60vh;
    margin-bottom:30px;
}

.purchasereceipt-top[b-nwmlv1xald] {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}
.purchase-btn-close[b-nwmlv1xald]{
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
}
.purchase-btn-close i[b-nwmlv1xald] {
    font-size: 28px;
    color: #0C2144;
    z-index:1001;
}
.sticky-top[b-nwmlv1xald] {
    background-color: #F7F9FC;
    padding-bottom: 5px;
    position: sticky;
    top: 0;
    z-index: 1000; 
}

.header[b-nwmlv1xald] {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    align-items:start !important;
    display:flex;
    flex-direction:column;
    border-bottom:0 !important;
    padding-bottom:5px;
    background-color:transparent !important;
}

.header h2[b-nwmlv1xald] {
    margin: 0;
    color: #2c3e50;
    font-size: 1.75rem;
    font-weight: 600;
}

.subtitle[b-nwmlv1xald] {
    color: #7f8c8d;
    margin: 0.5rem 0 0 0;
    font-size: 1rem;
}

.form-section[b-nwmlv1xald] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom:2%;
}

.form-row[b-nwmlv1xald] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-nwmlv1xald] {
    flex: 1;
}

.form-group label[b-nwmlv1xald] {
    display: block;
    margin-bottom: 0.5rem;
    color: #34495e;
    font-weight: 500;
    font-size: 0.9rem;
}

.form-control[b-nwmlv1xald], .form-select[b-nwmlv1xald] {
    width: 100%;
    padding: 0.6rem 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: border-color 0.2s;

}

.form-control:focus[b-nwmlv1xald], .form-select:focus[b-nwmlv1xald] {
    border-color: #3498db;
    outline: none;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
}


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

.items-header h3[b-nwmlv1xald] {
    font-size: 1.2rem;
    color: #2c3e50;
    margin: 0;
}

.items-subtitle[b-nwmlv1xald] {
    color: #7f8c8d;
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
}

.items-table[b-nwmlv1xald] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    overflow-x:scroll;
}

.items-table th[b-nwmlv1xald] {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    color: #2c3e50;
    font-size: 0.9rem;
    border-bottom: 1px solid #dee2e6;
}

.items-table td[b-nwmlv1xald] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    position: relative;
}

.items-table tr:last-child td[b-nwmlv1xald] {
    border-bottom: none;
}

.form-control-sm[b-nwmlv1xald] {
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 4px;
}

.totals-section[b-nwmlv1xald] {
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    margin-bottom:4%;
}

.actions-section[b-nwmlv1xald] {
    text-align: right;
    box-shadow: rgba(17, 38, 146, 0.05);
}

.btn[b-nwmlv1xald] {
    padding: 0.6rem 1.5rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.95rem;
    transition: all 0.2s;
}

/*.btn-primary {
    background: #3498db;
    border: none;
    color: white;
}

.btn-primary:hover {
    background: #2980b9;
    transform: translateY(-1px);
}

.btn-danger {
    background: #e74c3c;
    border: none;
    color: white;
    padding: 0.4rem 0.75rem;
}

.btn-danger:hover {
    background: #c0392b;
}
*/
/* Typeahead customization */
[b-nwmlv1xald] .blazored-typeahead {
    border: none;
    background: transparent;
    position: relative;
    width: 100%;
}

[b-nwmlv1xald] .blazored-typeahead__controls {
    position: relative;
    width: 100%;
}
[b-nwmlv1xald] .typeishead .blazored-typeahead {
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}
[b-nwmlv1xald] .typeishead .blazored-typeahead:hover {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
}

[b-nwmlv1xald] .blazored-typeahead__input {
    width: 100%;
    padding: 0.6rem 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    background: white;
    transition: border-color 0.2s;
}
  
[b-nwmlv1xald] .blazored-typeahead__input:focus {
    border-color: #3498db;
    outline: none;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
}

[b-nwmlv1xald] .blazored-typeahead__result {
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

[b-nwmlv1xald] .blazored-typeahead__result:hover {
    background-color: #e3f2fd;
    color: #1565c0;
}

[b-nwmlv1xald] .blazored-typeahead__active-item {
    background-color: #1976d2 !important;
    color: white !important;
}

[b-nwmlv1xald] .blazored-typeahead__selected-item {
    background-color: #e3f2fd;
    color: #1565c0;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    margin: 0.25rem;
    display: inline-block;
    border: 1px solid #bbdefb;
}

[b-nwmlv1xald] .blazored-typeahead__selected-item-close {
    margin-left: 0.5rem;
    cursor: pointer;
    color: #1565c0;
}

[b-nwmlv1xald] .blazored-typeahead__selected-item-close:hover {
    color: #d32f2f;
}

[b-nwmlv1xald] .blazored-typeahead__loader {
    padding: 0.5rem 1rem;
    text-align: center;
    color: #666;
}

[b-nwmlv1xald] .blazored-typeahead__no-results {
    padding: 0.5rem 1rem;
    color: #666;
    font-style: italic;
}

/* Table cell with typeahead */
.items-table td:nth-child(2)[b-nwmlv1xald] {
    min-width: 300px;
    position: relative;
/*    overflow: visible !important;*/
}

.items-table td:nth-child(2) .blazored-typeahead[b-nwmlv1xald] {
    position: relative;
    z-index: 100;
}

/* Ensure the dropdown stays on top with better styling */
.items-table td:nth-child(2) .blazored-typeahead__results[b-nwmlv1xald] {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    margin: 0;
    padding: 0.5rem 0;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    z-index: 9999;
    min-width: 250px;
    max-height: 300px;
}

.save-product[b-nwmlv1xald] {
    filter: drop-shadow(5px 5px 5px #1126920D);
}
.add-product-row[b-nwmlv1xald], .save-product[b-nwmlv1xald] {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
}
    .add-product-row:hover[b-nwmlv1xald], .save-product:hover[b-nwmlv1xald] {
        background-color: #0C2144;
        color: #fff;
    }

.delete-product-btn[b-nwmlv1xald] {
    background-color: #AD2D1E;
    border:none;
    color:#fff;
    padding:5px 10px;
    border-radius:8px;
}

    .delete-product-btn:hover[b-nwmlv1xald] {
        opacity:0.8;
    }

.hov-input[b-nwmlv1xald]::placeholder {
    color: #8A92A6;
    font-weight:400;
    font-size:16px;
}
.hov-input[b-nwmlv1xald] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
    .hov-input:hover[b-nwmlv1xald]{
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

.hov-input-table[b-nwmlv1xald] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    border: 1px solid #EFF0F6;
}
tbody tr:nth-child(even)[b-nwmlv1xald] {
     background-color: #fff !important; 
}

.width-style[b-nwmlv1xald]{
    width:8vw;
}


[b-nwmlv1xald]::-webkit-scrollbar {
    width: 10px;
}

[b-nwmlv1xald]::-webkit-scrollbar-track {
    background: white;
    border-radius: 10px;
    border: 1px solid grey;
}

[b-nwmlv1xald]::-webkit-scrollbar-thumb {
    background: lightgray;
    border-radius: 10px;
}

div:hover[b-nwmlv1xald]::-webkit-scrollbar-thumb {
    background: gray;
}

/*dropdown*/

.custom-select-icon[b-nwmlv1xald] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 0.9rem;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    border: none;
}

    .custom-select-icon:hover[b-nwmlv1xald] {
        border-color: #888;
    }

.custom-dropdown-icon[b-nwmlv1xald] {
    position: absolute;
    right: 15px;
    top: 70%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #ccc;
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .custom-dropdown-icon i[b-nwmlv1xald] {
        font-size: 24px;
    }

.custom-select-container:hover .custom-dropdown-icon[b-nwmlv1xald] {
    color: #0C2144;
}


@media only screen and (max-width:2303px) {
    .purchasereceipt-top[b-nwmlv1xald] {
        display: flex;
        justify-content: space-between;
        padding: 4.5% 50px 20px 50px;
    }
}

@media only screen and (max-width:1900px) {
    .purchasereceipt-top[b-nwmlv1xald] {
        display: flex;
        justify-content: space-between;
        padding: 4.5% 30px 20px 30px;
    }
}

@media only screen and (max-width:1700px) {
    .purchasereceipt-top[b-nwmlv1xald] {
        display: flex;
        justify-content: space-between;
        padding: 20px;
    }
}
/* Responsive adjustments */
@media only screen and  (max-width: 768px) {
    .form-row[b-nwmlv1xald] {
        flex-direction: column;
    }
    
    .form-group[b-nwmlv1xald] {
        width: 100%;
    }
    
    .purchase-receipt[b-nwmlv1xald] {

    }
}

@media only screen and (max-width:568px) {
    .table-responsive-td td input[b-nwmlv1xald] {
        padding: 0.5rem;
    }
    .table-responsive-td .form-select[b-nwmlv1xald] {
        padding: 0.5rem;
    }

    .table-responsive-td td[b-nwmlv1xald] {
        padding: 0.5rem;
    }

        . table-responsive-td td span[b-nwmlv1xald] {
            font-size: 12px;
        }

    .table-responsive-td th[b-nwmlv1xald] {
        padding: 0.5rem;
    }
    .items-table td:nth-child(2)[b-nwmlv1xald] {
        min-width: 250px;
    }
    
    .items-table td:nth-child(4)[b-nwmlv1xald] {
        min-width: 100px;
    }
    .table-responsive .width-style[b-nwmlv1xald]{
        width:100%;
    }
}
/* /Pages/ProductMaster/PurchaseReceiptReport.razor.rz.scp.css */
.inventoryrcdpage[b-we4h2qg7q1]
{
   /* margin-top:3%;*/
 /*   padding:2vh 4vh 2vh 4vh;
   
    margin-left:-3vh;
    width:100%;
    height:92vh;*/
}
.vendornamelabel[b-we4h2qg7q1], .batcchidlabel[b-we4h2qg7q1] {
    line-height: 1;
    font-size: 12px;
}
.batchidoptions[b-we4h2qg7q1] {
    height: 5.5vh;
    width: 100%;
    border: 1px solid #adaca8;
    border-radius: 5px;
    
    background-color: #d9d9d9;
}


.headingpart[b-we4h2qg7q1] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.categoryheading[b-we4h2qg7q1] {
    font-size: 36px;
    font-weight: 300;
}

.addbuttoncategory[b-we4h2qg7q1] {
    text-align: end;
}

.buttonadd[b-we4h2qg7q1] {
    align-items: end;
    height: 55px;
    width: 200px;
    border: none;
    border-radius: 10px;
    background-color: #ABBFE0;
    color: #000000;
    font-size: 19px;
}



.inputsrow[b-we4h2qg7q1] {
    width: 98vw;
    margin-bottom: 1.5vh;
    margin-top: 1.5vh;
}
.searchbutotn[b-we4h2qg7q1] {
    border: none;
    background-color: #ABBFE0;
    border-radius: 10px;
    height: 52px;
    width: 132px;
    color: black;
    cursor: pointer;
    font-size: 22px;
}
.vendorname input[b-we4h2qg7q1] {
    padding: 10px;
    margin-right: 10px;
    border: 2px solid #ddd;
    border-radius: 10px;
    width: 240px;
}
.panvatvendor input[b-we4h2qg7q1] {
    padding: 10px;
    margin-right: 10px;
    border: 2px solid #ddd;
    border-radius: 10px;
    width: 240px;
}

.selectcompany[b-we4h2qg7q1] {
    border: none;
    background-color: #d9d9d9;
    height: 4vh;
    border-radius: 5px;
    margin-top: 1vh;
}

/*search*/
.searchcontainer[b-we4h2qg7q1]{
    display:flex;
    margin-bottom:20px;
}
.searchbox[b-we4h2qg7q1] {
    padding: 10px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    width:250px;
}
.searchboxone[b-we4h2qg7q1] {
    padding: 10px;
    border: 1px solid #dcdcdc;
    border-radius: 10px 0 0 10px;
    width:250px;
}
.buttonclass[b-we4h2qg7q1]{
  
}
.search-button[b-we4h2qg7q1] {
    background-color: #0C2144;
   padding:11px;
   border-radius:0 10px 10px 0;
   color:white;
   width:4vw;
   border:none;
}
.search-button i[b-we4h2qg7q1]{
    font-size:20px;
    
}



/*Modal Ddesign starts from here*/
/*.tableabhove{
    width:100%;
}*/
.top-row[b-we4h2qg7q1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.top-row p[b-we4h2qg7q1]{
    font-size:22px;
}
.inputfield[b-we4h2qg7q1] {
    border:none;
    border-radius:10px;
    background-color: #ECECEB;
    width: 150px;
    height: 40px;
    margin-left:10px;
    font-size:16px !important;
    display:flex;
    justify-content:start;
    align-items:center;
    padding:5px;

}
span i[b-we4h2qg7q1]{
    font-size:30px;
    padding:10px;
}
.column1[b-we4h2qg7q1], .column2[b-we4h2qg7q1], .column3[b-we4h2qg7q1]{
    display:flex;
    justify-content:center;

}
.rightpart[b-we4h2qg7q1] {
    float: right;
    margin-right: -10vw;
    padding-left: 8vw;
}
.vendorname[b-we4h2qg7q1], .vendorid[b-we4h2qg7q1], .panvatno[b-we4h2qg7q1], .issuedate[b-we4h2qg7q1], .panvatvendor[b-we4h2qg7q1] {
    font-size: 16px;
    font-weight: 400;
    padding-right: 5px;
}


.taxablenum[b-we4h2qg7q1], .taxabletxt[b-we4h2qg7q1], .discounttxt[b-we4h2qg7q1], .discountnum[b-we4h2qg7q1], .productdistxt[b-we4h2qg7q1], .productdisnum[b-we4h2qg7q1], .billpreptxtlg[b-we4h2qg7q1], .billprepnum[b-we4h2qg7q1], .vatrow[b-we4h2qg7q1], .mid[b-we4h2qg7q1] {
    border-bottom: 3px solid var(--tablehead-background);
}
.mid[b-we4h2qg7q1]{
    font-weight:700;
    font-size:22px;
}
.taxabletxt[b-we4h2qg7q1], .discounttxt[b-we4h2qg7q1], .productdistxt[b-we4h2qg7q1], .vattxt[b-we4h2qg7q1], .remarksrow[b-we4h2qg7q1], .discountrow[b-we4h2qg7q1], .taxableamtrow[b-we4h2qg7q1], .vatrow[b-we4h2qg7q1], .billpreprow[b-we4h2qg7q1], .netamtrow[b-we4h2qg7q1], .grossamountrow[b-we4h2qg7q1], .grossamountxt[b-we4h2qg7q1], .netamttxtsm[b-we4h2qg7q1] {
    border-left: 3px solid var(--tablehead-background);
}
.discountnum[b-we4h2qg7q1], .productdisnum[b-we4h2qg7q1], .taxablenum[b-we4h2qg7q1], .taxamt[b-we4h2qg7q1], .billprepnum[b-we4h2qg7q1], .billpreptxtsm[b-we4h2qg7q1] {
    border-right: 3px solid var(--tablehead-background);
}

.netamtrow[b-we4h2qg7q1], .billpreptxtsm[b-we4h2qg7q1], .tablerowbody[b-we4h2qg7q1], .grossamountrow[b-we4h2qg7q1] {
 /*   border: 3px solid var(--tablehead-background);*/

}
.billpreptxtsm[b-we4h2qg7q1]{
    border-right:none;
}
.tablerowbody[b-we4h2qg7q1] {
    border-bottom: 1px dotted #0C214433;
}



/*.display tbody {
    max-height: 45vh;
    display: block;
    overflow-y: scroll;
}*/

[b-we4h2qg7q1]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-we4h2qg7q1]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}

#example[b-we4h2qg7q1] {
    width: 100%;
    padding: 10px;
}
#example[b-we4h2qg7q1], .tbody[b-we4h2qg7q1] {
    overflow-y: scroll;
    scroll-behavior: smooth;
    height: 50vh !important;
}

.receipt-table[b-we4h2qg7q1] {
    border: 2px solid #dcdcdc;
}
.batchidoptions[b-we4h2qg7q1] {
    height: 6.5vh;
    padding: 5px;
}
.inventoryrecords[b-we4h2qg7q1]{
    height:7vh;
    padding:5px;
}
.blazored-typeahead__controls[b-we4h2qg7q1]{
    background-color:#ffffff !important;
}
}
.addbutton[b-we4h2qg7q1] {
    height: 60px;
    width: 250px;
    background-color: #ABBFE0;
    font-size:22px;
    border:none;
    border-radius:10px;
}
.tablehead[b-we4h2qg7q1]{
    border-bottom:2px solid  #dcdcdc;
}

.displayTable tr th[b-we4h2qg7q1], td[b-we4h2qg7q1] {
    height: 5vh;
}

.displayTable thead[b-we4h2qg7q1] {
    border-radius: 5px;
}
.displayTable thead[b-we4h2qg7q1], .displayTable tbody tr[b-we4h2qg7q1] {
    display: table;
    width: 100%;
    table-layout: fixed;
}





/*Table=============================================================================*/

tbody tr:nth-child(even)[b-we4h2qg7q1] {
    background-color: white !important;
}
#exampleS[b-we4h2qg7q1] {
    /*border: 1px solid #a8a8a8;*/
}

td[b-we4h2qg7q1] {
    border: 1px;
    font-weight: 500 !important;
}

.remarks_td[b-we4h2qg7q1] {
    margin-top: 0;
}

.remarkstextarea[b-we4h2qg7q1] {
    border: none;
    border-radius: 5px;
    background-color:#ECECEB;
    height: 15vh;
    width: 100%;
    resize: none;
}

.inwords_text_area input[b-we4h2qg7q1] {
    width: 100%;
    height: 5vh;
    background-color: #ECECEB;
    border-radius: 5px;

   border:none!important;
}

.dueandpaid_amount_table[b-we4h2qg7q1] {
    margin-left: -2.8%;
}

    .dueandpaid_amount_table input[b-we4h2qg7q1] {
        width: 85%;
        background-color: #ECECEB;
     border:none;
        border-radius: 5px;
        margin-top: 2%;
    }

    .dueandpaid_amount_table td[b-we4h2qg7q1] {
        border: none;
    }
.bottombilltable[b-we4h2qg7q1] {
    width: 100%;
}

    .bottombilltable tr[b-we4h2qg7q1], .rounded_off_td[b-we4h2qg7q1], .net_amt_td[b-we4h2qg7q1] {
        border: 1px solid #a8a8a8;

    }

.first_tr[b-we4h2qg7q1] {
    border-top: none !important;
}
.rounded_off_td[b-we4h2qg7q1], .net_amt_td[b-we4h2qg7q1] {
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
}

/*.remarks_nested_table .input, .rounded_offtable .input, .net_amt_table .input, .paid_amt_table .input, .gross_amt_table .input {

    background-color: #ECECEB;
    border:none;
    border-radius: 5px;
}*/
.input[b-we4h2qg7q1] {
    background-color: #ECECEB;
    height: 30px;
    width: 180px;
    border-radius: 5px;
}

.remarks_nested_table .vat_td[b-we4h2qg7q1] {
    border-bottom: none;
}

.remarks_nested_table td[b-we4h2qg7q1] {
    border-right: none;
}

.product_amt_td[b-we4h2qg7q1] {
    border-top: none !important;
}

.gross_amt_tr[b-we4h2qg7q1] {
    border-bottom: none !important;
    border-right: none !important;
}

.gross_amt_label[b-we4h2qg7q1] {
    margin-right: 0.7vw;
}

.net_amt_label[b-we4h2qg7q1] {
    margin-right: 1.9vw;
}

.rounded_off_amt_label[b-we4h2qg7q1] {
    margin-right: 1.5vw;
}

.inwords_colon[b-we4h2qg7q1] {
    padding-right: 14px;
}

.in_words_label[b-we4h2qg7q1] {
    margin-right: 4.1vw;
}

label[b-we4h2qg7q1] {
    font-weight: 400 !important;
}

td[b-we4h2qg7q1] {
    height: 4.8vh;
    padding-left: 15px;
}

.due_amt_label[b-we4h2qg7q1] {
    margin-left: -15px;
    margin-right: 6px;
}

.quantitytd[b-we4h2qg7q1] {
    text-align: center;
    padding-left: 2vw !important;
}


.submitbuttondiv[b-we4h2qg7q1] {
    margin-left: 1px;
}

    .submitbuttondiv input[b-we4h2qg7q1] {
        width: 15%;
        border-radius: 5px;
        background-color: #ECECEB;
        border:none;
    }

.eyeicon[b-we4h2qg7q1]{
    cursor:pointer;
}
/*======================================================================*/
.display[b-we4h2qg7q1] {
    table-layout: fixed;
}
.display tbody[b-we4h2qg7q1] {
/*    height:10vh;*/
    overflow-y:scroll;
    border-collapse:collapse;
    table-layout:fixed;
}


.bg[b-we4h2qg7q1] {
/*    height:35px;*/

}

.gross_amt_input[b-we4h2qg7q1] {
    background-color: #ECECEB;
    height: 30px;
    width: 180px;
    border-radius: 5px;
}
.inputfield a[b-we4h2qg7q1] {
    color: #0C2144;
}
.selected-items[b-we4h2qg7q1] {
    margin-top: 10px;
}

.badge[b-we4h2qg7q1] {
    padding: 8px;
    margin: 2px;
}

.btn-close[b-we4h2qg7q1] {
    font-size: 0.6rem;
    padding: 4px;
}

.gap-2[b-we4h2qg7q1] {
    gap: 0.5rem;
}


/*table*/
.modaltable[b-we4h2qg7q1]{
    width:100%;
    overflow-x:scroll;

}


@media screen and (max-width: 1632px) {
}

@media screen and (max-width: 1254px) {
}

@media screen and (max-width: 1080px) {
  .buttonadd[b-we4h2qg7q1]{
      height:50px;
      width:180px;
      font-size:16px;
  }
  .searchbox[b-we4h2qg7q1], .searchboxone[b-we4h2qg7q1]{
      width:200px;
  }
}

@media screen and (max-width: 974px) {

}

@media screen and (max-width: 798px) {
    .buttonadd[b-we4h2qg7q1] {
        height: 45px;
        width: 150px;
        font-size: 14px;
    }

    .searchbox[b-we4h2qg7q1], .searchboxone[b-we4h2qg7q1] {
        width: 150px;
        padding:5px;
    }
    .search-button[b-we4h2qg7q1]{
        width:50px;
        padding:6px;
    }
    .search-button i[b-we4h2qg7q1]{
        font-size:14px;
    }
}


@media screen and (max-width: 768px) {
    .modaltable[b-we4h2qg7q1]{
        font-size:14px;
    }
}

@media screen and (max-width: 490px) {
    .modaltable[b-we4h2qg7q1] {
        font-size: 12px;
    }
}
@media screen and (max-width: 400px) {
    .modaltable[b-we4h2qg7q1] {
        font-size: 12px;
    }
}
/* /Pages/ProductMaster/PurchaseReturn.razor.rz.scp.css */
.purchase-return-page[b-s9i08dd1ap] {
    background-color: #F7F9FC;
    width: 100%;
    left: 0px;
    position: absolute;
    height:100vh;
   overflow:hidden;
    top:0;
}

.card-body[b-s9i08dd1ap] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 5%;
    padding-bottom:30px;
    height:60vh;
    overflow-y:scroll;
    overflow-x:hidden;
    padding:5px;
    
}
[b-s9i08dd1ap]::-webkit-scrollbar {
    width: 10px;
}

[b-s9i08dd1ap]::-webkit-scrollbar-track {
    background: white;
    border-radius: 10px;
    border: 1px solid grey;
}

[b-s9i08dd1ap]::-webkit-scrollbar-thumb {
    background: lightgray;
    border-radius: 10px;
}

div:hover[b-s9i08dd1ap]::-webkit-scrollbar-thumb {
    background: gray;
}
.form-group[b-s9i08dd1ap] {
    margin-bottom: 1rem;
}

    .form-group label[b-s9i08dd1ap] {
        display: block;
        margin-bottom: 0.5rem;
        color: #2c3e50;
        font-weight: 500;
    }

.form-control[b-s9i08dd1ap] {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.5rem;
    font-size: 0.95rem;
}

    .form-control:focus[b-s9i08dd1ap] {
        border-color: #6c5ce7;
        box-shadow: 0 0 0 0.2rem rgba(108, 92, 231, 0.25);
    }

.input-group-append button[b-s9i08dd1ap] {
    border-color: #ddd;
}

.items-section[b-s9i08dd1ap] {
    /*    background: #f8f9fa;
    padding: 1.5rem;
    border-radius: 8px;
    margin: 1.5rem 0;*/
}

    .items-section h5[b-s9i08dd1ap] {
        color: #2c3e50;
        margin-bottom: 0.5rem;
    }

.table[b-s9i08dd1ap] {
    margin-bottom: 0;
}

    .table th[b-s9i08dd1ap] {
        color: #2c3e50;
        font-weight: 600;
        border-bottom: 2px solid #dee2e6;
    }

.table-st[b-s9i08dd1ap] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    border: 1px solid #EFF0F6;
    padding: 1rem;
    border-radius: px;
    display: flex;
    width: 100%;
}

.table td[b-s9i08dd1ap] {
    vertical-align: middle;
    color: #8A92A6;
    border: none;
}

input[type="checkbox"][b-s9i08dd1ap] {
    width: 20px;
    height: 20px;
    accent-color: #0C2144;
    border: 1px solid #EFF0F6;
    border-radius: 4px;
}

.form-check[b-s9i08dd1ap] {
    display: flex;
    justify-content: center;
}

.btn-primary[b-s9i08dd1ap] {
    background-color: #6c5ce7;
    border-color: #6c5ce7;
}

    .btn-primary:hover[b-s9i08dd1ap] {
        background-color: #5f50d9;
        border-color: #5f50d9;
    }

.btn-secondary[b-s9i08dd1ap] {
    background-color: #e9ecef;
    border-color: #e9ecef;
    color: #2c3e50;
}

    .btn-secondary:hover[b-s9i08dd1ap] {
        background-color: #dee2e6;
        border-color: #dee2e6;
        color: #2c3e50;
    }

.text-muted[b-s9i08dd1ap] {
    color: #6c757d !important;
}

.input-group[b-s9i08dd1ap] {
    position: relative;
}

.input-group-append[b-s9i08dd1ap] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding-right: 10px;
}

    .input-group-append button[b-s9i08dd1ap] {
        background: transparent;
        border: none;
        color: #6c757d;
    }

        .input-group-append button:hover[b-s9i08dd1ap] {
            color: #2c3e50;
        }

.table-responsive[b-s9i08dd1ap] {
    border-radius: 4px;
    /*    border: 1px solid #dee2e6;*/
}

    .table-responsive td[b-s9i08dd1ap] {
        padding: 0.875rem 1rem;
        border-bottom: 1px solid #eee;
        vertical-align: middle;
        position: relative;
        overflow: visible !important;
    }

    .table-responsive th[b-s9i08dd1ap] {
        padding: 1rem;
        text-align: left;
        font-weight: 600;
        color: #2c3e50;
        font-size: 0.9rem;
        border-bottom: 1px solid #dee2e6;
    }

.form-check-input[b-s9i08dd1ap] {
    width: 1.2em;
    height: 1.2em;
    margin-top: 0;
    cursor: pointer;
}

    .form-check-input:checked[b-s9i08dd1ap] {
        background-color: #6c5ce7;
        border-color: #6c5ce7;
    }



/*new*/
.purchasereceipt-top[b-s9i08dd1ap] {
    display: flex;
    justify-content: space-between;
    padding: 4.5% 20px 20px 20px;
}

.purchase-btn-close[b-s9i08dd1ap] {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .purchase-btn-close i[b-s9i08dd1ap] {
        font-size: 28px;
        color: #0C2144;
    }

.sticky-top[b-s9i08dd1ap] {
    background-color: #F7F9FC;
    padding-bottom:5px;
}

.header[b-s9i08dd1ap] {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    display:flex;
    flex-direction:column;
    align-items:start !important;
    background-color:transparent !important;
    border:none;
}

    .header h2[b-s9i08dd1ap] {
        margin: 0;
        color: #2c3e50;
        font-size: 1.75rem;
        font-weight: 600;
    }

.subtitle[b-s9i08dd1ap] {
    color: #7f8c8d;
    margin: 0.5rem 0 0 0;
    font-size: 1rem;
}

.hov-input[b-s9i08dd1ap]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-s9i08dd1ap] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-s9i08dd1ap] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }


.actions-section[b-s9i08dd1ap] {
    text-align: right;
    box-shadow: rgba(17, 38, 146, 0.05);
}

.save-product[b-s9i08dd1ap] {
    filter: drop-shadow(5px 5px 5px #1126920D);
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
}

    .save-product:hover[b-s9i08dd1ap] {
        background-color: #0C2144;
        color: #fff;
    }


/*blazor typehead inut*/
[b-s9i08dd1ap] .blazored-typeahead {
    border: none;
    background: transparent;
    position: relative;
    width: 100%;
}

[b-s9i08dd1ap] .blazored-typeahead__controls {
    position: relative;
    width: 100%;
}

[b-s9i08dd1ap] .typeishead .blazored-typeahead {
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

    [b-s9i08dd1ap] .typeishead .blazored-typeahead:hover {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

InputSelect[b-s9i08dd1ap] {
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding:0.9rem;
}

.input-group .input-select[b-s9i08dd1ap] {
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.input-group .InputSelect:hover[b-s9i08dd1ap] {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    cursor: pointer;
}

[b-s9i08dd1ap] .blazored-typeahead__input {
    width: 100%;
    padding: 0.6rem 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    background: white;
    transition: border-color 0.2s;
}

    [b-s9i08dd1ap] .blazored-typeahead__input:focus {
        border-color: #3498db;
        outline: none;
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
    }

[b-s9i08dd1ap] .blazored-typeahead__result {
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

[b-s9i08dd1ap] .blazored-typeahead__input-mask {
    display: flex;
    align-items: center;
    flex: 1 1 0%;
    border-radius: 5px 0px 0px 5px;
    padding: 0.9rem;
}


[b-s9i08dd1ap] .blazored-typeahead__result:hover {
    background-color: #e3f2fd;
    color: #1565c0;
}

[b-s9i08dd1ap] .blazored-typeahead__active-item {
    background-color: #1976d2 !important;
    color: white !important;
}

[b-s9i08dd1ap] .blazored-typeahead__selected-item {
    background-color: #e3f2fd;
    color: #1565c0;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    margin: 0.25rem;
    display: inline-block;
    border: 1px solid #bbdefb;
}

[b-s9i08dd1ap] .blazored-typeahead__selected-item-close {
    margin-left: 0.5rem;
    cursor: pointer;
    color: #1565c0;
}

    [b-s9i08dd1ap] .blazored-typeahead__selected-item-close:hover {
        color: #d32f2f;
    }

[b-s9i08dd1ap] .blazored-typeahead__loader {
    padding: 0.5rem 1rem;
    text-align: center;
    color: #666;
}

[b-s9i08dd1ap] .blazored-typeahead__no-results {
    padding: 0.5rem 1rem;
    color: #666;
    font-style: italic;
}

/*dropdown */

.custom-select-icon[b-s9i08dd1ap] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 0.9rem;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    border: none;
}

    .custom-select-icon:hover[b-s9i08dd1ap] {
        border-color: #888;
    }

.custom-dropdown-icon[b-s9i08dd1ap] {
    position: absolute;
    right: 15px;
    top: 55%;
    transform: translateY(-50%);
    pointer-events: none;
    color: #ccc;
    background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
}

    .custom-dropdown-icon i[b-s9i08dd1ap] {
        font-size: 24px;
    }

.custom-select-container:hover .custom-dropdown-icon[b-s9i08dd1ap] {
    color: #0C2144;
}

/*===========*/

@media only screen and (max-width:2303px) {
    .purchasereceipt-top[b-s9i08dd1ap] {
        display: flex;
        justify-content: space-between;
        padding: 20px 50px 20px 50px;
    }
}

@media only screen and (max-width:1900px) {
    .purchasereceipt-top[b-s9i08dd1ap] {
        display: flex;
        justify-content: space-between;
        padding: 20px 30px 20px 30px;
    }
}

@media only screen and (max-width:1700px) {
    .purchasereceipt-top[b-s9i08dd1ap] {
        display: flex;
        justify-content: space-between;
        padding: 20px 20px 20px 20px;
    }
}
@media only screen and (max-width:768px) {}
@media only screen and (max-width:568px) {
    .table-st[b-s9i08dd1ap] {
        padding: 0.5rem;
    }
    .table-responsive td[b-s9i08dd1ap] {
        padding: 0.5rem;
      
    }
    .table-responsive td span[b-s9i08dd1ap]{
        font-size:12px;
    }
    .table-responsive th[b-s9i08dd1ap] {
        padding: 0.5rem;
      
    }
}
/* /Pages/ProductMaster/PurchaseReturnFromReceipt.razor.rz.scp.css */
.form-section[b-yd3cutnu3x] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}

.form-row[b-yd3cutnu3x] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-yd3cutnu3x] {
    flex: 1;
}

    .form-group label[b-yd3cutnu3x] {
        display: block;
        margin-bottom: 0.5rem;
        color: #34495e;
        font-weight: 500;
        font-size: 0.9rem;
    }


.hov-input[b-yd3cutnu3x]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-yd3cutnu3x] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-yd3cutnu3x] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

.hov-input-table[b-yd3cutnu3x] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    border: 1px solid #EFF0F6;
}
.items-table th[b-yd3cutnu3x] {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    color: #2c3e50;
    font-size: 0.9rem;
    border-bottom: 1px solid #dee2e6;
}

.items-table td[b-yd3cutnu3x] {
    padding: 0.875rem 1rem;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    position: relative;
}

.items-table tr:last-child td[b-yd3cutnu3x] {
    border-bottom: none;
}
/* /Pages/ProductMaster/StockAdjustmentReport.razor.rz.scp.css */
.stockadjustmentpage[b-454zumvuqc] {
/*    width: 100%;
    margin-top: 4%;
    margin-bottom: 5%;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;           
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);*/
}
.modal-body[b-454zumvuqc]{
    overflow-y:scroll;
}


@media only screen and (max-width: 768px) {
    .stockadjustmentpage[b-454zumvuqc] {
        /*margin-top: 6%;
        padding: 10px; */
    }
}

@media only screen and (max-width: 480px) {
    .stockadjustmentpage[b-454zumvuqc] {
/*        margin-top: 8%;
        padding: 5px;*/
    }
} 
/* /Pages/ProductMaster/StockReport.razor.rz.scp.css */
.stockreportpage[b-941ppvoo3f] {
    width: 100%;

}

/* Styles for the stock visualization in table */
.stock-visualization-container[b-941ppvoo3f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 150px;
    width: 100%;
}

.stock-value[b-941ppvoo3f] {
    font-weight: bold;
    margin-bottom: 5px;
}

/* Make visualizations in table smaller */
.stock-visualization-container :deep(.product-visualizer)[b-941ppvoo3f] {
    transform: scale(0.75);
    margin: -10px 0;
    width: 100%;
}

/* Styles for bottles in table */
.stock-visualization-container :deep(.bottle)[b-941ppvoo3f] {
    height: 80px;
}

.stock-visualization-container :deep(.bottle-body)[b-941ppvoo3f] {
    height: 50px;
}

/* Hide quantity info in the table cell */
.stock-visualization-container :deep(.quantity-info)[b-941ppvoo3f] {
    display: none; 
}

@media only screen and (max-width: 768px) {
    .stockreportpage[b-941ppvoo3f] {
        margin-top: 6%;
        padding: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .stockreportpage[b-941ppvoo3f] {
        margin-top: 8%;
        padding: 5px;
    }
} 
/* /Pages/ProximaReport/CancelledRecords.razor.rz.scp.css */
.cancelledrecordspage[b-3h7cq09i3f] {
/*    margin: 20px;
    padding: 20px;*/
    background-color: #f8f9fa;
    border-radius: 8px;
}

.saletablemodel[b-3h7cq09i3f] {
    width: 100%;
    margin-top: 20px;
    background-color: white;
    border-collapse: collapse;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.saletablemodel th[b-3h7cq09i3f] {
    background-color: #092248;
    color: white;
    padding: 12px;
    text-align: left;
    font-weight: 500;
}

.saletablemodel td[b-3h7cq09i3f] {
    padding: 12px;
    border-bottom: 1px solid #dee2e6;
}

.saletablemodel tr:hover[b-3h7cq09i3f] {
    background-color: #f5f5f5;
}

.btn[b-3h7cq09i3f] {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn:hover[b-3h7cq09i3f] {
    opacity: 0.9;
}

@media (max-width: 768px) {
    .cancelledrecordspage[b-3h7cq09i3f] {
  /*      margin: 10px;
        padding: 10px;*/
    }

    .saletablemodel[b-3h7cq09i3f] {
        display: block;
        overflow-x: auto;
    }

    .saletablemodel th[b-3h7cq09i3f],
    .saletablemodel td[b-3h7cq09i3f] {
        padding: 8px;
        font-size: 14px;
    }
} 
/* /Pages/ProximaReport/CloseTill.razor.rz.scp.css */
.closetillpage[b-p0q5qd5siv]{
    margin-top:3%;
}

.top-part[b-p0q5qd5siv] {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}

.page-heading[b-p0q5qd5siv] {
    font-weight: 300;
    font-size: 36px;
}

.iconpack[b-p0q5qd5siv] {
    display: flex;
    align-items: center;
    justify-content: end;
}

.icon-color[b-p0q5qd5siv] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 8vw;
    height: 6vh;
    border-radius: 5px;
    background-color: #ABBFE0;
}

    .icon-color i[b-p0q5qd5siv] {
        color: #0C2144;
        font-size: 24px;
    }

        .icon-color i:hover[b-p0q5qd5siv] {
            color: red;
        }

[b-p0q5qd5siv]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-p0q5qd5siv]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}


.searchpart[b-p0q5qd5siv] {
    align-items: center;
    display: flex;
    gap: 1%;
}



.dateinputpart[b-p0q5qd5siv],
.inputsearch[b-p0q5qd5siv],
.searchbtn[b-p0q5qd5siv],
.btn-group[b-p0q5qd5siv],
.dropdowmdroupdown[b-p0q5qd5siv] {
    border: none;
    border-radius: 5px;
    background-color: #ECECEB;
    font-size: 12px;
}

.dateinputpart[b-p0q5qd5siv] {
    width: 100%;
    height: 6vh;
    padding: 5px;
    font-weight: lighter;
    padding:0 15px;

}

.buttondiv[b-p0q5qd5siv] {
    display: flex;
    margin-top: 2.5%;
    flex-direction: row;
}

.inputsearch[b-p0q5qd5siv] {
    width: 50%;
    height: 6vh;
    padding-left: 20px;
    border-radius: 10px 0 0 10px;
    background-color: #ECECEB;
}

.searchbtn[b-p0q5qd5siv] {
    width: 3vw;
    height: 6vh;
    color: #FFF;
    background-color: #0C2144;
    border-radius: 0 10px 10px 0;
}

.labeell[b-p0q5qd5siv] {
    font-size: 18px;
}


.safedroptable[b-p0q5qd5siv] {
    padding:10px;
    height:50vh;
    overflow-y:scroll;
    overflow-x:hidden;
    scroll-behavior:smooth;
}

.safedroptable tr:nth-child(even)[b-p0q5qd5siv] {
    background-color: #fff;
}

.safedroptable tr:nth-child(odd)[b-p0q5qd5siv] {
    background-color: #fff;
}

.safedroptable[b-p0q5qd5siv] {
    margin-top: 0;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .safedroptable thead tr[b-p0q5qd5siv] {
        background-color: #fff !important;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 0.2%;
        top: 0;
        z-index: 1;
        width: 100%;
        table-layout: fixed;
    }


@media only screen and (min-width: 1920px) {
    .page-heading[b-p0q5qd5siv] {
        font-size: 59px;
    }

    .labeell[b-p0q5qd5siv] {
        font-size: 28px;
    }

    .dateinputpart[b-p0q5qd5siv] {
        font-size: 22px;
        height: 7vh;
    }

 

    .inputsearch[b-p0q5qd5siv], .searchbtn[b-p0q5qd5siv] {
        height: 7vh;
        font-size: 22px;
    }

    .icon-color i[b-p0q5qd5siv] {
        font-size: 40px;
    }

    .table thead[b-p0q5qd5siv] {
        font-size: 22px;
    }

    .table tbody[b-p0q5qd5siv] {
        font-size: 20px;
    }

    .selecttext[b-p0q5qd5siv] {
        font-size: 24px;
    }

    .selectcompany[b-p0q5qd5siv] {
        height: 4.5vh;
        width: 3vw;
        font-size: 22px;
    }

    .page-link[b-p0q5qd5siv] {
        font-size: 22px;
    }

}

@media screen and (max-width: 1919px) {
    .page-heading[b-p0q5qd5siv] {
        font-size: 49px;
    }

    .labeell[b-p0q5qd5siv] {
        font-size: 24px;
    }

    .dateinputpart[b-p0q5qd5siv] {
        font-size: 20px;
        height: 6vh;
    }

    .inputsearch[b-p0q5qd5siv], .searchbtn[b-p0q5qd5siv] {
        height: 6vh;
        font-size: 20px;
    }

    .icon-color i[b-p0q5qd5siv] {
        font-size: 30px;
    }

    .table thead[b-p0q5qd5siv] {
        font-size: 20px;
    }

    .table tbody[b-p0q5qd5siv] {
        font-size: 18px;
    }

    .selecttext[b-p0q5qd5siv] {
        font-size: 22px;
    }

    .selectcompany[b-p0q5qd5siv] {
        height: 4vh;
        width: 3vw;
        font-size: 20px;
    }

    .page-link[b-p0q5qd5siv] {
        font-size: 22px;
    }

   
    .table tbody[b-p0q5qd5siv] {
        height: 46vh;
    }
}


@media only screen and (max-width: 1700px) {
    .table tbody[b-p0q5qd5siv] {
        height: 44vh;
    }
}

@media only screen and (max-width: 1600px) {
    .table tbody[b-p0q5qd5siv] {
        height: 43vh;
    }

    .page-heading[b-p0q5qd5siv] {
        font-size: 39px;
    }

    .labeell[b-p0q5qd5siv] {
        font-size: 22px;
    }

    .dateinputpart[b-p0q5qd5siv] {
        font-size: 18px;
        height: 6vh;
    }



    .inputsearch[b-p0q5qd5siv], .searchbtn[b-p0q5qd5siv] {
        height: 6vh;
        font-size: 18px;
    }

    .icon-color i[b-p0q5qd5siv] {
        font-size: 25px;
    }

    .table thead[b-p0q5qd5siv] {
        font-size: 18px;
    }

    .table tbody[b-p0q5qd5siv] {
        font-size: 16px;
    }

    .selecttext[b-p0q5qd5siv] {
        font-size: 20px;
    }

    .selectcompany[b-p0q5qd5siv] {
        height: 4vh;
        width: 3vw;
        font-size: 18px;
    }

    .page-link[b-p0q5qd5siv] {
        font-size: 20px;
    }

}

@media only screen and (max-width: 1440px) {
    .closetillpage[b-p0q5qd5siv] {
        margin-top: 3%;
    }

    .page-heading[b-p0q5qd5siv] {
        font-size: 36px;
    }

    .labeell[b-p0q5qd5siv] {
        font-size: 20px;
    }

    .dateinputpart[b-p0q5qd5siv] {
        font-size: 16px;
    }


    .selecttext[b-p0q5qd5siv] {
        font-size: 20px;
    }

    .page-link[b-p0q5qd5siv] {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1300px) {
    .table tbody[b-p0q5qd5siv] {
        height: 40vh;
    }
}

@media only screen and (max-width: 1150px) {

    .table tbody[b-p0q5qd5siv] {
        height: 38vh;
    }

    .table thead[b-p0q5qd5siv] {
        font-size: 18px;
    }

    .table tbody[b-p0q5qd5siv] {
        font-size: 16px;
    }
}


@media only screen and (max-width: 1080px) {
    .closetillpage[b-p0q5qd5siv] {
        margin-top: 4%;
    }

    .page-heading[b-p0q5qd5siv] {
        font-size: 32px;
    }

    .icon-color[b-p0q5qd5siv] {
        width: 10vw;
    }

    .table tbody[b-p0q5qd5siv] {
        height: 40vh;
    }

    .table thead[b-p0q5qd5siv] {
        word-wrap: break-word;
    }

    .labeell[b-p0q5qd5siv] {
        font-size: 18px;
    }

    .dateinputpart[b-p0q5qd5siv], .searchpart[b-p0q5qd5siv]{
        font-size: 14px;
    }

    .table thead[b-p0q5qd5siv] {
        font-size: 16px;
    }

    .table tbody[b-p0q5qd5siv] {
        font-size: 14px;
    }

    .inputsearch[b-p0q5qd5siv] {
        border-radius: 5px 0 0 5px;
    }

    .searchbtn[b-p0q5qd5siv] {
        border-radius: 0 5px 5px 0;
    }

    .page-link[b-p0q5qd5siv] {
        font-size: 14px;
    }

    .selecttext[b-p0q5qd5siv] {
        font-size: 16px;
    }

    .selectcompany[b-p0q5qd5siv] {
        width: 4vw;
    }
}

@media only screen and (max-width: 900px) {
    .icon-color[b-p0q5qd5siv] {
        width: 12vw;
    }

    .table tbody[b-p0q5qd5siv] {
        height: 43vh;
    }

    .searchbtn[b-p0q5qd5siv] {
        width: 4vw;
    }
}


@media screen and (max-width: 890px) {
}

@media only screen and (max-width: 768px) {
    .closetillpage[b-p0q5qd5siv] {
        margin-top: -5%;
    }

    .page-heading[b-p0q5qd5siv] {
        font-size: 28px;
    }

    .icon-color i[b-p0q5qd5siv] {
        font-size: 20px;
    }

    .labeell[b-p0q5qd5siv] {
        font-size: 16px;
    }

    .dateinputpart[b-p0q5qd5siv], .inputsearch[b-p0q5qd5siv], .dropdown-toggle[b-p0q5qd5siv] {
        font-size: 12px;
    }

    .table thead[b-p0q5qd5siv] {
        font-size: 14px;
    }

    .table tbody[b-p0q5qd5siv] {
        font-size: 12px;
        height: 44vh;
    }

    .searchbtn[b-p0q5qd5siv] {
        width: 4vw;
    }


    .buttondiv[b-p0q5qd5siv] {
        margin-top: 4%;
    }

    .selecttext[b-p0q5qd5siv] {
        font-size: 14px;
    }

    .selectcompany[b-p0q5qd5siv] {
        width: 5vw;
        font-size: 14px;
    }

    .page-link[b-p0q5qd5siv] {
        font-size: 12px;
    }
}

@media only screen and (max-width: 742px) {
}

@media screen and (max-width: 682px) {
}

@media screen and (max-width: 645px) {
}
/* /Pages/ProximaReport/ClosingReport.razor.rz.scp.css */
body[b-bnor3lo96b] {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
}

.ledger-container[b-bnor3lo96b] {
/*    max-width: 1200px;
    padding-top: 25px;
    margin:3% auto 20px auto; */
}
.fix-top-ledger[b-bnor3lo96b] {
    position: sticky;
    top: 0%;
    width: 100%;
    background-color: #F7F9FC;
}

.header[b-bnor3lo96b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2%;
}

.date-range[b-bnor3lo96b] {
    display: flex;
    align-items: end;
    justify-content:center;
    gap: 10px;
}

.filter-button[b-bnor3lo96b]{
    padding: 10px;
    border: none;
    cursor: pointer;
    background-color: #007bff;
    color: white;
    border-radius: 5px;
    font-size:18px;
}



.export-button i[b-bnor3lo96b] {
        font-size: 1.2em;
}

.ledger-cards[b-bnor3lo96b] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.ledger-card[b-bnor3lo96b] {
    background-color: #ffffff;
    width: calc(50% - 10px);
    padding: 30px 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}


.card-body[b-bnor3lo96b] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 60%;
    margin: 0 auto;
}

.ledger-entry[b-bnor3lo96b] {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    font-size:18px;
    align-items:center;
}



.cash-sales[b-bnor3lo96b], .qr-sales[b-bnor3lo96b], .total-counter-cash[b-bnor3lo96b], .card-sales[b-bnor3lo96b] {
    color: #28a745;
}

.closing-balance[b-bnor3lo96b], .safe-drop[b-bnor3lo96b], .total-sales[b-bnor3lo96b], .opening-balance[b-bnor3lo96b]{
    font-weight:700;
}

.petty-cash.negative[b-bnor3lo96b] {
    color: #dc3545;
}



.dateandtime[b-bnor3lo96b]{
    display:flex;
}

.amount[b-bnor3lo96b] {
    background-color: #ECECEB;
    padding:5px 20px;
    border-radius:10px;
    width:40%;
    display:flex;
    justify-content:center;
}






.cashier[b-bnor3lo96b]{
    font-size:20px;
    margin-bottom:5%;
}

.cashierid[b-bnor3lo96b] {
    background-color: #ECECEB;
    color:#000;
    padding:10px 70px;
    border-radius:10px;
    font-size:18px;
}

.external-buttons[b-bnor3lo96b] {
    background-color: #ABBFE0;
    padding:10px;
    border-radius:10px;
}

.export-button[b-bnor3lo96b] {
    border: none;
    background-color: #ABBFE0;
}

.export-button i[b-bnor3lo96b]{
    font-size:24px;
}

#to-date[b-bnor3lo96b], #from-date[b-bnor3lo96b] {
    border: none;
    background-color: #ECECEB;
    border-radius: 5px;
    padding:10px;
    font-size:16px;
    cursor:pointer;
}

.topd[b-bnor3lo96b]{
    font-size:22px;
    display:flex;
    align-content:center;
    margin-bottom:10px;
}

.external-buttons[b-bnor3lo96b]{

}
h2[b-bnor3lo96b]{
    font-size:38px;
}
.topt[b-bnor3lo96b]{
    font-size:16px;
}

.selectcompany[b-bnor3lo96b] {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}

.selectcompany[b-bnor3lo96b] {
    background-color: #dcdcdc;
    border: none;
    border-radius: 5px;
}
.paginationpart[b-bnor3lo96b]{
    margin-top:3%;
}

.card-header[b-bnor3lo96b] {
    display: grid;
    gap: 2%;
    grid-template-columns: repeat(2, 1fr);
}

.left[b-bnor3lo96b] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2%;
}

.input-field[b-bnor3lo96b] {
    width: 80%;
    background-color: #ECECEB;
    color: #000;
    border-radius: 10px;
    padding: 10px;
    border: none;
    font-size: 16px;
    text-align:center;
}
.input-field-two[b-bnor3lo96b] {
    width: 60%;
    background-color: #ECECEB;
    color: #000;
    border-radius: 10px;
    padding: 10px;
    border: none;
    font-size: 16px;
    text-align:center;
}

.card-header[b-bnor3lo96b] {
    margin-bottom: 5%;
}

.label-data[b-bnor3lo96b] {
    flex: 0.6;
    display:flex;
    justify-content:center;

}
.label-data-two[b-bnor3lo96b] {
    flex: 0.6;
    display: flex;
    justify-content: center;
}

.label-name[b-bnor3lo96b] {
    flex: 0.4;
    font-size: 18px;
    display:flex;
    align-items:center;
}
.label-name-two[b-bnor3lo96b] {
    flex: 0.4;
    font-size: 18px;
    display: flex;
    align-items: center;
}

/*    margin-bottom: 5%;
}*/


@media only screen and (max-width:1024px) {
    .cashier[b-bnor3lo96b] {
        font-size: 18px;
    }

    .cashierid[b-bnor3lo96b] {
        padding: 10px 60px;
        border-radius: 10px;
        font-size: 16px;
    }

    .ledger-entry[b-bnor3lo96b]{
    font-size:16px;
    }
    .topd[b-bnor3lo96b] {
        font-size: 18px;
    }

    #to-date[b-bnor3lo96b], #from-date[b-bnor3lo96b] {
     font-size:14px;
    }
    .filter-button[b-bnor3lo96b]{
        font-size:16px;
    }
    .export-button i[b-bnor3lo96b]{
        font-size:22px;
    }
    .selecttext[b-bnor3lo96b] {
        font-size: 16px;
    }

    .selectcompany[b-bnor3lo96b] {
        width: 4vw;
    }

    .label-data[b-bnor3lo96b] {
        font-size:14px;
        flex: 0.5;
    }

    .label-name[b-bnor3lo96b] {
        flex: 0.5;
        font-size: 15px;
    }
    .label-name-two[b-bnor3lo96b] {
        flex: 0.5;
        font-size: 15px;
    }
    .input-field[b-bnor3lo96b] {
        width: 90%;
        font-size:15px;
    }

    .input-field-two[b-bnor3lo96b] {
        width: 70%;
        font-size:15px;
    }
    .left-l[b-bnor3lo96b]{
        display:flex;
        justify-content:space-between;
    }
}






@media only screen and (max-width:992px) {
    h2[b-bnor3lo96b] {
        font-size: 28px;
    }
    .topd[b-bnor3lo96b], .topt[b-bnor3lo96b] {
        font-size: 16px;
    }
    #from-date[b-bnor3lo96b], #to-date[b-bnor3lo96b]{
        font-size:14px;
    }
    .filter-button[b-bnor3lo96b] {
        font-size: 16px;
    }
    .export-button i[b-bnor3lo96b]{
        font-size:24px;
    }
    .label-data[b-bnor3lo96b], .label-data-two[b-bnor3lo96b] {
        font-size: 14px;
        flex: 0.5;
    }
    .label-name[b-bnor3lo96b], .label-name-two[b-bnor3lo96b] {
        flex: 0.5;
        font-size: 16px;
    }
    .input-field[b-bnor3lo96b] {
        width: 85%;
        font-size:14px;
    }
    .input-field-two[b-bnor3lo96b] {
        width: 70%;
        font-size: 14px;
    }
    .cashier[b-bnor3lo96b]{
        font-size:16px;
    }
    .cashierid[b-bnor3lo96b] {
        padding: 10px 60px;
        font-size: 16px;
    }
    .card-body[b-bnor3lo96b]{
        width:70%;
    }
    .ledger-entry[b-bnor3lo96b]{
        font-size:16px;
    }  
}


@media only screen and (max-width:816px) {

    .label-name[b-bnor3lo96b], .label-name-two[b-bnor3lo96b] {
        flex: 0.5;
        font-size: 14px;
    }
}

@media only screen and (max-width:768px){

    .ledger-card[b-bnor3lo96b] {
        width: calc(100% - 0px);
        padding: 30px;
        margin-bottom:5%;
    }

    h2[b-bnor3lo96b] {
        font-size: 24px;
    }

    .topd[b-bnor3lo96b] {
        font-size: 18px;
    }

    .topt[b-bnor3lo96b] {
        font-size: 14px;
    }

    #from-date[b-bnor3lo96b], #to-date[b-bnor3lo96b] {
        font-size: 12px;
    }

    .filter-button[b-bnor3lo96b] {
        font-size: 14px;
        padding: 8px;
    }

    .external-buttons[b-bnor3lo96b] {
        padding: 8px;
    }

    .export-button i[b-bnor3lo96b] {
        font-size: 22px;
    }

    .label-data[b-bnor3lo96b], .label-data-two[b-bnor3lo96b] {
        font-size: 20px;
        flex: 0.5;
    }

    .label-name[b-bnor3lo96b], .label-name-two[b-bnor3lo96b] {
        flex: 0.5;
        font-size: 18px;
    }

    .input-field[b-bnor3lo96b] {
        width: 75%;
        font-size: 14px;
        padding: 8px;
    }

    .input-field-two[b-bnor3lo96b] {
        width: 60%;
        padding: 8px;
        font-size: 14px;
    }

    .cashier[b-bnor3lo96b] {
        font-size: 18px;
    }

    .cashierid[b-bnor3lo96b] {
        padding: 8px 60px;
        font-size: 16px;
    }

    .card-body[b-bnor3lo96b] {
        width: 50%;
    }

    .amount[b-bnor3lo96b] {
        width: 35%;
    }

    .ledger-entry[b-bnor3lo96b] {
        font-size: 16px;
    }

    .left[b-bnor3lo96b] {
        margin-bottom: 2%;
    }

    .ledger-entry[b-bnor3lo96b] {
        padding: 0 5px;
    }

/*    .ledger-container {
        margin: 4% auto 20px auto;
    }*/

    .card-header[b-bnor3lo96b]{
        margin-bottom:2% !important;
    }
}

    @media only screen and (max-width:667px) {
        h2[b-bnor3lo96b] {
            font-size: 22px;
        }

        .topd[b-bnor3lo96b] {
            font-size: 16px;
        }

        .topt[b-bnor3lo96b] {
            font-size: 12px;
        }

        #from-date[b-bnor3lo96b], #to-date[b-bnor3lo96b] {
            font-size: 10px;
        }

        .filter-button[b-bnor3lo96b] {
            font-size: 12px;
            padding: 8px;
        }

        .external-buttons[b-bnor3lo96b] {
            padding: 8px;
        }

        .export-button i[b-bnor3lo96b] {
            font-size: 20px;
        }
        .external-buttons[b-bnor3lo96b] {
            padding: 5px;
        }
        .card-body[b-bnor3lo96b]{
            width:60%;
        }
    }

@media only screen and (max-width:593px) {
    #from-date[b-bnor3lo96b], #to-date[b-bnor3lo96b]{
        font-size:9px;
    }
    .export-button i[b-bnor3lo96b]{
        font-size:18px;
    }
}
@media only screen and (max-width:568px) {

}


@media only screen and (max-width:480px) {
}
/* /Pages/ProximaReport/ClosingReportOverall.razor.rz.scp.css */
body[b-z55gmvu1zb] {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
}

.ledger-container[b-z55gmvu1zb] {
    /*max-width: 1200px;
    padding-top: 25px;
    margin: 3% auto 20px auto;*/
}
.fix-top-ledger[b-z55gmvu1zb] {
    position: sticky;
    top: 0%;
    width: 100%;
    background-color: #F7F9FC;
}
.header[b-z55gmvu1zb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2%;
}

.date-range[b-z55gmvu1zb] {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 10px;
}

.filter-button[b-z55gmvu1zb] {
    padding: 10px;
    border: none;
    cursor: pointer;
    background-color: #007bff;
    color: white;
    border-radius: 5px;
    font-size: 18px;
}



.export-button i[b-z55gmvu1zb] {
    font-size: 1.2em;
}

.ledger-cards[b-z55gmvu1zb] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.ledger-card[b-z55gmvu1zb] {
    background-color: #ffffff;
    width: calc(50% - 10px);
    padding: 30px 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}


.card-body[b-z55gmvu1zb] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 60%;
    margin: 0 auto;
}

.ledger-entry[b-z55gmvu1zb] {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    font-size: 18px;
    align-items: center;
}



.cash-sales[b-z55gmvu1zb], .qr-sales[b-z55gmvu1zb], .total-counter-cash[b-z55gmvu1zb], .card-sales[b-z55gmvu1zb] {
    color: #28a745;
}

.closing-balance[b-z55gmvu1zb], .safe-drop[b-z55gmvu1zb], .total-sales[b-z55gmvu1zb], .opening-balance[b-z55gmvu1zb] {
    font-weight: 700;
}

.petty-cash.negative[b-z55gmvu1zb] {
    color: #dc3545;
}



.dateandtime[b-z55gmvu1zb] {
    display: flex;
}

.amount[b-z55gmvu1zb] {
    background-color: #ECECEB;
    padding: 5px 20px;
    border-radius: 10px;
    width: 40%;
    display: flex;
    justify-content: center;
}






.cashier[b-z55gmvu1zb] {
    font-size: 20px;
    margin-bottom: 5%;
}

.cashierid[b-z55gmvu1zb] {
    background-color: #ECECEB;
    color: #000;
    padding: 10px 70px;
    border-radius: 10px;
    font-size: 18px;
}

.external-buttons[b-z55gmvu1zb] {
    background-color: #ABBFE0;
    padding: 10px;
    border-radius: 10px;
}

.export-button[b-z55gmvu1zb] {
    border: none;
    background-color: #ABBFE0;
}

    .export-button i[b-z55gmvu1zb] {
        font-size: 24px;
    }

#to-date[b-z55gmvu1zb], #from-date[b-z55gmvu1zb] {
    border: none;
    background-color: #ECECEB;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
}

.topd[b-z55gmvu1zb] {
    font-size: 22px;
    display: flex;
    align-content: center;
    margin-bottom: 10px;
}

.external-buttons[b-z55gmvu1zb] {
}

h2[b-z55gmvu1zb] {
    font-size: 38px;
}

.topt[b-z55gmvu1zb] {
    font-size: 16px;
}

.selectcompany[b-z55gmvu1zb] {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}

.selectcompany[b-z55gmvu1zb] {
    background-color: #dcdcdc;
    border: none;
    border-radius: 5px;
}

.paginationpart[b-z55gmvu1zb] {
    margin-top: 3%;
}

.card-header[b-z55gmvu1zb] {
    display: grid;
    gap: 2%;
    grid-template-columns: repeat(2, 1fr);
}

.left[b-z55gmvu1zb] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2%;
}

.input-field[b-z55gmvu1zb] {
    width: 80%;
    background-color: #ECECEB;
    color: #000;
    border-radius: 10px;
    padding: 10px;
    border: none;
    font-size: 16px;
    text-align: center;
}

.input-field-two[b-z55gmvu1zb] {
    width: 60%;
    background-color: #ECECEB;
    color: #000;
    border-radius: 10px;
    padding: 10px;
    border: none;
    font-size: 16px;
    text-align: center;
}

.card-header[b-z55gmvu1zb] {
    margin-bottom: 5%;
}

.label-data[b-z55gmvu1zb] {
    flex: 0.6;
    display: flex;
    justify-content: center;
}

.label-data-two[b-z55gmvu1zb] {
    flex: 0.6;
    display: flex;
    justify-content: center;
}

.label-name[b-z55gmvu1zb] {
    flex: 0.4;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.label-name-two[b-z55gmvu1zb] {
    flex: 0.4;
    font-size: 18px;
    display: flex;
    align-items: center;
}

/*    margin-bottom: 5%;
}*/


@media only screen and (max-width:1024px) {
    .cashier[b-z55gmvu1zb] {
        font-size: 18px;
    }

    .cashierid[b-z55gmvu1zb] {
        padding: 10px 60px;
        border-radius: 10px;
        font-size: 16px;
    }

    .ledger-entry[b-z55gmvu1zb] {
        font-size: 16px;
    }

    .topd[b-z55gmvu1zb] {
        font-size: 18px;
    }

    #to-date[b-z55gmvu1zb], #from-date[b-z55gmvu1zb] {
        font-size: 14px;
    }

    .filter-button[b-z55gmvu1zb] {
        font-size: 16px;
    }

    .export-button i[b-z55gmvu1zb] {
        font-size: 22px;
    }

    .selecttext[b-z55gmvu1zb] {
        font-size: 16px;
    }

    .selectcompany[b-z55gmvu1zb] {
        width: 4vw;
    }

    .label-data[b-z55gmvu1zb] {
        font-size: 14px;
        flex: 0.5;
    }

    .label-name[b-z55gmvu1zb] {
        flex: 0.5;
        font-size: 15px;
    }

    .label-name-two[b-z55gmvu1zb] {
        flex: 0.5;
        font-size: 15px;
    }

    .input-field[b-z55gmvu1zb] {
        width: 90%;
        font-size: 15px;
    }

    .input-field-two[b-z55gmvu1zb] {
        width: 70%;
        font-size: 15px;
    }

    .left-l[b-z55gmvu1zb] {
        display: flex;
        justify-content: space-between;
    }
}






@media only screen and (max-width:992px) {
    h2[b-z55gmvu1zb] {
        font-size: 28px;
    }

    .topd[b-z55gmvu1zb], .topt[b-z55gmvu1zb] {
        font-size: 16px;
    }

    #from-date[b-z55gmvu1zb], #to-date[b-z55gmvu1zb] {
        font-size: 14px;
    }

    .filter-button[b-z55gmvu1zb] {
        font-size: 16px;
    }

    .export-button i[b-z55gmvu1zb] {
        font-size: 24px;
    }

    .label-data[b-z55gmvu1zb], .label-data-two[b-z55gmvu1zb] {
        font-size: 14px;
        flex: 0.5;
    }

    .label-name[b-z55gmvu1zb], .label-name-two[b-z55gmvu1zb] {
        flex: 0.5;
        font-size: 16px;
    }

    .input-field[b-z55gmvu1zb] {
        width: 85%;
        font-size: 14px;
    }

    .input-field-two[b-z55gmvu1zb] {
        width: 70%;
        font-size: 14px;
    }

    .cashier[b-z55gmvu1zb] {
        font-size: 16px;
    }

    .cashierid[b-z55gmvu1zb] {
        padding: 10px 60px;
        font-size: 16px;
    }

    .card-body[b-z55gmvu1zb] {
        width: 70%;
    }

    .ledger-entry[b-z55gmvu1zb] {
        font-size: 16px;
    }
}


@media only screen and (max-width:816px) {

    .label-name[b-z55gmvu1zb], .label-name-two[b-z55gmvu1zb] {
        flex: 0.5;
        font-size: 14px;
    }
}

@media only screen and (max-width:768px) {

    .ledger-card[b-z55gmvu1zb] {
        width: calc(100% - 0px);
        padding: 30px;
        margin-bottom: 5%;
    }

    h2[b-z55gmvu1zb] {
        font-size: 24px;
    }

    .topd[b-z55gmvu1zb] {
        font-size: 18px;
    }

    .topt[b-z55gmvu1zb] {
        font-size: 14px;
    }

    #from-date[b-z55gmvu1zb], #to-date[b-z55gmvu1zb] {
        font-size: 12px;
    }

    .filter-button[b-z55gmvu1zb] {
        font-size: 14px;
        padding: 8px;
    }

    .external-buttons[b-z55gmvu1zb] {
        padding: 8px;
    }

    .export-button i[b-z55gmvu1zb] {
        font-size: 22px;
    }

    .label-data[b-z55gmvu1zb], .label-data-two[b-z55gmvu1zb] {
        font-size: 20px;
        flex: 0.5;
    }

    .label-name[b-z55gmvu1zb], .label-name-two[b-z55gmvu1zb] {
        flex: 0.5;
        font-size: 18px;
    }

    .input-field[b-z55gmvu1zb] {
        width: 75%;
        font-size: 14px;
        padding: 8px;
    }

    .input-field-two[b-z55gmvu1zb] {
        width: 60%;
        padding: 8px;
        font-size: 14px;
    }

    .cashier[b-z55gmvu1zb] {
        font-size: 18px;
    }

    .cashierid[b-z55gmvu1zb] {
        padding: 8px 60px;
        font-size: 16px;
    }

    .card-body[b-z55gmvu1zb] {
        width: 50%;
    }

    .amount[b-z55gmvu1zb] {
        width: 35%;
    }

    .ledger-entry[b-z55gmvu1zb] {
        font-size: 16px;
    }

    .left[b-z55gmvu1zb] {
        margin-bottom: 2%;
    }

    .ledger-entry[b-z55gmvu1zb] {
        padding: 0 5px;
    }

/*    .ledger-container {
        margin: 4% auto 20px auto;
    }*/

    .card-header[b-z55gmvu1zb] {
        margin-bottom: 2% !important;
    }
}

@media only screen and (max-width:667px) {
    h2[b-z55gmvu1zb] {
        font-size: 22px;
    }

    .topd[b-z55gmvu1zb] {
        font-size: 16px;
    }

    .topt[b-z55gmvu1zb] {
        font-size: 12px;
    }

    #from-date[b-z55gmvu1zb], #to-date[b-z55gmvu1zb] {
        font-size: 10px;
    }

    .filter-button[b-z55gmvu1zb] {
        font-size: 12px;
        padding: 8px;
    }

    .external-buttons[b-z55gmvu1zb] {
        padding: 8px;
    }

    .export-button i[b-z55gmvu1zb] {
        font-size: 20px;
    }

    .external-buttons[b-z55gmvu1zb] {
        padding: 5px;
    }

    .card-body[b-z55gmvu1zb] {
        width: 60%;
    }
}

@media only screen and (max-width:593px) {
    #from-date[b-z55gmvu1zb], #to-date[b-z55gmvu1zb] {
        font-size: 9px;
    }

    .export-button i[b-z55gmvu1zb] {
        font-size: 18px;
    }
}

@media only screen and (max-width:568px) {
}


@media only screen and (max-width:480px) {
}



/* Base styling for the collapsible */
.collapsible[b-z55gmvu1zb] {
    margin: 20px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

    /* The toggle checkbox (hidden) */
    .collapsible input[type="checkbox"][b-z55gmvu1zb] {
        display: none;
    }

    /* The label that acts as the button */
    .collapsible label[b-z55gmvu1zb] {
        display: block;
        padding: 15px;
        background-color: #092248;
        color: #fff;
        cursor: pointer;
        font-weight: bold;
        user-select: none;
    }

        .collapsible label:hover[b-z55gmvu1zb] {
            background-color: #092248;
        }

    /* Collapsible content */
    .collapsible .content[b-z55gmvu1zb] {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
        background-color: #f8f9fa;
        padding: 0 15px;
    }

    /* When the checkbox is checked, reveal the content */
    .collapsible input[type="checkbox"]:checked ~ .content[b-z55gmvu1zb] {
        max-height: 500px; /* Adjust based on your content's height */
        padding: 15px;
    }
/* /Pages/ProximaReport/DailyLedgerOverall.razor.rz.scp.css */
.combine-sale[b-z2ekau9wbv]
{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.cashier-toggle[b-z2ekau9wbv]{
    padding:10px;
}


.daily-ledger[b-z2ekau9wbv] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.title[b-z2ekau9wbv] {
    font-size: 18px;
}

.title-amt[b-z2ekau9wbv] {
    font-size: 48px;
    font-weight: 400;
}

.combine-sale[b-z2ekau9wbv], .total-sale[b-z2ekau9wbv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    box-shadow: 0px 10px 13px 0px rgba(17, 38, 146, 0.05);
    border-top: 1px solid rgba(226, 232, 240, 1);
    padding: 30px;
}

.two-of-them[b-z2ekau9wbv] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    background-color: #fff;
    padding: 10px;
    color:#BFDBFE;
}

.cards[b-z2ekau9wbv] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}
.total-sale[b-z2ekau9wbv] {
    color: rgba(31, 146, 84, 1);
    font-size:48px;
    font-weight:400;
}
.title[b-z2ekau9wbv] {
    font-size: 18px;
    font-weight: 400;
}
.seperate[b-z2ekau9wbv] {
    display: grid;
    grid-template-columns: 70% 30%;
}

.up-down-btn[b-z2ekau9wbv] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow-outer[b-z2ekau9wbv] {
    padding: 20px;
    border: 2px solid #1AA053;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}

.two-cashier[b-z2ekau9wbv], .one-cashier[b-z2ekau9wbv] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px;
}

.one-cashier[b-z2ekau9wbv] {
    background-color: #2563EB;
    border-radius: 10px;
}

.cards-of-cards[b-z2ekau9wbv] {
    background-color: #fff;
    padding: 15px 15px 20px 15px;
    border-radius: 10px;
    box-shadow: 0px 10px 13px 0px rgba(17, 38, 146, 0.05);
}

.card-title[b-z2ekau9wbv] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:15px;
    padding-bottom: 15px;
    color: #8A92A6;
    font-size: 16px;
    font-weight: 400;
}


.card-amount[b-z2ekau9wbv] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .card-amount h3[b-z2ekau9wbv] {
        font-size: 28px;
        font-weight: 500;
    }

    .card-amount p[b-z2ekau9wbv] {
        font-size: 14px;
        font-weight: 400;
    }

.financial-cards[b-z2ekau9wbv] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.left-cards[b-z2ekau9wbv], .right-cards[b-z2ekau9wbv] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.opening[b-z2ekau9wbv], .close-till[b-z2ekau9wbv], .closing[b-z2ekau9wbv], .safe-drop[b-z2ekau9wbv], .petty-cash[b-z2ekau9wbv], .cash[b-z2ekau9wbv] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5%;
    padding: 20px 15px;
    border-radius: 8px;
}

.finance-title[b-z2ekau9wbv] {
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 16px;
}

.finance-amt[b-z2ekau9wbv] {
    display: flex;
    align-items: center;
    justify-content: end;
    font-size: 16px;
}

.cash[b-z2ekau9wbv] {
    background-color: #F0FDF4;
    border: 1px solid #BBF7D0
}

.opening[b-z2ekau9wbv] {
    background-color: #EFF6FF;
    border: 1px solid #BFDBFE
}

.petty-cash[b-z2ekau9wbv] {
    background-color: #FEF2F2;
    border: 1px solid #FECACA
}

.closing[b-z2ekau9wbv] {
    background-color: #FAF5FF;
    border: 1px solid #E9D5FF
}

.close-till[b-z2ekau9wbv] {
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB
}

.safe-drop[b-z2ekau9wbv] {
    background-color: #FEFCE8;
    border: 1px solid #FEF08A
}

.financial-summery[b-z2ekau9wbv] {
    background-color: #fff;
    border-radius:8px;
    border:none;
}

.finance-title-top[b-z2ekau9wbv] {
    padding: 24px;
    font-size: 20px;
    box-shadow: 0px 10px 13px 0px #1126920D;
}

.financial-cards[b-z2ekau9wbv] {
    padding: 24px 16px;
}

.short-amt[b-z2ekau9wbv] {
    padding: 25px;
    background-color:#E72929;
    border-radius:8px;
    display:flex;
    gap:2%;
}
.warning[b-z2ekau9wbv]{
    display:flex;
    justify-content:center;
    align-items:center;
}
.warning i[b-z2ekau9wbv]{
    font-size:32px;
    color:#fff;
}
.overall-title p[b-z2ekau9wbv] {
    margin-bottom: 0;
    font-size:14px;
    color:#fff;
}
.overall-amt h3[b-z2ekau9wbv]{
    font-size:30px;
    color:#fff;
}
.cards-of-cards[b-z2ekau9wbv] {
    transition: box-shadow 0.5s ease;
}
    .cards-of-cards .arrow-outer[b-z2ekau9wbv] {
        transition:background 0.5s ease, border 0.5s ease;
    }
    .cards-of-cards .card-amount h3[b-z2ekau9wbv] {
        transition: transform 0.5s ease;
    }

.cards-of-cards:hover[b-z2ekau9wbv] {
    box-shadow: 0px 14px 13px 0px rgba(17, 38, 146, 0.2);
}
    .cards-of-cards:hover .arrow-outer[b-z2ekau9wbv] {
        background: rgba(26, 160, 83, 0.2);
        border:none;
    }
    .cards-of-cards:hover .card-amount h3[b-z2ekau9wbv] {
        transform: scale(1.05);
    }


/*pagination====================*/




/* Smooth scrolling */
html[b-z2ekau9wbv] {
    scroll-behavior: smooth;
}

/* Style for the anchor (hidden) */
#top-anchor[b-z2ekau9wbv] {
    position: absolute;
    top: 0;
    visibility: hidden;
}

/* Ensure pagelink buttons maintain their style */
.pagelink[b-z2ekau9wbv] {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    color: #0c2144;
    cursor: pointer;
    display: inline-block;
}

    .pagelink.active[b-z2ekau9wbv] {
        background-color: #082248;
        color: #fff;
        border-radius: 6px;
    }
.paginationpart[b-z2ekau9wbv] {
    padding: 20px ;
    margin-top: 10px;
/*    position: fixed;*/
 /*   bottom: 20px;*/
    justify-content: center;
    align-items: center;
    display: flex;
/*    width: calc(100% - 280px);*/
}

.pagination[b-z2ekau9wbv] {
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 0;
    list-style: none;
}

.pageitem[b-z2ekau9wbv] {
    display: inline-block;
}

.pagelink[b-z2ekau9wbv] {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    color: #0c2144;
    /*    border-radius: 6px;*/
    cursor: pointer;
}

    .pagelink.active[b-z2ekau9wbv] {
        background-color: #082248;
        color: #fff;
        border-radius: 6px;
    }

.pagelinkbtn[b-z2ekau9wbv] {
    /*    background-color: #f5f5f5;
    border: 1px solid #e0e0e0;
    padding: 8px 12px;
    border-radius: 6px;*/
    background-color: transparent;
    font-size: 14px;
    color: rgba(158, 158, 158, 1);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: background-color 0.2s;
    cursor: pointer;
    border: none;
}

    .pagelinkbtn:hover[b-z2ekau9wbv] {
        color: #444;
    }

    .pagelinkbtn.disabled[b-z2ekau9wbv] {
        background-color: transparent;
        color: #bbb;
        cursor: default;
        border: none;
        cursor: pointer;
    }

.current-page[b-z2ekau9wbv] {
    font-size: 14px;
    font-weight: 500;
    color: #444;
    padding: 0 10px;
}

/* Mobile styles */


.paginationpart select[b-z2ekau9wbv] {
    border: none;
    background-color: #d9d9d9;
    border-radius: 5px;
    height: 5vh;
    color: #111;
    width: 4vw;
    border: none;
    font-weight: 600;
}

.paginationpartmbl[b-z2ekau9wbv] {
    justify-content: center !important;
    width: 100%;
    padding-left: 3%;
}


@media only screen and (max-width:1700px) {
    .paginationpart select[b-z2ekau9wbv] {
        font-size: 20px;
    }

    .paginationpart[b-z2ekau9wbv] {
        display: flex;
        justify-content: space-around;
    }
}

@media only screen and (max-width:1440px) {
    .paginationpart select[b-z2ekau9wbv] {
        font-size: 18px;
    }

    .paginationpart[b-z2ekau9wbv] {
        display: flex;
        justify-content: space-around;
    }
}

@media only screen and (max-width:1024px) {
    .paginationpart select[b-z2ekau9wbv] {
        width: 8vw;
        font-size: 16px;
    }
}

@media only screen and (max-width: 768px) {
    /*    .paginationpart {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 100;
        margin: 0;
    }*/
    .paginationpartmbl[b-z2ekau9wbv] {
        background-color: white;
        padding-bottom: env(safe-area-inset-bottom);
        position: fixed;
        bottom: env(safe-area-inset-bottom);
        left: 0;
        right: 0;
        padding: 10px 0;
        box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
    }

    .pagelinkbtn[b-z2ekau9wbv] {
        padding: 6px 10px;
        font-size: 13px;
    }

    .current-page[b-z2ekau9wbv] {
        font-size: 13px;
    }

    /* Add spacing at the bottom of the container to account for fixed pagination */
    .containertable[b-z2ekau9wbv] {
        margin-bottom: 50px;
    }
}

@media only screen and (max-width:667px) {
    .paginationpart[b-z2ekau9wbv] {
        /*        padding: 5px 40px 5px 0px;*/
    }
}

@media only screen and (max-width:568px) {


    .paginationpart[b-z2ekau9wbv] {
        position: fixed;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        /*        width: 91%;*/
        background-color: #fff;
        /*        padding: 5px 25px 5px 0px;*/
        /* margin-bottom: 3%;*/
    }
}


@media only screen and (max-width:480px) {
    .pagelinkbtn[b-z2ekau9wbv] {
        padding: 5px 8px;
        font-size: 12px;
    }

    .current-page[b-z2ekau9wbv] {
        font-size: 12px;
    }

    .selectcompany[b-z2ekau9wbv] {
        font-size: 14px;
    }

    .paginationpart[b-z2ekau9wbv] {
        position: fixed;
        bottom: 0;
        display: flex;
        justify-content: space-between;
        background-color: #fff;
        /*        margin-bottom: 1vh;*/
    }
}

@media only screen and (max-width:480px) and (max-height: 932px) {
}

@media only screen and (max-width:390px) and (max-height: 844px) {
    /* .paginationpart {
            margin-bottom: 7%;
        }*/

    /*.paginationpart {
            width: 90%;
        }*/
}

@media only screen and (max-width:390px) {




    .selectcompany[b-z2ekau9wbv] {
        font-size: 13px;
    }

    /*.paginationpart {
            width: 80%;
           margin-left:8%;
        }*/
}

.credit-dropdown-content[b-z2ekau9wbv] {
    display: none;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    padding: 15px 0;
    animation: fadeIn-b-z2ekau9wbv 0.3s ease-in-out;
}

    .credit-dropdown-content.show[b-z2ekau9wbv] {
        display: grid;
    }

@keyframes fadeIn-b-z2ekau9wbv {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.credit-card[b-z2ekau9wbv] {
    cursor: pointer;
    transition: all 0.3s ease;
}

    .credit-card.active .card-title i[b-z2ekau9wbv] {
        transform: rotate(180deg);
    }


.cards-top-row[b-z2ekau9wbv] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
}

@media only screen and (max-width:360px) and (max-height: 740px) {
}

@media only screen and (max-width:320px) {

    .paginationpart[b-z2ekau9wbv] {
        margin-left: -40px;
    }

    .pagination[b-z2ekau9wbv] {
        margin-bottom: 0;
    }

    .selectcompany[b-z2ekau9wbv] {
        font-size: 13px;
    }

    .paginationpart[b-z2ekau9wbv] {
        width: 100%;
    }
}

@media only screen and (max-width:380px) {

    .paginationpart[b-z2ekau9wbv] {
        margin-left: -10px;
    }

    .pagination[b-z2ekau9wbv] {
        margin-bottom: 0;
    }

    .selectcompany[b-z2ekau9wbv] {
        font-size: 13px;
    }

    .paginationpart[b-z2ekau9wbv] {
        width: 100%;
    }
}

@media only screen and (max-width:320px) {
}

/*==================*/
/* /Pages/ProximaReport/LockReport.razor.rz.scp.css */

.top-part[b-2gped3xvwd] {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}

.page-heading[b-2gped3xvwd] {
    font-weight: 300;
    font-size: 36px;
}

.iconpack[b-2gped3xvwd] {
    display: flex;
    align-items: center;
    justify-content: end;
}

.icon-color[b-2gped3xvwd] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 8vw;
    height: 6vh;
    border-radius: 5px;
    background-color: #ABBFE0;
}

    .icon-color i[b-2gped3xvwd] {
        font-size: 24px;
    }

.searchpart[b-2gped3xvwd] {
       align-items: center;
   display:flex;
   gap:1%;

}
.buttondiv[b-2gped3xvwd] {
    display: flex;
   margin-top:2%;
}
.btn-group[b-2gped3xvwd],
.dropdowmdroupdown[b-2gped3xvwd],
.selectcompany[b-2gped3xvwd] {
    background-color: #ECECEB;
    border-radius: 5px;
    font-size: 12px;
}


.dateinputpart[b-2gped3xvwd],
.inputsearch[b-2gped3xvwd],
.searchbtn[b-2gped3xvwd] {
    border: none;
    margin-top:;
    border-radius: 5px;
    background-color: #ECECEB;
}

.dateinputpart[b-2gped3xvwd] {
    width: 100%;
    height: 4vh;
    padding:0 15px;
    font-size: 12px;
    font-weight: lighter;
}

.inputsearch[b-2gped3xvwd] {
    width: 100%;
    height: 6vh;
    padding-left: 20px;
    border-radius: 10px 0 0 10px;
}

.searchbtn[b-2gped3xvwd] {
    width: 3vw;
    height: 6vh;
    color: #FFF;
    background-color: #0C2144;
    border-radius: 0 10px 10px 0;
}
.tablecontainer[b-2gped3xvwd] {
    margin: 2% 0;
    border-radius: 10px;
    border: 2px solid #dcdcdc;
    overflow: hidden; /* Ensure the container handles overflow */
}

.table[b-2gped3xvwd] {
    margin-bottom: 0;
    width: 100%; /* Ensure the table takes full width */
    border-collapse: collapse;
    table-layout: fixed; /* Ensure proper column alignment */
}
.icon-color i:hover[b-2gped3xvwd] {
    color: red;
}
    .table thead[b-2gped3xvwd] {
        background-color: #f9f9f9;
        position: sticky;
        top: 0;
        z-index: 1;
        display: table;
        width: 100%; /* Ensure thead takes full width */
        table-layout: fixed; /* Ensure columns in header and body align */
    }

        .table thead th[b-2gped3xvwd] {
            padding: 10px; /* Add padding for better readability */
            text-align: center; /* Ensure text alignment is consistent */
        }

    .table tbody[b-2gped3xvwd] {
        display: block;
        height: 50vh;
        overflow-y: scroll; /* Enable scrolling for the body */
        font-weight: 400;
        font-size: 14px;
        width: 100%;
        table-layout: fixed; /* Ensure columns in header and body align */
    }

        .table tbody tr[b-2gped3xvwd],
        .table thead tr[b-2gped3xvwd] {
            display: table;
            width: 100%;
            table-layout: fixed; /* Ensure proper column alignment */
        }

        .table tbody td[b-2gped3xvwd] {
            padding: 10px; /* Add padding for better readability */
            text-align: center; /* Ensure consistent text alignment */
        }

/*====================================Media Queries==================================*/

@media only screen and (min-width: 1920px) {
    .page-heading[b-2gped3xvwd] {
        font-size: 59px;
    }

    .labeell[b-2gped3xvwd] {
        font-size: 28px;
    }

    .dateinputpart[b-2gped3xvwd] {
        font-size: 22px;
        height: 7vh;
    }

    .dropdown-toggle[b-2gped3xvwd] {
        height: 7vh;
        width: 100%;
    }

    .inputsearch[b-2gped3xvwd], .searchbtn[b-2gped3xvwd] {
        height: 7vh;
        font-size: 22px;
    }

    .icon-color i[b-2gped3xvwd] {
        font-size: 40px;
    }

    .table thead[b-2gped3xvwd] {
        font-size: 22px;
    }

    .table tbody[b-2gped3xvwd] {
        font-size: 20px;
    }

    .selecttext[b-2gped3xvwd] {
        font-size: 24px;
    }

    .selectcompany[b-2gped3xvwd] {
        height: 4.5vh;
        width: 3vw;
        font-size: 22px;
    }

    .page-link[b-2gped3xvwd] {
        font-size: 22px;
    }

    .dropdown-toggle[b-2gped3xvwd] {
        font-size: 22px;
    }
}

@media screen and (max-width: 1919px) {
    .page-heading[b-2gped3xvwd] {
        font-size: 49px;
    }

    .labeell[b-2gped3xvwd] {
        font-size: 24px;
    }

    .dateinputpart[b-2gped3xvwd] {
        font-size: 20px;
        height: 6vh;
    }

    .dropdown-toggle[b-2gped3xvwd] {
        height: 6vh;
        width: 100%;
    }

    .inputsearch[b-2gped3xvwd], .searchbtn[b-2gped3xvwd] {
        height: 6vh;
        font-size: 20px;
    }

    .icon-color i[b-2gped3xvwd] {
        font-size: 30px;
    }

    .table thead[b-2gped3xvwd] {
        font-size: 20px;
    }

    .table tbody[b-2gped3xvwd] {
        font-size: 18px;
    }

    .selecttext[b-2gped3xvwd] {
        font-size: 22px;
    }

    .selectcompany[b-2gped3xvwd] {
        height: 4vh;
        width: 3vw;
        font-size: 20px;
    }

    .page-link[b-2gped3xvwd] {
        font-size: 22px;
    }

    .dropdown-toggle[b-2gped3xvwd] {
        font-size: 20px;
    }

    .table tbody[b-2gped3xvwd] {
        height: 46vh;
    }
}


@media only screen and (max-width: 1700px) {
    .table tbody[b-2gped3xvwd] {
        height: 44vh;
    }
}

@media only screen and (max-width: 1600px) {
    .table tbody[b-2gped3xvwd] {
        height: 43vh;
    }

    .page-heading[b-2gped3xvwd] {
        font-size: 39px;
    }

    .labeell[b-2gped3xvwd] {
        font-size: 22px;
    }

    .dateinputpart[b-2gped3xvwd] {
        font-size: 18px;
        height: 6vh;
    }

    .dropdown-toggle[b-2gped3xvwd] {
        height: 6vh;
        width: 100%;
    }

    .inputsearch[b-2gped3xvwd], .searchbtn[b-2gped3xvwd] {
        height: 6vh;
        font-size: 18px;
    }

    .icon-color i[b-2gped3xvwd] {
        font-size: 25px;
    }

    .table thead[b-2gped3xvwd] {
        font-size: 18px;
    }

    .table tbody[b-2gped3xvwd] {
        font-size: 16px;
    }

    .selecttext[b-2gped3xvwd] {
        font-size: 20px;
    }

    .selectcompany[b-2gped3xvwd] {
        height: 4vh;
        width: 3vw;
        font-size: 18px;
    }

    .page-link[b-2gped3xvwd] {
        font-size: 20px;
    }

    .dropdown-toggle[b-2gped3xvwd] {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1440px) {


    .page-heading[b-2gped3xvwd] {
        font-size: 36px;
    }

    .labeell[b-2gped3xvwd] {
        font-size: 20px;
    }

    .dateinputpart[b-2gped3xvwd] {
        font-size: 16px;
    }

    .dropdown-toggle[b-2gped3xvwd] {
        font-size: 16px;
    }

    .selecttext[b-2gped3xvwd] {
        font-size: 20px;
    }

    .page-link[b-2gped3xvwd] {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1300px) {
    .table tbody[b-2gped3xvwd] {
        height: 40vh;
    }
}

@media only screen and (max-width: 1150px) {

    .table tbody[b-2gped3xvwd] {
        height: 38vh;
    }

    .table thead[b-2gped3xvwd] {
        font-size: 18px;
    }

    .table tbody[b-2gped3xvwd] {
        font-size: 16px;
    }
}


@media only screen and (max-width: 1080px) {


    .page-heading[b-2gped3xvwd] {
        font-size: 32px;
    }

    .icon-color[b-2gped3xvwd] {
        width: 10vw;
    }

    .table tbody[b-2gped3xvwd] {
        height: 40vh;
    }

    .table thead[b-2gped3xvwd] {
        word-wrap: break-word;
    }

    .labeell[b-2gped3xvwd] {
        font-size: 18px;
    }

    .dateinputpart[b-2gped3xvwd], .searchpart[b-2gped3xvwd], .dropdown-toggle[b-2gped3xvwd] {
        font-size: 14px;
    }

    .dropdownpart[b-2gped3xvwd], .buttondiv[b-2gped3xvwd] {
        margin-top: 3%;
    }

    .table thead[b-2gped3xvwd] {
        font-size: 16px;
    }

    .table tbody[b-2gped3xvwd] {
        font-size: 14px;
    }

    .inputsearch[b-2gped3xvwd] {
        border-radius: 5px 0 0 5px;
    }

    .searchbtn[b-2gped3xvwd] {
        border-radius: 0 5px 5px 0;
    }

    .page-link[b-2gped3xvwd] {
        font-size: 14px;
    }

    .selecttext[b-2gped3xvwd] {
        font-size: 16px;
    }

    .selectcompany[b-2gped3xvwd] {
        width: 4vw;
    }
}

@media only screen and (max-width: 900px) {
    .icon-color[b-2gped3xvwd] {
        width: 12vw;
    }

    .table tbody[b-2gped3xvwd] {
        height: 43vh;
    }

    .searchbtn[b-2gped3xvwd] {
        width: 4vw;
    }
}


@media screen and (max-width: 890px) {
}

@media only screen and (max-width: 768px) {


    .page-heading[b-2gped3xvwd] {
        font-size: 28px;
    }

    .icon-color i[b-2gped3xvwd] {
        font-size: 20px;
    }

    .labeell[b-2gped3xvwd] {
        font-size: 16px;
    }

    .dateinputpart[b-2gped3xvwd], .inputsearch[b-2gped3xvwd], .dropdown-toggle[b-2gped3xvwd] {
        font-size: 12px;
    }

    .table thead[b-2gped3xvwd] {
        font-size: 14px;
    }

    .table tbody[b-2gped3xvwd] {
        font-size: 12px;
        height: 44vh;
    }

    .searchbtn[b-2gped3xvwd] {
        width: 4vw;
    }

    .dropdownpart[b-2gped3xvwd] {
        margin-top: 4%;
    }

    .buttondiv[b-2gped3xvwd] {
        margin-top: 4%;
    }

    .selecttext[b-2gped3xvwd] {
        font-size: 14px;
    }

    .selectcompany[b-2gped3xvwd] {
        width: 5vw;
        font-size: 14px;
    }

    .page-link[b-2gped3xvwd] {
        font-size: 12px;
    }
}

@media only screen and (max-width: 742px) {
}

@media screen and (max-width: 682px) {
}

@media screen and (max-width: 645px) {
}

/*====================================[END]========================================*/
/* /Pages/ProximaReport/OverAllSalesOverview.razor.rz.scp.css */
/*.overallsellspage {
    margin-top: 2.3%;
}*/

@media only screen and (max-width: 1440px) {
    /*.overallsellspage {
        margin-top: 3%;
    }*/
}

@media only screen and (max-width: 1080px) {
    /*.overallsellspage {
        margin-top: 4%;
    }*/
}

@media only screen and (max-width: 768px) {
    /*.overallsellspage {
        margin-top: -5%;
    }*/
}

@media only screen and (max-width: 480px) {
    /*.overallsellspage {
        margin-top: -10%;
    }*/
}
/* /Pages/ProximaReport/OverallSells.razor.rz.scp.css */
.overallsellspage[b-5aaef38whx] {
    margin-top: 2.3%;
}
@media only screen and (max-width: 1440px) {
    .overallsellspage[b-5aaef38whx] {
        margin-top: 3%;
    }

}

@media only screen and (max-width: 1080px) {
    .overallsellspage[b-5aaef38whx] {
        margin-top: 4%;
    }

}
@media only screen and (max-width: 768px) {
    .overallsellspage[b-5aaef38whx] {
        margin-top: -5%;
    }

}
@media only screen and (max-width: 480px) {
    .overallsellspage[b-5aaef38whx] {
        margin-top: -10%;
    }
}
/* /Pages/ProximaReport/PettyCashReport.razor.rz.scp.css */
.pettycashpage[b-jr6j2844jl] {
    margin-top: 3%;
}

.top-part[b-jr6j2844jl] {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}

.page-heading[b-jr6j2844jl] {
    font-size: 36px;
    font-weight: 300;
}

.iconpack[b-jr6j2844jl] {
    display: flex;
    align-items: center;
    justify-content: end;
}

.icon-color[b-jr6j2844jl] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 8vw;
    height: 6vh;
    border-radius: 5px;
    background-color: #ABBFE0;
}

    .icon-color i[b-jr6j2844jl] {
        font-size: 24px;
    }

.searchpart[b-jr6j2844jl] {
  display:flex;
  gap:1%;

    align-items: center;
    
}

.datepart[b-jr6j2844jl] {
   
}

.dateinputpart[b-jr6j2844jl], .inputsearch[b-jr6j2844jl], .searchbtn[b-jr6j2844jl], .btn-group[b-jr6j2844jl], .dropdowmdroupdown[b-jr6j2844jl], .selectcompany[b-jr6j2844jl] {
    border: none;
    border-radius: 5px;
    background-color: #ECECEB;
}

.dateinputpart[b-jr6j2844jl] {
    width: 100%;
    height: 4vh;
    padding: 10px;
    font-size: 12px;
    font-weight: lighter;
    padding:0 15px;
}


.buttondiv[b-jr6j2844jl] {
    display: flex;
    margin-top: 2%;
    flex-direction: row;
}


.inputsearch[b-jr6j2844jl] {
    width: 85%;
    height: 6vh;
    padding-left: 20px;
    border-radius: 10px 0 0 10px;
}

.searchbtn[b-jr6j2844jl] {
    width: 3vw;
    height: 6vh;
    color: #FFF;
    background-color: #0C2144;
    border-radius: 0 10px 10px 0;
}
.tablecontainer[b-jr6j2844jl] {
    margin: 2% 0;
    border-radius: 10px;
    border: 2px solid #dcdcdc;
    overflow: hidden; /* Ensure the container handles overflow */
}

.table[b-jr6j2844jl] {
    margin-bottom: 0;
    width: 100%; /* Ensure the table takes full width */
    border-collapse: collapse;
    table-layout: fixed; /* Ensure proper column alignment */
}

    .table thead[b-jr6j2844jl] {
        background-color: #f9f9f9; /* Add background color to the header */
        text-align: center;
        position: sticky; /* Make the header sticky */
        top: 0; /* Stick the header to the top */
        z-index: 1; /* Ensure the header is above the scrollable content */
        display: table;
        width: 100%; /* Ensure thead takes full width */
        table-layout: fixed; /* Ensure thead columns align with tbody */
    }

        .table thead th[b-jr6j2844jl] {
            padding: 10px; /* Add padding for better readability */
        }

    .table tbody[b-jr6j2844jl] {
        display: block;
        height: 50vh;
        overflow-y: scroll; /* Enable scrolling for the body */
        width: 100%;
    }

        .table tbody tr[b-jr6j2844jl],
        .table thead tr[b-jr6j2844jl] {
            display: table;
            width: 100%;
            table-layout: fixed; /* Ensure proper column alignment */
        }

        .table tbody td[b-jr6j2844jl] {
            padding: 10px; /* Add padding for better readability */
            text-align: center; /* Ensure consistent text alignment */
        }


/*====================================Media Queries==================================*/

/*@media only screen and (min-width: 1920px) {
    .page-heading {
        font-size: 59px;
    }

    .icon-color {
        width: 22%;
        gap: 15px;
        height: 6vh;
    }

        .icon-color i, .searchbtn i {
            font-size: 40px;
        }

    .dateinputpart, .inputsearch, .btn-group, .dropdowmdroupdown, .selectcompany, .table thead, .table tbody {
        font-size: 20px;
    }

    .dateinputpart, .btn-group {
        height: 6vh;
    }

    .inputsearch {
        width: 85%;
        height: 7vh;
    }

    .searchbtn {
        height: 7vh;
    }

    .table thead {
        font-size: 26px;
    }

    .table tbody {
        font-size: 24px;
    }

    .selectcompany {
        font-size: 22px;
    }

    .page-link {
        font-size: 24px;
    }
}

@media screen and (max-width: 1919px) {
    .page-heading {
        font-size: 44px;
    }

    .icon-color {
        width: 18%;
        gap: 15px;
        height: 6vh;
    }

        .icon-color i, .searchbtn i {
            font-size: 32px;
        }

    .datepart {
        grid-template-columns: 40% 40% 20%;
    }

    .dateinputpart, .inputsearch, .btn-group, .dropdowmdroupdown, .selectcompany, .table thead, .table tbody {
        font-size: 22px;
    }

    .dateinputpart, .inputsearch {
        width: 85%;
        height: 6vh;
    }

    .selectcompany {
        height: 5vh;
        width: 3vw;
    }

    .page-link {
        font-size: 20px;
        height: 6vh;
        width: 3.5vw;
    }
}

@media only screen and (max-width: 1700px) {
    .page-heading {
        font-size: 40px;
    }

    .icon-color i {
        font-size: 26px;
    }

    .dateinputpart, .inputsearch, .dropdowmdroupdown, .table thead, .table tbody {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1600px) {
    .page-heading {
        font-size: 34px;
    }

    .icon-color i, .searchbtn i {
        font-size: 24px;
    }

    .dateinputpart, .inputsearch, .dropdowmdroupdown, .table thead, .table tbody, .selectcompany {
        font-size: 18px;
    }

    .selectcompany {
        border: 2px solid #dcdcdc;
    }

    .page-link {
        font-size: 14px;
        height: 5vh;
        width: 3vw;
    }
}

@media only screen and (max-width: 1440px) {
    .pettycashpage {
        margin-top: 4%;
    }

    .table tbody {
        height: 58vh;
    }

    .page-heading {
        font-size: 36px;
    }

    .icon-color {
        height: 6vh;
        width: 22%;
    }

    .dateinputpart, .inputsearch {
        font-size: 14px;
        width: 85%;
        height: 6vh;
    }

    .dropdowmdroupdown, .table thead, .table tbody, .selectcompany, .searchbtn i {
        font-size: 16px;
    }

    .selectcompany {
        border: 2px solid #dcdcdc;
    }

    .page-link {
        font-size: 14px;
        height: 5vh;
        width: 3vw;
    }
}

@media only screen and (max-width: 1080px) {
    .pettycashpage {
        margin-top: 2%;
    }

   
    .dateinputpart {
        width: 65%;
        height: 5vh;
    }

    .btn-group {
        height: 5vh;
    }

    .inputsearch {
        width: 60%;
        height: 6.5vh;
    }

    .searchbtn {
        width: 4vw;
        height: 6.5vh;
    }

    .labeell, .selecttext {
        font-size: 16px;
    }

    .icon-color {
        width: 22%;
        gap: 5px;
    }

        .icon-color i, .searchbtn i {
            font-size: 22px;
        }

    .selectcompany {
        width: 4vw;
        font-size: 14px;
    }

    .table tbody {
        height: 50vh;
    }
}

@media only screen and (max-width: 945px) {
    .table tbody {
        height: 51vh;
    }

   

    .page-heading {
        font-size: 32px;
    }

    .table thead, .table tbody {
        font-size: 14px;
    }

    .icon-color {
        width: 22%;
    }

        .icon-color i {
            font-size: 20px;
        }
}

@media screen and (max-width: 890px) {
    .pettycashpage {
        margin-top: 4%;
    }

    .dateinputpart {
        width: 55%;
    }


    .icon-color {
        width: 24%;
    }

    .selectcompany {
        width: 5vw;
    }
}

@media only screen and (max-width: 785px) {
    .pettycashpage {
        margin-top: 5%;
    }


    .icon-color {
        gap: 5px;
        width: 25%;
        height: 5vh;
    }

        .icon-color i {
            font-size: 18px;
        }

    .dateinputpart, .inputsearch {
        font-size: 12px;
        width: 55%;
        height: 5vh;
        border-radius: 5px;
    }

    .btn-group {
        height: 5vh;
        border-radius: 5px;
    }

    .dropdowmdroupdown, .selectcompany, .page-link {
        font-size: 12px;
    }

   

    .inputsearch {
        width: 100%;
        height: 6vh;
        border-radius: 5px 0 0 5px;
    }

    .searchbtn {
        height: 6vh;
        border-radius: 0 5px 5px 0;
    }

        .searchbtn i {
            font-size: 16px;
        }

    .selectcompany {
        font-size: 12px;
        width: 4vw;
    }

    .page-link {
        font-size: 12px;
        width: 4vw;
    }
}

@media only screen and (max-width: 742px) {
    .dateinputpart {
        width: 50%;
    }

    .icon-color i, .searchbtn i {
        font-size: 18px;
    }

    .inputsearch {
        width: 70%;
    }

    .table thead, .table tbody {
        font-size: 14px;
        text-align: center;
    }
}

@media only screen and (max-width: 710px) {
    .dateinputpart {
        width: 45%;
    }
}


@media screen and (max-width: 645px) {
    .pettycashpage {
        margin-top: 5%;
    }

    .page-heading {
        font-size: 28px;
    }

    .table tbody {
        height: 53vh;
    }

    .icon-color {
        width: 30%;
        height: 5vh;
        gap: 5px;
    }

        .icon-color i {
            font-size: 18px;
        }

    .labeell {
        font-size: 12px;
    }

    .dateinputpart, .inputsearch {
        width: 50%;
        font-size: 14px;
    }

    

    .searchbtn {
        width: 4vw;
    }

        .searchbtn i {
            font-size: 12px;
        }

    .table thead, .table tbody {
        font-size: 12px;
        text-align: center;
    }
}
*/
/*====================================[END]========================================*/

@media only screen and (min-width: 1920px) {
    .page-heading[b-jr6j2844jl] {
        font-size: 59px;
    }

    .labeell[b-jr6j2844jl] {
        font-size: 28px;
    }

    .dateinputpart[b-jr6j2844jl] {
        font-size: 22px;
        height: 7vh;
    }

    .dropdown-toggle[b-jr6j2844jl] {
        height: 7vh;
        width: 100%;
    }

    .inputsearch[b-jr6j2844jl], .searchbtn[b-jr6j2844jl] {
        height: 7vh;
        font-size: 22px;
    }

    .icon-color i[b-jr6j2844jl] {
        font-size: 40px;
    }

    .table thead[b-jr6j2844jl] {
        font-size: 22px;
    }

    .table tbody[b-jr6j2844jl] {
        font-size: 20px;
    }

    .selecttext[b-jr6j2844jl] {
        font-size: 24px;
    }

    .selectcompany[b-jr6j2844jl] {
        height: 4.5vh;
        width: 3vw;
        font-size: 22px;
    }

    .page-link[b-jr6j2844jl] {
        font-size: 22px;
    }

    .dropdown-toggle[b-jr6j2844jl] {
        font-size: 22px;
    }
}

@media screen and (max-width: 1919px) {
    .page-heading[b-jr6j2844jl] {
        font-size: 49px;
    }

    .labeell[b-jr6j2844jl] {
        font-size: 24px;
    }

    .dateinputpart[b-jr6j2844jl] {
        font-size: 20px;
        height: 6vh;
    }

    .dropdown-toggle[b-jr6j2844jl] {
        height: 6vh;
        width: 100%;
    }

    .inputsearch[b-jr6j2844jl], .searchbtn[b-jr6j2844jl] {
        height: 6vh;
        font-size: 20px;
    }

    .icon-color i[b-jr6j2844jl] {
        font-size: 30px;
    }

    .table thead[b-jr6j2844jl] {
        font-size: 20px;
    }

    .table tbody[b-jr6j2844jl] {
        font-size: 18px;
    }

    .selecttext[b-jr6j2844jl] {
        font-size: 22px;
    }

    .selectcompany[b-jr6j2844jl] {
        height: 4vh;
        width: 3vw;
        font-size: 20px;
    }

    .page-link[b-jr6j2844jl] {
        font-size: 22px;
    }

    .dropdown-toggle[b-jr6j2844jl] {
        font-size: 20px;
    }

    .table tbody[b-jr6j2844jl] {
        height: 46vh;
    }
}


@media only screen and (max-width: 1700px) {
    .table tbody[b-jr6j2844jl] {
        height: 44vh;
    }
}

@media only screen and (max-width: 1600px) {
    .table tbody[b-jr6j2844jl] {
        height: 43vh;
    }

    .page-heading[b-jr6j2844jl] {
        font-size: 39px;
    }

    .labeell[b-jr6j2844jl] {
        font-size: 22px;
    }

    .dateinputpart[b-jr6j2844jl] {
        font-size: 18px;
        height: 6vh;
    }

    .dropdown-toggle[b-jr6j2844jl] {
        height: 6vh;
        width: 100%;
    }

    .inputsearch[b-jr6j2844jl], .searchbtn[b-jr6j2844jl] {
        height: 6vh;
        font-size: 18px;
    }

    .icon-color i[b-jr6j2844jl] {
        font-size: 25px;
    }

    .table thead[b-jr6j2844jl] {
        font-size: 18px;
    }

    .table tbody[b-jr6j2844jl] {
        font-size: 16px;
    }

    .selecttext[b-jr6j2844jl] {
        font-size: 20px;
    }

    .selectcompany[b-jr6j2844jl] {
        height: 4vh;
        width: 3vw;
        font-size: 18px;
    }

    .page-link[b-jr6j2844jl] {
        font-size: 20px;
    }

    .dropdown-toggle[b-jr6j2844jl] {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1440px) {
    .overallsellspage[b-jr6j2844jl] {
        margin-top: 3%;
    }

    .page-heading[b-jr6j2844jl] {
        font-size: 36px;
    }

    .labeell[b-jr6j2844jl] {
        font-size: 20px;
    }

    .dateinputpart[b-jr6j2844jl] {
        font-size: 16px;
    }

    .dropdown-toggle[b-jr6j2844jl] {
        font-size: 16px;
    }

    .selecttext[b-jr6j2844jl] {
        font-size: 20px;
    }

    .page-link[b-jr6j2844jl] {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1300px) {
    .table tbody[b-jr6j2844jl] {
        height: 40vh;
    }
}

@media only screen and (max-width: 1150px) {

    .table tbody[b-jr6j2844jl] {
        height: 38vh;
    }

    .table thead[b-jr6j2844jl] {
        font-size: 18px;
    }

    .table tbody[b-jr6j2844jl] {
        font-size: 16px;
    }
}


@media only screen and (max-width: 1080px) {
    .pettycashpage[b-jr6j2844jl] {
        margin-top: 4%;
    }

    .page-heading[b-jr6j2844jl] {
        font-size: 32px;
    }

    .icon-color[b-jr6j2844jl] {
        width: 10vw;
    }

    .table tbody[b-jr6j2844jl] {
        height: 40vh;
    }

    .table thead[b-jr6j2844jl] {
        word-wrap: break-word;
    }

    .labeell[b-jr6j2844jl] {
        font-size: 18px;
    }

    .dateinputpart[b-jr6j2844jl], .searchpart[b-jr6j2844jl], .dropdown-toggle[b-jr6j2844jl] {
        font-size: 14px;
    }

    .dropdownpart[b-jr6j2844jl], .buttondiv[b-jr6j2844jl] {
        margin-top: 3%;
    }

    .table thead[b-jr6j2844jl] {
        font-size: 16px;
    }

    .table tbody[b-jr6j2844jl] {
        font-size: 14px;
    }

    .inputsearch[b-jr6j2844jl] {
        border-radius: 5px 0 0 5px;
    }

    .searchbtn[b-jr6j2844jl] {
        border-radius: 0 5px 5px 0;
    }

    .page-link[b-jr6j2844jl] {
        font-size: 14px;
    }

    .selecttext[b-jr6j2844jl] {
        font-size: 16px;
    }

    .selectcompany[b-jr6j2844jl] {
        width: 4vw;
    }
}

@media only screen and (max-width: 900px) {
    .icon-color[b-jr6j2844jl] {
        width: 12vw;
    }

    .table tbody[b-jr6j2844jl] {
        height: 43vh;
    }

    .searchbtn[b-jr6j2844jl] {
        width: 4vw;
    }
}


@media screen and (max-width: 890px) {
}

@media only screen and (max-width: 768px) {
    .pettycashpage[b-jr6j2844jl] {
        margin-top: -5%;
    }

    .page-heading[b-jr6j2844jl] {
        font-size: 28px;
    }

    .icon-color i[b-jr6j2844jl] {
        font-size: 20px;
    }

    .labeell[b-jr6j2844jl] {
        font-size: 16px;
    }

    .dateinputpart[b-jr6j2844jl], .inputsearch[b-jr6j2844jl], .dropdown-toggle[b-jr6j2844jl] {
        font-size: 12px;
    }

    .table thead[b-jr6j2844jl] {
        font-size: 14px;
    }

    .table tbody[b-jr6j2844jl] {
        font-size: 12px;
        height: 44vh;
    }

    .searchbtn[b-jr6j2844jl] {
        width: 4vw;
    }

    .dropdownpart[b-jr6j2844jl] {
        margin-top: 4%;
    }

    .buttondiv[b-jr6j2844jl] {
        margin-top: 4%;
    }

    .selecttext[b-jr6j2844jl] {
        font-size: 14px;
    }

    .selectcompany[b-jr6j2844jl] {
        width: 5vw;
        font-size: 14px;
    }

    .page-link[b-jr6j2844jl] {
        font-size: 12px;
    }
}

@media only screen and (max-width: 742px) {
}

@media screen and (max-width: 682px) {
}

@media screen and (max-width: 645px) {
}
/* /Pages/ProximaReport/SafeDropReport.razor.rz.scp.css */
.safe-drop-report-page[b-amwicpi2a3] {
    margin-top: 3%;
}


/*======================================Search Part ===============================================*/
.searchpart[b-amwicpi2a3] {
   
    align-items: center;
   display:flex;
   gap:1%;
}



.dateinputpart[b-amwicpi2a3],
.inputsearch[b-amwicpi2a3],
.searchbtn[b-amwicpi2a3],
.btn-group[b-amwicpi2a3],
.dropdowmdroupdown[b-amwicpi2a3] {
    border: none;
    border-radius: 5px;
    background-color: #ECECEB;
    font-size: 12px;
}

.dateinputpart[b-amwicpi2a3] {
    width: 100%;
    height: 5vh;
    padding: 0 15px;
    font-weight: lighter;
}

.buttondiv[b-amwicpi2a3] {
    display: flex;
    margin-top:2%;
    flex-direction: row;
}

.inputsearch[b-amwicpi2a3] {
    width: 50%;
    height: 6vh;
    padding-left: 20px;
    border-radius: 10px 0 0 10px;
    background-color:#ECECEB;
}

.searchbtn[b-amwicpi2a3] {
    width: 3vw;
    height: 6vh;
    color: #FFF;
    background-color: #0C2144;
    border-radius: 0 10px 10px 0;
}

.labeell[b-amwicpi2a3] {
    font-size: 18px;
}

/*======================================Search part end===========================*/

/*================================Table Part=========================================*/
.safedroptable[b-amwicpi2a3] {
    width:100%;
}
    .safedroptable tr:nth-child(even)[b-amwicpi2a3] {
        background-color: #fff;
    }

    .safedroptable tr:nth-child(odd)[b-amwicpi2a3] {
        background-color: #dcdfe8;
    }
.safedroptable[b-amwicpi2a3] {
    margin-top: 0;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
    .safedroptable thead tr[b-amwicpi2a3]{
        background-color: #fff !important;
        border-bottom:1px solid #d9d9d9;
        margin-bottom:0.2%;
        top: 0;
        z-index: 1;
 
        width: 100%;
        table-layout: fixed;
    }

        .safedroptable thead th[b-amwicpi2a3] {
            padding: 10px; 
            text-align: center; 
        }

    .safedroptable tbody[b-amwicpi2a3] {
      
        width: 100%;
     
    }

        .safedroptable tbody tr[b-amwicpi2a3],
        .safedroptable thead tr[b-amwicpi2a3] {
            display: table;
            width: 100%;
 
            table-layout: fixed; 
        }

        .safedroptable tbody td[b-amwicpi2a3] {
          
            text-align: center; 
        }

.eyeslash[b-amwicpi2a3] {
    cursor: pointer;
    font-weight: 300;
    font-size: 14px;
}

/*===================================table end=====================================================================*/

/*====================================Top Part==================================================================*/

.top-part[b-amwicpi2a3] {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}

.page-heading[b-amwicpi2a3] {
    font-weight: 300;
    font-size: 36px;
}

.iconpack[b-amwicpi2a3] {
    display: flex;
    align-items: center;
    justify-content: end;
}

.icon-color[b-amwicpi2a3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 8vw;
    height: 6vh;
    border-radius: 5px;
    background-color: #ABBFE0;
}

    .icon-color i[b-amwicpi2a3] {
        color: #0C2144;
        font-size: 24px;
    }

        .icon-color i:hover[b-amwicpi2a3] {
            color: red;
        }

[b-amwicpi2a3]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-amwicpi2a3]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}

/*=======================Modal Table===========================*/
.modaltable[b-amwicpi2a3] {
    border: 2px solid #dcdcdc;
    border-radius: 10px !important;
    overflow-y: scroll;
}

/*====================Pagination Part==========================*/
.selectcompany[b-amwicpi2a3] {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
}
.selectcompany[b-amwicpi2a3] {
    background-color: #dcdcdc;
    border: none;
    border-radius: 5px;
}
/*====================================Media Queries==================================*/




@media only screen and (min-width: 1920px) {
    .page-heading[b-amwicpi2a3] {
        font-size: 59px;
    }

    .labeell[b-amwicpi2a3] {
        font-size: 28px;
    }

    .dateinputpart[b-amwicpi2a3] {
        font-size: 22px;
        height: 7vh;
    }

    .dropdown-toggle[b-amwicpi2a3] {
        height: 7vh;
        width: 100%;
    }

    .inputsearch[b-amwicpi2a3], .searchbtn[b-amwicpi2a3] {
        height: 7vh;
        font-size: 22px;
    }

    .icon-color i[b-amwicpi2a3] {
        font-size: 40px;
    }

    .table thead[b-amwicpi2a3] {
        font-size: 22px;
    }

    .table tbody[b-amwicpi2a3] {
        font-size: 20px;
    }

    .selecttext[b-amwicpi2a3] {
        font-size: 24px;
    }

    .selectcompany[b-amwicpi2a3] {
        height: 4.5vh;
        width: 3vw;
        font-size: 22px;
    }

    .page-link[b-amwicpi2a3] {
        font-size: 22px;
    }

    .dropdown-toggle[b-amwicpi2a3] {
        font-size: 22px;
    }
}

@media screen and (max-width: 1919px) {
    .page-heading[b-amwicpi2a3] {
        font-size: 49px;
    }

    .labeell[b-amwicpi2a3] {
        font-size: 24px;
    }

    .dateinputpart[b-amwicpi2a3] {
        font-size: 20px;
        height: 6vh;
    }

    .dropdown-toggle[b-amwicpi2a3] {
        height: 6vh;
        width: 100%;
    }

    .inputsearch[b-amwicpi2a3], .searchbtn[b-amwicpi2a3] {
        height: 6vh;
        font-size: 20px;
    }

    .icon-color i[b-amwicpi2a3] {
        font-size: 30px;
    }

    .table thead[b-amwicpi2a3] {
        font-size: 20px;
    }

    .table tbody[b-amwicpi2a3] {
        font-size: 18px;
    }

    .selecttext[b-amwicpi2a3] {
        font-size: 22px;
    }

    .selectcompany[b-amwicpi2a3] {
        height: 4vh;
        width: 3vw;
        font-size: 20px;
    }

    .page-link[b-amwicpi2a3] {
        font-size: 22px;
    }

    .dropdown-toggle[b-amwicpi2a3] {
        font-size: 20px;
    }

    .table tbody[b-amwicpi2a3] {
        height: 46vh;
    }
}


@media only screen and (max-width: 1700px) {
    .table tbody[b-amwicpi2a3] {
        height: 44vh;
    }
}

@media only screen and (max-width: 1600px) {
    .table tbody[b-amwicpi2a3] {
        height: 43vh;
    }

    .page-heading[b-amwicpi2a3] {
        font-size: 39px;
    }

    .labeell[b-amwicpi2a3] {
        font-size: 22px;
    }

    .dateinputpart[b-amwicpi2a3] {
        font-size: 18px;
        height: 6vh;
    }

    .dropdown-toggle[b-amwicpi2a3] {
        height: 6vh;
        width: 100%;
    }

    .inputsearch[b-amwicpi2a3], .searchbtn[b-amwicpi2a3] {
        height: 6vh;
        font-size: 18px;
    }

    .icon-color i[b-amwicpi2a3] {
        font-size: 25px;
    }

    .table thead[b-amwicpi2a3] {
        font-size: 18px;
    }

    .table tbody[b-amwicpi2a3] {
        font-size: 16px;
    }

    .selecttext[b-amwicpi2a3] {
        font-size: 20px;
    }

    .selectcompany[b-amwicpi2a3] {
        height: 4vh;
        width: 3vw;
        font-size: 18px;
    }

    .page-link[b-amwicpi2a3] {
        font-size: 20px;
    }

    .dropdown-toggle[b-amwicpi2a3] {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1440px) {
    .safe-drop-report-page[b-amwicpi2a3] {
        margin-top: 3%;
    }

    .page-heading[b-amwicpi2a3] {
        font-size: 36px;
    }

    .labeell[b-amwicpi2a3] {
        font-size: 20px;
    }

    .dateinputpart[b-amwicpi2a3] {
        font-size: 16px;
    }

    .dropdown-toggle[b-amwicpi2a3] {
        font-size: 16px;
    }

    .selecttext[b-amwicpi2a3] {
        font-size: 20px;
    }

    .page-link[b-amwicpi2a3] {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1300px) {
    .table tbody[b-amwicpi2a3] {
        height: 40vh;
    }
}

@media only screen and (max-width: 1150px) {

    .table tbody[b-amwicpi2a3] {
        height: 38vh;
    }

    .table thead[b-amwicpi2a3] {
        font-size: 18px;
    }

    .table tbody[b-amwicpi2a3] {
        font-size: 16px;
    }
}


@media only screen and (max-width: 1080px) {
    .safe-drop-report-page[b-amwicpi2a3] {
        margin-top: 4%;
    }

    .page-heading[b-amwicpi2a3] {
        font-size: 32px;
    }

    .icon-color[b-amwicpi2a3] {
        width: 10vw;
    }

    .table tbody[b-amwicpi2a3] {
        height: 40vh;
    }

    .table thead[b-amwicpi2a3] {
        word-wrap: break-word;
    }

    .labeell[b-amwicpi2a3] {
        font-size: 18px;
    }

    .dateinputpart[b-amwicpi2a3], .searchpart[b-amwicpi2a3], .dropdown-toggle[b-amwicpi2a3] {
        font-size: 14px;
    }

    .dropdownpart[b-amwicpi2a3], .buttondiv[b-amwicpi2a3] {
        margin-top: 3%;
    }

    .table thead[b-amwicpi2a3] {
        font-size: 16px;
    }

    .table tbody[b-amwicpi2a3] {
        font-size: 14px;
    }

    .inputsearch[b-amwicpi2a3] {
        border-radius: 5px 0 0 5px;
    }

    .searchbtn[b-amwicpi2a3] {
        border-radius: 0 5px 5px 0;
    }

    .page-link[b-amwicpi2a3] {
        font-size: 14px;
    }

    .selecttext[b-amwicpi2a3] {
        font-size: 16px;
    }

    .selectcompany[b-amwicpi2a3] {
        width: 4vw;
    }
}

@media only screen and (max-width: 900px) {
    .icon-color[b-amwicpi2a3] {
        width: 12vw;
    }

    .table tbody[b-amwicpi2a3] {
        height: 43vh;
    }

    .searchbtn[b-amwicpi2a3] {
        width: 4vw;
    }
}


@media screen and (max-width: 890px) {
}

@media only screen and (max-width: 768px) {
    .safe-drop-report-page[b-amwicpi2a3] {
        margin-top:-5%;
    }

    .page-heading[b-amwicpi2a3] {
        font-size: 28px;
    }

    .icon-color i[b-amwicpi2a3] {
        font-size: 20px;
    }

    .labeell[b-amwicpi2a3] {
        font-size: 16px;
    }

    .dateinputpart[b-amwicpi2a3], .inputsearch[b-amwicpi2a3], .dropdown-toggle[b-amwicpi2a3] {
        font-size: 12px;
    }

    .table thead[b-amwicpi2a3] {
        font-size: 14px;
    }

    .table tbody[b-amwicpi2a3] {
        font-size: 12px;
        height: 44vh;
    }

    .searchbtn[b-amwicpi2a3] {
        width: 4vw;
    }

    .dropdownpart[b-amwicpi2a3] {
        margin-top: 4%;
    }

    .buttondiv[b-amwicpi2a3] {
        margin-top: 4%;
    }

    .selecttext[b-amwicpi2a3] {
        font-size: 14px;
    }

    .selectcompany[b-amwicpi2a3] {
        width: 5vw;
        font-size: 14px;
    }

    .page-link[b-amwicpi2a3] {
        font-size: 12px;
    }
}

@media only screen and (max-width: 480px) {
    .safe-drop-report-page[b-amwicpi2a3] {
        margin-top: -8%;
    }
}

@media screen and (max-width: 682px) {
}

@media screen and (max-width: 645px) {
}

/*====================================[END]========================================*/
/* /Pages/ProximaReport/VoidReport.razor.rz.scp.css */


.top-part[b-g6870j9m86] {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(2, 1fr);
}

.page-heading[b-g6870j9m86] {
    font-weight: 300;
    font-size: 36px;
}

.iconpack[b-g6870j9m86] {
    display: flex;
    align-items: center;
    justify-content: flex-end; /* Align icons to the right */
}

.icon-color[b-g6870j9m86] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 8vw;
    height: 5vh;
    border-radius: 5px;
    background-color: #ABBFE0;
}

    .icon-color i[b-g6870j9m86] {
        font-size: 24px;
    }

.searchpart[b-g6870j9m86] {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Ensure equal spacing between elements */
    gap: 1%; /* Adjust the gap value as needed */
}
.buttondiv[b-g6870j9m86] {
 
    flex: 1; /* Make each section take up equal space */
}
.datestart[b-g6870j9m86],
.dateend[b-g6870j9m86] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1; /* Make each section take up equal space */
}

.dateinputpart[b-g6870j9m86] {
    width: 100%; /* Ensure the input takes full available width */
    height: 4vh;
    padding:0 15px;
    font-size: 12px;
    font-weight: lighter;
    background-color: #ECECEB;
    border: none;
    border-radius: 5px;
}

.inputsearch[b-g6870j9m86] {
    width: 50%; /* Ensure the input takes full available width */
    height: 6vh;
    padding-left: 20px;
    border-radius: 10px 0 0 10px;
    background-color: #ECECEB;
    border: none;
}

.searchbtn[b-g6870j9m86] {
    width: 3vw;
    height: 6vh;
    color: #FFF;
    background-color: #0C2144;
    border-radius: 0 10px 10px 0;
    border: none;
}

    .searchbtn i[b-g6870j9m86] {
        font-size: 24px;
    }

.icon-color i:hover[b-g6870j9m86] {
    color: red;
}



.saletablemodel[b-g6870j9m86] {
    margin-bottom: 0;
    width: 100%;
    border-collapse: collapse;
}

    .saletablemodel thead[b-g6870j9m86] {
        background-color: #fff;
        border-bottom:1px solid #d9d9d9;
        position: sticky;
        top: 0;
        z-index: 1;
        display: table;
        width: 100%; /* Make sure the header takes full width */
        table-layout: fixed; /* Ensure columns in header and body have the same width */
    }

    .saletablemodel tbody[b-g6870j9m86] {
        display: block;
        height: 50vh;
        overflow-y: scroll;
        font-weight: 400;
        font-size: 14px;
        width: 100%;
    }

        .saletablemodel tbody tr[b-g6870j9m86],
        .saletablemodel thead tr[b-g6870j9m86] {
            display: table;
            width: 100%;
            table-layout: fixed; /* Ensure columns in header and body have the same width */
        }

    .saletablemodel thead th[b-g6870j9m86] {
        padding: 10px;
        text-align: center;
    }

    .saletablemodel tbody td[b-g6870j9m86] {
        padding: 10px;
        text-align: center;
    }

.eyeslash[b-g6870j9m86] {
    cursor: pointer;
    font-weight: 300;
    font-size: 14px;
}

.buttondiv[b-g6870j9m86] {
    display: flex;
    margin-top: 2.5%;
    flex-direction: row;
}

.someones[b-g6870j9m86] {
    display: flex;
    
    align-items: center;
}

.amtbtn[b-g6870j9m86] {
    width: 100%;
    background-color: red;
    margin-left: 3%;
    height: 7vh;
    border-radius: 5px;
    color: white;
    border: none;
}

.selectcompany[b-g6870j9m86] {
    background-color: #dcdcdc;
    border: none;
    border-radius: 5px;
}

/*====================================Media Queries==================================*/



@media only screen and (min-width: 1920px) {
    .page-heading[b-g6870j9m86] {
        font-size: 59px;
    }

    .labeell[b-g6870j9m86] {
        font-size: 28px;
    }

    .dateinputpart[b-g6870j9m86] {
        font-size: 22px;
        height: 7vh;
    }

    .dropdown-toggle[b-g6870j9m86] {
        height: 7vh;
        width: 100%;
    }

    .inputsearch[b-g6870j9m86], .searchbtn[b-g6870j9m86] {
        height: 7vh;
        font-size: 22px;
    }

    .icon-color i[b-g6870j9m86] {
        font-size: 40px;
    }

    .table thead[b-g6870j9m86] {
        font-size: 22px;
    }

    .table tbody[b-g6870j9m86] {
        font-size: 20px;
    }

    .selecttext[b-g6870j9m86] {
        font-size: 24px;
    }

    .selectcompany[b-g6870j9m86] {
        height: 4.5vh;
        width: 3vw;
        font-size: 22px;
    }

    .page-link[b-g6870j9m86] {
        font-size: 22px;
    }

    .dropdown-toggle[b-g6870j9m86] {
        font-size: 22px;
    }
}

@media screen and (max-width: 1919px) {
    .page-heading[b-g6870j9m86] {
        font-size: 49px;
    }

    .labeell[b-g6870j9m86] {
        font-size: 24px;
    }

    .dateinputpart[b-g6870j9m86] {
        font-size: 20px;
        height: 6vh;
    }

    .dropdown-toggle[b-g6870j9m86] {
        height: 6vh;
        width: 100%;
    }

    .inputsearch[b-g6870j9m86], .searchbtn[b-g6870j9m86] {
        height: 6vh;
        font-size: 20px;
    }

    .icon-color i[b-g6870j9m86] {
        font-size: 30px;
    }

    .table thead[b-g6870j9m86] {
        font-size: 20px;
    }

    .table tbody[b-g6870j9m86] {
        font-size: 18px;
    }

    .selecttext[b-g6870j9m86] {
        font-size: 22px;
    }

    .selectcompany[b-g6870j9m86] {
        height: 4vh;
        width: 3vw;
        font-size: 20px;
    }

    .page-link[b-g6870j9m86] {
        font-size: 22px;
    }

    .dropdown-toggle[b-g6870j9m86] {
        font-size: 20px;
    }

    .table tbody[b-g6870j9m86] {
        height: 46vh;
    }
}


@media only screen and (max-width: 1700px) {
    .table tbody[b-g6870j9m86] {
        height: 44vh;
    }
}

@media only screen and (max-width: 1600px) {
    .table tbody[b-g6870j9m86] {
        height: 43vh;
    }

    .page-heading[b-g6870j9m86] {
        font-size: 39px;
    }

    .labeell[b-g6870j9m86] {
        font-size: 22px;
    }

    .dateinputpart[b-g6870j9m86] {
        font-size: 18px;
        height: 6vh;
    }

    .dropdown-toggle[b-g6870j9m86] {
        height: 6vh;
        width: 100%;
    }

    .inputsearch[b-g6870j9m86], .searchbtn[b-g6870j9m86] {
        height: 6vh;
        font-size: 18px;
    }

    .icon-color i[b-g6870j9m86] {
        font-size: 25px;
    }

    .table thead[b-g6870j9m86] {
        font-size: 18px;
    }

    .table tbody[b-g6870j9m86] {
        font-size: 16px;
    }

    .selecttext[b-g6870j9m86] {
        font-size: 20px;
    }

    .selectcompany[b-g6870j9m86] {
        height: 4vh;
        width: 3vw;
        font-size: 18px;
    }

    .page-link[b-g6870j9m86] {
        font-size: 20px;
    }

    .dropdown-toggle[b-g6870j9m86] {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1440px) {

    .page-heading[b-g6870j9m86] {
        font-size: 36px;
    }

    .labeell[b-g6870j9m86] {
        font-size: 20px;
    }

    .dateinputpart[b-g6870j9m86] {
        font-size: 16px;
    }

    .dropdown-toggle[b-g6870j9m86] {
        font-size: 16px;
    }

    .selecttext[b-g6870j9m86] {
        font-size: 20px;
    }

    .page-link[b-g6870j9m86] {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1300px) {
    .table tbody[b-g6870j9m86] {
        height: 40vh;
    }
}

@media only screen and (max-width: 1150px) {

    .table tbody[b-g6870j9m86] {
        height: 38vh;
    }

    .table thead[b-g6870j9m86] {
        font-size: 18px;
    }

    .table tbody[b-g6870j9m86] {
        font-size: 16px;
    }
}


@media only screen and (max-width: 1080px) {


    .page-heading[b-g6870j9m86] {
        font-size: 32px;
    }

    .icon-color[b-g6870j9m86] {
        width: 10vw;
    }

    .table tbody[b-g6870j9m86] {
        height: 40vh;
    }

    .table thead[b-g6870j9m86] {
        word-wrap: break-word;
    }

    .labeell[b-g6870j9m86] {
        font-size: 18px;
    }

    .dateinputpart[b-g6870j9m86], .searchpart[b-g6870j9m86], .dropdown-toggle[b-g6870j9m86] {
        font-size: 14px;
    }

    .dropdownpart[b-g6870j9m86], .buttondiv[b-g6870j9m86] {
        margin-top: 3%;
    }

    .table thead[b-g6870j9m86] {
        font-size: 16px;
    }

    .table tbody[b-g6870j9m86] {
        font-size: 14px;
    }

    .inputsearch[b-g6870j9m86] {
        border-radius: 5px 0 0 5px;
    }

    .searchbtn[b-g6870j9m86] {
        border-radius: 0 5px 5px 0;
    }

    .page-link[b-g6870j9m86] {
        font-size: 14px;
    }

    .selecttext[b-g6870j9m86] {
        font-size: 16px;
    }

    .selectcompany[b-g6870j9m86] {
        width: 4vw;
    }
}

@media only screen and (max-width: 900px) {
    .icon-color[b-g6870j9m86] {
        width: 12vw;
    }

    .table tbody[b-g6870j9m86] {
        height: 43vh;
    }

    .searchbtn[b-g6870j9m86] {
        width: 4vw;
    }
}


@media screen and (max-width: 890px) {
}

@media only screen and (max-width: 768px) {


    .page-heading[b-g6870j9m86] {
        font-size: 28px;
    }

    .icon-color i[b-g6870j9m86] {
        font-size: 20px;
    }

    .labeell[b-g6870j9m86] {
        font-size: 16px;
    }

    .dateinputpart[b-g6870j9m86], .inputsearch[b-g6870j9m86], .dropdown-toggle[b-g6870j9m86] {
        font-size: 12px;
    }

    .table thead[b-g6870j9m86] {
        font-size: 14px;
    }

    .table tbody[b-g6870j9m86] {
        font-size: 12px;
        height: 44vh;
    }

    .searchbtn[b-g6870j9m86] {
        width: 4vw;
    }

    .dropdownpart[b-g6870j9m86] {
        margin-top: 4%;
    }

    .buttondiv[b-g6870j9m86] {
        margin-top: 4%;
    }

    .selecttext[b-g6870j9m86] {
        font-size: 14px;
    }

    .selectcompany[b-g6870j9m86] {
        width: 5vw;
        font-size: 14px;
    }

    .page-link[b-g6870j9m86] {
        font-size: 12px;
    }
}

@media only screen and (max-width: 742px) {
}

@media screen and (max-width: 682px) {
}

@media screen and (max-width: 568px) {
    .saletablemodel th:first-child[b-g6870j9m86],
    .saletablemodel td:first-child[b-g6870j9m86] {
    width:10%;
    }
    .saletablemodel th:nth-child(4)[b-g6870j9m86],
    .saletablemodel td:nth-child(4)[b-g6870j9m86] {
        width: 10%;
    }
    }

@media only screen and (max-width: 500px) {

    .saletablemodel thead[b-g6870j9m86] {
       font-size:12px;
       font-weight:600;
    }
    .saletablemodel tbody[b-g6870j9m86] {
       font-size:12px;
       font-weight:500;
    }
    .saletablemodel th:nth-child(3)[b-g6870j9m86],
    .saletablemodel td:nth-child(3)[b-g6870j9m86] {
        width: 15%;
    }
    
}
@media only screen and (max-width: 460px) {
    .saletablemodel thead th[b-g6870j9m86], .saletablemodel tbody td[b-g6870j9m86]{
        padding:5px;
    }
}
@media only screen and (max-width: 410px) {
    .saletablemodel thead[b-g6870j9m86] {
        font-size: 10px !important;
        
    }

    .saletablemodel tbody[b-g6870j9m86] {
        font-size: 10px !important;
        
    }
}

    /*====================================[END]========================================*/
/* /Pages/Reservations.razor.rz.scp.css */
.reservationpage[b-q446kxfikh]{
    margin-top:4%;
}

.landpagebutton[b-q446kxfikh], .landpagebutton:hover[b-q446kxfikh] {
    background-color: #6259d2;
    margin-left: 10px;
    width: 110px;
    height:35px;
    color: #fff;
    font-weight: 600;
    border-radius:8px;
    border:none;
}
.buttons[b-q446kxfikh]{
margin-bottom:3%;

}
.Headpart[b-q446kxfikh]{
    width:100vw;
}
.radiobuttonpart[b-q446kxfikh] {
width:107vw;
margin-left:1vh;
}
.radiobutton[b-q446kxfikh] {
    border-radius: 50%;
    width: 26px;
    height: 26px;
    border: 2px solid #999;
    transition: 0.2s all linear;
    margin-right: 5px;
    position: relative;
    top: 4px;
}
input[type='radio'][b-q446kxfikh] {

  
}
.arrivaldatelabel[b-q446kxfikh],.departdatelabel[b-q446kxfikh]{
    font-size:12px;
    font-weight:700;
    margin-top:1vh;
    margin-left:6vh;
}
.arrivaldateinput[b-q446kxfikh], .departdateinput[b-q446kxfikh] {
    border:1px solid #111;
    border-radius: 10px;
    margin-bottom:2vh;
    width:15vw;
    margin-top:-2px;
    margin-left:1vh;
}


label[b-q446kxfikh] {
    font-size: 22px;
}
    .landpagetable[b-q446kxfikh] {
        width: 100%;
    }
.tablehead[b-q446kxfikh]{
    background-color:#d9d9d9;
    height:40px;
    text-align:center;
}
.tablebody[b-q446kxfikh] {
    text-align: center;
    line-height:3;
    border-bottom:1px solid #d9d9d9;
}

.editicon[b-q446kxfikh] {
    color: #04aed3;
    font-size: 22px;
}
.selectcustomerinput[b-q446kxfikh]{
    background-color:#d9d9d9;
    border:none;
}
input[type=radio][b-q446kxfikh]{
    border:0px;
    width:25px;
}
.radiobutton[b-q446kxfikh]{
    
}
.nationalityrow[b-q446kxfikh]{
    margin-top:3vh;
    width:68vw;
}
.moneythingroup[b-q446kxfikh]{
    margin-top:3vh;
}
.guests[b-q446kxfikh] {
    margin-top: -1vh;
    width: 10vw;
}
    .guests i[b-q446kxfikh]{
        font-size:22px;
        margin-left:0.5vw;
        margin-right:0.5vw;
    }
    .guests p[b-q446kxfikh]{
        text-align:center;
      
    }
.form-group label[b-q446kxfikh], .addressandcompanyname label[b-q446kxfikh], .nationalityrow label[b-q446kxfikh], .moneythingroup label[b-q446kxfikh], .moneythingroup label[b-q446kxfikh] {
    font-size: 16px;
}

.mobilenumber[b-q446kxfikh], .companyname[b-q446kxfikh], .mealplan[b-q446kxfikh], .bookedby[b-q446kxfikh] {
    margin-left: 4vh;
}
.bookedby[b-q446kxfikh]{
    margin-left:-2vh;
}
.guests[b-q446kxfikh] {
    margin-left: 1.5vw;
    margin-top: 1px;
}
.fullname input[b-q446kxfikh], .mobilenumber input[b-q446kxfikh], .addressandcompanyname input[b-q446kxfikh], .address select[b-q446kxfikh], .bookedby input[b-q446kxfikh], .mealplan input[b-q446kxfikh], .moneythingroup input[b-q446kxfikh], .moneythingroup select[b-q446kxfikh], .halfname input[b-q446kxfikh] {
    border: none;
    border-radius: 5px;
    height: 4vh;
    background-color: #d9d9d9;
    width: 33vw;
}

.moneythingroup .initialpayment input[b-q446kxfikh] {
    width: 20vw;
    margin-left: 1.5vh;
}
.initialpayment label[b-q446kxfikh]{
    margin-left:1.5vh;
}

.adultandchild[b-q446kxfikh] {
    margin-left: -1.8vw;
}
.rooms input[b-q446kxfikh], .adultandchild input[b-q446kxfikh] {
    border: none;
    border-radius: 5px;
    height: 4vh;
    background-color: #d9d9d9;
    width: 5vw;
    text-align: center;
}

.adultandchild .childinput[b-q446kxfikh] {
    margin-left: 2px;
}
.mobilenumber input[b-q446kxfikh] {
    margin-left: -2.8vw;
}
    .fullname input[b-q446kxfikh], .halfname input[b-q446kxfikh] {
        width: 16vw;
    }


    .bookedby input[b-q446kxfikh], .mealplan input[b-q446kxfikh], .address select[b-q446kxfikh] {
        width: 20vw;
    }
    
.checkboxeseach[b-q446kxfikh] {
    margin-left: 3.2vw;
    margin-right: 3.2vw;
}
.moneythingroup select[b-q446kxfikh]  {
    width:20vw;
}
.moneythingroup input[b-q446kxfikh] {
    width: 19vw;
}
.mealplan input[b-q446kxfikh] {
    width: 17.3vw;
}
.checkboxesrow[b-q446kxfikh] {
    width: 100%;
    margin-top: 2vh;
    margin-bottom: 2vh;
}

.checkboxesrow input[b-q446kxfikh] {
    width: 20px;
    height: 20px;
}
.specialinstruction[b-q446kxfikh] {
    background-color: #d9d9d9;
    border: none;
    border-radius: 10px;
    width: 98%;
    padding:5px;
    height: 15vh;
}
.addcustomerinputs[b-q446kxfikh] {
    background-color: #d9d9d9;
    border: none;
    border-radius:5px;
    height:30px;
}
.sticknameandinput[b-q446kxfikh]{
    margin-bottom:0;
}
.customersubmit[b-q446kxfikh] {
    background-color: #ffd457;
    border: none;
    border-radius: 5px;
    width: 90px;
    height: 30px;
    color: #fff;
    font-size: 16px;
    width: 90px;
    height: 40px;
}
.roomcancel[b-q446kxfikh]{
background-color:#082248;
color:#fff;
font-size:16px;
text-align:center;
border:none;
border-radius:5px;
width:90px;
height:40px;
}

/*small modal works*/

.reserved[b-q446kxfikh] {
    height: 20px;
    width: 20px;
    background-color: #dc3545;
    border-radius: 50%;
    margin-left: 5vh;
    box-shadow: inset 5px 5px 10px #dc3545, inset -5px -5px 10px #761c25;
    color: #222;
    font-size: 16px;
}

.available[b-q446kxfikh] {
    height: 20px;
    text-align: right;
    width: 20px;
    background-color: green;
    border-radius: 50%;
    margin-left: 5vh;
    box-shadow: inset 5px 5px 10px #17d08b, inset -5px -5px 10px #0c6a47;
}
.searchbuttonreservation[b-q446kxfikh] {
    width: 8vw;
    border-radius:10px;
    margin-left:3vw;
    height: 5vh;
    background-color: #2655b6;
    color:#fff;
    border:none;
    box-shadow: inset 50px 10px 40px #112550;
} 

.inputreservation[b-q446kxfikh] {
    width: 82%;
    height:5vh;
}
.reservationmodal[b-q446kxfikh] {
    margin-top: 5%;
}
.roombutton[b-q446kxfikh] {
    width: 10vh;
    height: 9vh;
    line-height:1;
    margin-top: 6vh;
    margin-right: 4vh;
    border-radius: 15px;
    border: none;
    box-shadow: inset 5px 30px 35px #17d08b;
    background-color: #0c6a47;
    color:#fff;
    font-size:12px;
}
.roombuttonreserved[b-q446kxfikh] {
    max-width: 10vh;
    line-height: 1;
    height: 9vh;
    margin-top: 6vh;
    margin-right: 4vh;
    border-radius: 15px;
    border: none;
    box-shadow: inset -10px -10px 10px #761c25;
    background-color: #e69f07;
    color: #fff;
    font-size: 12px;
}
.roombuttonbooked[b-q446kxfikh] {
    max-width: 10vh;
    line-height: 1;
    height: 9vh;
    margin-top: 6vh;
    margin-right: 4vh;
    border-radius: 15px;
    border: none;
    box-shadow: inset -10px -10px 10px #761c25;
    background-color: #dc3545;
    color: #fff;
    font-size: 12px;
}

.room-list[b-q446kxfikh] {
    display: flex;
    flex-wrap: wrap;
}

.scrolldiv[b-q446kxfikh] {
    width: 100vh;
    margin-top:9vh;
}


.searchcusinput[b-q446kxfikh], .roomnoinput[b-q446kxfikh], .reservnoinput[b-q446kxfikh] {
    height: 5vh;
    width: 69%;
    
    background-color: #d9d9d9;
}
ul li[b-q446kxfikh]{
list-style:none;

}
.filtercontainer[b-q446kxfikh] {
    width:100vw;
    margin-left:2vw;
}
.modal-header[b-q446kxfikh] {
    border: none;
    margin-top: -6vh;
    z-index: 999;
}
.selectcompany[b-q446kxfikh]{
    background-color:#d9d9d9;
    border:none;
    height:4vh !important;
    border-radius:5px;
    margin-top:5px;
}
.arrivaldate label[b-q446kxfikh], .arrivaltime label[b-q446kxfikh], .departuredate label[b-q446kxfikh], .departuretime label[b-q446kxfikh], .reservnolabel[b-q446kxfikh], .roomnolabel[b-q446kxfikh], .searchcuslabel[b-q446kxfikh] {
    font-size: 12px;
    font-weight: 700;
    margin-top: 1vh;
    margin-right: 1vh;
}
.roomnolabel[b-q446kxfikh]{
    margin-left:3vh;
}

.arrivaltimeinput[b-q446kxfikh], .departtimeinput[b-q446kxfikh] {
    height:5vh;
    width:8vw;
    margin-left:1vw;

    border:1px solid #111;
}

.arrivalTime[b-q446kxfikh] {
    margin-left: -4vw;
    margin-top: 2px;
}
.departuretime[b-q446kxfikh]{
    margin-left:-4vw;
    margin-top:2px;
}
.noofnight[b-q446kxfikh]{
    width:9.5vw;
    padding-top:2.5vh;
  
}
.actioniconsrow .editicon[b-q446kxfikh]{
    font-size:26px;
    margin-right:10px;
}
.actioniconsrow .fa-bookmark[b-q446kxfikh] {
font-size:22px;
margin-left:10px;
}
.actioniconsrow .checkinicon[b-q446kxfikh] {
    color: #229947;
    font-size: 28px;
    margin-left: 20px;
    margin-right: 2px;
}
.actioniconsrow .fa-cancel[b-q446kxfikh]{
    font-size:24px;
    margin-left:15px;
   
}
/*Adult and room input designs*/








/* /Pages/Retail/ProductRetail.razor.rz.scp.css */


.jscenter[b-sz1k5esjx7]{
    display:flex;
    align-items:center;
    gap:5%;
}
.searchdiv[b-sz1k5esjx7] {
    display: flex;
    gap: 1%;
}
.searchboxtwo[b-sz1k5esjx7]{
    display:flex;
}
.custom-popover[b-sz1k5esjx7]{
    cursor:pointer;
}
.inputsearch[b-sz1k5esjx7] {
    padding: 10px 20px;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    background-color: #ECECEB;
    width: 300px;
    height: 45px;
}

.searchbutton[b-sz1k5esjx7] {
    border: none;
    border-radius: 0 10px 10px 0;
    background-color: #0C2144;
    color: #ffffff;
    width: 45px;
    height: 45px;
}

.toppart[b-sz1k5esjx7] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
}

.topheading[b-sz1k5esjx7] {
    font-size: 36px;
    font-weight: 300;
}

.addcatogerybtn[b-sz1k5esjx7] {
    border: none;
    border-radius: 10px;
    background-color: #ABBFE0;
    color: #000000;
    height: 50px;
    width: 35%;
    font-size: 22px;
    font-weight: 400;
}

.buttonadd[b-sz1k5esjx7] {
    text-align: end;
}


.buttonbox[b-sz1k5esjx7] {
    display: flex;
}

.searchbutton2[b-sz1k5esjx7] {
    height: 4vh;
    margin-top: 0.5vh;
    background-color: #d9d9d9;
}

.clearbutton[b-sz1k5esjx7] {
    background-color: var(--color-trashbutton);
    color: var(--color-white);
    height: 45px;
    width: 45px;
    padding: 10px;
    font-size: 22px;
    line-height: 0;
    border: none;
    border-radius: 10px;
    margin-left: 10px;
}


.required[b-sz1k5esjx7] {
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 500;
    margin-top: 1vh;
}







.filterby[b-sz1k5esjx7], .textshow[b-sz1k5esjx7], .selecttext[b-sz1k5esjx7], .searchtext[b-sz1k5esjx7] {
    font-size: 16px;
}

.searchtext[b-sz1k5esjx7] {
    margin-left: 14vw;
    margin-right: -3px;
}

.filterby[b-sz1k5esjx7] {
    font-weight: 500;
    margin-top: 3.5vh;
}
.delete-product-btn[b-sz1k5esjx7] {
    background-color: #AD2D1E;
    border: none;
    color: #fff;
    padding: 5px 10px;
    border-radius: 8px;
}

    .delete-product-btn:hover[b-sz1k5esjx7] {
        opacity: 0.8;
    }

.form-control-sm[b-sz1k5esjx7] {
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
    border-radius: 4px;
}



.hov-input-table[b-sz1k5esjx7] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    border: 1px solid #EFF0F6;
}

tbody tr:nth-child(even)[b-sz1k5esjx7] {
    background-color: #fff !important;
}
.table thead[b-sz1k5esjx7] {
 /*   border-bottom: 2px solid #dcdcdc !important;*/
}

.filter-section[b-sz1k5esjx7], .showentries[b-sz1k5esjx7] {
    border: none;
}

.form-select[b-sz1k5esjx7], .showentries[b-sz1k5esjx7], .selectcompany[b-sz1k5esjx7] {
    border-radius: 5px;
}

.selectcompany[b-sz1k5esjx7] {
    background-color: #d9d9d9;
    border: none;
}

.form-select[b-sz1k5esjx7] {
    width: 15vw;
    margin-left: -5vw;
    height: 5vh;
}

.addproductbtn[b-sz1k5esjx7] {
    height: 35px;
    width: 25%;
    border: none;
    border-radius: 10px;
    background-color: var(--our--commonblue-color);
    color: #fff;
}

.modalsize[b-sz1k5esjx7] {
    height: 30%;
}

.searchlinegroup[b-sz1k5esjx7] {
    margin-top: 2%;
}


.searchinput[b-sz1k5esjx7] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    width: 200px;
    height: 30px;
    margin-top: 0.5vh;
    margin-right: -6vw;
}


.form-label[b-sz1k5esjx7] {
    font-size: 18px;
    text-transform: capitalize;
}

.tablediv[b-sz1k5esjx7] {
    margin-top: 2%;
}

.table[b-sz1k5esjx7] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border: 2px solid #dcdcdc;
    border-radius: 10px;
}




    .table th[b-sz1k5esjx7], .table td[b-sz1k5esjx7] {
        font-size: 16px;
        font-weight: 400;
    }

    .table .th1[b-sz1k5esjx7] {
        border-radius: 10px 0 0 10px;
    }

    .table .th6[b-sz1k5esjx7] {
        border-radius: 0 10px 10px 0;
    }

thead[b-sz1k5esjx7] {
    border: none;
}




.table tbody[b-sz1k5esjx7] {
    display: block;
    max-height: 50vh;
    overflow-y: scroll;
    border: 1px solid #fff;
    border-radius: 5px;
    border-top: none;
    table-layout: fixed;
}

    .table thead[b-sz1k5esjx7], .table tbody tr[b-sz1k5esjx7] {
        display: table;
        width: 100%;
    }

        .table tbody tr:nth-child(odd)[b-sz1k5esjx7] {
            background-color: red;
        }

[b-sz1k5esjx7]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-sz1k5esjx7]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}

.table .productimage[b-sz1k5esjx7] {
    height: 40px;
    width: 40px;
    border-radius: 10px;
    margin-top: 1vh;
}


.table .actionicons .fa-trash[b-sz1k5esjx7] {
    color: red;
}

.table .actionicons[b-sz1k5esjx7] {
    font-size: 22px;
}

.actionicons[b-sz1k5esjx7]{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:2rem !important;
    padding:15px;

}
.colorpalettteicon[b-sz1k5esjx7] {
    color: #fff;
    margin-top: 30%;
    font-size: 16px;
}

    .colorpalettteicon:hover[b-sz1k5esjx7] {
        color: #d9d9d9;
    }

.selected-color-box[b-sz1k5esjx7] {
    width: 3vw;
    height: 6vh;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #000;
}

.SelectColorButton:hover[b-sz1k5esjx7] {
    background-color: #d1d1d1;
}

.color-palette[b-sz1k5esjx7] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(20px, auto);
}

.color-option[b-sz1k5esjx7] {
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.3s;
}

.colorpaletterow[b-sz1k5esjx7] {
}

.modalDialogColorPalette[b-sz1k5esjx7] {
    margin-top: 10%;
    height: 55vh;
}

.color-option:hover[b-sz1k5esjx7] {
    border: 3px solid #000;
}

.color-option i[b-sz1k5esjx7] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 20px;
}

.CategorySelect[b-sz1k5esjx7] {
    height: 7vh;
    border: none;
    border-radius: 10px 0 0 10px;
    width: 12vw;
    background-color: #d9d9d9;
    padding:10px;
}

.switch[b-sz1k5esjx7] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input[b-sz1k5esjx7] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-sz1k5esjx7] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider[b-sz1k5esjx7]:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider[b-sz1k5esjx7] {
    background-color: #2196F3;
}

input:focus + .slider[b-sz1k5esjx7] {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider[b-sz1k5esjx7]:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round[b-sz1k5esjx7] {
    border-radius: 34px;
}

    .slider.round[b-sz1k5esjx7]:before {
        border-radius: 50%;
    }




.something[b-sz1k5esjx7] {
    display: flex;
    gap: 5%;
}

.somethingtwo[b-sz1k5esjx7] {
    line-height: 1;
}
                            
.actbtn[b-sz1k5esjx7] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 5vh;
    border: none;
    border-radius: 10px;
    background-color: #14AD5A;
    cursor: pointer;
}
    
.tablediv[b-sz1k5esjx7] {
    border-radius: 10px !important;
}

.backbtn[b-sz1k5esjx7] {
    /*    display:flex;
    flex-direction:column;*/
    text-align: start;
    margin-bottom: 15%;
}


/* modal design  */

/*.form-row {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group {
    flex: 1;
}
.form-section {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}
.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    color: #34495e;
    font-weight: 500;
    font-size: 0.9rem;
}

.hov-input::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

.add-product-row, .save-product {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
}
    .add-product-row:hover, .save-product:hover {
        background-color: #0C2144;
        color: #fff;
    }
.btnandin{
    display:flex;
    gap:2%;
}
.form-row-table{
    display:flex;
    flex-direction:column;
    gap:1%;
}
.form-group-table{
    width:100%;

}

.add-product-row {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
}

    .add-product-row:hover {
        background-color: #0C2144;
        color: #fff;
    }
.add-inventory {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 0.9rem;
    width:100%;


}
    .add-inventory:hover {
        background-color: #0C2144;
        color: #fff;
    }*/

.items-table[b-sz1k5esjx7] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 1rem;
    background: white;
    border-radius: 8px;
    overflow: visible !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    border:none;
}

    .items-table th[b-sz1k5esjx7] {
        padding: 1rem;
        text-align: left;
        font-weight: 600;
        color: #2c3e50;
        font-size: 0.9rem;
        border-bottom: 1px solid #dee2e6;
    }

    .items-table td[b-sz1k5esjx7] {
        padding: 0.875rem 1rem;
        border-bottom: 1px solid #eee;
        vertical-align: middle;
        position: relative;
        overflow: visible !important;
    }

    .items-table tr:last-child td[b-sz1k5esjx7] {
        border-bottom: none;
    }



[b-sz1k5esjx7] .blazored-typeahead {
    border: none;
    background: transparent;
    position: relative;
    width: 100%;
}

[b-sz1k5esjx7] .blazored-typeahead__controls {
    position: relative;
    width: 100%;
}

[b-sz1k5esjx7] .typeishead .blazored-typeahead {
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}
[b-sz1k5esjx7] .typeishead .blazored-typeahead__clear{
    padding:.9rem;
}

    :: deep .typeishead .blazored-typeahead:hover[b-sz1k5esjx7] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

[b-sz1k5esjx7] .blazored-typeahead__input {
    width: 100%;
    padding: 0.9rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    background: white;
    transition: border-color 0.2s;
}

    [b-sz1k5esjx7] .blazored-typeahead__input:focus {
        border-color: #3498db;
        outline: none;
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
    }

[b-sz1k5esjx7] .blazored-typeahead__result {
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

    [b-sz1k5esjx7] .blazored-typeahead__result:hover {
        background-color: #e3f2fd;
        color: #1565c0;
    }

[b-sz1k5esjx7] .blazored-typeahead__active-item {
    background-color: #1976d2 !important;
    color: white !important;
}

[b-sz1k5esjx7] .blazored-typeahead__selected-item {
    background-color: #e3f2fd;
    color: #1565c0;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    margin: 0.25rem;
    display: inline-block;
    border: 1px solid #bbdefb;
}

[b-sz1k5esjx7] .blazored-typeahead__selected-item-close {
    margin-left: 0.5rem;
    cursor: pointer;
    color: #1565c0;
}

    [b-sz1k5esjx7] .blazored-typeahead__selected-item-close:hover {
        color: #d32f2f;
    }

[b-sz1k5esjx7] .blazored-typeahead__loader {
    padding: 0.5rem 1rem;
    text-align: center;
    color: #666;
}

[b-sz1k5esjx7] .blazored-typeahead__no-results {
    padding: 0.5rem 1rem;
    color: #666;
    font-style: italic;
}
[b-sz1k5esjx7].blazored-typeahead__clear {
    width: 40px;
    display: flex;
    padding: 0.9rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: rgb(219, 219, 219);
}
.blazored-typeahead__clear[b-sz1k5esjx7] {
    width: 40px;
    display: flex;
    padding: .9rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #dbdbdb;
}

@media screen and (min-width: 1920px) {
    .categorypage[b-sz1k5esjx7] {
        margin-top: 4%;
    }

    .tablediv tbody[b-sz1k5esjx7] {
        max-height: 52vh;
    }

    .topheading[b-sz1k5esjx7] {
        font-size: 50px;
    }

    .addcatogerybtn[b-sz1k5esjx7] {
        font-size: 28px;
        height: 7vh;
    }

    .inputsearch[b-sz1k5esjx7] {
        height: 7vh;
        width: 30vw;
        font-size: 28px;

    }


    .searchbutton[b-sz1k5esjx7] {
        height: 7vh;
        width: 3.5vw;
    }

    .tablediv thead th[b-sz1k5esjx7] {
        font-size: 28px;
    }

    .searchbutton i[b-sz1k5esjx7] {
        font-size: 34px;
    }

    .tablediv tbody[b-sz1k5esjx7]{
        max-height:50vh;
    }


    .table td[b-sz1k5esjx7] {
        height: 3vw;
        font-size: 24px;
    }


    .selecttext[b-sz1k5esjx7] {
        font-size: 24px;
    }

    .selectcompany[b-sz1k5esjx7] {
        font-size: 22px;
        padding: 5px;
    }

    pagination[b-sz1k5esjx7] {
        width: 100%;
    }

    .page-link[b-sz1k5esjx7] {
        font-size: 28px;
    }

    .actbtn[b-sz1k5esjx7] {
        border-radius: 10px;
    }

    .actionicon i[b-sz1k5esjx7] {
        font-size: 30px;
    }
}



@media screen and (max-width: 1919px) {
   
    .tablediv tbody[b-sz1k5esjx7] {
        max-height: 50vh;
    }

    .topheading[b-sz1k5esjx7] {
        font-size: 40px;
    }

    .addcatogerybtn[b-sz1k5esjx7] {
        font-size: 24px;
        height: 8vh;
    }

    .inputsearch[b-sz1k5esjx7] {
        height: 7vh;
        width: 30vw;
        font-size: 28px;
    }

    .searchbutton[b-sz1k5esjx7] {
        height: 7vh;
        width: 3.5vw;
    }

        .searchbutton i[b-sz1k5esjx7] {
            font-size: 28px;
        }

    .tablediv thead th[b-sz1k5esjx7] {
        font-size: 24px;
    }


    .table td[b-sz1k5esjx7] {
        font-size: 22px;
    }

    .selecttext[b-sz1k5esjx7] {
        font-size: 22px;
    }

    .selectcompany[b-sz1k5esjx7] {
        font-size: 22px;
    }

    .tablediv tbody[b-sz1k5esjx7] {
        max-height: 50vh;
    }

    .page-link[b-sz1k5esjx7] {
        font-size: 22px;
    }

    .selectcompany[b-sz1k5esjx7] {
        font-size: 22px;
    }
}

@media screen and (max-width: 1700px) {


    .topheading[b-sz1k5esjx7] {
        font-size: 35px;
    }

    .addcatogerybtn[b-sz1k5esjx7] {
        font-size: 22px;
        height: 7vh;
    }

    .inputsearch[b-sz1k5esjx7] {
        height: 7vh;
        width: 30vw;
        font-size: 24px;
    }

    .searchbutton[b-sz1k5esjx7] {
        height: 7vh;
        width: 3.5vw;
    }

        .searchbutton i[b-sz1k5esjx7] {
            font-size: 22px;
        }

    .tablediv thead th[b-sz1k5esjx7], .selectcompany[b-sz1k5esjx7] {
        font-size: 20px;
    }


    .table td[b-sz1k5esjx7], .selecttext[b-sz1k5esjx7] {
        font-size: 18px;
    }
}

@media screen and (max-width: 1500px) {


    .topheading[b-sz1k5esjx7] {
        font-size: 30px;
    }

    .addcatogerybtn[b-sz1k5esjx7] {
        font-size: 20px;
        height: 7vh;
    }

    .inputsearch[b-sz1k5esjx7] {
        height: 7vh;
        width: 30vw;
        font-size: 22px;
    }

    .searchbutton[b-sz1k5esjx7] {
        height: 7vh;
        width: 3.5vw;
    }

        .searchbutton i[b-sz1k5esjx7] {
            font-size: 20px;
        }

    .tablediv thead th[b-sz1k5esjx7], .selectcompany[b-sz1k5esjx7] {
        font-size: 18px;
    }


    .table td[b-sz1k5esjx7], .selecttext[b-sz1k5esjx7] {
        font-size: 16px;
    }
}

@media screen and (max-width: 1440px) {
    

    .topheading[b-sz1k5esjx7] {
        font-size: 36px;
        font-weight: 300;
    }

    .addcatogerybtn[b-sz1k5esjx7] {
        font-size: 18px;
        font-weight: 400;
        height: 50px;
        width: 35%;
    }

    .inputsearch[b-sz1k5esjx7] {
        width: 30vw;
        height: 7vh;
        font-size: 22px;
    }

    .searchbutton[b-sz1k5esjx7] {
        width: 3.5vw;
        height: 7vh;
        font-size: 22px;
    }

        .searchbutton i[b-sz1k5esjx7] {
        }

    .tablediv thead th[b-sz1k5esjx7] {
        font-size: 16px;
        font-weight: 500;
    }

    .tablediv tbody[b-sz1k5esjx7] {
        max-height: 50vh;
    }

    .colorbg[b-sz1k5esjx7] {
        height: 40px;
        width: 40px;
    }

    .selecttext[b-sz1k5esjx7] {
        font-size: 16px;
    }

    .selectcompany[b-sz1k5esjx7] {
        width: 3vw;
        height: 4vh;
    }

    .page-link[b-sz1k5esjx7] {
        font-size: 18px;
    }

    .selectcompany[b-sz1k5esjx7] {
        font-size: 18px;
    }
}


@media screen and (max-width: 1260px) {
    .addcatogerybtn[b-sz1k5esjx7] {
        /*  width: 40%;*/
        font-size: 18px;
    }
    .productpage[b-sz1k5esjx7]{
        margin-top:2%;
    }
    .inputsearch[b-sz1k5esjx7] {
        width: 30vw;
    }

    .tablediv tbody[b-sz1k5esjx7] {
        max-height: 48vh;
    }

    .searchbutton[b-sz1k5esjx7] {
        width: 4vw;
    }

    .inputsearch[b-sz1k5esjx7] {
        font-size: 18px;
    }

    .page-link[b-sz1k5esjx7] {
        font-size: 12px;
    }

    .selectcompany[b-sz1k5esjx7] {
        font-size: 12px;
    }
}


@media screen and (max-width: 1235px) {
    
    .addcatogerybtn[b-sz1k5esjx7] {
        font-size: 16px;
    }

    .selectcompany[b-sz1k5esjx7] {
        height: 4vh;
        width: 4vw;
    }
}


@media screen and (max-width: 1115px) {
 
    .addcatogerybtn[b-sz1k5esjx7] {
        font-size: 15px;
    }

    .searchbutton[b-sz1k5esjx7] {
        width: 4vw;
    }
}

@media screen and (max-width: 1056px) {
    .addcatogerybtn[b-sz1k5esjx7] {
        width: 36%;
        font-size: 14px;
    }
}

@media screen and (max-width: 1024px) {
   

    .inputsearch[b-sz1k5esjx7] {
        width: 300px;
        font-size:16px;
    }

    .searchbutton[b-sz1k5esjx7] {
        width: 4.5vw;
    }

    .addcatogerybtn[b-sz1k5esjx7] {
        font-size: 14px;
        height:45px;
    }

    .topheading[b-sz1k5esjx7] {
        font-size: 32px;
        font-weight: 300;
    }

    .page-link[b-sz1k5esjx7] {
        font-size: 12px;
    }

    .selectcompany[b-sz1k5esjx7] {
        font-size: 12px;
    }

    .actbtn[b-sz1k5esjx7] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        height: 35px;
        border: none;
        border-radius: 10px;
        background-color: #14AD5A;
        cursor: pointer;
    }

    .actionicons i[b-sz1k5esjx7] {
        font-size: 20px;
    }

    .tablediv tbody[b-sz1k5esjx7] {
        font-weight: 300;
    }
    .CategorySelect[b-sz1k5esjx7]{
        font-size:14px;
    }
    .table tbody[b-sz1k5esjx7]{
        font-size:12px;
    }
}

@media screen and (max-width: 986px) {
  
    .CategorySelect[b-sz1k5esjx7]{
        height:6.5vh;
    }
    .inputsearch[b-sz1k5esjx7] {
        width: 30vw;
        height: 6.5vh;
    }

    .searchbutton[b-sz1k5esjx7] {
      /*  width:;*/
        height: 6.5vh;
    }

    .addcatogerybtn[b-sz1k5esjx7] {
        font-size: 14px;
        height: 45px;
    }

    .page-link[b-sz1k5esjx7] {
        padding: 5px 8px;
    }

    .tablediv tbody[b-sz1k5esjx7] {
        height: 47vh;
    }

    .table td[b-sz1k5esjx7] {
        font-size: 14px;
    }

    .actbtn[b-sz1k5esjx7] {
        height: 35px;
    }

    .actionicons i[b-sz1k5esjx7] {
        font-size: 16px;
    }
    .actbtn[b-sz1k5esjx7]{
        width:60%;
    }
}

@media screen and (max-width: 955px) {
    .addcatogerybtn[b-sz1k5esjx7] {
        width: 40%;
    }

    .selectcompany[b-sz1k5esjx7] {
        height: 4.5vh;
        width: 4.5vw;
    }
}

@media screen and (max-width: 866px) {
   
    .topheading[b-sz1k5esjx7] {
        font-size: 30px;
    }

    .inputsearch[b-sz1k5esjx7] {
        width: 250px;
        height: 35px;
        font-size:14px;
    }
    .tablediv tbody[b-sz1k5esjx7]{
        height:47vh;
    }
    .addcatogerybtn[b-sz1k5esjx7] {
        width: 45%;
        font-size: 14px;
    }
    .tablediv thead th[b-sz1k5esjx7]{
        font-size:14px;
    }

    .searchbutton[b-sz1k5esjx7] {
        height:35px;
        width: 5vw;
    }
    .searchbutton i[b-sz1k5esjx7]{
        font-size:18px;
    }
    .selectcompany[b-sz1k5esjx7] {
        height: 4.5vh;
        width: 5vw;
    }
    .CategorySelect[b-sz1k5esjx7]{
        height:35px;
        padding:5px;
        font-size:12px;
    }
}

@media screen and (max-width: 790px) {
    .addcatogerybtn[b-sz1k5esjx7] {
        line-height: 1;
        height: 40px;
        width: 45%;
    }

    .actbtn[b-sz1k5esjx7] {
        width: 70%;
    }

    .tablediv thead th[b-sz1k5esjx7] {
        font-size: 14px;
    }
}

@media screen and (max-width: 775px) {

    .addcatogerybtn[b-sz1k5esjx7] {
        width: 50%;
    }

    .selectcompany[b-sz1k5esjx7] {
        height: 4.5vh;
        width: 5.5vw;
        font-size: 12px;
    }

}





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

    .topheading[b-sz1k5esjx7] {
        font-size: 26px;
    }

    .addcatogerybtn[b-sz1k5esjx7] {
        width: 50%;
        font-size: 14px;
        height:40px;
        font-weight: 300;
    }

    .searchbox .inputsearch[b-sz1k5esjx7] {
        width: 250px;
        height: 35px;
    }

    .searchbutton[b-sz1k5esjx7] {
        height: 35px;
    }

    .tablediv tbody[b-sz1k5esjx7] {
        max-height: 48vh;
    }

    .tablediv[b-sz1k5esjx7] {
        margin-top: 3%;
    }

    .table thead th[b-sz1k5esjx7] {
        font-size: 14px;
    }

    .table td[b-sz1k5esjx7]{
        font-size: 12px;
    }

        .table thead[b-sz1k5esjx7] {
            font-size: 12px;
        }

    .selecttext[b-sz1k5esjx7] {
    }

    .page-link[b-sz1k5esjx7] {
        padding: 5px 8px;
    }

    .page-link[b-sz1k5esjx7] {
        font-size: 12px;
    }

    .selectcompany[b-sz1k5esjx7] {
        font-size: 12px;
    }

    .tablediv tbody[b-sz1k5esjx7] {
        font-weight: 300;
    }
    .CategorySelect[b-sz1k5esjx7] {
        height: 35px;
    }
    .actbtn[b-sz1k5esjx7] {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 70%;
        height: 30px;
        border: none;
        border-radius: 10px;
        background-color: #14AD5A;
        cursor: pointer;
    }

/*Modal Form*/
.form-label[b-sz1k5esjx7]{
    font-size:16px;
}
.form-control[b-sz1k5esjx7]{
    font-size:16px;
}
.jscenter[b-sz1k5esjx7]{
    font-size:16px;
    display:flex;
    flex-direction:column;
    align-items:start;
    gap:0;
}

    .switch[b-sz1k5esjx7] {
        display:flex;
        flex-direction:row;
    }

}
@media screen and (max-width: 772px) {
    .tablediv thead th[b-sz1k5esjx7] {
        font-size: 12px;
    }
}

@media screen and (max-width: 700px) {
    .addcatogerybtn[b-sz1k5esjx7] {
        font-size: 14px;
        width: 50%;
        font-weight: 300;
        height: 40px;
    }

    .CategorySelect[b-sz1k5esjx7] {
        height: 35px;
    }

    .selectcompany[b-sz1k5esjx7] {
        height:30px;
        width: 7.5vw;
        margin-bottom:10px;
    }
    .actbtn[b-sz1k5esjx7]{
        width:80%;
    }
}


@media screen and (max-width: 683px) {
    .addcatogerybtn[b-sz1k5esjx7] {
        width: 60%;
    }
}

@media screen and (max-width: 640px) {
   

    .topheading[b-sz1k5esjx7] {
        font-size: 24px;
    }

    .tablediv tbody[b-sz1k5esjx7] {
        max-height: 48vh;
    }

    .page-link[b-sz1k5esjx7] {
        padding: 5px 8px;
    }

    .inputsearch[b-sz1k5esjx7] {
        width: 230px;
    }

    .selectcompany[b-sz1k5esjx7] {
        height: 30px;
        width: 55px;
    }

    .addcatogerybtn[b-sz1k5esjx7] {
        width: 55%;
    }
    .actionicons i[b-sz1k5esjx7]{
        font-size:12px;
    }
    .table thead th[b-sz1k5esjx7] {
        font-size: 12px;
    }

    .table td[b-sz1k5esjx7]{
        font-size: 10px;
    }

}

@media screen and (max-width: 627px) {
    .addcatogerybtn[b-sz1k5esjx7] {
        width: 65%;
    }
}



@media only screen and (max-width:568px) {
    .table thead th[b-sz1k5esjx7] {
        font-size: 12px;
    }

    .table[b-sz1k5esjx7] {
        font-size: 10px;
    }

        .table thead[b-sz1k5esjx7] {
            font-size: 10px;
        }

    .actbtn[b-sz1k5esjx7] {
        width: 80%;
        height: 30px;
    }

    .addcatogerybtn[b-sz1k5esjx7] {
        height: 35px;
        width: 70%;
    }

    .searchbutton i[b-sz1k5esjx7] {
        font-size: 16px;
    }
    .table thead th[b-sz1k5esjx7] {
        font-size: 11px;
    }

    .table td[b-sz1k5esjx7] {
        font-size: 10px;
    }
    .actionicons i[b-sz1k5esjx7]{
        padding:0 2px;
    }
    /*Modal Form*/
    .form-label[b-sz1k5esjx7] {
        font-size: 15px;
    }

    .form-control[b-sz1k5esjx7] {
        font-size: 15px;
    }

    .jscenter[b-sz1k5esjx7] {
        font-size: 15px;
    }




    /**/
}
@media only screen and (max-width:500px) {

    /*Modal Form*/
    .form-label[b-sz1k5esjx7] {
        font-size: 14px;
    }

    .form-control[b-sz1k5esjx7] {
        font-size: 14px;
        padding:5px 8px;
    }

    .jscenter[b-sz1k5esjx7] {
        font-size: 14px;
        padding: 0 0 0 15px;
    }
    .jc[b-sz1k5esjx7] {
        padding: 0 ;
    }
    .lastbox[b-sz1k5esjx7]{
        padding:0 15px 0 5px ;
    }
    .slider[b-sz1k5esjx7]:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .switch[b-sz1k5esjx7]{
        width:55px;
        height:30px;
    }

    /**/
}

    @media only screen and (max-width:480px) {
   

        .actionicons i[b-sz1k5esjx7] {
            font-size: 11px;
            padding: 0 1px;
        }
    }

    .actionicons i[b-sz1k5esjx7] {
        padding: 0 5px;
    }

@media only screen and (max-width:450px) {
    /*Modal Form*/
    .form-label[b-sz1k5esjx7] {
        font-size: 14px;
    }

    .form-control[b-sz1k5esjx7] {
        font-size: 14px;
        padding: 5px 8px;
    }

    .jscenter[b-sz1k5esjx7] {
        font-size: 13px;
        padding: 0 0 0 15px;
    }

    .jc[b-sz1k5esjx7] {
        padding: 0;
    }

    .lastbox[b-sz1k5esjx7] {
        padding: 0 15px 0 5px;
    }

    .slider[b-sz1k5esjx7]:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .switch[b-sz1k5esjx7] {
        width: 55px;
        height: 30px;
    }
    /**/
}
    @media only screen and (max-width:390px) {
        /*Modal Form*/
        .form-label[b-sz1k5esjx7] {
            font-size: 13px;
        }

        .form-control[b-sz1k5esjx7] {
            font-size: 13px;
            padding: 5px 8px;
        }

        .jscenter[b-sz1k5esjx7] {
            font-size: 12px;
            padding: 0 0 0 15px;
        }

        .jc[b-sz1k5esjx7] {
            padding: 0;
        }

        .lastbox[b-sz1k5esjx7] {
            padding: 0 15px 0 5px;
        }

        .slider[b-sz1k5esjx7]:before {
            position: absolute;
            content: "";
            height: 22px;
            width: 22px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

        .switch[b-sz1k5esjx7] {
            width: 55px;
            height: 30px;
        }
        /**/

    }



.color-palette[b-sz1k5esjx7] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.color-option[b-sz1k5esjx7] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
    transition: transform 0.2s;
}

    .color-option:hover[b-sz1k5esjx7] {
        transform: scale(1.1);
        border: 2px solid #000;
    }

.selected-color-box[b-sz1k5esjx7] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.colorpalettteicon[b-sz1k5esjx7] {
    color: white;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.modalDialogColorPalette[b-sz1k5esjx7] {
    max-width: 500px;
}

/* /Pages/Role.razor.rz.scp.css */
.searchbutton[b-fp8qwqc6mj] {
    border: none;
    background-color: #082248;
    width: 150px;
    height: 35px;
    border-radius: 10px;
    color: #fff;
    font-size: 18px;
    margin-top: 10%;
}

.required[b-fp8qwqc6mj] {
  /*  letter-spacing: 3px;*/
    font-size: 14px;
    font-weight: 500;
}

.filterby[b-fp8qwqc6mj] {
    font-size: 11px;
    font-weight: 500;
    margin-top: 25px;
}

.categorypage[b-fp8qwqc6mj] {
    margin-top: 4%;
}

.form-select[b-fp8qwqc6mj] {
    border: none;
    border-radius: 10px;
    background-color: #d9d9d9;

}



.addrolebtn[b-fp8qwqc6mj] {
    background-color: #082248;
    color: #fff;
    border: none;
    height: 35px;
    width: 25%;
    border-radius: 10px;
}

.searchlinegroup[b-fp8qwqc6mj] {
    margin-top: 3%;
}

.textshow[b-fp8qwqc6mj] {
    font-size: 16px;
    margin-right: 5px;
}

.showentries[b-fp8qwqc6mj] {
    width: 50px;
    background-color: #efefef;
    border: none;
    border-radius: 5px;
    margin-right: 15px;
}

.selecttext[b-fp8qwqc6mj] {
    font-size: 16px;
    margin-right: 10px;
}

.selectrole[b-fp8qwqc6mj] {
    background-color: #efefef;
    width: 100px;
    height: 30px;
    border: none;
    border-radius: 5px;
}

.searchtext[b-fp8qwqc6mj] {
    font-size: 16px;
}

.searchinput[b-fp8qwqc6mj] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    height: 30px;
    width: 200px;
}



.tablediv[b-fp8qwqc6mj] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    margin-top: 2%;
    margin-bottom: 2%;
}

.table .th1[b-fp8qwqc6mj] {
    border-radius: 10px 0 0 0;
}

.table .th6[b-fp8qwqc6mj] {
    border-radius: 0 10px 0 0;
    text-align: center;
}

.table th[b-fp8qwqc6mj] {
    background-color: #dcdfe8;
    color: #110a57;
    font-size: 16px;
    font-weight: 500;
}






.form-section[b-fp8qwqc6mj] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}

.form-row[b-fp8qwqc6mj] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-fp8qwqc6mj] {
    flex: 1;
}

    .form-group label[b-fp8qwqc6mj] {
        display: block;
        margin-bottom: 0.5rem;
        color: #34495e;
        font-weight: 500;
        font-size: 0.9rem;
    }


.hov-input[b-fp8qwqc6mj]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-fp8qwqc6mj] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-fp8qwqc6mj] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }
/* /Pages/Sale.razor.rz.scp.css */
.searchbutton[b-lg09o1h7t7] {
    border: none;
    background-color: #082248;
    width: 100%;
    height: 35px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
}
.nepali-datepicker[b-lg09o1h7t7] {
    font-family:  sans-serif;
}
.required[b-lg09o1h7t7] {
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: 500;
}

.filterby[b-lg09o1h7t7] {
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
}



.form-select[b-lg09o1h7t7], .form-control[b-lg09o1h7t7] {
    border: 2px solid #dcdfe8;
    border-radius: 10px;
    background-color: none;
}



.salepage[b-lg09o1h7t7] {
    margin-top: 2.5%;
}


.searchlinegroup[b-lg09o1h7t7] {
    margin-top: 2%;
    margin-bottom:2%;
}

.textshow[b-lg09o1h7t7] {
    font-size: 16px;
    margin-right: 5px;
}

.showentries[b-lg09o1h7t7] {
    width: 50px;
    background-color: #efefef;
    border: none;
    border-radius: 5px;
    margin-right: 15px;
}
.selectcompany[b-lg09o1h7t7] {
    border: 1px solid #dcdfe8;
    height: 4vh;
    border-radius: 5px;
    width: 3vw;
}
.selecttext[b-lg09o1h7t7] {
    font-size: 16px;
    margin-right: 10px;

}

.selectrole[b-lg09o1h7t7] {
    background-color: #efefef;
    width: 100px;
    height: 30px;
    border: none;
    border-radius: 5px;
}

.searchtext[b-lg09o1h7t7] {
    font-size: 16px;
}
#from[b-lg09o1h7t7]{
border:none;
border-radius:5px;
background-color:#efefef;
padding:5px;
margin-right:3%;
}
#to[b-lg09o1h7t7] {
    border: none;
    border-radius: 5px;
    background-color: #efefef;
    padding: 5px;
    margin-right:3%;
}
.searchinput[b-lg09o1h7t7] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    height: 5vh;
    width: 50%;
}


.saletable[b-lg09o1h7t7]{
    width:100%;
   
}
    .saletable tbody[b-lg09o1h7t7] {
        display: block;
       height:52vh;
        overflow-y: scroll;
    }
    .saletable thead[b-lg09o1h7t7], .saletable tbody tr[b-lg09o1h7t7] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
[b-lg09o1h7t7]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-lg09o1h7t7]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}
.saletable td[b-lg09o1h7t7]{
 height:6vh; 
}
.saletable th[b-lg09o1h7t7] {
    background-color: #f4f5fa;
    height: 7vh;
}

 .thlast[b-lg09o1h7t7]{
    border-radius:0 10px 10px 0;
}
.thfirst[b-lg09o1h7t7]{
    border-radius:10px 0 0 10px;
}
.saletable thead[b-lg09o1h7t7] {
    text-align: center;
}
    .saletable tbody tr[b-lg09o1h7t7] {
        height: 30px;
        width:100%;
        text-align:center;
    }

.dateandtime[b-lg09o1h7t7] {
    line-height: 2px;
    width:10%;
    
   
}
    .dateandtime p[b-lg09o1h7t7] {
        text-align: left;
        margin-left: 13px;
    }
    .paginationgroup[b-lg09o1h7t7]{
      
    }
.paginationgroup button[b-lg09o1h7t7] {
    border: 1px solid #e9e9e9;
    background: #fff;
    margin-left: 10px;
    width: 35px;
    height: 35px;
}
.paginationgroup button:hover[b-lg09o1h7t7] {
    background: #111;
    color: #fff;
}
.paginationgroup .backandnext[b-lg09o1h7t7] {
    width: 90px;
}
.paginationgroup .fa-arrow-left[b-lg09o1h7t7] {
    font: 6px;
}

/*Model View*/
/*.saletablemodel tr:nth-child(even) {
    background-color: #fff;
}

.saletablemodel tr:nth-child(odd) {
    background-color: #dcdfe8;
}*/

.saletablemodel[b-lg09o1h7t7] {
    margin-top: 0;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-radius:10px 10px 0 0;
    background-color:#fff;
}
.saletablemodal tbody tr[b-lg09o1h7t7] {
    border-bottom: 1px solid rgba(12, 33, 68, 0.2);
    font-size:14px;

}
.saletablemodel thead tr[b-lg09o1h7t7] {
    background-color: #fff !important;
    border-bottom: 1px solid rgba(12, 33, 68, 0.2);
    margin-bottom: 0.2%;
    top: 0;
    z-index: 1;
    width: 100%;
    table-layout: fixed;
    font-size: 16px;
    font-weight: 700;
    color: rgba(0, 0, 0, 1);
}
/*Model View end*/
[b-lg09o1h7t7]::-webkit-scrollbar {
    width: 10px;
    background-color: transparent;
}

[b-lg09o1h7t7]::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 10px;
}

.saletablemodal td[b-lg09o1h7t7] {
    height: 6vh;
}

.saletablemodal tr:nth-child(even)[b-lg09o1h7t7] {
    background-color: #fff;
}

.saletablemodel tr:nth-child(odd)[b-lg09o1h7t7] {
    background-color: #dcdfe8;
}

.thlast[b-lg09o1h7t7] {
    border-radius: 0 10px 10px 0;
}

.thfirst[b-lg09o1h7t7] {
    border-radius: 10px 0 0 10px;
}


.buttonclass[b-lg09o1h7t7]{
    display:flex;
    justify-content:end;
}
.text-center[b-lg09o1h7t7]{
    display:flex;
    justify-content:start;
    align-items:end;
}
.searchbuttonsmall[b-lg09o1h7t7] {
    border: none;
    background-color: #082248;
    width: 100%;
    height: 35px;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
}
.filterby i[b-lg09o1h7t7] {
    font-size: 22px;
    padding: 0 5px;
}
.saletable[b-lg09o1h7t7]{
    width:90%;   
    margin: 0 auto;
    
}
.searchlinegroup[b-lg09o1h7t7] {
    width: 90%;
    margin:2% auto 2% auto;
}

@media only screen and (max-width:1440px) {
    .searchbutton[b-lg09o1h7t7] {
        border: none;
        background-color: #082248;
        width: 100%;
        height: 35px;
        border-radius: 10px;
        color: #fff;
        font-size: 14px;
    }
    .searchbutton[b-lg09o1h7t7]{
        width:80%;
    }
    .page-link[b-lg09o1h7t7] {
        font-size: 16px;
    }
}



@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:992px) {
    .saletable[b-lg09o1h7t7] {
        width: 100%;
    }
    .filterby[b-lg09o1h7t7]{
        font-size:16px;
    }
    .filterby i[b-lg09o1h7t7]{
        font-size:16px;
    }

}
@media only screen and (max-width:820px) {


}

@media only screen and (max-width:768px) {
    .salepage[b-lg09o1h7t7] {
        margin-top: 1%;
        padding: 0 5px 60px 5px;
        overflow-x: hidden;
    }


    /* Make the modal more responsive on mobile */
    .modal-content[b-lg09o1h7t7] {
        width: 95% !important;
        max-height: 90vh;
        overflow-y: auto;
        padding: 10px !important;
    }

    .cname[b-lg09o1h7t7] {
        font-size: 14px;
        color: #8A92A6;
    }

    .saletablemodel[b-lg09o1h7t7] {
        font-size: 12px;
        width: 100%;
        display: block;
        overflow-x: auto;
    }

    .modal-top[b-lg09o1h7t7], .modal-bottom[b-lg09o1h7t7] {
        padding: 5px;
    }

    .filterby[b-lg09o1h7t7] {
        font-size: 14px;
    }
    .filterby i[b-lg09o1h7t7] {
        font-size: 16px;
    }
    .form-control[b-lg09o1h7t7], .form-select[b-lg09o1h7t7] {
        font-size: 14px;
        padding: 5px;
    }
    .required[b-lg09o1h7t7] {
        font-size: 16px;
    }
    .searchbuttonsmall[b-lg09o1h7t7] {
        font-size: 14px;
    }
    .searchbutton[b-lg09o1h7t7] {
        font-size: 12px;
        width: 100%;
    }
    .saletable thead[b-lg09o1h7t7] {
        font-size: 14px;
    }
    .saletable tbody[b-lg09o1h7t7] {
        font-size: 12px;
    }
    .col[b-lg09o1h7t7] {
        padding: 0 5px;
    }
    .filter-by[b-lg09o1h7t7] {
        padding: 0;
    }

    .selecttext[b-lg09o1h7t7] {
        font-size: 14px;
    }
    .selectcompany[b-lg09o1h7t7] {
        height: 6vh;
        width: 7vw;
        font-size: 14px;
    }
    .page-link[b-lg09o1h7t7] {
        font-size: 14px;
    }
    .page-item[b-lg09o1h7t7] {
        padding-left: 0;
    }

    /*Model View*/
    .saletablemodel tr:nth-child(even)[b-lg09o1h7t7] {
        background-color: #fff;
    }

    .saletablemodel tr:nth-child(odd)[b-lg09o1h7t7] {
        background-color: #dcdfe8;
    }

    .saletablemodel[b-lg09o1h7t7] {
        margin-top: 0;
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .saletablemodel thead tr[b-lg09o1h7t7] {
        background-color: #fff !important;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 0.2%;
        top: 0;
        z-index: 1;
        width: 100%;
        table-layout: fixed;
    }
    .modal-top[b-lg09o1h7t7] {
        margin-bottom: 10px;
    }
    /*Model View end*/
}
@media only screen and (max-width:667px) {
    .salepage[b-lg09o1h7t7] {
        margin-top: -5%;
    }
    .searchbutton[b-lg09o1h7t7] {
        font-size: 10px;
    }
    .filterby[b-lg09o1h7t7] {
        font-size: 12px;
    }

    .filterby i[b-lg09o1h7t7] {
        font-size: 14px;
    }

    .form-control[b-lg09o1h7t7], .form-select[b-lg09o1h7t7] {
        font-size: 12px;
        padding: 5px;
    }

    .required[b-lg09o1h7t7] {
        font-size: 10px;
    }

    .searchbuttonsmall[b-lg09o1h7t7] {
        font-size: 12px;
    }
}
@media only screen and (max-width:608px) {

    .filterby[b-lg09o1h7t7] {
        font-size: 12px;
    }

    .filterby i[b-lg09o1h7t7] {
        font-size: 14px;
    }

    .form-control[b-lg09o1h7t7], .form-select[b-lg09o1h7t7] {
        font-size: 12px;
        padding: 5px;
    }

    .required[b-lg09o1h7t7] {
        font-size: 10px;
    }

    .searchbuttonsmall[b-lg09o1h7t7] {
        font-size: 12px;
    }
}
@media only screen and (max-width:568px) {
    .saletable thead[b-lg09o1h7t7] {
        font-size: 12px;
    }

    .saletable tbody[b-lg09o1h7t7] {
        font-size: 10px;
    }
    .selectcompany[b-lg09o1h7t7] {
        height: 5vh;
        width: 7vw;
        font-size: 12px;
    }

    .page-link[b-lg09o1h7t7] {
        font-size: 12px;
    }

    .page-item[b-lg09o1h7t7] {
        padding-left: 0;
    }

    .modal-content[b-lg09o1h7t7] {
        width: 98% !important;
    }

    .cname[b-lg09o1h7t7] {
        margin-bottom: 2px;
        font-size: 14px;
    }

    .saletablemodel[b-lg09o1h7t7] {
        width: 100%;
    }

    .saletablemodel tbody[b-lg09o1h7t7] {
        height: 25vh;
        font-size: 13px;
    }

    .saletablemodel thead[b-lg09o1h7t7], .saletablemodel tbody tr[b-lg09o1h7t7] {
        width: 100%;
    }

    .saletablemodel th[b-lg09o1h7t7] {
        height: 6vh;
    }

    .saletablemodel thead[b-lg09o1h7t7] {
        font-size: 13px;
    }

    .saletablemodel tbody tr[b-lg09o1h7t7] {
        height: 6vh;
        width: 100%;
    }

    .modal-top[b-lg09o1h7t7] {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width:553px) {

    .filterby i[b-lg09o1h7t7] {
        font-size: 12px;
    }

    .form-control[b-lg09o1h7t7], .form-select[b-lg09o1h7t7] {
        font-size: 10px;
        padding: 5px;
    }

    .required[b-lg09o1h7t7] {
        font-size: 9px;
    }

    .searchbuttonsmall[b-lg09o1h7t7] {
        font-size: 10px;
    }
}

@media only screen and (max-width:480px) {
    .salepage[b-lg09o1h7t7] {
        margin-top: 0;
    }

    .cname[b-lg09o1h7t7] {
        font-size: 12px;
    }

    .saletablemodel[b-lg09o1h7t7] {
        font-size: 11px;
    }

    .modal-top[b-lg09o1h7t7], .modal-bottom[b-lg09o1h7t7] {
        display: flex;
        flex-direction: column;
    }
}
@media only screen and (max-width:390px) {

    .cname[b-lg09o1h7t7] {
        margin-bottom: 2px;
        font-size: 12px;
    }

    .saletablemodel[b-lg09o1h7t7] {
        width: 100%;
    }

    .saletablemodel tbody[b-lg09o1h7t7] {
        height: 25vh;
        font-size: 11px;
    }

    .saletablemodel thead[b-lg09o1h7t7], .saletablemodel tbody tr[b-lg09o1h7t7] {
        width: 100%;
    }

    .saletablemodel th[b-lg09o1h7t7] {
        height: 6vh;
    }

    .saletablemodel thead[b-lg09o1h7t7] {
        font-size: 11px;
    }

    .saletablemodel tbody tr[b-lg09o1h7t7] {
        height: 6vh;
        width: 100%;
    }

    .modal-top[b-lg09o1h7t7] {
        margin-bottom: 10px;
    }
}

/* /Pages/Scan.razor.rz.scp.css */
.heading2[b-4n90vpgihe] {
    padding: 10px;
    background-color: #d9d9d9;
    margin-bottom:2%;
    width: 100%;
    border-radius: 10px;
}e
.fa-barcode[b-4n90vpgihe]{
    font-size:4vh;
   padding:15px;
    margin-left:2%;

}
/* /Pages/Service.razor.rz.scp.css */



.servicepage[b-w822e032ia] {
    margin-top: 4%;
}

.addservicebtn[b-w822e032ia] {
    background-color: #082248;
    color: #fff;
    border: none;
    height: 35px;
    width: 25%;
    border-radius: 10px;
}

.searchlinegroup[b-w822e032ia] {
    margin-top: 3%;
}

.textshow[b-w822e032ia] {
    font-size: 16px;
    margin-right: 5px;
}

.showentries[b-w822e032ia] {
    width: 50px;
    background-color: #efefef;
    border: none;
    border-radius: 5px;
    margin-right: 15px;
}

.selecttext[b-w822e032ia] {
    font-size: 16px;
    margin-right: 10px;
}

.selectservice[b-w822e032ia] {
    background-color: #efefef;
    width: 100px;
    height: 30px;
    border: none;
    border-radius: 5px;
}

.searchtext[b-w822e032ia] {
    font-size: 16px;
}

.searchinput[b-w822e032ia] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    height: 30px;
    width: 200px;
}



.tablediv[b-w822e032ia] {
    border: 1px solid #dcdfe8;
    border-radius: 10px;
    margin-top: 2%;
    margin-bottom: 2%;
}

.table .th1[b-w822e032ia] {
    border-radius: 10px 0 0 0;
}

.table .th6[b-w822e032ia] {
    border-radius: 0 10px 0 0;
    text-align:center;
}

.table th[b-w822e032ia] {
    background-color: #dcdfe8;
    color: #110a57;
    font-size: 16px;
    font-weight: 500;
}
/* /Pages/TableControls/HoldTable.razor.rz.scp.css */


.form-check[b-kkm8v48l1j]{
    padding-left:5px;
}

.form-row[b-kkm8v48l1j] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-kkm8v48l1j] {
    flex: 1;
}

.form-section[b-kkm8v48l1j] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}

.form-group label[b-kkm8v48l1j] {
    display: block;
    margin-bottom: 0.5rem;
    color: #34495e;
    font-weight: 500;
    font-size: 0.9rem;
}
.checkbox-wrapper-30[b-kkm8v48l1j]{
    display:flex;
    align-items:center;
    gap:5%;
}
.form-label[b-kkm8v48l1j] {
    font-size: 16px;
}

.hov-input[b-kkm8v48l1j]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-kkm8v48l1j] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-kkm8v48l1j] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }
.align-items-end[b-kkm8v48l1j]{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:5%;
    height:10vh;
}

.add-product-row[b-kkm8v48l1j] {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
}

    .add-product-row:hover[b-kkm8v48l1j] {
        background-color: #0C2144;
        color: #fff;
    }
/*checkbox style*/

.checkbox-wrapper-30 .checkbox[b-kkm8v48l1j] {
    --bg: #fff;
    --brdr: #d1d6ee;
    --brdr-actv: #1e2235;
    --brdr-hovr: #bbc1e1;
    --dur: calc((var(--size, 2)/2) * 0.6s);
    display: inline-block;
    width: calc(var(--size, 1) * 22px);
    position: relative;
}

.checkbox-wrapper-30 .checkbox[b-kkm8v48l1j]:after {
    content: "";
    width: 100%;
    padding-top: 100%;
    display: block;
}

.checkbox-wrapper-30 .checkbox > *[b-kkm8v48l1j] {
    position: absolute;
}

.checkbox-wrapper-30 .checkbox input[b-kkm8v48l1j] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    background-color: var(--bg);
    border-radius: calc(var(--size, 1) * 4px);
    border: calc(var(--newBrdr, var(--size, 1)) * 1px) solid;
    color: var(--newBrdrClr, var(--brdr));
    outline: none;
    margin: 0;
    padding: 0;
    transition: all calc(var(--dur) / 3) linear;
}

    .checkbox-wrapper-30 .checkbox input:hover[b-kkm8v48l1j],
    .checkbox-wrapper-30 .checkbox input:checked[b-kkm8v48l1j] {
        --newBrdr: calc(var(--size, 1) * 2);
    }

    .checkbox-wrapper-30 .checkbox input:hover[b-kkm8v48l1j] {
        --newBrdrClr: var(--brdr-hovr);
    }

    .checkbox-wrapper-30 .checkbox input:checked[b-kkm8v48l1j] {
        --newBrdrClr: var(--brdr-actv);
        transition-delay: calc(var(--dur) /1.3);
    }

        .checkbox-wrapper-30 .checkbox input:checked + svg[b-kkm8v48l1j] {
            --dashArray: 16 93;
            --dashOffset: 109;
        }

.checkbox-wrapper-30 .checkbox svg[b-kkm8v48l1j] {
    fill: none;
    left: 0;
    pointer-events: none;
    stroke: var(--stroke, var(--border-active));
    stroke-dasharray: var(--dashArray, 93);
    stroke-dashoffset: var(--dashOffset, 94);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2px;
    top: 0;
    transition: stroke-dasharray var(--dur), stroke-dashoffset var(--dur);
}

.checkbox-wrapper-30 .checkbox svg[b-kkm8v48l1j],
.checkbox-wrapper-30 .checkbox input[b-kkm8v48l1j] {
    display: block;
    height: 100%;
    width: 100%;
}

/*=====================*/
@media only screen and (max-width: 1440px) {


    }

    @media only screen and (max-width: 1080px) {
   
    }
    @media only screen and (max-width: 768px) {
     

    }
@media only screen and (max-width: 480px) {


}
/* /Pages/TableControls/TableArea.razor.rz.scp.css */
.form-section[b-rfaacme9s7] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}

.form-row[b-rfaacme9s7] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-rfaacme9s7] {
    flex: 1;
}
inner-table

.form-group label[b-rfaacme9s7] {
    display: block;
    margin-bottom: 0.5rem;
    color: #34495e;
    font-weight: 500;
    font-size: 0.9rem;
}


.hov-input[b-rfaacme9s7]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-rfaacme9s7] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-rfaacme9s7] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }


/*.tableareapage{
    margin-top:2.3%;
}




@media only screen and (max-width: 1440px) {
    .tableareapage {
            margin-top: 3%;
        }

    }

    @media only screen and (max-width: 1080px) {
       .tableareapage{
           margin-top:4%;
       }
*/
    
    @media only screen and (max-width: 768px) {
      

    }
@media only screen and (max-width: 480px) {



}
/* /Pages/Unit/UnitPage.razor.rz.scp.css */
.unit-page[b-ieqcms2elk] {

}

.table-responsive[b-ieqcms2elk] {
    margin-top: 20px;
}

.table[b-ieqcms2elk] {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
}

.table th[b-ieqcms2elk] {
    background-color: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    padding: 12px;
    font-weight: 600;
}

.table td 
    padding: 12px;
    vertical-align: middle;[b-ieqcms2elk]
}

.btn-sm[b-ieqcms2elk] {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    margin: 0 2px;
}

.btn-primary[b-ieqcms2elk] {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.btn-danger[b-ieqcms2elk] {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}






@media only screen and (max-width: 768px) {
    .unit-page[b-ieqcms2elk] {
        margin-top: 5%;
        padding: 10px;
    }
    
    .table-responsive[b-ieqcms2elk] {
        margin-top: 15px;
    }
    
    .table th[b-ieqcms2elk], .table td[b-ieqcms2elk] {
        padding: 8px;
    }
} 
/* /Pages/Vendor.razor.rz.scp.css */

/**/
.form-row[b-rtel5l3az0] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-rtel5l3az0] {
    flex: 1;
}

.form-section[b-rtel5l3az0] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}

.hov-input[b-rtel5l3az0]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-rtel5l3az0] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-rtel5l3az0] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

.actionicons[b-rtel5l3az0] {
    gap: 10px;
}

    .actionicons i[b-rtel5l3az0] {
        cursor: pointer;
    }

.fa-pen-to-square[b-rtel5l3az0] {
    color: #3A57E8;
}

.fa-trash[b-rtel5l3az0] {
    color: #FF0000;
}
/**/




.form-row[b-rtel5l3az0] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group[b-rtel5l3az0] {
    flex: 1;
}

.form-section[b-rtel5l3az0] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2%;
}

.form-group label[b-rtel5l3az0] {
    display: block;
    margin-bottom: 0.5rem;
    color: #34495e;
    font-weight: 500;
    font-size: 0.9rem;
}

.hov-input[b-rtel5l3az0]::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input[b-rtel5l3az0] {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover[b-rtel5l3az0] {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

.add-product-row[b-rtel5l3az0], .save-product[b-rtel5l3az0] {
    background-color: #E6F0FF;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
}

    .add-product-row:hover[b-rtel5l3az0], .save-product:hover[b-rtel5l3az0] {
        background-color: #0C2144;
        color: #fff;
    }



.actionicons i:hover[b-rtel5l3az0] {
    color: #007bff; /* Blue on hover */
}
/* /Pages/VendorLedger.razor.rz.scp.css */
/*.table{
    overflow-y:scroll;
    height:50vh;
}*/
.ledger-table-container[b-r258jxfe4c] {
    height: 100%;
}
.ledger-table thead[b-r258jxfe4c] {
    background-color: #fafcfd;
    color: #69768c;
}
/*.ledger-table {
    width: 100%;
}*/
.page-name[b-r258jxfe4c]{
    margin:0 5%;
    padding:15px 0;
}
.purchase-btn-close[b-r258jxfe4c] {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .purchase-btn-close i[b-r258jxfe4c] {
        font-size: 28px;
        color: #0C2144;
    }
.takeitout[b-r258jxfe4c] {
    position: relative;
    z-index: 1001;
    background-color: #F7F9FC;
}
.sticky-top[b-r258jxfe4c]{
    background-color: #F7F9FC;
}



.table-container[b-r258jxfe4c] {
    padding: 0 5%;
}




/* Base page styles */
.top-of-page[b-r258jxfe4c] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

/* Header styles */
.header[b-r258jxfe4c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    padding: 0 1rem;
}
    .header h1[b-r258jxfe4c] {
        font-size: 2rem;
        font-weight: 500;
        margin: 0;
        letter-spacing: 0.5px;
    }

.close-button[b-r258jxfe4c] {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: white;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;

}

    .close-button i[b-r258jxfe4c] {
        color: #0C2144;
        font-size:28px;
    }

    .close-button:hover[b-r258jxfe4c] {
        background: rgba(255, 255, 255, 0.25);
        transform: scale(1.05);
    }

/* Ledger container/card styles */
.ledger-container[b-r258jxfe4c] {
/*    background-color: white;
    border-radius: 12px;
    padding: 2rem;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);*/
}

.ledger-header[b-r258jxfe4c] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2.5rem;
    position: relative;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
}

    .ledger-header h2[b-r258jxfe4c] {
        font-size: 1.8rem;
        font-weight: 600;
        margin: 0;
        color: #2c3e50;
    }

.subtitle[b-r258jxfe4c] {
    color: #666;
    font-size: 0.95rem;
    margin-top: 0.5rem;
}

.export-button[b-r258jxfe4c] {
    background: #6A5ACD;
    border: none;
    color: white;
    font-size: 1rem;
    cursor: pointer;
    padding: 0.7rem 1.4rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
}

    .export-button i[b-r258jxfe4c] {
        font-size: 1rem;
    }

    .export-button:hover[b-r258jxfe4c] {
        background: #5848c2;
        transform: translateY(-1px);
    }

/* Table container & table styles */
.ledger-table-container[b-r258jxfe4c] {
/*    background: #f8f9fa;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;*/
}

.ledger-table[b-r258jxfe4c] {
    width: 100%;
    border-collapse: collapse;
    border-collapse: collapse;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

    .ledger-table th[b-r258jxfe4c],
    .ledger-table td[b-r258jxfe4c] {
        padding: 1rem;
        text-align: left;
        border-bottom: 1px solid #eee;
    }

    .ledger-table th[b-r258jxfe4c] {
        background-color: #f8f9fa;
        font-weight: 600;
        color: #2c3e50;
        text-transform: uppercase;
        font-size: 0.8rem;
        letter-spacing: 0.5px;
    }

    .ledger-table tr:hover[b-r258jxfe4c] {
        background-color: #f1f3f5;
    }

    .ledger-table td[b-r258jxfe4c] {
        color: #444;
        font-size: 0.95rem;
    }

.amount[b-r258jxfe4c] {
    font-family: 'Roboto Mono', monospace;
    text-align: right;
    font-weight: 500;
}

.negative[b-r258jxfe4c] {
    color: #e74c3c;
}

/* Pagination styles */
.pagination[b-r258jxfe4c] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
}

.page-button[b-r258jxfe4c],
.page-number[b-r258jxfe4c] {
    padding: 0.7rem 1.2rem;
    border: 1px solid #e0e0e0;
    background-color: white;
    cursor: pointer;
    border-radius: 6px;
    color: #333;
    font-weight: 500;
    transition: all 0.3s ease;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .page-button:hover:not(:disabled)[b-r258jxfe4c],
    .page-number:hover:not(.active)[b-r258jxfe4c] {
        background-color: #f8f9fa;
        border-color: #6A5ACD;
        color: #6A5ACD;
    }

    .page-button:disabled[b-r258jxfe4c] {
        background-color: #f5f5f5;
        cursor: not-allowed;
        color: #999;
        border-color: #e0e0e0;
    }

    .page-number.active[b-r258jxfe4c] {
        background-color: #6A5ACD;
        color: white;
        border-color: #6A5ACD;
    }

/* Loading state styling */
.loading[b-r258jxfe4c] {
    text-align: center;
    color: white;
    font-size: 1.2rem;
    margin-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

    .loading[b-r258jxfe4c]::after {
        content: '';
        width: 1.2rem;
        height: 1.2rem;
        border: 2px solid white;
        border-radius: 50%;
        border-top-color: transparent;
        animation: spin-b-r258jxfe4c 1s linear infinite;
    }

@keyframes spin-b-r258jxfe4c {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .vendor-table[b-r258jxfe4c]{
        padding:10px;
        margin-bottom:10%;
    }
    .vendor-ledger-page[b-r258jxfe4c] {
        margin: 0 -10px;
    }
    .header h1[b-r258jxfe4c] {
        font-size: 1.6rem;
    }
    /*.table {
        margin-bottom: 10px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        border-radius:10px !important;
    }*/

  /*  .ledger-container {
        padding: 1.5rem;
    }
*/
    .ledger-header h2[b-r258jxfe4c] {
        font-size: 1.5rem;
    }

    .ledger-table th[b-r258jxfe4c], .ledger-table td[b-r258jxfe4c] {
        padding: 0.8rem;
    }
   /* .vendor-table thead tr{
        background-color: #fafcfd;
    }
    .vendor-table{
        border:1px solid #e0e0e0;
        border-radius:10px;
    }*/
    /*.vendor-table table{
        background-color:#fff;
        border:1px solid #e0e0e0;
        border-radius:8px;
        padding:10px;
        width:100%;
    }
    .vendor-table th {
        background-color: #fafcfd;
    }*/
    
}
@media screen and (max-width: 568px) {
   /* .saletablemodel th:first-child,
    .saletablemodel td:first-child {
        width: 10%;
    }

    .saletablemodel th:nth-child(4),
    .saletablemodel td:nth-child(4) {
        width: 10%;
    }*/
}

@media only screen and (max-width: 500px) {

    .saletablemodel thead[b-r258jxfe4c] {
        font-size: 12px;
        font-weight: 600;
    }

    .saletablemodel tbody[b-r258jxfe4c] {
        font-size: 12px;
        font-weight: 500;
    }

    .saletablemodel th:nth-child(3)[b-r258jxfe4c],
    .saletablemodel td:nth-child(3)[b-r258jxfe4c] {
        width: 15%;
    }
}

@media only screen and (max-width: 460px) {
    .saletablemodel thead th[b-r258jxfe4c], .saletablemodel tbody td[b-r258jxfe4c] {
        padding: 5px;
    }
}

@media only screen and (max-width: 410px) {
    .saletablemodel thead[b-r258jxfe4c] {
        font-size: 10px !important;
    }

    .saletablemodel tbody[b-r258jxfe4c] {
        font-size: 10px !important;
    }
}
/* /Pages/VendorPaymentReport.razor.rz.scp.css */
.vendor-payment-report[b-3pb742f3j3] {
    padding: 0 20px 0 0;
    background-color: #f8f9fa;
/*    min-height: calc(100vh - 60px);*/
}

.amount[b-3pb742f3j3] {
    font-family: 'Roboto Mono', monospace;
    font-weight: 500;
}

:global(.dynamic-table)[b-3pb742f3j3] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    margin-top: 20px;
}

:global(.dynamic-table th)[b-3pb742f3j3] {
    background-color: #f8f9fa;
    color: #2c3e50;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
    padding: 1rem;
}

:global(.dynamic-table td)[b-3pb742f3j3] {
    padding: 1rem;
    color: #444;
    font-size: 0.95rem;
}

:global(.dynamic-table tr:hover)[b-3pb742f3j3] {
    background-color: #f8f9fa;
}

:global(.search-filter)[b-3pb742f3j3] {
    background: white;
    padding: 1.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}

:global(.pagination-component)[b-3pb742f3j3] {
    margin-top: 20px;
    padding: 1rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
} 
/* /Pages/VendorPayments.razor.rz.scp.css */
/*.purchasereceipt-top {
    display: flex;
    justify-content: space-between;
    padding: 4.5% 20px 20px 20px;
}

.purchase-btn-close {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .purchase-btn-close i {
        font-size: 28px;
        color: #0C2144;
    }

.sticky-top {
    background-color: #F7F9FC;
}

.header {
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    display:flex;
    flex-direction:column;

}

    .header h2 {
        margin: 0;
        color: #2c3e50;
        font-size: 1.75rem;
        font-weight: 600;
    }

.subtitle {
    color: #7f8c8d;
    margin: 0.5rem 0 0 0;
    font-size: 1rem;
}

.form-section {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 5%;
}

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    color: #34495e;
    font-weight: 500;
    font-size: 0.9rem;
}

.hov-input::placeholder {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

.hov-input {
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
    padding: 0.9rem;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

    .hov-input:hover {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }*/

/* ============= */
/* Typeahead customization */
/*.blazored-typeahead {
    border: none;
    background: transparent;
    position: relative;
    width: 100%;
}

.blazored-typeahead__controls {
    position: relative;
    width: 100%;
}

.typeishead .blazored-typeahead {
    border: none;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #8A92A6;
    font-weight: 400;
    font-size: 16px;
}

    .typeishead .blazored-typeahead:hover {
        box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
    }

.blazored-typeahead__input {
    width: 100%;
    padding: 0.6rem 1rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    background: white;
    transition: border-color 0.2s;
}

    .blazored-typeahead__input:focus {
        border-color: #3498db;
        outline: none;
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.1);
    }

.blazored-typeahead__result {
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
}

    .blazored-typeahead__result:hover {
        background-color: #e3f2fd;
        color: #1565c0;
    }

.blazored-typeahead__active-item {
    background-color: #1976d2 !important;
    color: white !important;
}

.blazored-typeahead__selected-item {
    background-color: #e3f2fd;
    color: #1565c0;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    margin: 0.25rem;
    display: inline-block;
    border: 1px solid #bbdefb;
}

.blazored-typeahead__selected-item-close {
    margin-left: 0.5rem;
    cursor: pointer;
    color: #1565c0;
}

    .blazored-typeahead__selected-item-close:hover {
        color: #d32f2f;
    }

.blazored-typeahead__loader {
    padding: 0.5rem 1rem;
    text-align: center;
    color: #666;
}

.blazored-typeahead__no-results {
    padding: 0.5rem 1rem;
    color: #666;
    font-style: italic;
}

.vendor-payment-container {
    background-color: #F7F9FC;
    width: 99vw;
    left: 0px;
    top:0;
    position: absolute;
}

.form-row {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.form-group {
    flex: 1;
}




input, select, .blazored-typeahead__input {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.payment-details {
    display: flex;
    flex-direction: column;
}

.detail p {
    margin-bottom: 0;
}

.detail {
    padding: 15px;
    font-weight: bold;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5%;
    font-size: 16px;
}

.payable {
    background-color: #B6DAFF80;
    color: #170F49;
    border-radius: 10px 10px 0 0;
}

.paid {
    background-color: #DEF0E4;
    color: #007D2A;
}

.due {
    background-color: #F2D6D3;
    color: #AD2D1E;
    border-radius: 0 0 10px 10px;
}

button {
    padding: 10px 20px;
    background-color: #6A5ACD;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

    button:hover {
        background-color: #5848c2;
    }

    button:disabled {
        background-color: #ccc;
        cursor: not-allowed;
    }

.vendor-payment-save {
    background-color: #E6F0FF;
    color: #000;
    padding: 10px 20px;
    letter-spacing: 0.5px;
    line-height: 22px;
}

    .vendor-payment-save:hover {
        background-color: #0C2144;
        color: #fff;
    }


@media only screen and (max-width:2303px) {
    .purchasereceipt-top {
        padding: 50px;
        width: 100%;
    }
}

@media only screen and (max-width:1900px) {
    .purchasereceipt-top {
        display: flex;
        justify-content: space-between;
        padding: 30px;
        width: 100%;
    }
}

@media only screen and (max-width:1700px) {
    .purchasereceipt-top {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        width: 100%;
    }
}*/