@import '_content/QPAC.Common.RazorComponents/QPAC.Common.RazorComponents.boo2xe9sfy.bundle.scp.css';
@import '_content/Volo.Abp.PermissionManagement.Blazor/Volo.Abp.PermissionManagement.Blazor.p33ll9g8os.bundle.scp.css';

/* /Components/Order/AddOrderItemDialog.razor.rz.scp.css */
.item-type-button[b-hsj0e1zasw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px 32px;
    border: none;
    border-radius: 8px;
    color: white;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    min-width: 180px;
}

.item-type-button:hover[b-hsj0e1zasw] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.item-type-button:active[b-hsj0e1zasw] {
    transform: translateY(0);
}

.stock-button[b-hsj0e1zasw] {
    background-color: #d46126;
}

.stock-button:hover[b-hsj0e1zasw] {
    background-color: #bd5521;
}

.nonstock-button[b-hsj0e1zasw] {
    background-color: #00253d;
}

.nonstock-button:hover[b-hsj0e1zasw] {
    background-color: #001a2b;
}

.button-icon[b-hsj0e1zasw] {
    width: 48px;
    height: 48px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.stock-icon[b-hsj0e1zasw] {
    background-image: url('/StockItemImage.png');
}
.nonstock-icon[b-hsj0e1zasw] {
    background-image: url('/NonStockItemImage.png');
}
/* /Components/Order/BomViewer.razor.rz.scp.css */
.page[b-lx8uzwh8cm] {
    padding: 1em;
}

.page .page-header[b-lx8uzwh8cm] {
    margin-bottom: 0.5em;
    display: flex;
    align-items: center;
    padding-left: 3px;
}

.page .page-title[b-lx8uzwh8cm] {
    flex-grow: 2;
}
        
.page .page-title h3[b-lx8uzwh8cm] {
    font-size: 1.3em;
}

.list-link[b-lx8uzwh8cm] {
    color: #1a8ab3 !important;
    text-decoration: underline !important;
}

.add-item-modal[b-lx8uzwh8cm] {
    width: 300px;
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    margin-left: 40px;
    border: 1px solid #ccc;
    border: solid #BDBDBD 1px;
    padding-bottom: 0.5em;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.add-item-modal .bom-header h4[b-lx8uzwh8cm] {
    flex-grow: 2;
    padding: 0;
    margin: 0;
    font-size: 1em;
}

.add-item-modal > *[b-lx8uzwh8cm] {
    padding: 0.2em 0;
    padding: 0.25em 0.5em;
}

.bom-header[b-lx8uzwh8cm] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 1em;
    padding-bottom: 0.5em;
}

.add-item-modal .bom-row label[b-lx8uzwh8cm] {
    width: 200px;
}

.bom-editor[b-lx8uzwh8cm] {
    max-width: 1400px;
}
/* /Components/Order/LineItemsGrid.razor.rz.scp.css */
.page[b-5few1h67wj] {
    padding: 1em;
}

.page .page-header[b-5few1h67wj] {
    margin-bottom: 0.5em;
    display: flex;
    align-items: center;
    padding-left: 3px;
}

.page .page-title[b-5few1h67wj] {
    flex-grow: 2;
}
        
.page .page-title h3[b-5few1h67wj] {
    font-size: 1.3em;
}
.bom-actions[b-5few1h67wj] {
    padding: 0.5em 0;
}
.list-link[b-5few1h67wj] {
    color: #1a8ab3 !important;
    text-decoration: underline !important;
}

.add-item-modal[b-5few1h67wj] {
    width: 300px;
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    margin-left: 40px;
    border: 1px solid #ccc;
    border: solid #BDBDBD 1px;
    padding-bottom: 0.5em;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.add-item-modal .bom-header h4[b-5few1h67wj] {
    flex-grow: 2;
    padding: 0;
    margin: 0;
    font-size: 1em;
}

.add-item-modal > *[b-5few1h67wj] {
    padding: 0.2em 0;
    padding: 0.25em 0.5em;
}

.bom-header[b-5few1h67wj] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 1em;
    padding-bottom: 0.5em;
}

.add-item-modal .bom-row label[b-5few1h67wj] {
    width: 200px;
}

.bom-editor[b-5few1h67wj] {
    max-width: 100%;
}
/* /Components/Order/SelectionDownloadButton.razor.rz.scp.css */
.selection-download-btn[b-r1v5noxo7m] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: auto;
}

.selection-download-btn svg[b-r1v5noxo7m] {
    width: 1rem;
    height: 1rem;
}

.selection-download-btn .k-loader[b-r1v5noxo7m] {
    margin-right: 0.25rem;
}
/* /Components/Order/SubmittedOrderInfoComponent.razor.rz.scp.css */
.page[b-4q1uuj9t6g] {
    padding: 1em;
}

.page .page-header[b-4q1uuj9t6g] {
    margin-bottom: 0.5em;
    display: flex;
    align-items: center;
    padding-left: 3px;
}

.page .page-title[b-4q1uuj9t6g] {
    flex-grow: 2;
}
        
.page .page-title h3[b-4q1uuj9t6g] {
    font-size: 1.3em;
}

.list-link[b-4q1uuj9t6g] {
    color: #1a8ab3 !important;
    text-decoration: underline !important;
}

.order-data[b-4q1uuj9t6g] {
    width: 50%;
    display: flex;
    justify-content: space-between; /* Separates the two sections */
    border: 1px #0a53be solid;
    padding: 2px;
}

.order-section[b-4q1uuj9t6g], .other-section[b-4q1uuj9t6g] {
    width: 48%; /* Takes up almost half the container width with a little space for margin */
}

.data-row[b-4q1uuj9t6g] {
    width: 100%;
    box-sizing: border-box;
    padding: 0.2em 0; /* Reduces vertical spacing between rows */
}

.data-row label[b-4q1uuj9t6g] {
    font-size: 1em;
    font-face: "Segoe UI";
    font-weight: bold;
    width: 180px;
}

.data-row span[b-4q1uuj9t6g] {
    font-size: 1em;
    font-face: "Segoe UI";
}

/* Order Information at the top */

.card-body[b-4q1uuj9t6g] {
    font-size: 0.9rem;
}
.card[b-4q1uuj9t6g] {
    height: 100%;
}
.two-column[b-4q1uuj9t6g] {
    column-count: 2;
    column-gap: 1rem;
}
.info-row[b-4q1uuj9t6g] {
    display: flex;
    margin-bottom: 0.5rem;
    align-items: center;
    break-inside: avoid-column;
}
.info-row .label[b-4q1uuj9t6g] {
    flex: 0 0 45%;
    padding-right: 0.5rem;
}
.info-row .value[b-4q1uuj9t6g] {
    flex: 0 0 55%;
    text-align: left;
}
.info-row .value a[b-4q1uuj9t6g] {
    color: inherit;
    text-decoration: none;
}
.info-row .value a:hover[b-4q1uuj9t6g] {
    text-decoration: underline;
}
.ml-2[b-4q1uuj9t6g] {
    margin-left: 0.5rem;
}

/* !Order Information at the top */
/* /Components/Order/SubmittedOrderShippingDetails.razor.rz.scp.css */
.page[b-0l5yotkjsw] {
    padding: 1em;
}

.page .page-header[b-0l5yotkjsw] {
    margin-bottom: 0.5em;
    display: flex;
    align-items: center;
    padding-left: 3px;
}

.page .page-title[b-0l5yotkjsw] {
    flex-grow: 2;
}
        
.page .page-title h3[b-0l5yotkjsw] {
    font-size: 1.3em;
}

.list-link[b-0l5yotkjsw] {
    color: #1a8ab3 !important;
    text-decoration: underline !important;
}

.k-form-fieldset.bold-title .k-form-legend[b-0l5yotkjsw] {
    font-weight: bold;
}

.info-icon-wrapper[b-0l5yotkjsw] {
    color: #ff9800;
    margin-left: 5px;
    cursor: help;
    display: inline-flex;
    align-items: center;
}

