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

/* /Components/PrintPreview.razor.rz.scp.css */
[b-d6shmlxefo] .mud-dialog .mud-dialog-title {
    z-index: 1;
    margin: 0 !important;
    padding: 5px !important;
}
/* /Features/SalesJournalEntries/List/SalesJournalEntries.razor.rz.scp.css */
/* Adjusted CSS for Grid */

/* Fix grid height and enable vertical scrolling */
.grid[b-vgivjzefvt] {
    height: calc(100vh - 250px); /* Adjust height as needed */
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: auto; /* Prevent horizontal scrolling */
}

    /* Ensure the grid table spans full width */
    .grid[b-vgivjzefvt]  table {
        min-width: 100%;
        border-collapse: collapse; /* Improve table appearance */
    }

    /* Sticky header styling for better visibility during scrolling */
    .grid[b-vgivjzefvt]  thead {
        position: sticky;
        top: 0;
        background-color: #f0f0f0; /* Lighten the background for better contrast */
        outline: 1px solid #bdbdbd; /* Softer border color */
        z-index: 10; /* Ensure header stays above other content */
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); /* Add subtle shadow for depth */
    }

    /* Ensure consistent row height for virtualized grids */
    .grid[b-vgivjzefvt]  tr {
        height: 50px; /* Keep uniform row height */
        border-bottom: 1px solid #e0e0e0; /* Adjust border thickness and color */
    }

    /* Enhance table cell appearance */
    .grid[b-vgivjzefvt]  tbody td {
        white-space: pre-wrap; /* Prevent text wrapping */
        overflow: hidden; /* Show overflow text */
        text-overflow: ellipsis; /* Add ellipsis for overflow text */
        padding: 0px; /* Add padding for better readability */
        font-size: 14px; /* Adjust font size */
        color: #333; /* Use a readable text color */
    }

    /* Optional: Add hover effect for rows */
    .grid[b-vgivjzefvt]  tbody tr:hover {
        background-color: #f9f9f9; /* Highlight row on hover */
    }

    /* Optional: Add alternate row colors for readability */
    .grid[b-vgivjzefvt]  tbody tr:nth-child(odd) {
        background-color: #fafafa; /* Light gray for alternate rows */
    }


    .grid[b-vgivjzefvt]  .doc-type,
    .grid[b-vgivjzefvt]  td.doc-type {
        width: 120px;
        min-width: 120px;
    }

    .grid[b-vgivjzefvt]  .doc-number,
    .grid[b-vgivjzefvt]  td.doc-number {
        width: 150px;
        min-width: 150px;
    }

    .grid[b-vgivjzefvt]  .doc-date,
    .grid[b-vgivjzefvt]  td.doc-date {
        width: 150px;
        min-width: 150px;
    }

    .grid[b-vgivjzefvt]  .customer-tax-id,
    .grid[b-vgivjzefvt]  td.customer-tax-id {
        width: 150px;
        min-width: 150px;
    }

    .grid[b-vgivjzefvt]  .customer-name,
    .grid[b-vgivjzefvt]  td.customer-name {
        min-width: 300px; /* Minimum width to ensure visibility */
        width: auto; /* Expands based on content */
    }

    .grid[b-vgivjzefvt]  .customer-product-id,
    .grid[b-vgivjzefvt]  td.customer-product-id {
        min-width: 150px;
        width: 150px;
    }


    .grid[b-vgivjzefvt]  .sku,
    .grid[b-vgivjzefvt]  td.sku {
        width: 150px;
        min-width: 150px;
    }

    .grid[b-vgivjzefvt]  .product-name,
    .grid[b-vgivjzefvt]  td.product-name {
        width: 250px;
        min-width: 250px;
    }

    .grid[b-vgivjzefvt]  .quantity,
    .grid[b-vgivjzefvt]  td.quantity {
        width: 150px;
        min-width: 150px;
    }

    .grid[b-vgivjzefvt]  .unit-price,
    .grid[b-vgivjzefvt]  td.unit-price {
        width: 150px;
        min-width: 150px;
    }

    .grid[b-vgivjzefvt]  .distributor-tax-id,
    .grid[b-vgivjzefvt]  td.distributor-tax-id {
        width: 150px;
        min-width: 150px;
    }

    .grid[b-vgivjzefvt]  .file-name,
    .grid[b-vgivjzefvt]  td.file-name {
        width: 150px;
        min-width: 150px;
    }

    .grid[b-vgivjzefvt]  .status,
    .grid[b-vgivjzefvt]  td.status {
        width: 150px;
        min-width: 150px;
    }

/* /Features/Users/Login.razor.rz.scp.css */
.centered-container[b-cex9impxgh] {
    display: flex;
    justify-content: center !important;
    align-items: center;
    width: 100%;
}