/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-pwmphd1gpb] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

main[b-pwmphd1gpb] {
    flex: 1;
    margin-top: 3.5rem;
}

.top-row[b-pwmphd1gpb] {
    /*background-color: rgb(5, 39, 103);*/
    background-image: linear-gradient(90deg, rgb(0, 85, 85) 20%, rgb(0, 100, 50) 85%);
    /*background-image: linear-gradient(90deg, green, #0dcaf0);*/
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

.icon-dropdown-mainlayout[b-pwmphd1gpb] {
    display: flex;
    color: white;
    padding-right: 0.5rem;
    align-items: stretch;
}

article[b-pwmphd1gpb] {
    max-width: calc(100vw - 15rem);
    height: calc(100vh - 3.5rem);
}

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

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

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

    .sidebar[b-pwmphd1gpb] {
        width: 15rem;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-pwmphd1gpb] {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 100vw;
        color: antiquewhite;
    }

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

    .top-row[b-pwmphd1gpb] {
        /*padding-left: 2rem !important;*/
        padding-right: 1.5rem !important;
    }
}

/* Mobile styles */
@media (max-width: 767px) {
    .page[b-pwmphd1gpb] {
        overflow: visible;
    }
    article[b-pwmphd1gpb] {
        max-width: 100%;
        overflow-y: hidden;
    }
    main[b-pwmphd1gpb] {
        margin-top: 0;
    }
}
/* /Layout/Sidebar.razor.rz.scp.css */
.sidebar[b-i5n5pv1jwy] {
    /*background-color: rgb(5, 39, 103);*/
    background-image: linear-gradient(180deg, rgb(0, 85, 85) 20%, rgb(0, 100, 50) 85%);
    /*background-image: linear-gradient(180deg, green, #0dcaf0);*/
    color: antiquewhite;
    z-index: 1000;
    height: 100vh;
}

    .sidebar.expanded[b-i5n5pv1jwy] {
        width: 15rem;
    }       

    .sidebar.collapsed[b-i5n5pv1jwy] {
        width: 3.5rem;
    }
    
.sidebar-header[b-i5n5pv1jwy] {
    display: inline-flex;
    /*align-items: stretch;*/
    height: 3.5rem;
    padding-top: 0.5rem;
    border-bottom: solid;
    border-right: solid;
    border-width: 1px;
    border-color: gray;
    width: inherit;
}

.sidebar-footer[b-i5n5pv1jwy] {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: inherit;
    height: 3.5rem;
}

.topbar[b-i5n5pv1jwy] {
    display: none; /* Hidden by default */
}

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

.bi-box-arrow-left-nav-menu[b-i5n5pv1jwy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-box-arrow-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0z'/%3E%3Cpath fill-rule='evenodd' d='M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708z'/%3E%3C/svg%3E");
}

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

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

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

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

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

.bi-bounding-box-circles-nav-menu[b-i5n5pv1jwy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-bounding-box-circles' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm0 1h12v12H2V2z'/%3E%3Ccircle cx='4' cy='4' r='1' fill='white'/%3E%3Ccircle cx='12' cy='4' r='1' fill='white'/%3E%3Ccircle cx='4' cy='12' r='1' fill='white'/%3E%3Ccircle cx='12' cy='12' r='1' fill='white'/%3E%3C/svg%3E");
}

.bi-list-ul-nav-menu[b-i5n5pv1jwy] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-ul' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E");
}

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

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

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

    .nav-item[b-i5n5pv1jwy]  a {
        color: antiquewhite;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

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

.nav-link[b-i5n5pv1jwy] {
    padding: 0 !important;
}

.topbar-right[b-i5n5pv1jwy] {
    display: inline-flex;
}

    .topbar-right[b-i5n5pv1jwy]  i, .bi-list[b-i5n5pv1jwy] {
        padding-left: 0.2rem;
    }

.topbar-left[b-i5n5pv1jwy] {
    display: inline-flex;
}

@media (min-width: 641px) {
    /*.navbar-toggler {
        display: none;
    }*/

    .collapse[b-i5n5pv1jwy] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-i5n5pv1jwy] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 7rem);
        overflow-y: auto;
    }
}

/* Responsive Styles */
@media (max-width: 640.98px) {
    .sidebar-header[b-i5n5pv1jwy] {
        display: none; /* Hide sidebar on mobile */
    }

    .topbar[b-i5n5pv1jwy] {
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        height: 3.5rem;
        /*background-color: rgb(5, 39, 103);*/
        background-image: linear-gradient(90deg, rgb(0, 85, 85) 20%, rgb(0, 100, 50) 85%);
        /*background-image: linear-gradient(90deg, green, #0dcaf0);*/
        color: antiquewhite;
        padding-left: 2rem;
        padding-right: 1.5rem;
    }

    .sidebar[b-i5n5pv1jwy] {
        position: absolute;
        top: 3.5rem;
        left: 0;
        width: 100%;
        height: calc(100vh - 3.5rem);
        overflow-y: hidden;
    }

        .sidebar.expanded[b-i5n5pv1jwy] {
            display: block;
            width: 100%;
        }

        .sidebar.collapsed[b-i5n5pv1jwy] {
            display: none;
        }

    .nav-scrollable[b-i5n5pv1jwy] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 7rem);
        overflow-y: auto;
    }
}

/* /Pages/Barcode.razor.rz.scp.css */
body[b-7ktcasg01l] {
}
/* /Pages/Branch.razor.rz.scp.css */
body[b-sbh0qzfvsp] {
}
/* /Pages/Brand.razor.rz.scp.css */
body[b-l88j6gho9p] {
}
/* /Pages/CashPaymentVoucher.razor.rz.scp.css */
body[b-ac58sk6y75] {
}
/* /Pages/CashReceiptVoucher.razor.rz.scp.css */
body[b-gkhm3r8tdz] {
}
/* /Pages/Customer.razor.rz.scp.css */
body[b-tytdzs824f] {
}
/* /Pages/CustomerGroup.razor.rz.scp.css */
body[b-e4jdktm82v] {
}
/* /Pages/Employee.razor.rz.scp.css */
body[b-823xyqznxw] {
}
/* /Pages/FirstPage.razor.rz.scp.css */
/* /Pages/Home.razor.rz.scp.css */
/* /Pages/InventoryCycleCount.razor.rz.scp.css */
.main-container[b-ugk1xt3hxr] {
    display: flex;
    width: 90vw;
    height: calc(100vh - 8rem);
    flex-direction: row;
}

.left-column[b-ugk1xt3hxr] {
    flex: 4;
    display: flex;
    flex-direction: column;
}

.right-column[b-ugk1xt3hxr] {
    flex: 1;
    background-color: #e86565;
}

.black-section[b-ugk1xt3hxr] {
    background-color: black;
    flex: 4;
    position: relative;
}

.blue-section[b-ugk1xt3hxr] {
    background-color: #0066cc;
    flex: 1;
    position: relative;
}
/* /Pages/InventoryIssue.razor.rz.scp.css */
.main-container[b-u7crbpa8v1] {
    display: flex;
    width: 90vw;
    height: calc(100vh - 8rem);
    flex-direction: row;
}

.left-column[b-u7crbpa8v1] {
    flex: 4;
    display: flex;
    flex-direction: column;
}

.right-column[b-u7crbpa8v1] {
    flex: 1;
    background-color: #e86565;
}

.black-section[b-u7crbpa8v1] {
    background-color: black;
    flex: 4;
    position: relative;
}

.blue-section[b-u7crbpa8v1] {
    background-color: #0066cc;
    flex: 1;
    position: relative;
}
/* /Pages/InventoryReceipt.razor.rz.scp.css */
.main-container[b-10ddo8nai4] {
    display: flex;
    width: 90vw;
    height: calc(100vh - 8rem);
    flex-direction: row;
}