.rounded-address-div[b-0l5yotkjsw] {
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 15px;
    margin: 10px 0;
}

.address-label[b-0l5yotkjsw] {
    font-weight: bold;
    margin-right: 5px;
}

.address-value[b-0l5yotkjsw] {
    font-style: italic;
}

/* /Components/Project/ProjectSettingsAdminComponent.razor.rz.scp.css */
.page[b-0yqosct147] {
    padding: 1em;
}

.page .page-header[b-0yqosct147] {
    margin-bottom: 0.5em;
    display: flex;
    align-items: center;
    padding-left: 3px;
}

.page .page-title[b-0yqosct147] {
    flex-grow: 2;
}
        
.page .page-title h3[b-0yqosct147] {
    font-size: 1.3em;
}

.list-link[b-0yqosct147] {
    color: #1a8ab3 !important;
    text-decoration: underline !important;
}

.add-item-modal[b-0yqosct147] {
    width: 300px;
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    margin-left: 40px;
    border: 1px solid #ccc;
    border: solid #BDBDBD 1px;
    padding-bottom: 0.5em;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.add-item-modal .bom-header h4[b-0yqosct147] {
    flex-grow: 2;
    padding: 0;
    margin: 0;
    font-size: 1em;
}

.add-item-modal > *[b-0yqosct147] {
    padding: 0.2em 0;
    padding: 0.25em 0.5em;
}

.bom-header[b-0yqosct147] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 1em;
    padding-bottom: 0.5em;
}

.add-item-modal .bom-row label[b-0yqosct147] {
    width: 200px;
}

.bom-editor[b-0yqosct147] {
    max-width: 1400px;
}
/* /Components/Queue/WorkCenterComponent.razor.rz.scp.css */
.telerik-grid .description-column[b-ugfw5wn0tg] {
    white-space: normal;
    word-break: break-word;
}

.document-container ul[b-ugfw5wn0tg] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.document-container a[b-ugfw5wn0tg] {
    color: blue;
    text-decoration: underline;
    font-weight: bold;
}

    .document-container a:hover[b-ugfw5wn0tg] {
        color: black; /* Yellow hover effect */
    }
.highlight-start[b-ugfw5wn0tg] {
    background-color: #3c763d !important;
    color: #3c763d !important;
}
.grid-container[b-ugfw5wn0tg] {
    height: 89vh;
    overflow-y: hidden;
}

.custom-grid .k-grid-header[b-ugfw5wn0tg] {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: white;
}

.custom-grid .k-grid-content[b-ugfw5wn0tg] {
    max-height: 75vh; /* Limits the body content height for scrolling */
    overflow-y: auto; /* Enables vertical scrolling for rows */
}

/* Optional: Style adjustments for header cells */
.custom-grid .k-grid-header th[b-ugfw5wn0tg] {
    border-bottom: 1px solid #ddd; /* Adds a border for clarity */
    background-color: #f9f9f9; /* Matches grid header background */
}

/* ========================================
   MODERN DESIGN SYSTEM - WorkCenter Component
   ======================================== */

:root[b-ugfw5wn0tg] {
    /* Modern Color Palette */
    --color-primary: #2563eb;
    --color-primary-hover: #1d4ed8;
    --color-success: #10b981;
    --color-success-hover: #059669;
    --color-warning: #f59e0b;
    --color-warning-hover: #d97706;
    --color-danger: #ef4444;
    --color-danger-hover: #dc2626;

    /* Neutral Grays */
    --color-gray-600: #4b5563;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;
}

/* ========================================
   ACTION BUTTONS - Modern gradient design
   ======================================== */

[b-ugfw5wn0tg] .btn-primary-action {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%) !important;
    color: white !important;
    border: none !important;
    padding: 0.625rem 1.25rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    transition: var(--transition-base) !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
    cursor: pointer !important;
}

[b-ugfw5wn0tg] .btn-primary-action:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1) !important;
}

[b-ugfw5wn0tg] .btn-primary-action:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
}

[b-ugfw5wn0tg] .btn-success-action {
    background: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-hover) 100%) !important;
    color: white !important;
    border: none !important;
    padding: 0.625rem 1.25rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    transition: var(--transition-base) !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
    cursor: pointer !important;
}

[b-ugfw5wn0tg] .btn-success-action:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1) !important;
}

[b-ugfw5wn0tg] .btn-warning-action {
    background: linear-gradient(135deg, var(--color-warning) 0%, var(--color-warning-hover) 100%) !important;
    color: white !important;
    border: none !important;
    padding: 0.625rem 1.25rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    transition: var(--transition-base) !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
    cursor: pointer !important;
}

[b-ugfw5wn0tg] .btn-warning-action:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1) !important;
}

/* ========================================
   DOCUMENT LINKS - Enhanced styling
   ======================================== */

[b-ugfw5wn0tg] .document-link {
    color: var(--color-primary) !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: var(--transition-fast) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.375rem !important;
    padding: 0.25rem 0 !important;
    border-bottom: 2px solid transparent !important;
}

[b-ugfw5wn0tg] .document-link:hover {
    color: var(--color-primary-hover) !important;
    border-bottom-color: var(--color-primary) !important;
}

[b-ugfw5wn0tg] .document-link::before {
    content: "📄" !important;
    font-size: 1rem !important;
}

[b-ugfw5wn0tg] .document-error {
    color: var(--color-danger) !important;
    font-size: 0.8125rem !important;
    font-style: italic !important;
    margin-top: 0.25rem !important;
}

/* Priority indicators */
[b-ugfw5wn0tg] .priority-high {
    color: var(--color-danger) !important;
    font-weight: 700 !important;
}

[b-ugfw5wn0tg] .priority-medium {
    color: var(--color-warning) !important;
    font-weight: 600 !important;
}

[b-ugfw5wn0tg] .priority-low {
    color: var(--color-gray-600) !important;
    font-weight: 500 !important;
}
/* /Components/Queue/WorkCenterOperationActionsComponent.razor.rz.scp.css */
/* /Components/Queue/WorkOrderDetailsComponent.razor.rz.scp.css */

.btn-start[b-4j18d8vtnf] {
    background-color: green;
    color: white;
}

.btn-pause[b-4j18d8vtnf] {
    background-color: red;
    color: white;
}

.btn-resume[b-4j18d8vtnf] {
    background-color: yellow;
    color: black;
}

.btn-complete[b-4j18d8vtnf] {
    background-color: blue;
    color: white;
    left: 1rem;
}

.btn-start:hover[b-4j18d8vtnf] {
    background-color: darkgreen;
}

.btn-pause:hover[b-4j18d8vtnf] {
    background-color: darkred;
}

.btn-resume:hover[b-4j18d8vtnf] {
    background-color: goldenrod;
}

.btn-complete:hover[b-4j18d8vtnf] {
    background-color: darkblue;
}
.grid-container[b-4j18d8vtnf] {
    height: 89vh;
    overflow-y: hidden;
}

.custom-grid .k-grid-header[b-4j18d8vtnf] {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: white;
}

.custom-grid .k-grid-content[b-4j18d8vtnf] {
    max-height: 75vh; /* Limits the body content height for scrolling */
    overflow-y: auto; /* Enables vertical scrolling for rows */
}

/* Optional: Style adjustments for header cells */
.custom-grid .k-grid-header th[b-4j18d8vtnf] {
    border-bottom: 1px solid #ddd; /* Adds a border for clarity */
    background-color: #f9f9f9; /* Matches grid header background */
}

/* Elapsed time styling */
.elapsed-time-live[b-4j18d8vtnf] {
    font-family: 'Courier New', monospace;
    color: #2196F3;
    font-weight: 600;
}

.elapsed-time-live[b-4j18d8vtnf]::after {
    content: " ⏱";
    animation: pulse-b-4j18d8vtnf 2s infinite;
}

@keyframes pulse-b-4j18d8vtnf {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

/* Horizontal scroll styling for grid wrapper */
.k-card-deck > div[b-4j18d8vtnf] {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

/* For Webkit browsers (Chrome, Safari, Edge) */
.k-card-deck > div[b-4j18d8vtnf]::-webkit-scrollbar {
    height: 8px;
}

.k-card-deck > div[b-4j18d8vtnf]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.k-card-deck > div[b-4j18d8vtnf]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.k-card-deck > div[b-4j18d8vtnf]::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* ========================================
   MODERN DESIGN SYSTEM - WorkOrderDetails Component
   ======================================== */

:root[b-4j18d8vtnf] {
    /* Modern Color Palette */
    --color-primary: #2563eb;
    --color-primary-hover: #1d4ed8;
    --color-success: #10b981;
    --color-success-hover: #059669;
    --color-warning: #f59e0b;
    --color-warning-hover: #d97706;
    --color-danger: #ef4444;

    /* Status Colors */
    --status-not-started-bg: #f3f4f6;
    --status-not-started-text: #6b7280;
    --status-in-progress-bg: #dbeafe;
    --status-in-progress-text: #1e40af;
    --status-paused-bg: #fef3c7;
    --status-paused-text: #92400e;
    --status-completed-bg: #d1fae5;
    --status-completed-text: #065f46;

    /* Neutral Grays */
    --color-gray-300: #d1d5db;

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;
}

/* ========================================
   STATUS BADGES - Modern pill design
   ======================================== */

[b-4j18d8vtnf] .status-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0.375rem 0.75rem !important;
    border-radius: 1rem !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    gap: 0.375rem !important;
    transition: var(--transition-base) !important;
    letter-spacing: 0.01em !important;
    white-space: nowrap !important;
}

[b-4j18d8vtnf] .status-badge-icon {
    width: 0.875rem !important;
    height: 0.875rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Not Started Status */
[b-4j18d8vtnf] .status-not-started {
    background: var(--status-not-started-bg) !important;
    color: var(--status-not-started-text) !important;
    border: 1px solid var(--color-gray-300) !important;
}

[b-4j18d8vtnf] .status-not-started .status-badge-icon::before {
    content: "○" !important;
    font-size: 1rem !important;
}

/* In Progress Status */
[b-4j18d8vtnf] .status-in-progress {
    background: var(--status-in-progress-bg) !important;
    color: var(--status-in-progress-text) !important;
    border: 1px solid #93c5fd !important;
}

[b-4j18d8vtnf] .status-in-progress .status-badge-icon::before {
    content: "▶" !important;
    font-size: 0.75rem !important;
    animation: pulse-icon-b-4j18d8vtnf 2s infinite !important;
}

@keyframes pulse-icon-b-4j18d8vtnf {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.6;
        transform: scale(0.9);
    }
}

/* Paused Status */
[b-4j18d8vtnf] .status-paused {
    background: var(--status-paused-bg) !important;
    color: var(--status-paused-text) !important;
    border: 1px solid #fcd34d !important;
}

[b-4j18d8vtnf] .status-paused .status-badge-icon::before {
    content: "⏸" !important;
    font-size: 0.875rem !important;
}

/* Completed Status */
[b-4j18d8vtnf] .status-completed {
    background: var(--status-completed-bg) !important;
    color: var(--status-completed-text) !important;
    border: 1px solid #6ee7b7 !important;
}

[b-4j18d8vtnf] .status-completed .status-badge-icon::before {
    content: "✓" !important;
    font-size: 1rem !important;
    font-weight: bold !important;
}

/* ========================================
   ACTION BUTTONS - Modern gradient design
   ======================================== */

[b-4j18d8vtnf] .btn-primary-action {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%) !important;
    color: white !important;
    border: none !important;
    padding: 0.625rem 1.25rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    transition: var(--transition-base) !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
    cursor: pointer !important;
}

[b-4j18d8vtnf] .btn-primary-action:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1) !important;
}

[b-4j18d8vtnf] .btn-primary-action:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
}

[b-4j18d8vtnf] .btn-success-action {
    background: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-hover) 100%) !important;
    color: white !important;
    border: none !important;
    padding: 0.625rem 1.25rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    transition: var(--transition-base) !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
    cursor: pointer !important;
}

[b-4j18d8vtnf] .btn-success-action:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1) !important;
}

[b-4j18d8vtnf] .btn-warning-action {
    background: linear-gradient(135deg, var(--color-warning) 0%, var(--color-warning-hover) 100%) !important;
    color: white !important;
    border: none !important;
    padding: 0.625rem 1.25rem !important;
    border-radius: 0.5rem !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    transition: var(--transition-base) !important;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
    cursor: pointer !important;
}

[b-4j18d8vtnf] .btn-warning-action:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1) !important;
}
/* /Pages/Auditing/AuditLogs.razor.rz.scp.css */
/* /Pages/BillOfMaterials/BomItem.razor.rz.scp.css */
.bom-layout[b-185pnh0e82] {
    display: flex;
    flex-direction: column;
    height: 100vh; /* viewport height */
}

.information-panel[b-185pnh0e82] {
    width: 100%; /* Adjust as necessary, maybe max-width if you want to limit it */
    margin: 0; /* Align left, remove any auto margins */
    padding-left: 10px;
}

.panel[b-185pnh0e82] {
    border-collapse: collapse;
    width: 100%;
    margin-left: 0; /* Align left */
}

.panel-header[b-185pnh0e82] {
    background-color: #f2f2f2;
    padding-top: 10px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    text-align: left; /* Make sure the header is aligned left */
}

.panel-content[b-185pnh0e82] {
    width: 65%;
    padding: 10px;
    text-align: left; /* Align the content text to the left */
}

.field-label[b-185pnh0e82] {
    font-weight: 400;
    padding-right: 10px;
    text-align: left; /* Ensure labels are left-aligned */
    vertical-align: top;
}

.field-value[b-185pnh0e82] {
    padding-left: 10px;
    text-align: left; /* Ensure values are left-aligned */
    vertical-align: top;
}

.description-row .field-value[b-185pnh0e82] {
    padding-top: 10px;
}

.description-row td[b-185pnh0e82] {
    padding-top: 15px;
}

.panel-content td[b-185pnh0e82] {
    border-bottom: 1px solid #eee;
}

.panel-content tr:last-child td[b-185pnh0e82] {
    border-bottom: none;
}

.operations-grid[b-185pnh0e82] {
    height: 40%; /* Adjust the percentage as needed */
}

.materials-grid[b-185pnh0e82] {
    height: 40%; /* Adjust the percentage as needed */
}

.link-like[b-185pnh0e82] {
    color: #007bff; /* Bootstrap default link color */
    cursor: pointer;
    text-decoration: underline;
}

.link-like:hover[b-185pnh0e82] {
    color: #0056b3; /* Bootstrap default link hover color */
    text-decoration: none; /* Optional: Removes the underline on hover */
}

.breadcrumb-wrapper[b-185pnh0e82] {
    width: 100%;
    align-items: left;
    background-color: #0056b3;
}

.my-custom-header th[b-185pnh0e82] {
    background-color: #0056b3;
}
/* /Pages/BillOfMaterials/BomList.razor.rz.scp.css */
.link-like[b-44q156r10w] {
    color: #007bff; /* Bootstrap default link color */
    cursor: pointer;
    text-decoration: underline;
}

.link-like:hover[b-44q156r10w] {
    color: #0056b3; /* Bootstrap default link hover color */
    text-decoration: none; /* Optional: Removes the underline on hover */
}
/* /Pages/CustomerApplications/CustomerApplicationsPage.razor.rz.scp.css */
/* /Pages/CustomerApplications/CustomerApplicationView.razor.rz.scp.css */
/* /Pages/IndexOld.razor.rz.scp.css */
/* Write here your styles for the Index page */
/* /Pages/Order/OrderItemPage.razor.rz.scp.css */
.page[b-thvwuc6p8s] {
    padding: 1em;
}