.left-column[b-10ddo8nai4] {
    flex: 4;
    display: flex;
    flex-direction: column;
}

.right-column[b-10ddo8nai4] {
    flex: 1;
    background-color: #e86565;
}

.black-section[b-10ddo8nai4] {
    background-color: black;
    flex: 4;
    position: relative;
}

.blue-section[b-10ddo8nai4] {
    background-color: #0066cc;
    flex: 1;
    position: relative;
}
/* /Pages/Item.razor.rz.scp.css */
body[b-osdm33iz98] {
}
/* /Pages/ItemCategory.razor.rz.scp.css */
body[b-bghgnrt4vr] {
}
/* /Pages/ItemPurchasePrice.razor.rz.scp.css */
body[b-30k4jiih3g] {
}
/* /Pages/Login.razor.rz.scp.css */
/* General Reset */
*[b-kz3htl6d1m] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body[b-kz3htl6d1m] {
    font-family: Arial, sans-serif;
    background-color: #f5f5f5;
}

/* Centering the login container */
.login-container[b-kz3htl6d1m] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    padding: 1rem; /* Add padding for smaller screens */
}

/* Styling the login form */
.login-form[b-kz3htl6d1m] {
    color: white;
    padding: 2rem;
    width: 90%; /* Responsive width */
    max-width: 400px; /* Reduced max width for better mobile fit */
    transition: transform 0.3s; /* Smooth animation */
    opacity: 0.9;
}

    /* Header style */
    .login-form h3[b-kz3htl6d1m] {
        text-align: center;
        margin-bottom: 1.5rem;
        color: #333; /* Darker text for contrast */
    }

/* Form group styling */
.form-group[b-kz3htl6d1m] {
    margin-bottom: 1.5rem; /* Increased spacing */
}

/* Input field styling */
.form-control[b-kz3htl6d1m] {
    width: 100%;
    padding: 0.75rem; /* Increased padding for comfort */
    border: 1px solid #ccc;
    border-radius: 8px; /* More rounded corners */
    font-size: 1rem; /* Improved font size */
    transition: border-color 0.3s, box-shadow 0.3s; /* Smooth transition */
}

    /* Focus state for input fields */
    .form-control:focus[b-kz3htl6d1m] {
        border-color: #007bff; /* Change border color on focus */
        outline: none; /* Remove default outline */
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5); /* Add shadow on focus */
    }

/* Button styling */
.btn-primary[b-kz3htl6d1m] {
    width: 100%;
    padding: 0.75rem;
    background-color: #007bff;
    border: none;
    border-radius: 8px; /* More rounded corners */
    color: white;
    font-size: 1rem; /* Improved font size */
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s; /* Smooth transitions */
}

    /* Button hover state */
    .btn-primary:hover[b-kz3htl6d1m] {
        background-color: #0056b3;
        transform: translateY(-2px); /* Slight lift on hover */
    }

/* Alert styling for error messages */
.alert[b-kz3htl6d1m] {
    margin-top: 1rem;
    padding: 0.75rem;
    border-radius: 8px;
    background-color: #f8d7da; /* Light red background for errors */
    color: #721c24; /* Dark red text color */
    border: 1px solid #f5c6cb; /* Matching border */
}

.addon-icon[b-kz3htl6d1m] {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    cursor: pointer;
}

.background-image[b-kz3htl6d1m] {
    background-image: url('/images/login-background.jpg'); /* Path to your background image */
    background-size: cover; /* Stretch the image to cover the entire screen */
    background-position: center; /* Center the image */
    height: 100%; /* Full height of the viewport */
    display: flex; /* Flexbox layout to center the form */
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
}

/* Responsive adjustments */
@media (max-width: 600px) {
    .login-container[b-kz3htl6d1m] {
        padding: 2rem; /* More padding on small screens */
    }

    .login-form[b-kz3htl6d1m] {
        padding: 1.5rem; /* Adjust padding for smaller screens */
    }
}
/* /Pages/Notification.razor.rz.scp.css */
body[b-t9emnrl7zi] {
}
/* /Pages/PaymentType.razor.rz.scp.css */
body[b-vz42uus0je] {
}
/* /Pages/PurchaseInvoice.razor.rz.scp.css */
body[b-4kgfqsshe0] {
}
/* /Pages/ReportCurrentStock.razor.rz.scp.css */
body[b-ti6m3rigee] {
}
/* /Pages/Role.razor.rz.scp.css */
body[b-dduv2mei58] {
}
/* /Pages/SaleOrder.razor.rz.scp.css */
.main-container[b-21q8gjmtzd] {
    display: flex;
    width: 90vw;
    height: calc(100vh - 8rem);
    flex-direction: row;
}

.left-column[b-21q8gjmtzd] {
    flex: 4;
    display: flex;
    flex-direction: column;
}

.right-column[b-21q8gjmtzd] {
    flex: 1;
    background-color: #e86565;
}

.black-section[b-21q8gjmtzd] {
    background-color: black;
    flex: 4;
    position: relative;
}

.blue-section[b-21q8gjmtzd] {
    background-color: #0066cc;
    flex: 1;
    position: relative;
}
/* /Pages/SaleSummaryReport.razor.rz.scp.css */
body[b-zl6hl5qvso] {
}
/* /Pages/StockCard.razor.rz.scp.css */
body[b-zdxqp0f5um] {
}
/* /Pages/SubScreen.razor.rz.scp.css */

.ads-column[b-659vy6vl6d] {
    flex: 2;
    display: flex;
    flex-direction: column;
    background-color: gray;
}
    .ads-column img[b-659vy6vl6d] {
        width: 100%;
        height: 100%;        
        object-fit: cover;
    }

.order-column[b-659vy6vl6d] {
    flex: 1;
}

    .order-column .order-header[b-659vy6vl6d] {

    }

    .order-column .order-detail[b-659vy6vl6d] {
        height: 65vh;
        overflow-y: auto;
    }

    .order-column.order-footer[b-659vy6vl6d] {
        bottom: 0;
    }
/* /Pages/Unit.razor.rz.scp.css */
body[b-4cmc24yaqu] {
}
/* /Pages/User.razor.rz.scp.css */
body[b-4mkxtgaef7] {
}
/* /Shared/Components/Chart/Chart.razor.rz.scp.css */
body[b-dmis463e7o] {
}
/* /Shared/Components/DiyRow/InventoryCycleCountDetailRow.razor.rz.scp.css */
.lot-section[b-ol4cwzbac4] {
    transition: height 0.5s ease;
}

    .lot-section.expanded[b-ol4cwzbac4] {
        height: 40vh;
    }

    .lot-section.collapsed[b-ol4cwzbac4] {
        height: auto;
    }

.pointer-text-number[b-ol4cwzbac4] {
    cursor: pointer;
}

    .pointer-text-number:hover[b-ol4cwzbac4] {
        border: solid;
        border-radius: 6px;
    }
/* /Shared/Components/DiyRow/InventoryIssueDetailRow.razor.rz.scp.css */
.lot-section[b-zcmmdd2j71] {
    transition: height 0.5s ease;
}

    .lot-section.expanded[b-zcmmdd2j71] {
        height: 40vh;
    }

    .lot-section.collapsed[b-zcmmdd2j71] {
        height: auto;
    }

.pointer-text-number[b-zcmmdd2j71] {
    cursor: pointer;
}

    .pointer-text-number:hover[b-zcmmdd2j71] {
        border: solid;
        border-radius: 6px;
    }
/* /Shared/Components/DiyRow/InventoryItems.razor.rz.scp.css */
.tabs[b-r5thno2ccu] {
    display: flex;
    cursor: pointer;
    width: 100%; /* Ensure it fills the modal width */
}

    .tabs ul[b-r5thno2ccu] {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        width: 100%;
    }

    .tabs li[b-r5thno2ccu] {
        flex: 1; /* Make all tabs equal width */
        padding: 10px 0;
        border: 1px solid #ddd;
        text-align: center;
        transition: background-color 0.3s;
    }

        .tabs li.active[b-r5thno2ccu] {
            background-color: #007bff;
            color: white;
        }