.page .page-header[b-thvwuc6p8s] {
    margin-bottom: 0.5em;
    display: flex;
    align-items: center;
    padding-left: 3px;
}

.page .page-title[b-thvwuc6p8s] {
    flex-grow: 2;
}
        
.page .page-title h3[b-thvwuc6p8s] {
    font-size: 1.3em;
}

.list-link[b-thvwuc6p8s] {
    color: #1a8ab3 !important;
    text-decoration: underline !important;
}

a[b-thvwuc6p8s] {
    text-decoration: none;
}

.order-title[b-thvwuc6p8s] {
    margin-left:10px;
    vertical-align: center;
}

.order-title h4[b-thvwuc6p8s] {
    font-size: 1em;
    margin: 0;
}

.order-title h3[b-thvwuc6p8s] {
    font-size: 1.5em;
}

.order-details[b-thvwuc6p8s] {
    margin-bottom: 1.5em;
}

.inventory-details label[b-thvwuc6p8s] {
    font-weight: bold;
    color: #555;
    width:50%;
}



.inventory-details .value.wide[b-thvwuc6p8s] {
    width: 50%;
}

.inventory-details[b-thvwuc6p8s] {
    width:50%;
    margin-bottom: 1em;
    border: 1px #0a53be solid;
    padding: 2px;
}

.data-row[b-thvwuc6p8s] {
    padding: 0.1em;
}

.inventory-details .row[b-thvwuc6p8s] {
    display: flex;
    flex-direction: row;
}

.inventory-details .row .column[b-thvwuc6p8s] {
    width: 50%;
}

.bom-viewer[b-thvwuc6p8s] {
    max-width: 100%;
}

.custom-header-background .k-table-thead th[b-thvwuc6p8s] {
    background-color: #FF5733;  /* or any other color */
    color: white;               /* adjust text color if needed */
}
/* /Pages/Order/OrderPage.razor.rz.scp.css */
.page[b-wj3zxulozb] {
    padding: 1em;
}

.page .page-header[b-wj3zxulozb] {
    margin-bottom: 0.5em;
    display: flex;
    align-items: center;
    padding-left: 3px;
}

.page .page-title[b-wj3zxulozb] {
    flex-grow: 2;
}
        
.page .page-title h3[b-wj3zxulozb] {
    font-size: 1.3em;
}

.list-link[b-wj3zxulozb] {
    color: #1a8ab3 !important;
    text-decoration: underline !important;
}

a[b-wj3zxulozb] {
    text-decoration: none;
}

.order-title[b-wj3zxulozb] {
    padding-left:10px;
    vertical-align: center;
    background-color: #fff;
}

.order-title h4[b-wj3zxulozb] {
    font-size: 1em;
    margin: 0;
}

.order-title h3[b-wj3zxulozb] {
    font-size: 1.5em;
}

.order-details[b-wj3zxulozb] {
    margin-bottom: 1.5em;
}

.inventory-details label[b-wj3zxulozb] {
    font-weight: bold;
    color: #555;
}

.inventory-details .value[b-wj3zxulozb] {
    display: block;
}

.inventory-details .value.wide[b-wj3zxulozb] {
    width: 500px;
}

.inventory-details[b-wj3zxulozb] {
    max-width: 500px;
    margin-bottom: 1em;
}

.data-row[b-wj3zxulozb] {
    padding: 0.1em;
}

.inventory-details .row[b-wj3zxulozb] {
    display: flex;
    flex-direction: row;
}

.inventory-details .row .column[b-wj3zxulozb] {
    width: 50%;
}

.bom-viewer[b-wj3zxulozb] {
    max-width: 100%;
}

.custom-header-background .k-grid-header th[b-wj3zxulozb] {
    background-color: #FF5733;  /* or any other color */
    color: white;               /* adjust text color if needed */
}

/* CENTER */

/* non-sortable headers */
.center-me[b-wj3zxulozb] {
    text-align: center;
}

/* sortable headers */
th.center-me .k-cell-inner > .k-link[b-wj3zxulozb] {
    justify-content: center;
}

/* RIGHT */

/* non-sortable headers */
.k-grid th.align-right[b-wj3zxulozb] {
    text-align: right;
}

/* sortable headers */
th.align-right .k-cell-inner > .k-link[b-wj3zxulozb] {
    justify-content: right;
}

/* unbound and non-filterable columns */
.k-grid-header th.align-right.right-padding[b-wj3zxulozb] {
    padding-right: 12px;
}

/* filterable grid, sortable non-filterable columns */
.k-grid-header th.align-right.right-padding > .k-cell-inner[b-wj3zxulozb] {
    margin-right: 0;
}

.order-actions[b-wj3zxulozb] {
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 4px;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
}

.order-actions[b-wj3zxulozb]::-webkit-scrollbar {
    height: 8px;
}

.order-actions[b-wj3zxulozb]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}

.order-actions[b-wj3zxulozb]::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

.order-actions[b-wj3zxulozb]::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* /Pages/Order/OrdersPage.razor.rz.scp.css */
.page[b-vek81g9y09] {
    padding: 1em;
}

.page-header[b-vek81g9y09] {
    display: flex;
    align-items: center;
    padding: 5px;
    background-color: #00263e;
}

.page .page-title[b-vek81g9y09] {
    flex-grow: 2;
}
        
.page .page-title h3[b-vek81g9y09] {
    font-size: 1.3em;
}

.list-link[b-vek81g9y09] {
    color: #1a8ab3 !important;
    text-decoration: underline !important;
}

.tabs ul[b-vek81g9y09] {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
}

.tabs li[b-vek81g9y09] {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-right: 5px;
    border-radius: 5px 5px 0 0;
    padding: 2px 10px;
    color: #00263e;
    cursor: pointer;
}

.tabs li.active[b-vek81g9y09] {
    background-color: #00263e;
    color: #fff;
}
/* /Pages/Queue/TheQueue.razor.rz.scp.css */
/* ========================================
   MODERN DESIGN SYSTEM - Queue Redesign
   ======================================== */

:root[b-1q0d7ep257] {
    /* Modern Color Palette */
    --color-primary: #2563eb;
    --color-primary-hover: #1d4ed8;
    --color-success: #10b981;
    --color-success-hover: #059669;
    --color-warning: #f59e0b;
    --color-warning-hover: #d97706;
    --color-danger: #ef4444;
    --color-danger-hover: #dc2626;
    --color-info: #3b82f6;

    /* Neutral Grays */
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5db;
    --color-gray-600: #4b5563;
    --color-gray-700: #374151;
    --color-gray-900: #111827;

    /* Status Colors */
    --status-not-started-bg: #f3f4f6;
    --status-not-started-text: #6b7280;
    --status-in-progress-bg: #dbeafe;
    --status-in-progress-text: #1e40af;
    --status-paused-bg: #fef3c7;
    --status-paused-text: #92400e;
    --status-completed-bg: #d1fae5;
    --status-completed-text: #065f46;

    /* Typography */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;

    /* Spacing */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);

    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;
}

.k-pivotgrid-column-headers .quarter-header[b-1q0d7ep257] {
    text-align: center;
}

.rotate-header[b-1q0d7ep257] {
    cursor: default;
    transform: rotate(-347deg) !important;
    text-size-adjust: 10px !important;
    transform-origin: 7 27 !important;
    transform-origin: bottom left !important;
    height: -6px !important;
}

.k-header .k-touch-action-none .k-table-th .rotate-header[b-1q0d7ep257] {
    cursor: default !important;
    transform: rotate(-347deg) !important;
    text-size-adjust: 10px !important;
    transform-origin: 7 27 !important;
    transform-origin: bottom left !important;
    height: -6px !important;
}

.grid-container[b-1q0d7ep257] {
    height: 89vh;
    overflow-y: hidden;
}

.custom-grid .k-grid-header[b-1q0d7ep257] {
    position: sticky;
    top: 0;
    z-index: 2;
    background-color: white;
}