.tab-content[b-r5thno2ccu] {
    width: 100%;
    min-height: 30vh;
}

tr.diy-focused-row[b-r5thno2ccu] {
    border-top: 2px solid blue !important;
    border-left: 2px solid blue !important;
    border-right: 2px solid blue !important;
}

tr.diy-expanded[b-r5thno2ccu] {
    border-bottom: 2px solid blue !important;
    border-left: 2px solid blue !important;
    border-right: 2px solid blue !important;
}

tr.diy-expanded:hover[b-r5thno2ccu] {
    background-color: white !important;
}
/* /Shared/Components/DiyRow/InventoryReceiptDetailRow.razor.rz.scp.css */
.lot-section[b-ez0hlhwcep] {
    transition: height 0.5s ease;
}

    .lot-section.expanded[b-ez0hlhwcep] {
        height: 40vh;
    }

    .lot-section.collapsed[b-ez0hlhwcep] {
        height: auto;
    }

.pointer-text-number[b-ez0hlhwcep] {
    cursor: pointer;
}

    .pointer-text-number:hover[b-ez0hlhwcep] {
        border: solid;
        border-radius: 6px;
    }
/* /Shared/Components/DiyRow/ReportCurrentStockRows.razor.rz.scp.css */
.tabs[b-b2gttyel8u] {
    display: flex;
    cursor: pointer;
    width: 100%; /* Ensure it fills the modal width */
}

    .tabs ul[b-b2gttyel8u] {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        width: 100%;
    }

    .tabs li[b-b2gttyel8u] {
        flex: 1; /* Make all tabs equal width */
        padding: 10px 0;
        border: 1px solid #ddd;
        text-align: center;
        transition: background-color 0.3s;
    }

        .tabs li.active[b-b2gttyel8u] {
            background-color: #007bff;
            color: white;
        }

.tab-content[b-b2gttyel8u] {
    width: 100%;
    min-height: 30vh;
}

tr.diy-focused-row[b-b2gttyel8u] {
    border-top: 2px solid blue !important;
    border-left: 2px solid blue !important;
    border-right: 2px solid blue !important;
}

tr.diy-expanded[b-b2gttyel8u] {
    border-bottom: 2px solid blue !important;
    border-left: 2px solid blue !important;
    border-right: 2px solid blue !important;
}

tr.diy-expanded:hover[b-b2gttyel8u] {
    background-color: white !important;
}
/* /Shared/Components/DiyRow/SaleOrderDetailRow.razor.rz.scp.css */
.lot-section[b-sz22ov4a67] {
    transition: height 0.5s ease;
}

    .lot-section.expanded[b-sz22ov4a67] {
        height: 40vh;
    }

    .lot-section.collapsed[b-sz22ov4a67] {
        height: auto;
    }

.pointer-text-number[b-sz22ov4a67] {
    cursor: pointer;
}

    .pointer-text-number:hover[b-sz22ov4a67] {
        border: solid;
        border-radius: 6px;
    }
/* /Shared/Components/IconDropdown/IconDropdown.razor.rz.scp.css */
.diy-dropdown[b-c8uhw0mcm1] {
    position: relative;
}

.diy-icon-dropdown[b-c8uhw0mcm1] {
    padding-right: 0.5rem;
    cursor: pointer;
}

.dropdown-menu[b-c8uhw0mcm1] {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    max-width: 600px;
    -webkit-overflow-scrolling: touch;
}

    .dropdown-menu.show[b-c8uhw0mcm1] {
        display: flex;
        flex-direction: column;
    }

.dropdown-item[b-c8uhw0mcm1] {
    display: block; /* Make items block level */
    padding: 8px 12px; /* Padding for items */
    color: black; /* Text color */
    text-decoration: none; /* Remove underline */
}

    .dropdown-item:hover[b-c8uhw0mcm1] {
        background-color: dodgerblue; /* Change background on hover */
        color: white;
    }

/* Media Queries for responsive design */
@media (min-width: 768px) { /* Desktop styles */
    .dropdown-menu[b-c8uhw0mcm1] {
        right: 0.5rem; /* Align dropdown to the right of the icon */
    }
}

@media (max-width: 767px) { /* Mobile styles */
    .dropdown-menu[b-c8uhw0mcm1] {
        left: 1.5rem; /* Align dropdown to the left of the icon */
    }

    .icon-dropdown[b-c8uhw0mcm1]  i {
        font-size: 1.15rem;
    }
}
/* /Shared/Components/IconNotification/IconNotification.razor.rz.scp.css */
.notification-icon[b-83fhwesbyy] {
    position: relative;
    cursor: pointer;
    padding-right: 1rem;
}

    .notification-icon[b-83fhwesbyy]  i {
        font-size: 1.35rem;
        color: white;
    }

.notification-badge[b-83fhwesbyy] {
    position: absolute;
    top: -5px;
    right: 10px;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 2px 5px;
    font-size: 0.75em;
}

@media (max-width: 767px) {
    .notification-icon[b-83fhwesbyy]  i {
        font-size: 1.15rem;
    }
}
/* /Shared/Components/List/ListCheckbox.razor.rz.scp.css */
.autocomplete-dropdown[b-f8fkarcuup] {
    position: relative;
    width: 100%;
}

.dropdown-content[b-f8fkarcuup] {
    position: absolute;
    background-color: #f9f9f9;
    min-width: fit-content !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    max-height: 38vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

table[b-f8fkarcuup] {
    border-collapse: collapse;
    width: 100%;
    max-width: 600px;
}

th[b-f8fkarcuup], td[b-f8fkarcuup] {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

th[b-f8fkarcuup] {
    background-color: #f2f2f2;
}

tr:hover[b-f8fkarcuup] {
    background-color: #f1f1f1;
}

.highlighted[b-f8fkarcuup] {
    background-color: #e6f3ff;
}

.search-box[b-f8fkarcuup] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-input-wrap[b-f8fkarcuup] {
    position: relative;
    width: 100%;
}

.search-input[b-f8fkarcuup] {
    width: 100%;
    /*padding: 10px 15px;*/
    padding-right: 40px;
}

.search-clear[b-f8fkarcuup] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #999;
    cursor: pointer;
}

@media (max-width: 768px) {
    .dropdown-content[b-f8fkarcuup] {
        max-height: 200px;
        overflow-y: auto;
    }
}
/* /Shared/Components/Lookup/Lookup.razor.rz.scp.css */
.autocomplete-dropdown[b-nb54jrp3ad] {
    position: relative;
    width: 100%;
}

.dropdown-content[b-nb54jrp3ad] {
    position: absolute;
    background-color: #f9f9f9;
    min-width: fit-content !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    max-height: 300px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

table[b-nb54jrp3ad] {
    border-collapse: collapse;
    width: 100%;
    max-width: 600px;
}

th[b-nb54jrp3ad], td[b-nb54jrp3ad] {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

th[b-nb54jrp3ad] {
    background-color: #f2f2f2;
}

tr:hover[b-nb54jrp3ad] {
    background-color: #f1f1f1;
}

.highlighted[b-nb54jrp3ad] {
    background-color: #e6f3ff;
}

.search-box[b-nb54jrp3ad] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-input-wrap[b-nb54jrp3ad] {
    position: relative;
    width: 100%;
}

.search-input[b-nb54jrp3ad] {
    width: 100%;
    /*padding: 10px 15px;*/
    padding-right: 40px;
}

.search-clear[b-nb54jrp3ad] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #999;
    cursor: pointer;
}

@media (max-width: 768px) {
    .dropdown-content[b-nb54jrp3ad] {
        max-height: 200px;
        overflow-y: auto;
    }
}
/* /Shared/Components/Lookup/LookupAndAddNewItem.razor.rz.scp.css */
.autocomplete-dropdown[b-7018dxemiz] {
    position: relative;
    width: 100%;
}

.dropdown-content[b-7018dxemiz] {
    position: absolute;
    background-color: #f9f9f9;
    min-width: fit-content !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    max-height: 300px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

table[b-7018dxemiz] {
    border-collapse: collapse;
    width: 100%;
    max-width: 600px;
}

th[b-7018dxemiz], td[b-7018dxemiz] {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

th[b-7018dxemiz] {
    background-color: #f2f2f2;
}

tr:hover[b-7018dxemiz] {
    background-color: #f1f1f1;
}

.highlighted[b-7018dxemiz] {
    background-color: #e6f3ff;
}

.search-box[b-7018dxemiz] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-input-wrap[b-7018dxemiz] {
    position: relative;
    width: 100%;
}

.search-input[b-7018dxemiz] {
    width: 100%;
    /*padding: 10px 15px;*/
    padding-right: 40px;
}

.search-clear[b-7018dxemiz] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #999;
    cursor: pointer;
}

@media (max-width: 768px) {
    .dropdown-content[b-7018dxemiz] {
        max-height: 200px;
        overflow-y: auto;
    }
}
/* /Shared/Components/Lookup/LookupByApi.razor.rz.scp.css */
.autocomplete-dropdown[b-grinhm32ob] {
    position: relative;
    width: 100%;
}

.dropdown-content[b-grinhm32ob] {
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    max-width: calc(100vw - 1.5rem);
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}

.search-box[b-grinhm32ob] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-input-wrap[b-grinhm32ob] {
    position: relative;
    width: 100%;
}

.search-input[b-grinhm32ob] {
    width: 100%;
    /*padding: 10px 15px;*/
    padding-right: 40px;
}

.search-clear[b-grinhm32ob] {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%);
    color: #999;
    cursor: pointer;
}

.add-icon[b-grinhm32ob] {
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    color: dodgerblue;
    cursor: pointer;
}

@media (max-width: 768px) {
}
/* /Shared/Components/Lookup/LookupMultipleSelect.razor.rz.scp.css */
.autocomplete-dropdown[b-j31mhh9x4j] {
    position: relative;
    width: 100%;
}

.dropdown-content[b-j31mhh9x4j] {
    position: absolute;
    background-color: #f9f9f9;
    min-width: fit-content !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    max-height: 300px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

table[b-j31mhh9x4j] {
    border-collapse: collapse;
    width: 100%;
    max-width: 600px;
}

th[b-j31mhh9x4j], td[b-j31mhh9x4j] {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

th[b-j31mhh9x4j] {
    background-color: #f2f2f2;
}

tr:hover[b-j31mhh9x4j] {
    background-color: #f1f1f1;
}

.highlighted[b-j31mhh9x4j] {
    background-color: #e6f3ff;
}

.search-box[b-j31mhh9x4j] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-input-wrap[b-j31mhh9x4j] {
    position: relative;
    width: 100%;
}

.search-input[b-j31mhh9x4j] {
    width: 100%;
    /*padding: 10px 15px;*/
    padding-right: 40px;
}

.search-clear[b-j31mhh9x4j] {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-size: 18px;
    color: #999;
    cursor: pointer;
}

@media (max-width: 768px) {
    .dropdown-content[b-j31mhh9x4j] {
        max-height: 200px;
        overflow-y: auto;
    }
}
/* /Shared/Components/Menu/Menu.razor.rz.scp.css */
.navbar-brand[b-l6yzfl4ny4] {
    font-size: 1.1rem;
}

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

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

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

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

.bi-bounding-box-circles-nav-menu[b-l6yzfl4ny4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-bounding-box-circles' viewBox='0 0 16 16'%3E%3Cpath d='M2 1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H2zm0 1h12v12H2V2z'/%3E%3Ccircle cx='4' cy='4' r='1' fill='white'/%3E%3Ccircle cx='12' cy='4' r='1' fill='white'/%3E%3Ccircle cx='4' cy='12' r='1' fill='white'/%3E%3Ccircle cx='12' cy='12' r='1' fill='white'/%3E%3C/svg%3E");
}

.bi-list-ul-nav-menu[b-l6yzfl4ny4] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-ul' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2m0 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E");
}

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

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

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

    .nav-item[b-l6yzfl4ny4]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

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

@media (min-width: 641px) {
    /*.navbar-toggler {
        display: none;
    }*/

    .collapse[b-l6yzfl4ny4] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-l6yzfl4ny4] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.nav-link[b-l6yzfl4ny4] {
    padding: 0 !important;
    display:flex;
    align-items: stretch !important;
}

/* Responsive Styles */
@media (max-width: 640.98px) {
    .nav-level-2[b-l6yzfl4ny4] {
        width: 100%;
    }
}
/* /Shared/Components/MessageBox/ConfirmationModal.razor.rz.scp.css */
.modal-backdrop[b-pyzc2ia0nk] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
}
/* /Shared/Components/MessageBox/MessageModal.razor.rz.scp.css */
.modal-backdrop[b-aj3aoea0up] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
}
/* /Shared/Components/NumberTextbox/NumberTextbox.razor.rz.scp.css */
.number-input[b-axzdqfm7vz] {
    text-align: right;
}
/* /Shared/Components/NumberTextbox/NumberTextboxWithCustomSpinner.razor.rz.scp.css */
.number-input-container[b-l5r57gsaha] {
    display: flex;
    align-items: center;
    width: fit-content;
}

.number-input[b-l5r57gsaha] {
    -moz-appearance: textfield;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 0 5px;
}

    .number-input[b-l5r57gsaha]::-webkit-outer-spin-button,
    .number-input[b-l5r57gsaha]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
/* /Shared/Components/PaginatedTable/PaginatedTable.razor.rz.scp.css */
.pagesize-description[b-q26ndk4t50] {
    display: block;
}

.paginated[b-q26ndk4t50] {
    overflow: auto;
    width: 100%;
    height: 100%;
}

td[b-q26ndk4t50] {
    position: relative;
}
/* Action buttons container */
.row-actions[b-q26ndk4t50] {
    position: absolute;
    left: 85%;
    top: 100%;
    transform: translateY(-50%);
    display: none;
    z-index: 1;
    width: 100px;
    gap: 4px;
}

/* Show actions on row hover */
td:hover .row-actions[b-q26ndk4t50] {
    display: flex;
}

.highlighted[b-q26ndk4t50] {
    background-color: #e6f3ff;
}

/* Button styles */
.action-btn[b-q26ndk4t50] {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    color: white;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: opacity 0.2s;
}

.edit-btn[b-q26ndk4t50] {
    background-color: #198754;
}

    .edit-btn:hover[b-q26ndk4t50] {
        background-color: #157347;
    }

.delete-btn[b-q26ndk4t50] {
    background-color: #dc3545;
}

    .delete-btn:hover[b-q26ndk4t50] {
        background-color: #bb2d3b;
    }

.print-btn[b-q26ndk4t50] {
    background-color: #0dcaf0;
}

    .print-btn:hover[b-q26ndk4t50] {
        background-color: #31d2f2;
    }

@media (max-width: 767px) {
    .pagesize-description[b-q26ndk4t50] {
        display: none;
    }

    .paginated[b-q26ndk4t50] {
        max-height: 60vh;
    }
}
/* /Shared/Components/PaginatedTable/PaginatedTableForReport.razor.rz.scp.css */
.pagesize-description[b-12n8uhn7u2] {
    display: block;
}

.paginated[b-12n8uhn7u2] {
    overflow: auto;
    width: 100%;
    height: 100%;
}

td[b-12n8uhn7u2] {
    position: relative;
}
/* Action buttons container */
.row-actions[b-12n8uhn7u2] {
    position: absolute;
    left: 95%;
    top: 5%;
    transform: translateY(-50%);
    display: none;
    z-index: 1;
    width: 50vw;
    gap: 4px;
}

/* Show actions on row hover */
td:hover .row-actions[b-12n8uhn7u2] {
    display: flex;
}

.highlighted[b-12n8uhn7u2] {
    background-color: #e6f3ff;
}

/* Button styles */
.action-btn[b-12n8uhn7u2] {
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    color: white;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: opacity 0.2s;
}

.edit-btn[b-12n8uhn7u2] {
    background-color: #198754;
}

    .edit-btn:hover[b-12n8uhn7u2] {
        background-color: #157347;
    }

.delete-btn[b-12n8uhn7u2] {
    background-color: #dc3545;
}

    .delete-btn:hover[b-12n8uhn7u2] {
        background-color: #bb2d3b;
    }

.print-btn[b-12n8uhn7u2] {
    background-color: #0dcaf0;
}

    .print-btn:hover[b-12n8uhn7u2] {
        background-color: #31d2f2;
    }

@media (max-width: 767px) {
    .pagesize-description[b-12n8uhn7u2] {
        display: none;
    }

    .paginated[b-12n8uhn7u2] {
        max-height: 60vh;
    }
}
/* /Shared/Components/PrintPreview/BarcodePrintOut.razor.rz.scp.css */
.modal-content[b-oibtpxrqgq] {
    max-width: 100%;
    width: 100%;
    height: 100%;
}
/* /Shared/Components/PrintPreview/PrintPreview.razor.rz.scp.css */
.modal-content[b-hp4xij35e4] {
    max-width: 100%;
    width: 100%;
    height: 100%;
}
.diy-print-preview[b-hp4xij35e4] {
    width: 100%;
    height: 80vh;
    margin-top: 4px;
    overflow: hidden;
    background-color: lightblue;
}
/* /Shared/Components/SaleOrder/SaleOrderAdjustPaymentModal.razor.rz.scp.css */
.denominatiion[b-5puifoig9d] {
    cursor: pointer;
    text-align: center;
}
    .denominatiion:hover[b-5puifoig9d] {
        background-color: forestgreen;
        color: white;
    }
/* /Shared/Components/SaleOrder/SaleOrderDetailDiscountModal.razor.rz.scp.css */
body[b-r9lswv5u6t] {
}
/* /Shared/Components/SaleOrder/SaleOrderDiscountModal.razor.rz.scp.css */
body[b-ss6ht7003y] {
}
/* /Shared/Components/SaleOrder/SaleOrderIncomeExpenseModal.razor.rz.scp.css */
.modal-content[b-d3mynl8kjf] {
    min-height: 20vh;
    max-width: 40vw;
}

.diy-lookup[b-d3mynl8kjf] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-d3mynl8kjf] {
        height: 40vh;
    }

    .diy-lookup.collapsed[b-d3mynl8kjf] {
        height: auto;
    }