.custom-grid .k-grid-content[b-1q0d7ep257] {
    max-height: 75vh; /* Limits the body content height for scrolling */
    overflow-y: auto; /* Enables vertical scrolling for rows */
}

/* Optional: Style adjustments for header cells */
.custom-grid .k-grid-header th[b-1q0d7ep257] {
    border-bottom: 1px solid #ddd; /* Adds a border for clarity */
    background-color: #f9f9f9; /* Matches grid header background */
}

.k-grid .k-grid-filter[b-1q0d7ep257], .k-grid .k-header-column-menu[b-1q0d7ep257], .k-grid .k-grid-header-menu[b-1q0d7ep257], .k-grid .k-hierarchy-cell .k-icon[b-1q0d7ep257] {
    color: #424242;
    width: 1.2rem;
}

.description-container[b-1q0d7ep257] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px;
    border-radius: 5px;
    width: 100%;
}

.description-content[b-1q0d7ep257] {
    width: 48%;
    padding-right: 20px;
    border-right: 2px solid white; /* Separates two columns */
}

.document-container[b-1q0d7ep257] {
    width: 48%;
    padding-left: 20px;
}

.description-container strong[b-1q0d7ep257] {
    font-size: 18px;
    text-decoration: underline;
}

.description-container ul[b-1q0d7ep257] {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.document-container a[b-1q0d7ep257] {
    color: blue;
    text-decoration: underline;
    font-weight: bold;
}

    .document-container a:hover[b-1q0d7ep257] {
        color: black; /* Yellow hover effect */
    }

.work-center-group-container[b-1q0d7ep257] {
    padding: 0 0 0 0;
    background-color: #f8f9fa;
    border-radius: 5px;
    margin: 10px 0;
}

.group-title[b-1q0d7ep257] {
    margin: 0 0 15px 0;
    padding: 10px 15px;
    background-color: #e9ecef;
    border-left: 4px solid #007bff;
    border-radius: 3px;
    font-weight: bold;
    color: #495057;
}

.work-center-group-container .k-tabstrip[b-1q0d7ep257] {
    margin-top: 10px;
    border: 1px solid #dee2e6;
    border-radius: 5px;
}

.work-center-group-container .k-tabstrip-items[b-1q0d7ep257] {
    background-color: #ffffff;
    border-bottom: 1px solid #dee2e6;
}

.work-center-group-container .k-tabstrip-items .k-item[b-1q0d7ep257] {
    border-right: 1px solid #dee2e6;
}

.work-center-group-container .k-tabstrip-items .k-item:last-child[b-1q0d7ep257] {
    border-right: none;
}

/* ========================================
   STATUS BADGES - Modern pill design
   ======================================== */

.status-badge[b-1q0d7ep257] {
    display: inline-flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    gap: 0.375rem;
    transition: var(--transition-base);
    letter-spacing: 0.01em;
    white-space: nowrap;
}

.status-badge-icon[b-1q0d7ep257] {
    width: 0.875rem;
    height: 0.875rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Not Started Status */
.status-not-started[b-1q0d7ep257] {
    background: var(--status-not-started-bg);
    color: var(--status-not-started-text);
    border: 1px solid var(--color-gray-300);
}

.status-not-started .status-badge-icon[b-1q0d7ep257]::before {
    content: "○";
    font-size: 1rem;
}

/* In Progress Status */
.status-in-progress[b-1q0d7ep257] {
    background: var(--status-in-progress-bg);
    color: var(--status-in-progress-text);
    border: 1px solid #93c5fd;
}

.status-in-progress .status-badge-icon[b-1q0d7ep257]::before {
    content: "▶";
    font-size: 0.75rem;
    animation: pulse-icon-b-1q0d7ep257 2s infinite;
}

@keyframes pulse-icon-b-1q0d7ep257 {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.6;
        transform: scale(0.9);
    }
}

/* Paused Status */
.status-paused[b-1q0d7ep257] {
    background: var(--status-paused-bg);
    color: var(--status-paused-text);
    border: 1px solid #fcd34d;
}

.status-paused .status-badge-icon[b-1q0d7ep257]::before {
    content: "⏸";
    font-size: 0.875rem;
}

/* Completed Status */
.status-completed[b-1q0d7ep257] {
    background: var(--status-completed-bg);
    color: var(--status-completed-text);
    border: 1px solid #6ee7b7;
}

.status-completed .status-badge-icon[b-1q0d7ep257]::before {
    content: "✓";
    font-size: 1rem;
    font-weight: bold;
}

/* Hover effects for interactive badges */
.status-badge:hover[b-1q0d7ep257] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-sm);
}

/* ========================================
   ACTION BUTTONS - Modern gradient design
   ======================================== */

.btn-primary-action[b-1q0d7ep257] {
    background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);
    color: white;
    border: none;
    padding: 0.625rem 1.25rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    transition: var(--transition-base);
    box-shadow: var(--shadow-sm);
    cursor: pointer;
}

.btn-primary-action:hover[b-1q0d7ep257] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.btn-primary-action:active[b-1q0d7ep257] {
    transform: translateY(0);
    box-shadow: var(--shadow-sm);
}

.btn-success-action[b-1q0d7ep257] {
    background: linear-gradient(135deg, var(--color-success) 0%, var(--color-success-hover) 100%);
    color: white;
    border: none;
    padding: 0.625rem 1.25rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    transition: var(--transition-base);
    box-shadow: var(--shadow-sm);
    cursor: pointer;
}

.btn-success-action:hover[b-1q0d7ep257] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.btn-warning-action[b-1q0d7ep257] {
    background: linear-gradient(135deg, var(--color-warning) 0%, var(--color-warning-hover) 100%);
    color: white;
    border: none;
    padding: 0.625rem 1.25rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    transition: var(--transition-base);
    box-shadow: var(--shadow-sm);
    cursor: pointer;
}

.btn-warning-action:hover[b-1q0d7ep257] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

/* ========================================
   DOCUMENT LINKS - Enhanced styling
   ======================================== */

.document-link[b-1q0d7ep257] {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 600;
    transition: var(--transition-fast);
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0;
    border-bottom: 2px solid transparent;
}

.document-link:hover[b-1q0d7ep257] {
    color: var(--color-primary-hover);
    border-bottom-color: var(--color-primary);
}

.document-link[b-1q0d7ep257]::before {
    content: "📄";
    font-size: 1rem;
}

.document-error[b-1q0d7ep257] {
    color: var(--color-danger);
    font-size: 0.8125rem;
    font-style: italic;
    margin-top: 0.25rem;
}

/* ========================================
   TYPOGRAPHY IMPROVEMENTS
   ======================================== */

.modern-heading[b-1q0d7ep257] {
    font-family: var(--font-primary);
    font-weight: 700;
    letter-spacing: -0.025em;
    color: var(--color-gray-900);
}

.modern-body[b-1q0d7ep257] {
    font-family: var(--font-primary);
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--color-gray-700);
}

.monospace-value[b-1q0d7ep257] {
    font-family: var(--font-mono);
    font-size: 0.8125rem;
    letter-spacing: 0.01em;
    color: var(--color-gray-900);
}

/* ========================================
   GRID ENHANCEMENTS
   ======================================== */

.modern-grid-cell[b-1q0d7ep257] {
    padding: var(--space-sm) var(--space-md);
    transition: background-color var(--transition-fast);
}

.modern-grid-cell:hover[b-1q0d7ep257] {
    background-color: var(--color-gray-50);
}

/* Priority indicators */
.priority-high[b-1q0d7ep257] {
    color: var(--color-danger);
    font-weight: 700;
}

.priority-medium[b-1q0d7ep257] {
    color: var(--color-warning);
    font-weight: 600;
}

.priority-low[b-1q0d7ep257] {
    color: var(--color-gray-600);
    font-weight: 500;
}

/* /Pages/SpecialRequests/SpecialRequestsPage.razor.rz.scp.css */
/* /Pages/Tools/PackingSlips/PackingSlipPdf.razor.rz.scp.css */
.qp-logo[b-8n0c8g00pz] {
	width: 400px;
}