@media (max-width: 768px) {
    .modal-content[b-d3mynl8kjf] {
        width: 100%;
        max-width: 100%;
        min-height: 40vh;
    }

    .diy-lookup.expanded[b-d3mynl8kjf] {
        height: auto;
    }

    .diy-lookup.collapsed[b-d3mynl8kjf] {
        height: auto;
    }
}
/* /Shared/Components/SaleOrder/SaleOrderPaymentModal.razor.rz.scp.css */
.denominatiion[b-lgyxypvae0] {
    cursor: pointer;
    text-align: center;
}
    .denominatiion:hover[b-lgyxypvae0] {
        background-color: forestgreen;
        color: white;
    }
/* /Shared/Modals/BranchModal.razor.rz.scp.css */
.modal-content[b-rrwlg21n40] {
    max-width: 1080px;
    position: absolute;
    top: 3.5rem;
}

.diy-lookup[b-rrwlg21n40] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-rrwlg21n40] {
        height: 92vh;
    }

    .diy-lookup.collapsed[b-rrwlg21n40] {
        height: auto;
    }

@media (max-width: 768px) {

    .modal-content[b-rrwlg21n40] {
        top: 0rem;
    }

    .diy-lookup.expanded[b-rrwlg21n40] {
        height: auto;
    }

    .diy-lookup.collapsed[b-rrwlg21n40] {
        height: auto;
    }
}
/* /Shared/Modals/BrandModal.razor.rz.scp.css */
.modal-content[b-a3ejcq431v] {
    position: absolute;
    top: 3.5rem;
}

.diy-lookup[b-a3ejcq431v] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-a3ejcq431v] {
        height: 70vh;
    }

    .diy-lookup.collapsed[b-a3ejcq431v] {
        height: auto;
    }

@media (max-width: 768px) {

    .modal-content[b-a3ejcq431v] {
        top: 0rem;
    }

    .diy-lookup.expanded[b-a3ejcq431v] {
        height: auto;
    }

    .diy-lookup.collapsed[b-a3ejcq431v] {
        height: auto;
    }
}
/* /Shared/Modals/CalculateItemPurchasePriceModal.razor.rz.scp.css */
.modal-content[b-jpismxjsip] {
    position: absolute;
    top: 3.5rem;
}

.diy-lookup[b-jpismxjsip] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-jpismxjsip] {
        height: 70vh;
    }

    .diy-lookup.collapsed[b-jpismxjsip] {
        height: auto;
    }

@media (max-width: 768px) {

    .modal-content[b-jpismxjsip] {
        top: 0rem;
    }

    .diy-lookup.expanded[b-jpismxjsip] {
        height: auto;
    }

    .diy-lookup.collapsed[b-jpismxjsip] {
        height: auto;
    }
}
/* /Shared/Modals/CashPaymentVoucherModal.razor.rz.scp.css */
.modal-content[b-oqizxlynwo] {
    max-width: 1080px;
    overflow: hidden;
    position: absolute;
    top: 3.5rem;
}

.diy-lookup[b-oqizxlynwo] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-oqizxlynwo] {
        height: 63vh;
    }

    .diy-lookup.collapsed[b-oqizxlynwo] {
        height: auto;
    }

@media (max-width: 767px) {
    .modal-content[b-oqizxlynwo] {
        top: 0rem;
    }

    .diy-lookup.expanded[b-oqizxlynwo] {
        height: auto;
    }

    .diy-lookup.collapsed[b-oqizxlynwo] {
        height: auto;
    }
}
/* /Shared/Modals/CashReceiptVoucherModal.razor.rz.scp.css */
.modal-content[b-35f57ib2hz] {
    max-width: 1080px;
    overflow: hidden;
    position: absolute;
    top: 3.5rem;
}

.diy-lookup[b-35f57ib2hz] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-35f57ib2hz] {
        height: 63vh;
    }

    .diy-lookup.collapsed[b-35f57ib2hz] {
        height: auto;
    }

@media (max-width: 767px) {
    .modal-content[b-35f57ib2hz] {
        top: 0rem;
    }

    .diy-lookup.expanded[b-35f57ib2hz] {
        height: auto;
    }

    .diy-lookup.collapsed[b-35f57ib2hz] {
        height: auto;
    }
}
/* /Shared/Modals/CustomerGroupModal.razor.rz.scp.css */
body[b-f3k0i1yll8] {
}
/* /Shared/Modals/CustomerModal.razor.rz.scp.css */
.modal-content[b-nqu5j1n0kd] {
    max-width: 1080px;
    position: absolute;
    top: 3.5rem;
    overflow: auto;
}

.diy-lookup[b-nqu5j1n0kd] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-nqu5j1n0kd] {
        height: 92vh;
    }

    .diy-lookup.collapsed[b-nqu5j1n0kd] {
        height: auto;
    }

@media (max-width: 768px) {

    .modal-content[b-nqu5j1n0kd] {
        top: 0rem;
    }

    .diy-lookup.expanded[b-nqu5j1n0kd] {
        height: auto;
    }

    .diy-lookup.collapsed[b-nqu5j1n0kd] {
        height: auto;
    }
}
/* /Shared/Modals/EmployeeModal.razor.rz.scp.css */
.modal-content[b-vbmcy17zhj] {
    max-width: 1080px;
    position: absolute;
    top: 3.5rem;
    /*display: flex;*/
}

.diy-lookup[b-vbmcy17zhj] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-vbmcy17zhj] {
        height: 70vh;
    }

    .diy-lookup.collapsed[b-vbmcy17zhj] {
        height: auto;
    }

@media (max-width: 768px) {
    .modal-content[b-vbmcy17zhj] {
        top: 0;
    }

    .diy-lookup.expanded[b-vbmcy17zhj] {
        height: auto;
    }

    .diy-lookup.collapsed[b-vbmcy17zhj] {
        height: auto;
    }
}
/* /Shared/Modals/InventoryCycleCountModal.razor.rz.scp.css */
.modal-content[b-bpyurvdlzd] {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.modal-body[b-bpyurvdlzd] {
    display: flex;
    flex-direction: row;
    padding: 8px;
}

.order-info-column[b-bpyurvdlzd] {
    flex: 3;
    padding-right: 2px;
    display: flex;
    flex-direction: column;
    background-color: #6c757d0f;
}

.payment-column[b-bpyurvdlzd] {
    flex: 1;
    font-size: 1.25rem;
}

.ordering-section[b-bpyurvdlzd] {
    flex: none;
    position: relative;
}

.customer-info-section[b-bpyurvdlzd] {
    flex: none;
    position: relative;
}

.customer-section[b-bpyurvdlzd] {
    transition: height 0.5s ease;
}

    .customer-section.expanded[b-bpyurvdlzd] {
        height: 50vh;
    }

    .customer-section.collapsed[b-bpyurvdlzd] {
        height: auto;
    }

.lot-section[b-bpyurvdlzd] {
    transition: height 0.5s ease;
}

    .lot-section.expanded[b-bpyurvdlzd] {
        height: 40vh;
    }

    .lot-section.collapsed[b-bpyurvdlzd] {
        height: auto;
    }

.detail-table[b-bpyurvdlzd] {
    width: 100%;
    overflow-y: auto;
    max-height: calc(100vh - 12rem);
    transition: max-height 0.5s ease;
}

    .detail-table.expanded[b-bpyurvdlzd] {
        max-height: calc(100vh - 12rem);
        overflow: auto;
    }

    .detail-table.collapsed[b-bpyurvdlzd] {
        max-height: 0;
        overflow: hidden;
    }

.detail-row:hover[b-bpyurvdlzd] {
    border: 2px solid rgb(37,150,190);
}

.pointer-text-number[b-bpyurvdlzd] {
    cursor: pointer;
}

    .pointer-text-number:hover[b-bpyurvdlzd] {
        border: solid;
        border-radius: 6px;
    }

.diy-payment-info[b-bpyurvdlzd] {
}

.barcode-section[b-bpyurvdlzd] {
}

    .barcode-section.expanded[b-bpyurvdlzd] {
    }

    .barcode-section.collapsed[b-bpyurvdlzd] {
    }

@media (max-width: 768px) {
    .modal-body[b-bpyurvdlzd] {
        flex-direction: column;
        overflow-y: auto;
        padding: 5px;
    }

    .order-info-column[b-bpyurvdlzd] {
        flex: none;
        overflow-y: auto;
    }

    .payment-column[b-bpyurvdlzd] {
        margin-top: 8px;
        flex: none;
        overflow-y: auto;
        font-size: 1rem;
    }

    .detail-table[b-bpyurvdlzd] {
        max-height: calc(100vh - 20rem);
    }

        .detail-table.expanded[b-bpyurvdlzd] {
            max-height: calc(100vh - 20rem);
            overflow: auto;
        }

        .detail-table.collapsed[b-bpyurvdlzd] {
            max-height: 0;
            overflow: hidden;
        }

    .barcode-section[b-bpyurvdlzd] {
        transition: height 0.5s ease;
    }

        .barcode-section.expanded[b-bpyurvdlzd] {
            height: 50vh;
        }

        .barcode-section.collapsed[b-bpyurvdlzd] {
            height: auto;
        }
}
/* /Shared/Modals/InventoryIssueModal.razor.rz.scp.css */
.modal-content[b-k6y421xltn] {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.modal-body[b-k6y421xltn] {
    display: flex;
    flex-direction: row;
    padding: 8px;
}

.order-info-column[b-k6y421xltn] {
    flex: 3;
    padding-right: 2px;
    display: flex;
    flex-direction: column;
    background-color: #6c757d0f;
}

.payment-column[b-k6y421xltn] {
    flex: 1;
    font-size: 1.25rem;
}

.ordering-section[b-k6y421xltn] {
    flex: none;
    position: relative;
}

.customer-info-section[b-k6y421xltn] {
    flex: none;
    position: relative;
}

.customer-section[b-k6y421xltn] {
    transition: height 0.5s ease;
}

    .customer-section.expanded[b-k6y421xltn] {
        height: 50vh;
    }

    .customer-section.collapsed[b-k6y421xltn] {
        height: auto;
    }

.lot-section[b-k6y421xltn] {
    transition: height 0.5s ease;
}

    .lot-section.expanded[b-k6y421xltn] {
        height: 40vh;
    }

    .lot-section.collapsed[b-k6y421xltn] {
        height: auto;
    }

.detail-table[b-k6y421xltn] {
    width: 100%;
    overflow-y: auto;
    max-height: calc(100vh - 12rem);
    transition: max-height 0.5s ease;
}

    .detail-table.expanded[b-k6y421xltn] {
        max-height: calc(100vh - 12rem);
        overflow: auto;
    }

    .detail-table.collapsed[b-k6y421xltn] {
        max-height: 0;
        overflow: hidden;
    }

.detail-row:hover[b-k6y421xltn] {
    border: 2px solid rgb(37,150,190);
}

.pointer-text-number[b-k6y421xltn] {
    cursor: pointer;
}

    .pointer-text-number:hover[b-k6y421xltn] {
        border: solid;
        border-radius: 6px;
    }

.diy-payment-info[b-k6y421xltn] {
}

.barcode-section[b-k6y421xltn] {
}

    .barcode-section.expanded[b-k6y421xltn] {
    }

    .barcode-section.collapsed[b-k6y421xltn] {
    }

@media (max-width: 768px) {
    .modal-body[b-k6y421xltn] {
        flex-direction: column;
        overflow-y: auto;
        padding: 5px;
    }

    .order-info-column[b-k6y421xltn] {
        flex: none;
        overflow-y: auto;
    }

    .payment-column[b-k6y421xltn] {
        margin-top: 8px;
        flex: none;
        overflow-y: auto;
        font-size: 1rem;
    }

    .detail-table[b-k6y421xltn] {
        max-height: calc(100vh - 20rem);
    }

        .detail-table.expanded[b-k6y421xltn] {
            max-height: calc(100vh - 20rem);
            overflow: auto;
        }

        .detail-table.collapsed[b-k6y421xltn] {
            max-height: 0;
            overflow: hidden;
        }

    .barcode-section[b-k6y421xltn] {
        transition: height 0.5s ease;
    }

        .barcode-section.expanded[b-k6y421xltn] {
            height: 50vh;
        }

        .barcode-section.collapsed[b-k6y421xltn] {
            height: auto;
        }
}
/* /Shared/Modals/InventoryReceiptMetaDataModal.razor.rz.scp.css */
.modal-content[b-0zpamcb63v] {
    max-width: 1080px;
    position: absolute;
    top: 3.5rem;
    height: 70vh;
}

.detail-row:hover[b-0zpamcb63v] {
    border: 2px solid rgb(37,150,190);
}

.diy-lookup[b-0zpamcb63v] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-0zpamcb63v] {
        height: 92vh;
    }

    .diy-lookup.collapsed[b-0zpamcb63v] {
        height: auto;
    }

@media (max-width: 768px) {

    .modal-content[b-0zpamcb63v] {
        top: 0rem;
    }

    .diy-lookup.expanded[b-0zpamcb63v] {
        height: auto;
    }

    .diy-lookup.collapsed[b-0zpamcb63v] {
        height: auto;
    }
}
/* /Shared/Modals/InventoryReceiptModal.razor.rz.scp.css */
.modal-content[b-np8jy5s4a5] {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.modal-body[b-np8jy5s4a5] {
    display: flex;
    flex-direction: row;
    padding: 8px;
}

.order-info-column[b-np8jy5s4a5] {
    flex: 3;
    padding-right: 2px;
    display: flex;
    flex-direction: column;
    background-color: #6c757d0f;
}

.payment-column[b-np8jy5s4a5] {
    flex: 1;
    font-size: 1.25rem;
}

.ordering-section[b-np8jy5s4a5] {
    flex: none;
    position: relative;
}

.customer-info-section[b-np8jy5s4a5] {
    flex: none;
    position: relative;
}

.customer-section[b-np8jy5s4a5] {
    transition: height 0.5s ease;
}

    .customer-section.expanded[b-np8jy5s4a5] {
        height: 50vh;
    }

    .customer-section.collapsed[b-np8jy5s4a5] {
        height: auto;
    }

.lot-section[b-np8jy5s4a5] {
    transition: height 0.5s ease;
}

    .lot-section.expanded[b-np8jy5s4a5] {
        height: 40vh;
    }

    .lot-section.collapsed[b-np8jy5s4a5] {
        height: auto;
    }

.detail-table[b-np8jy5s4a5] {
    width: 100%;
    overflow-y: auto;
    max-height: calc(100vh - 12rem);
    transition: max-height 0.5s ease;
}

    .detail-table.expanded[b-np8jy5s4a5] {
        max-height: calc(100vh - 12rem);
        overflow: auto;
    }

    .detail-table.collapsed[b-np8jy5s4a5] {
        max-height: 0;
        overflow: hidden;
    }

.detail-row:hover[b-np8jy5s4a5] {
    border: 2px solid rgb(37,150,190);
}

.pointer-text-number[b-np8jy5s4a5] {
    cursor: pointer;
}

    .pointer-text-number:hover[b-np8jy5s4a5] {
        border: solid;
        border-radius: 6px;
    }

.diy-payment-info[b-np8jy5s4a5] {
}

.barcode-section[b-np8jy5s4a5] {
}

    .barcode-section.expanded[b-np8jy5s4a5] {
    }

    .barcode-section.collapsed[b-np8jy5s4a5] {
    }

@media (max-width: 768px) {
    .modal-body[b-np8jy5s4a5] {
        flex-direction: column;
        overflow-y: auto;
        padding: 5px;
    }

    .order-info-column[b-np8jy5s4a5] {
        flex: none;
        overflow-y: auto;
    }

    .payment-column[b-np8jy5s4a5] {
        margin-top: 8px;
        flex: none;
        overflow-y: auto;
        font-size: 1rem;
    }

    .detail-table[b-np8jy5s4a5] {
        max-height: calc(100vh - 20rem);
    }

        .detail-table.expanded[b-np8jy5s4a5] {
            max-height: calc(100vh - 20rem);
            overflow: auto;
        }

        .detail-table.collapsed[b-np8jy5s4a5] {
            max-height: 0;
            overflow: hidden;
        }

    .barcode-section[b-np8jy5s4a5] {
        transition: height 0.5s ease;
    }

        .barcode-section.expanded[b-np8jy5s4a5] {
            height: 50vh;
        }

        .barcode-section.collapsed[b-np8jy5s4a5] {
            height: auto;
        }
}
/* /Shared/Modals/ItemCategoryModal.razor.rz.scp.css */
.modal-content[b-j802gm5t5z] {
    position: absolute;
    top: 3.5rem;
}

.diy-lookup[b-j802gm5t5z] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-j802gm5t5z] {
        height: 70vh;
    }

    .diy-lookup.collapsed[b-j802gm5t5z] {
        height: auto;
    }

@media (max-width: 768px) {

    .modal-content[b-j802gm5t5z] {
        top: 0rem;
    }

    .diy-lookup.expanded[b-j802gm5t5z] {
        height: auto;
    }

    .diy-lookup.collapsed[b-j802gm5t5z] {
        height: auto;
    }
}
/* /Shared/Modals/ItemModal.razor.rz.scp.css */
.modal-content[b-f84mjidvqd] {
    max-width: 1080px;
    overflow: hidden;
    position: absolute;
    top: 3.5rem;
}

.tabs[b-f84mjidvqd] {
    display: flex;
    cursor: pointer;
    width: 100%; /* Ensure it fills the modal width */
}

    .tabs ul[b-f84mjidvqd] {
        list-style-type: none;
        padding: 0;
        margin: 0;
        display: flex;
        width: 100%;
    }

    .tabs li[b-f84mjidvqd] {
        flex: 1; /* Make all tabs equal width */
        padding: 10px 0;
        border: 1px solid #ddd;
        text-align: center;
        transition: background-color 0.3s;
    }

        .tabs li.active[b-f84mjidvqd] {
            background-color: #007bff;
            color: white;
        }

.tab-content[b-f84mjidvqd] {
    border: 1px solid #ddd;
    padding: 20px;
    margin-top: -1px; /* Overlap with the tab's border */
    width: 100%; /* Ensure it fills the modal width */
    min-height: 40vh;
}

.modal-body[b-f84mjidvqd] {
    overflow: auto;
}

@media (max-width: 767px) {
    .modal-content[b-f84mjidvqd] {
        top: 0rem;
    }
    .tab-content[b-f84mjidvqd] {
        height: 60vh;
        overflow: auto;
    }
}
/* /Shared/Modals/LotModal.razor.rz.scp.css */
body[b-88fwo9k83d] {
}
/* /Shared/Modals/PaymentTypeModal.razor.rz.scp.css */
body[b-nzjhm722pt] {
}
/* /Shared/Modals/PurchaseInvoiceModal.razor.rz.scp.css */
.modal-content[b-6z199wqb22] {
    max-width: 1080px;
    position: absolute;
    top: 3.5rem;
    height: 70vh;
}

.detail-row:hover[b-6z199wqb22] {
    border: 2px solid rgb(37,150,190);
}

.diy-lookup[b-6z199wqb22] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-6z199wqb22] {
        height: 92vh;
    }

    .diy-lookup.collapsed[b-6z199wqb22] {
        height: auto;
    }