.grid-layout-container[b-8n0c8g00pz] {
	overflow-x: auto;
}

.grid-layout[b-8n0c8g00pz] {
	width: 800px;
	margin: auto;
}

.grid-layout-heading[b-8n0c8g00pz] {
	font-size: 14px;
	color: #424242;
	line-height: 20px;
}

.k-form-legend[b-8n0c8g00pz] {
	padding: 0px
}
/*
	! tailwindcss v3.1.3 | MIT License | https://tailwindcss.com
	*/

/*
	1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
	2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
	*/

*[b-8n0c8g00pz],
[b-8n0c8g00pz]::before,
[b-8n0c8g00pz]::after {
	box-sizing: border-box;
	/* 1 */
	border-width: 0;
	/* 2 */
	border-style: solid;
	/* 2 */
	border-color: #e5e7eb;
	/* 2 */
}

[b-8n0c8g00pz]::before,
[b-8n0c8g00pz]::after {
	--tw-content: '';
}

/*
	1. Use a consistent sensible line-height in all browsers.
	2. Prevent adjustments of font size after orientation changes in iOS.
	3. Use a more readable tab size.
	4. Use the user's configured `sans` font-family by default.
	*/

html[b-8n0c8g00pz] {
	line-height: 1.5;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-moz-tab-size: 4;
	/* 3 */
	-o-tab-size: 4;
	tab-size: 4;
	/* 3 */
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	/* 4 */
}

/*
	1. Remove the margin in all browsers.
	2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
	*/

body[b-8n0c8g00pz] {
	margin: 0;
	/* 1 */
	line-height: inherit;
	/* 2 */
}

/*
	1. Add the correct height in Firefox.
	2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
	3. Ensure horizontal rules are visible by default.
	*/

hr[b-8n0c8g00pz] {
	height: 0;
	/* 1 */
	color: inherit;
	/* 2 */
	border-top-width: 1px;
	/* 3 */
}

/*
	Add the correct text decoration in Chrome, Edge, and Safari.
	*/

abbr:where([title])[b-8n0c8g00pz] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

/*
	Remove the default font size and weight for headings.
	*/

h1[b-8n0c8g00pz],
h2[b-8n0c8g00pz],
h3[b-8n0c8g00pz],
h4[b-8n0c8g00pz],
h5[b-8n0c8g00pz],
h6[b-8n0c8g00pz] {
	font-size: inherit;
	font-weight: inherit;
}

/*
	Reset links to optimize for opt-in styling instead of opt-out.
	*/

a[b-8n0c8g00pz] {
	color: inherit;
	text-decoration: inherit;
}

/*
	Add the correct font weight in Edge and Safari.
	*/

b[b-8n0c8g00pz],
strong[b-8n0c8g00pz] {
	font-weight: bolder;
}

/*
	1. Use the user's configured `mono` font family by default.
	2. Correct the odd `em` font sizing in all browsers.
	*/

code[b-8n0c8g00pz],
kbd[b-8n0c8g00pz],
samp[b-8n0c8g00pz],
pre[b-8n0c8g00pz] {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/*
	Add the correct font size in all browsers.
	*/

small[b-8n0c8g00pz] {
	font-size: 80%;
}

/*
	Prevent `sub` and `sup` elements from affecting the line height in all browsers.
	*/

sub[b-8n0c8g00pz],
sup[b-8n0c8g00pz] {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub[b-8n0c8g00pz] {
	bottom: -0.25em;
}

sup[b-8n0c8g00pz] {
	top: -0.5em;
}

/*
	1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
	2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
	3. Remove gaps between table borders by default.
	*/

table[b-8n0c8g00pz] {
	text-indent: 0;
	/* 1 */
	border-color: inherit;
	/* 2 */
	border-collapse: collapse;
	/* 3 */
}

/*
	1. Change the font styles in all browsers.
	2. Remove the margin in Firefox and Safari.
	3. Remove default padding in all browsers.
	*/

button[b-8n0c8g00pz],
input[b-8n0c8g00pz],
optgroup[b-8n0c8g00pz],
select[b-8n0c8g00pz],
textarea[b-8n0c8g00pz] {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	font-weight: inherit;
	/* 1 */
	line-height: inherit;
	/* 1 */
	color: inherit;
	/* 1 */
	margin: 0;
	/* 2 */
	padding: 0;
	/* 3 */
}

/*
	Remove the inheritance of text transform in Edge and Firefox.
	*/

button[b-8n0c8g00pz],
select[b-8n0c8g00pz] {
	text-transform: none;
}

/*
	1. Correct the inability to style clickable types in iOS and Safari.
	2. Remove default button styles.
	*/

button[b-8n0c8g00pz],
[type='button'][b-8n0c8g00pz],
[type='reset'][b-8n0c8g00pz],
[type='submit'][b-8n0c8g00pz] {
	-webkit-appearance: button;
	/* 1 */
	background-color: transparent;
	/* 2 */
	background-image: none;
	/* 2 */
}

/*
	Use the modern Firefox focus style for all focusable elements.
	*/

:-moz-focusring[b-8n0c8g00pz] {
	outline: auto;
}

/*
	Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
	*/

:-moz-ui-invalid[b-8n0c8g00pz] {
	box-shadow: none;
}

/*
	Add the correct vertical alignment in Chrome and Firefox.
	*/

progress[b-8n0c8g00pz] {
	vertical-align: baseline;
}

/*
	Correct the cursor style of increment and decrement buttons in Safari.
	*/

[b-8n0c8g00pz]::-webkit-inner-spin-button,
[b-8n0c8g00pz]::-webkit-outer-spin-button {
	height: auto;
}

/*
	1. Correct the odd appearance in Chrome and Safari.
	2. Correct the outline style in Safari.
	*/

[type='search'][b-8n0c8g00pz] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
}

/*
	Remove the inner padding in Chrome and Safari on macOS.
	*/

[b-8n0c8g00pz]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/*
	1. Correct the inability to style clickable types in iOS and Safari.
	2. Change font properties to `inherit` in Safari.
	*/

[b-8n0c8g00pz]::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/*
	Add the correct display in Chrome and Safari.
	*/

summary[b-8n0c8g00pz] {
	display: list-item;
}

/*
	Removes the default spacing and border for appropriate elements.
	*/

blockquote[b-8n0c8g00pz],
dl[b-8n0c8g00pz],
dd[b-8n0c8g00pz],
h1[b-8n0c8g00pz],
h2[b-8n0c8g00pz],
h3[b-8n0c8g00pz],
h4[b-8n0c8g00pz],
h5[b-8n0c8g00pz],
h6[b-8n0c8g00pz],
hr[b-8n0c8g00pz],
figure[b-8n0c8g00pz],
p[b-8n0c8g00pz],
pre[b-8n0c8g00pz] {
	margin: 0;
}

fieldset[b-8n0c8g00pz] {
	margin: 0;
	padding: 0;
}

legend[b-8n0c8g00pz] {
	padding: 0;
}

ol[b-8n0c8g00pz],
ul[b-8n0c8g00pz],
menu[b-8n0c8g00pz] {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*
	Prevent resizing textareas horizontally by default.
	*/

textarea[b-8n0c8g00pz] {
	resize: vertical;
}

	/*
	1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
	2. Set the default placeholder color to the user's configured gray 400 color.
	*/

	input[b-8n0c8g00pz]::-moz-placeholder, textarea[b-8n0c8g00pz]::-moz-placeholder {
		opacity: 1;
		/* 1 */
		color: #9ca3af;
		/* 2 */
	}

	input:-ms-input-placeholder[b-8n0c8g00pz], textarea:-ms-input-placeholder[b-8n0c8g00pz] {
		opacity: 1;
		/* 1 */
		color: #9ca3af;
		/* 2 */
	}

	input[b-8n0c8g00pz]::placeholder,
	textarea[b-8n0c8g00pz]::placeholder {
		opacity: 1;
		/* 1 */
		color: #9ca3af;
		/* 2 */
	}

/*
	Set the default cursor for buttons.
	*/

button[b-8n0c8g00pz],
[role="button"][b-8n0c8g00pz] {
	cursor: pointer;
}

/*
	Make sure disabled buttons don't get the pointer cursor.
	*/

:disabled[b-8n0c8g00pz] {
	cursor: default;
}

/*
	1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
	2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
	   This can trigger a poorly considered lint error in some tools but is included by design.
	*/

img[b-8n0c8g00pz],
svg[b-8n0c8g00pz],
video[b-8n0c8g00pz],
canvas[b-8n0c8g00pz],
audio[b-8n0c8g00pz],
iframe[b-8n0c8g00pz],
embed[b-8n0c8g00pz],
object[b-8n0c8g00pz] {
	display: block;
	/* 1 */
	vertical-align: middle;
	/* 2 */
}

/*
	Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
	*/

img[b-8n0c8g00pz],
video[b-8n0c8g00pz] {
	max-width: 100%;
	height: auto;
}

*[b-8n0c8g00pz], [b-8n0c8g00pz]::before, [b-8n0c8g00pz]::after {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x:;
	--tw-pan-y:;
	--tw-pinch-zoom:;
	--tw-scroll-snap-strictness: proximity;
	--tw-ordinal:;
	--tw-slashed-zero:;
	--tw-numeric-figure:;
	--tw-numeric-spacing:;
	--tw-numeric-fraction:;
	--tw-ring-inset:;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur:;
	--tw-brightness:;
	--tw-contrast:;
	--tw-grayscale:;
	--tw-hue-rotate:;
	--tw-invert:;
	--tw-saturate:;
	--tw-sepia:;
	--tw-drop-shadow:;
	--tw-backdrop-blur:;
	--tw-backdrop-brightness:;
	--tw-backdrop-contrast:;
	--tw-backdrop-grayscale:;
	--tw-backdrop-hue-rotate:;
	--tw-backdrop-invert:;
	--tw-backdrop-opacity:;
	--tw-backdrop-saturate:;
	--tw-backdrop-sepia:;
}

[b-8n0c8g00pz]::-webkit-backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x:;
	--tw-pan-y:;
	--tw-pinch-zoom:;
	--tw-scroll-snap-strictness: proximity;
	--tw-ordinal:;
	--tw-slashed-zero:;
	--tw-numeric-figure:;
	--tw-numeric-spacing:;
	--tw-numeric-fraction:;
	--tw-ring-inset:;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur:;
	--tw-brightness:;
	--tw-contrast:;
	--tw-grayscale:;
	--tw-hue-rotate:;
	--tw-invert:;
	--tw-saturate:;
	--tw-sepia:;
	--tw-drop-shadow:;
	--tw-backdrop-blur:;
	--tw-backdrop-brightness:;
	--tw-backdrop-contrast:;
	--tw-backdrop-grayscale:;
	--tw-backdrop-hue-rotate:;
	--tw-backdrop-invert:;
	--tw-backdrop-opacity:;
	--tw-backdrop-saturate:;
	--tw-backdrop-sepia:;
}

[b-8n0c8g00pz]::backdrop {
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x:;
	--tw-pan-y:;
	--tw-pinch-zoom:;
	--tw-scroll-snap-strictness: proximity;
	--tw-ordinal:;
	--tw-slashed-zero:;
	--tw-numeric-figure:;
	--tw-numeric-spacing:;
	--tw-numeric-fraction:;
	--tw-ring-inset:;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur:;
	--tw-brightness:;
	--tw-contrast:;
	--tw-grayscale:;
	--tw-hue-rotate:;
	--tw-invert:;
	--tw-saturate:;
	--tw-sepia:;
	--tw-drop-shadow:;
	--tw-backdrop-blur:;
	--tw-backdrop-brightness:;
	--tw-backdrop-contrast:;
	--tw-backdrop-grayscale:;
	--tw-backdrop-hue-rotate:;
	--tw-backdrop-invert:;
	--tw-backdrop-opacity:;
	--tw-backdrop-saturate:;
	--tw-backdrop-sepia:;
}

.container[b-8n0c8g00pz] {
	width: 100%;
}

@media (min-width: 640px) {
	.container[b-8n0c8g00pz] {
		max-width: 640px;
	}
}

@media (min-width: 768px) {
	.container[b-8n0c8g00pz] {
		max-width: 768px;
	}
}

@media (min-width: 1024px) {
	.container[b-8n0c8g00pz] {
		max-width: 1024px;
	}
}

@media (min-width: 1280px) {
	.container[b-8n0c8g00pz] {
		max-width: 1280px;
	}
}

@media (min-width: 1536px) {
	.container[b-8n0c8g00pz] {
		max-width: 1536px;
	}
}

.static[b-8n0c8g00pz] {
	position: static;
}

.mx-auto[b-8n0c8g00pz] {
	margin-left: auto;
	margin-right: auto;
}

.my-4[b-8n0c8g00pz] {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.mb-1[b-8n0c8g00pz] {
	margin-bottom: 0.25rem;
}

.-ml-4[b-8n0c8g00pz] {
	margin-left: -1rem;
}

.-mt-2[b-8n0c8g00pz] {
	margin-top: -0.5rem;
}

.ml-4[b-8n0c8g00pz] {
	margin-left: 1rem;
}

.mt-2[b-8n0c8g00pz] {
	margin-top: 0.5rem;
}

.mt-1[b-8n0c8g00pz] {
	margin-top: 0.25rem;
}

.mt-4[b-8n0c8g00pz] {
	margin-top: 1rem;
}

.mb-4[b-8n0c8g00pz] {
	margin-bottom: 1rem;
}

.-ml-2[b-8n0c8g00pz] {
	margin-left: -0.5rem;
}

.ml-2[b-8n0c8g00pz] {
	margin-left: 0.5rem;
}

.mb-2[b-8n0c8g00pz] {
	margin-bottom: 0.5rem;
}

.block[b-8n0c8g00pz] {
	display: block;
}

.flex[b-8n0c8g00pz] {
	display: flex;
}

.inline-flex[b-8n0c8g00pz] {
	display: inline-flex;
}

.table[b-8n0c8g00pz] {
	display: table;
}

.grid[b-8n0c8g00pz] {
	display: grid;
}

.contents[b-8n0c8g00pz] {
	display: contents;
}

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

.h-screen[b-8n0c8g00pz] {
	height: 100vh;
}

.min-h-fit[b-8n0c8g00pz] {
	min-height: -webkit-fit-content;
	min-height: -moz-fit-content;
	min-height: fit-content;
}

.min-h-screen[b-8n0c8g00pz] {
	min-height: 100vh;
}

.min-h-0[b-8n0c8g00pz] {
	min-height: 0px;
}

.w-full[b-8n0c8g00pz] {
	width: 100%;
}

.w-1\/2[b-8n0c8g00pz] {
	width: 50%;
}

.w-1\/3[b-8n0c8g00pz] {
	width: 33.333333%;
}

.min-w-0[b-8n0c8g00pz] {
	min-width: 0px;
}

.max-w-7xl[b-8n0c8g00pz] {
	max-width: 80rem;
}

.flex-1[b-8n0c8g00pz] {
	flex: 1 1 0%;
}

.flex-shrink-0[b-8n0c8g00pz] {
	flex-shrink: 0;
}

.table-auto[b-8n0c8g00pz] {
	table-layout: auto;
}

.columns-1[b-8n0c8g00pz] {
	-moz-columns: 1;
	columns: 1;
}

.break-before-all[b-8n0c8g00pz] {
	-moz-column-break-before: all;
	break-before: all;
}

.grid-cols-1[b-8n0c8g00pz] {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.flex-col[b-8n0c8g00pz] {
	flex-direction: column;
}

.flex-wrap[b-8n0c8g00pz] {
	flex-wrap: wrap;
}

.items-center[b-8n0c8g00pz] {
	align-items: center;
}

.items-baseline[b-8n0c8g00pz] {
	align-items: baseline;
}

.justify-between[b-8n0c8g00pz] {
	justify-content: space-between;
}

.gap-x-4[b-8n0c8g00pz] {
	-moz-column-gap: 1rem;
	column-gap: 1rem;
}

.gap-y-8[b-8n0c8g00pz] {
	row-gap: 2rem;
}

.space-y-4 > :not([hidden]) ~ :not([hidden])[b-8n0c8g00pz] {
	--tw-space-y-reverse: 0;
	margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden])[b-8n0c8g00pz] {
	--tw-divide-y-reverse: 0;
	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
	border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-gray-200 > :not([hidden]) ~ :not([hidden])[b-8n0c8g00pz] {
	--tw-divide-opacity: 1;
	border-color: rgb(229 231 235 / var(--tw-divide-opacity));
}

.divide-blue-200 > :not([hidden]) ~ :not([hidden])[b-8n0c8g00pz] {
	--tw-divide-opacity: 1;
	border-color: rgb(191 219 254 / var(--tw-divide-opacity));
}

.overflow-hidden[b-8n0c8g00pz] {
	overflow: hidden;
}

.overscroll-auto[b-8n0c8g00pz] {
	-ms-scroll-chaining: chained;
	overscroll-behavior: auto;
}

.truncate[b-8n0c8g00pz] {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.break-all[b-8n0c8g00pz] {
	word-break: break-all;
}

.rounded-full[b-8n0c8g00pz] {
	border-radius: 9999px;
}

.border[b-8n0c8g00pz] {
	border-width: 1px;
}

.border-b[b-8n0c8g00pz] {
	border-bottom-width: 1px;
}

.border-t[b-8n0c8g00pz] {
	border-top-width: 1px;
}

.border-gray-200[b-8n0c8g00pz] {
	--tw-border-opacity: 1;
	border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

.bg-white[b-8n0c8g00pz] {
	--tw-bg-opacity: 1;
	background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-green-100[b-8n0c8g00pz] {
	--tw-bg-opacity: 1;
	background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}

.bg-red-100[b-8n0c8g00pz] {
	--tw-bg-opacity: 1;
	background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}

.p-3[b-8n0c8g00pz] {
	padding: 0.75rem;
}

.py-4[b-8n0c8g00pz] {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.px-4[b-8n0c8g00pz] {
	padding-left: 1rem;
	padding-right: 1rem;
}

.px-2[b-8n0c8g00pz] {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.py-2[b-8n0c8g00pz] {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.px-3[b-8n0c8g00pz] {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.py-0\.5[b-8n0c8g00pz] {
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
}

.py-0[b-8n0c8g00pz] {
	padding-top: 0px;
	padding-bottom: 0px;
}

.py-3[b-8n0c8g00pz] {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.py-1[b-8n0c8g00pz] {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.pb-5[b-8n0c8g00pz] {
	padding-bottom: 1.25rem;
}

.pl-4[b-8n0c8g00pz] {
	padding-left: 1rem;
}

.text-center[b-8n0c8g00pz] {
	text-align: center;
}

.indent-4[b-8n0c8g00pz] {
	text-indent: 1rem;
}

.align-top[b-8n0c8g00pz] {
	vertical-align: top;
}

.text-lg[b-8n0c8g00pz] {
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.text-sm[b-8n0c8g00pz] {
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.text-2xl[b-8n0c8g00pz] {
	font-size: 1.5rem;
	line-height: 2rem;
}

.text-3xl[b-8n0c8g00pz] {
	font-size: 1.875rem;
	line-height: 2.25rem;
}

.font-medium[b-8n0c8g00pz] {
	font-weight: 500;
}

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

.capitalize[b-8n0c8g00pz] {
	text-transform: capitalize;
}

.leading-6[b-8n0c8g00pz] {
	line-height: 1.5rem;
}

.leading-7[b-8n0c8g00pz] {
	line-height: 1.75rem;
}

.text-gray-900[b-8n0c8g00pz] {
	--tw-text-opacity: 1;
	color: rgb(17 24 39 / var(--tw-text-opacity));
}

.text-gray-500[b-8n0c8g00pz] {
	--tw-text-opacity: 1;
	color: rgb(107 114 128 / var(--tw-text-opacity));
}

.text-green-800[b-8n0c8g00pz] {
	--tw-text-opacity: 1;
	color: rgb(22 101 52 / var(--tw-text-opacity));
}

.text-red-800[b-8n0c8g00pz] {
	--tw-text-opacity: 1;
	color: rgb(153 27 27 / var(--tw-text-opacity));
}

.shadow-sm[b-8n0c8g00pz] {
	--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
	--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow[b-8n0c8g00pz] {
	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.ring-blue-500[b-8n0c8g00pz] {
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
}

body[b-8n0c8g00pz] {
	font-family: Roboto, sans-serif;
}

.k-card-body h2[b-8n0c8g00pz] {
	font-size: 2rem;
}

.br[b-8n0c8g00pz] {
	display: block;
}

.my-form-group-class legend[b-8n0c8g00pz] {
	--tw-bg-opacity: 1;
	background-color: rgb(14 165 233 / var(--tw-bg-opacity));
	padding: 0.75rem;
	font-weight: 700;
	text-transform: capitalize;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
}

.packing-slip-blue-header[b-8n0c8g00pz] {
	--tw-bg-opacity: 1;
	background-color: rgb(14 165 233 / var(--tw-bg-opacity));
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	font-weight: 700;
	text-transform: capitalize;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	-webkit-print-color-adjust: exact;
}

.packing-slip-customer-header[b-8n0c8g00pz] {
	--tw-bg-opacity: 1;
	background-color: rgb(14 165 233 / var(--tw-bg-opacity));
	padding: 0.75rem;
	font-weight: 700;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	-webkit-print-color-adjust: exact;
}

@media (min-width: 640px) {
	.sm\:col-span-2[b-8n0c8g00pz] {
		grid-column: span 2 / span 2;
	}

	.sm\:col-span-1[b-8n0c8g00pz] {
		grid-column: span 1 / span 1;
	}

	.sm\:mt-0[b-8n0c8g00pz] {
		margin-top: 0px;
	}

	.sm\:grid[b-8n0c8g00pz] {
		display: grid;
	}

	.sm\:grid-cols-2[b-8n0c8g00pz] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sm\:grid-cols-3[b-8n0c8g00pz] {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.sm\:flex-row[b-8n0c8g00pz] {
		flex-direction: row;
	}

	.sm\:flex-nowrap[b-8n0c8g00pz] {
		flex-wrap: nowrap;
	}

	.sm\:space-y-0 > :not([hidden]) ~ :not([hidden])[b-8n0c8g00pz] {
		--tw-space-y-reverse: 0;
		margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
		margin-bottom: calc(0px * var(--tw-space-y-reverse));
	}

	.sm\:space-x-4 > :not([hidden]) ~ :not([hidden])[b-8n0c8g00pz] {
		--tw-space-x-reverse: 0;
		margin-right: calc(1rem * var(--tw-space-x-reverse));
		margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
	}

	.sm\:truncate[b-8n0c8g00pz] {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.sm\:rounded-lg[b-8n0c8g00pz] {
		border-radius: 0.5rem;
	}

	.sm\:px-6[b-8n0c8g00pz] {
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.sm\:py-2[b-8n0c8g00pz] {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.sm\:text-3xl[b-8n0c8g00pz] {
		font-size: 1.875rem;
		line-height: 2.25rem;
	}
}

@media (min-width: 768px) {
	.md\:flex[b-8n0c8g00pz] {
		display: flex;
	}

	.md\:items-center[b-8n0c8g00pz] {
		align-items: center;
	}

	.md\:justify-between[b-8n0c8g00pz] {
		justify-content: space-between;
	}
}

@media (min-width: 1024px) {
	.lg\:px-8[b-8n0c8g00pz] {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}