@media (max-width: 768px) {

    .modal-content[b-6z199wqb22] {
        top: 0rem;
    }

    .diy-lookup.expanded[b-6z199wqb22] {
        height: auto;
    }

    .diy-lookup.collapsed[b-6z199wqb22] {
        height: auto;
    }
}
/* /Shared/Modals/RoleModal.razor.rz.scp.css */
.modal-content[b-d6560syo1n] {
    position: absolute;
    top: 3.5rem;
}

.diy-lookup[b-d6560syo1n] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-d6560syo1n] {
        height: 70vh;
    }

    .diy-lookup.collapsed[b-d6560syo1n] {
        height: auto;
    }

@media (max-width: 768px) {

    .modal-content[b-d6560syo1n] {
        top: 0rem;        
    }
}
/* /Shared/Modals/SaleOrderModal.razor.rz.scp.css */
.modal-content[b-moccizse3n] {
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.modal-body[b-moccizse3n] {
    display: flex;
    flex-direction: row;
    padding: 8px;
}

.order-info-column[b-moccizse3n] {
    flex: 3;
    padding-right: 2px;
    display: flex;
    flex-direction: column;
    background-color: #6c757d0f;
}

.payment-column[b-moccizse3n] {
    flex: 1;
    font-size: 1.25rem;
}

.ordering-section[b-moccizse3n] {
    flex: none;
    position: relative;
}

.ordering-section-cafe-ui[b-moccizse3n] {
    flex: none;
    position: relative;
    height: calc(100vh - 18vh);
}

.customer-info-section[b-moccizse3n] {
    flex: none;
    position: relative;
    
}

.customer-section[b-moccizse3n] {
    transition: height 0.5s ease;
}

    .customer-section.expanded[b-moccizse3n] {
        height: 50vh;
    }

    .customer-section.collapsed[b-moccizse3n] {
        height: auto;
    }

.lot-section[b-moccizse3n] {
    transition: height 0.5s ease;
}

    .lot-section.expanded[b-moccizse3n] {
        height: 40vh;
    }

    .lot-section.collapsed[b-moccizse3n] {
        height: auto;
    }

.detail-table[b-moccizse3n] {
    width: 100%;
    overflow-y: auto;
    max-height: calc(100vh - 12rem);
    transition: max-height 0.5s ease;
}

    .detail-table.expanded[b-moccizse3n] {
        max-height: calc(100vh - 12rem);
        overflow: auto;
    }

    .detail-table.collapsed[b-moccizse3n] {
        max-height: 0;
        overflow: hidden;
    }

.column[b-moccizse3n] {
    float: left;
    height: 100%;
}
.left[b-moccizse3n] {
    width: 6vw;
    height: 100%;    
}
.right[b-moccizse3n] {
    width: calc(100% - 6vw - 5px);
    height: 100%;
    margin-left: 5px;
}
.item-category[b-moccizse3n] {
    width: 6vw;
    height: 6vw;
    border: 1px solid #000;
}
.detail-row:hover[b-moccizse3n] {
    border: 2px solid rgb(37,150,190);
}

.pointer-text-number[b-moccizse3n] {
    cursor: pointer;
}

    .pointer-text-number:hover[b-moccizse3n] {
        border: solid;
        border-radius: 6px;
    }

.diy-payment-info[b-moccizse3n] {    
}

.barcode-section[b-moccizse3n] {
}

    .barcode-section.expanded[b-moccizse3n] {
    }

    .barcode-section.collapsed[b-moccizse3n] {
    }

.cafe-item-grid[b-moccizse3n] {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Thay đổi ở đây */
    gap: 8px;
    width: 100%;
    max-height: calc(100vh - 12rem);
}

.cafe-item-cell[b-moccizse3n] {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 2px;
    text-align: center;    
}

    .cafe-item-cell img[b-moccizse3n] {
        width: 100%;
        height: calc(100% - 8rem);
        border-radius: 4px;
        object-fit: cover;
    }

@media (max-width: 768px) {
    .modal-body[b-moccizse3n] {
        flex-direction: column;
        overflow-y: auto;
        padding: 5px;
    }

    .order-info-column[b-moccizse3n] {
        flex: none;
        overflow-y: auto;
    }

    .payment-column[b-moccizse3n] {
        margin-top: 8px;
        flex: none;
        overflow-y: auto;
        font-size: 1rem;
    }

    .detail-table[b-moccizse3n] {
        max-height: calc(100vh - 20rem);
    }

        .detail-table.expanded[b-moccizse3n] {
            max-height: calc(100vh - 20rem);
            overflow: auto;
        }

        .detail-table.collapsed[b-moccizse3n] {
            max-height: 0;
            overflow: hidden;
        }

    .barcode-section[b-moccizse3n] {
        transition: height 0.5s ease;
    }

        .barcode-section.expanded[b-moccizse3n] {
            height: 50vh;
        }

        .barcode-section.collapsed[b-moccizse3n] {
            height: auto;
        }
}
/* /Shared/Modals/UnitModal.razor.rz.scp.css */
body[b-t5hh9m93mz] {
}
/* /Shared/Modals/UserModal.razor.rz.scp.css */
.modal-content[b-xe1wzpih2d] {
    position: absolute;
    top: 3.5rem;
}

.diy-lookup[b-xe1wzpih2d] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-xe1wzpih2d] {
        height: 92vh;
    }

    .diy-lookup.collapsed[b-xe1wzpih2d] {
        height: auto;
    }

.check-list-container[b-xe1wzpih2d] {
    position: relative;
    width: 100%;
}

.check-list[b-xe1wzpih2d] {
    position: absolute;
    background-color: #f9f9f9;
    min-width: fit-content !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 100;
    max-height: 300px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {

    .modal-content[b-xe1wzpih2d] {
        top: 0rem;
    }

    .diy-lookup.expanded[b-xe1wzpih2d] {
        height: auto;
    }

    .diy-lookup.collapsed[b-xe1wzpih2d] {
        height: auto;
    }
}
/* /Shared/Modals/UserResetPasswordModal.razor.rz.scp.css */
.modal-backdrop[b-twn67l03ia] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
}
/* /Shared/Modals/VendorModal.razor.rz.scp.css */
.modal-content[b-7vjzsn4dh7] {
    max-width: 1080px;
    position: absolute;
    top: 3.5rem;
}

.diy-lookup[b-7vjzsn4dh7] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-7vjzsn4dh7] {
        height: 70vh;
    }

    .diy-lookup.collapsed[b-7vjzsn4dh7] {
        height: auto;
    }

@media (max-width: 768px) {

    .modal-content[b-7vjzsn4dh7] {
        top: 0rem;
    }

    .diy-lookup.expanded[b-7vjzsn4dh7] {
        height: auto;
    }

    .diy-lookup.collapsed[b-7vjzsn4dh7] {
        height: auto;
    }
}
/* /Shared/TabPages/ItemBarcodeTab.razor.rz.scp.css */
.table-container[b-r1vkq611qv] {
    min-height: 25vh;
    max-height: 30vh;
}
@media (max-width: 767px) {
    .table-container[b-r1vkq611qv] {
        max-height: 48vh;
    }
}
/* /Shared/TabPages/ItemBomTab.razor.rz.scp.css */
.table-container[b-6ty66hypqv] {
    min-height: 25vh;
    max-height: 30vh;
}

@media (max-width: 767px) {
    .table-container[b-6ty66hypqv] {
        max-height: 48vh;
    }
}
/* /Shared/TabPages/ItemCurrentStock.razor.rz.scp.css */
.table-container[b-muhirdptrl] {
    min-height: 25vh;
    max-height: 30vh;
}

@media (max-width: 767px) {
    .table-container[b-muhirdptrl] {
        max-height: 48vh;
    }
}
/* /Shared/TabPages/ItemMainTab.razor.rz.scp.css */
body[b-7x2u086fqh] {
}

.diy-lookup[b-7x2u086fqh] {
    transition: height 0.5s ease;
}

    .diy-lookup.expanded[b-7x2u086fqh] {
        height: 60vh;
    }

    .diy-lookup.collapsed[b-7x2u086fqh] {
        height: auto;
    }

@media (max-width: 768px) {

    .diy-lookup.expanded[b-7x2u086fqh] {
        height: auto;
    }

    .diy-lookup.collapsed[b-7x2u086fqh] {
        height: auto;
    }
}
/* /Shared/TabPages/ItemStockHistory.razor.rz.scp.css */
.table-container[b-ogybhhs123] {
    min-height: 25vh;
    max-height: 30vh;
}

@media (max-width: 767px) {
    .table-container[b-ogybhhs123] {
        max-height: 48vh;
    }
}