html, body {
    /* Use Inter as the primary UI font with sensible fallbacks for a modern look */
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    /* Base font size for the app to make scaling predictable */
    font-size: 14px;
    line-height: 1.45;
    color: #222; /* global body text color */
}

a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA9NC42NzgyIDI5MSA9Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA9NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDg2Ni4wNTQ3IDI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}

/* =========================================================
   2025 this is for all All Table Card 
   ========================================================= */
h3.page-title {
    font-size: 1.75rem; /* bigger text */
    font-weight: 600; /* semibold */
    color: #212529; /* Bootstrap body text color */
    margin-bottom: 1rem; /* space below */
    margin-top: .25rem; /* small top spacing */
    letter-spacing: -0.2px; /* subtle tighter look */
}

/* =========================================================
   2025 This is for all Tabs - Base line for the full tab bar
   ========================================================= */
.nav-underline {
    border-bottom: 1px solid #ddd; /* full-width light grey baseline */
    padding-bottom: 0;
}
    /* Make tabs larger and more spaced out */
    .nav-underline .nav-link {
        padding: 1rem 1rem; /* increase top/bottom and side spacing */
        /*font-size: 1rem;*/ /* slightly larger text */
        font-weight: 500; /* medium weight */
        color: #333; /* normal text color */
        border: none;
        background: transparent;
        margin-bottom: -1px; /* ensures active underline sits on baseline */
    }
        /* Hover effect for non-active tabs */
        .nav-underline .nav-link:hover {
            /* color: #0d6efd;*/ /* same as Bootstrap primary blue */
            background-color: #f8f9fa; /*ubtle_hover_background*/
        }
        /* Active tab   blue underline and stronger text */
        .nav-underline .nav-link.active {
            border-bottom: 3px solid #0d6efd; /* blue underline */
            color: #0d6efd;
            /*    font-weight: 600;*/
            background-color: transparent; /* keep background clean */
        }


/* =========================================================
   2025 This is for all buttons  - Enhanced Bootstrap success button
   ========================================================= */
.btn-primary {
    background-color: #34a853; /* modern Google green */
    border: none;
    border-radius: 6px; /* slightly rounded corners */
    color: #fff;
    font-weight: 500; /* semi-bold text */
    padding: 0.6rem 1.5rem; /* taller & wider */
    font-size: 0.95rem;
    line-height: 1.2;
    transition: all 0.15s ease-in-out;
}
    /* Hover effect */
    .btn-primary:hover {
        background-color: #2e8b47; /* darker green */
        transform: translateY(-1px);
    }
    /* Optional: subtle shadow for modern feel */
    .btn-primary:active {
        background-color: #2a7b3f;
        transform: translateY(0);
    }
/* Add equal spacing between multiple buttons */
.btn + .btn {
    margin-left: 0.75rem;
}

/* =========================================================
   2025 This is for all tables - Clean table style like the screenshot
   ========================================================= */
.table-clean {
    --tbl-border: #eef1f4;
    --tbl-header: #f8f9fb;
}

    .table-clean thead th {
        background: #fff; /* white header like image */
        color: #6c757d; /* muted header text */
        font-weight: 600;
        font-size: 14px;
        text-transform: none; /* keep natural case */
        border-bottom: 1px solid var(--tbl-border);
        padding: 12px 16px;
    }

    .table-clean tbody td {
        padding: 14px 16px; /* more breathing room */
        vertical-align: middle;
        border: 0; /* no cell borders */
    }

    .table-clean tbody tr {
        border-bottom: 1px solid var(--tbl-border); /* light row divider */
    }

    .table-clean tr:last-child {
        border-bottom: 0;
    }

    /* Narrow checkbox column */
    .table-clean td:first-child,
    .table-clean th:first-child {
        text-align: center;
    }

    /* Keep links tidy like the image */
    .table-clean a.link-body-emphasis {
        color: #212529;
    }

        .table-clean a.link-body-emphasis:hover {
            text-decoration: underline;
        }

/* Make Bootstrap 5.3 subtle pills a bit roomier */
.badge.rounded-pill {
    font-weight: 600;
    letter-spacing: .2px;
}

/* =========================================================
   GLOBAL PLACEHOLDER + INPUT TEXT STYLING - Applies to all form controls (input, select, textarea) 
   ========================================================= */

/* Apply only to text-style inputs, selects, and textareas */
.form-control,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
select,
textarea {
    font-size: 0.85rem; /* smaller text */
    color: #6c757d; /* grey text */
    line-height: 1.5;
    padding: 0.5rem 1rem;
    box-shadow: none !important;
}

/* Exclude checkboxes, radios, and similar controls explicitly */
input[type="checkbox"],
input[type="radio"],
input[type="range"],
input[type="color"],
input[type="file"] {
    all: unset; /* clear any inherited styles */
    appearance: auto; /* restore browser default */
}

/* Placeholder styling */
::placeholder {
    color: #6c757d !important;
    opacity: 1;
    font-size: 0.85rem;
}

/* WebKit browsers */
::-webkit-input-placeholder {
    color: #6c757d !important;
    font-size: 0.85rem;
}

/* Login page styles (moved from Login.razor) ------------------------------------------------- */
/* Uses explicit rules to position the card like the provided screenshot */
.login-page {
    background-color: #eef3f4;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center; /* center vertically */
}

/* Bootstrap utility classes may set align-items; ensure our intent wins */
.login-page.d-flex { align-items: center !important; }

.login-card {
    border-radius: 8px;
    border: 1px solid #e5eaeb;
    background: #fff;
    max-width: 500px;
    width: 100%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    transform: translateY(-6vh); /* nudge card slightly upward to match screenshot */
}

.login-card .card-body { padding: 1.6rem 2rem; }
.login-title { font-weight: 700; font-size: 1.5rem; margin-bottom: .25rem; }
.login-sub { color: #6c757d; margin-bottom: 1rem; display: flex; align-items: center; gap: .5rem; }
.login-badge { background: #3a3a3a; color: #fff; border-radius: 999px; padding: .25rem .6rem; font-size: .85rem; }
.form-control { border-radius: 6px; height: 44px; }
.btn-login { background: #3a3a3a; border: none; color: #fff; border-radius: 6px; padding: 10px 16px; font-weight: 600; }
.btn-login:disabled { opacity: .7; }

/* small helper to keep form width comfortable on very small screens */
@media (max-width: 420px) {
    .login-card { margin: 1rem; }
}

/* End login styles ------------------------------------------------------------------------ */

/* Firefox */
::-moz-placeholder {
    color: #6c757d !important;
    font-size: 0.85rem;
}

/* Internet Explorer / Edge */
:-ms-input-placeholder,
::-ms-input-placeholder {
    color: #6c757d !important;
    font-size: 0.85rem;
}

/* =========================================================
   GLOBAL Status (shared across SalesOrder and Invoice pages)
   ========================================================= */

.status-badge {
    display: inline-block;
    padding: 4px 14px;
    border-radius: 8px;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
    min-width: 100px;
    line-height: 1rem;
}

/* === STATUS COLORS === */
.status-unshipped {
    background-color: #E6E6E6;
    color: #3D3D3D;
}

.status-unpaid {
    background-color: #FFE5A0;
    color: #473822;
}

.status-onhold {
    background-color: #FFC8AA;
    color: #753800;
}

.status-processed {
    background-color: #ffe5a0;
    color: #473822;
}

.status-shipped {
    background-color: #E6CFF2;
    color: #5A3286;
}

.status-completed {
    background-color: #D4EDBC;
    color: #11734B;
}

.status-cancelled {
    background-color: #FFCFC9;
    color: #B10202;
}

.status-refunded {
    background-color: #3D3D3D;
    color: #E6E6E6;
}

.status-archived {
    background-color: #e9ecef;
    color: #495057;
}
.status-scheduled {
    background-color: #fde9b5;
    color: #6b4b11;
}
.status-draft {
    background-color: #e6e6e6;
    color: #3d3d3d;
}

/* =========================================================
   Shared invoice/order-details layout styles (migrated from InvoiceDetails.razor)
   ========================================================= */

.page-wrapper {
    max-width: 1070px;
    margin: 18px auto;
    background: transparent;
}

.card-custom {
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.order-summary {
    border-top: 1px solid #e6e6e6;
    padding-top: 10px;
}

.order-summary-left {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.order-summary-right {
    min-width: 360px;
}

.freight-input {
    width: 120px;
    border-radius: 8px;
    padding: 6px 10px;
}

.order-totals .row { margin-bottom: 6px; }
.order-totals .divisor { opacity: 0.2; }

/* Order Details specific styling to match design */
.order-details {
    background: #fff; /* keep white background */
    border-radius: 8px;
}

.order-details > .card-body {
    padding: 1rem 1rem 0.5rem 1rem;
}

.order-details h5 {
    font-size: 1rem;
    font-weight: 700;
    color: #111827; /* near-black */
    margin-bottom: 0.75rem;
}

.order-details .search-group {
    width: 46%; /* slightly narrower */
}

.order-details .search-input {
    height: 40px;
    font-size: 0.95rem;
    padding-left: 1rem;
    padding-right: 2.5rem;
    border-radius: 8px;
}

.order-details .search-icon svg { width: 18px; height: 18px; }

.order-details .table {
    font-size: 0.95rem; /* body text slightly larger */
    color: #374151; /* slate-700 */
    margin-bottom: 0; /* remove extra gap before footer */
}

.order-details .table thead th {
    background: transparent; /* keep the header subtle */
    color: #6b7280; /* muted */
    font-size: 0.85rem;
    font-weight: 600;
    padding: 14px 18px;
    border-bottom: 1px solid var(--tbl-border);
}

.order-details .table tbody td {
    padding: 14px 18px;
    vertical-align: middle;
    border-top: 0;
    color: #374151;
}

.order-details .table tbody tr { background: transparent; }

.order-details .table tbody tr:hover { background: rgba(15, 23, 42, 0.02); }

/* Status badge: pill look, small */
.order-details .status-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 700;
    min-width: 84px;
    text-align: center;
    box-shadow: none;
}

/* Slightly reduce min-width for compact table */
.order-details .status-badge { min-width: 78px; }

/* Totals/footer */
.order-details tfoot td {
    font-weight: 700;
    font-size: 0.95rem;
    padding: 12px 18px;
}

.order-details .order-summary {
    padding: 12px 16px;
}

/* Amount and totals formatting inside order-details (SalesOrderDetails page) */
.order-details .font-monospace {
    font-family: "Roboto Mono", "SFMono-Regular", Menlo, Monaco, "Courier New", monospace;
    font-size: 0.95rem;
    letter-spacing: 0.3px;
}

/* labels in the totals area */
.order-details .order-summary .flex-grow-1,
.order-details .p-3 .flex-grow-1 {
    font-size: 0.95rem;
    color: #374151;
    font-weight: 600;
}

/* currency code (AUD) */
.order-details .order-summary .me-3,
.order-details .p-3 .me-3 {
    color: #6b7280;
    font-size: 0.95rem;
}

/* ensure the amount numbers are prominent */
.order-details .p-3 .text-end,
.order-details .order-summary .text-end {
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
}

/* Final total emphasis */
.order-details .border-top.fw-semibold {
    font-size: 1.02rem;
}
.order-details .border-top.fw-semibold .text-end {
    font-size: 1.12rem;
    font-weight: 800;
}

/* Small input placeholder style in discount box */
.order-details .input-group .form-control::placeholder {
    color: #9ca3af;
    font-size: 0.95rem;
}

/* =========================================================
   Tabs: Make General, Billing, Shipping labels bolder and active blue with underline
   Applies where .custom-tabs is used (SalesOrderDetails page uses this)
 ========================================================= */
.custom-tabs .nav-link {
    color: #475569;
    font-weight: 600;
    font-size: 1rem;
    padding: 0.6rem 0.9rem;
    border-radius: 0;
    transition: color 0.12s ease, border-bottom 0.12s ease;
}
.custom-tabs .nav-link:hover {
    color: #1f2937;
}
.custom-tabs .nav-link.active {
    color: #2563eb; /* blue */
    border-bottom: 3px solid #2563eb;
    background-color: transparent;
    margin-bottom: -1px;
}


/* Buttons in the order header area */
.order-details .btn {
    border-radius: 8px;
    padding: 0.45rem 0.9rem;
    font-size: 0.9rem;
}

/* Make table cleaner on small screens */
@media (max-width: 768px) {
    .order-details .search-group { width: 100%; }
    .order-details .table thead th, .order-details .table tbody td { padding: 10px 8px; }
}

/* CustomerServiceDetails page global styles */
.cs-details {
  font-family: "Inter", Arial, sans-serif;
  color: #222;
  font-size: 14px;
}
.cs-details .form-label { font-size: 13px; font-weight: 600; }
    .cs-details .form-control, .cs-details .form-select, .cs-details textarea {
        font-size: 14px;
        padding: .5rem .75rem;
        border-radius: .5rem;
        height: 44px !important;
    }
.cs-details .card { font-size: 14px; }
.cs-details h5 { font-size: 16px; font-weight: 600; }
.cs-details .fw-semibold { font-weight: 600; }
.cs-details .small { font-size: 12px; }
.cs-details .input-group-text { font-size: 13px; }


/* =========================================================
   Pallet page: Font + format refinements
   - Increase heading prominence
   - Tweak tab, input and table font sizes to match design
 ========================================================= */

/* Target main page headings (used by PalletHome) */
h3.fw-bold {
    font-size: 1.25rem; /* slightly larger than default */
    font-weight: 700;
    color: #111827;
    margin: 0;
}

/* Tabs used on Pallet page (Tabs component uses custom-tabs class in PalletHome) */
.custom-tabs .nav-link {
    font-size: 0.95rem;
    padding: 0.55rem 0.9rem;
    border-radius: 0;
    color: #374151;
}
.custom-tabs .nav-link.active {
    font-weight: 600;
}

/* Search input and Date filters */
.position-relative.w-25 .form-control,
.d-flex .form-control {
    font-size: 0.95rem;
    height: 40px;
    padding: 0.45rem 0.9rem;
    border-radius: 6px;
}

/* Make InputDate look consistent with search control */
input[type="date"].form-control,
input[type="text"].form-control,
input.form-control {
    font-size: 0.95rem;
}

/* Improve table typography */
.table-clean thead th {
    font-size: 0.875rem; /* slightly smaller header labels */
    color: #374151;
    letter-spacing: 0.1px;
}
.table-clean tbody td {
    font-size: 0.95rem; /* comfortable reading size for rows */
    color: #313131;
}

/* Status pill adjustments to match screenshot proportions */
.status-badge {
    font-size: 0.82rem;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 999px;
    min-width: 70px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Slightly increase spacing for the top action buttons */
.d-flex.justify-content-between .btn {
    padding: 0.55rem 1.25rem;
    font-size: 0.95rem;
}

@media (max-width: 768px) {
    .position-relative.w-25 { width: 100% !important; }
    .custom-tabs .nav-link { padding: 0.5rem 0.6rem; font-size: 0.9rem; }
}

/* Tab count pill that sits next to the tab text */
.tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    margin-left: 8px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    min-width: 28px;
    height: 22px;
    background-color: #e6e6e6;
    color: #3d3d3d;
    border: 1px solid #e6e6e6;
}

/* Re-use status colors but slightly smaller and muted border */
    /*.tab-count.status-draft {
        background-color: #e6e6e6;
        color: #3d3d3d;
        border: 1px solid #e6e6e6;
    }
    .tab-count.status-readyforpacking {
        background-color: #e6e6e6;
        color: #3d3d3d;
        border: 1px solid #e6e6e6;
    }
    .tab-count.status-completed {
        background-color: #e6e6e6;
        color: #3d3d3d;
        border: 1px solid #e6e6e6;
    }*/

/* Login page card styles moved here from Login.razor */
.login-page { background-color: #eef3f4; min-height: 100vh; padding-top: 5rem; }
.login-card { border-radius: 8px; border: 1px solid #e5eaeb; background: #fff; max-width: 560px; width: 100%; }
.login-card .card-body { padding: 1.6rem 2rem; }
.login-title { font-weight: 700; font-size: 1.5rem; margin-bottom: .25rem; }
.login-sub { color: #6c757d; margin-bottom: 1rem; display: flex; align-items: center; gap: .5rem; }
.login-badge { background: #3a3a3a; color: #fff; border-radius: 999px; padding: .25rem .6rem; font-size: .85rem; }
.form-control { border-radius: 6px; height: 44px; }
.btn-login { background: #3a3a3a; border: none; color: #fff; border-radius: 6px; padding: 10px 16px; font-weight: 600; }
.btn-login:disabled { opacity: .7; }

/* Position card centered horizontally and slightly below vertical center like the screenshot */
.login-page.d-flex { align-items: flex-start; }
.login-page .login-card { margin-top: 3.5rem; }


   GLOBAL Status
   ========================================================= */



.container-main {
    font-family: Roboto, sans-serif;
}

.dev-btn {
    background: #b10202;
    border: none;
    gap: 5px;
    color: #FFCFC9;
    font-weight: 600;
}

    .dev-btn svg {
        width: 20px;
    }

    .dev-btn:hover {
        background: #b10202;
        border: none;
    }

.btn-one {
    display: flex;
    align-items: center;
}

    .btn-one svg {
        width: 15px;
        color: #9ca3af;
        margin-right: 10px;
    }

    .btn-one button {
        font-size: 14px;
        color: #9ca3af;
        font-weight: 600;
        background-color: transparent;
        border: none;
        padding-left: 5px;
    }

        .btn-one button:hover {
            background-color: transparent;
            border: none;
            color: #9ca3af;
        }

.dev-btn1 {
    color: #9ca3af;
    background: transparent;
    border: none;
    font-weight: 600;
}

    .dev-btn1:hover {
        color: #9ca3af;
        background: transparent;
        border: none;
        font-weight: 600;
    }


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
/*    -webkit-appearance: none;*/
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.checkbox-one {
    align-items: center;
    display: flex;
}

.form-check-input:focus {
    box-shadow: unset !important;
}

.checkbox-one input.form-check-input {
    width: 18px;
    height: 18px;
}


/*latest*/


.left-col .mb-4 {
    margin-bottom: 12px !important;
}

.checkbox-one input[type="checkbox"] {
    accent-color: #369aec !important;
    cursor: pointer;
}

.container-main {
    font-size: 14px !important;
}

.checkbox-one {
    gap: 8px;
}

    .checkbox-one span {
        color: #111827;
        opacity: 0.5;
    }

.form-control:focus {
    border: 1px solid #3DA3F7;
    box-shadow: 0 0 0 1px #3DA3F7 !important;
}

.dev-btn svg {
    width: 15px;
}

.dev-btn {
    font-size: 14px;
    align-items: center;
}

.dev-btn1 {
    font-size: 14px;
}

.dev-btn2 {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #49a54d;
    border: none;
}

.media-btns button {
    color: #3da3f7;
    font-size: 14px;
    font-weight: 600;
    text-decoration: unset;
}

    .media-btns button:hover {
        color: #3da3f7;
        text-decoration: underline;
    }

.container-main input.form-control {
    min-height: 2.5rem;
}

.modal.show .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 850px;
    width: 100%;
}

.modal-dialog.modal-lg h5,
th,
p {
    font-size: 14px;
    color: #111827 !important;
    opacity: 1;
    font-weight: 700;
}

.modal-dialog.modal-lg .modal-body {
    padding: 0;
    border-radius: 8px;
    border-bottom: 1px solid #e5e7eb;
    margin: 0px 24px;
}

.modal-footer {
    border-top: 0;
}

.modal-header.justify-content-between {
    border-bottom: 0;
}

.dropdown-chevron {
    transition: .2s ease;
}

/* When dropdown is open */
button[aria-expanded="true"] .dropdown-chevron {
    transform: rotate(180deg);
}
.d-flex.button-grp button {
    padding: 8px 16px;
}
.modal.show .modal-dialog .modal-header.justify-content-between {
    padding: 17px 24px 17px 24px;
    color: #111827;
    opacity: 0.7;
    font-weight: 700;
}
.modal-dialog.modal-lg .modal-body .d-flex.fw-semibold.text-muted.mb-2 {
    padding: 12px 24px;
    border-bottom: 1px solid #d1d5dbbf;
    margin-bottom: 0 !important;
    color: #111827 !important;
    opacity: 0.7;
    font-size: 14px;
}
.modal.show .modal-dialog .d-flex.align-items-center.gap-3.mb-3 {
    padding: 12px 24px;
    border-bottom: 1px solid #d1d5dbbf;
    margin-bottom: 0 !important;
    border-radius: 0px 0px 8px 8px;
}
    .modal.show .modal-dialog .d-flex.align-items-center.gap-3.mb-3 input.form-control.text-center {
        background: transparent;
        color: #000000;
        border-radius: 6px;
        width: 46px;
        width: 100px !important;
    }
    .modal.show .modal-dialog .d-flex.align-items-center.gap-3.mb-3 .d-flex.align-items-center.gap-2 button {
        font-size: 20px;
        cursor:pointer;
    }
.modal-footer {
    gap: 24px;
    padding: 24px;
    justify-content: end;
    align-items: end;
}

.dev-note-head .modal-header.justify-content-between {
    display: none;
}
.dev-note-head .modal-body {
    padding: 24px;
}
    .dev-note-head .modal-body span.badge.bg-danger.mb-2 {
        background: #b10202 !important;
        border: none;
        padding: 10px 20px;
        font-size: 14px;
        font-weight: 600;
        border-radius: 50px;
    }
    .dev-note-head .modal-body p {
        opacity: 1;
        font-weight: 500 !important;
        font-family: Roboto, sans-serif;
    }



.nav.nav-underline.tab-main button {
    padding: 12px;
/*    color: #000;*/
    font-weight: 500;
    transition:unset !important;
}
.nav.nav-underline.tab-main.nav-underline .nav-link.active {
    padding: 12px 20px;
    color: #3da3f7;
    border-bottom: 2px solid #3da3f7;
    font-weight: 500;
}
.nav.nav-underline.tab-main {
    display: flex;
    justify-content: flex-start;
    gap: 0;
    margin-bottom: 12px;
    /*    padding-left: 0.5rem;
    padding-right: 0.5rem;*/
}
.tab-container {
    border: 1px solid #0000002d;
    border-radius: 5.7px;
    background: #fff;
    padding: 10px;
}
    .tab-container .p-4.border.rounded.bg-white {
        border: none !important;
    }
    .tab-container .p-4.border.rounded.bg-white {
        padding: 14px !important;
        padding-bottom: 0 !important;
    }
.nav.nav-underline.tab-main button:hover {
    border-bottom: 2px outset #ffffff;
    background: #fff;
    padding: 12px 12px 10px 12px;
}
.container-main label {
    margin-bottom: 0.25rem;
}
.ean-outer.col-md-6.d-flex.align-items-end button {
    color: #3da3f7;
    font-weight: 600;
    border: 2px solid #3da3f7;
    padding: 7px;
}
    .ean-outer.col-md-6.d-flex.align-items-end button:hover {
        color: #fff;
        background: #3da3f7;

    }
.col-md-6.profit-div input {
    background: #f3f4f6;
    opacity: 0.6;
    cursor: not-allowed;
}
.form-group.Notes-one {
    padding: 14px;
}
    .form-group.Notes-one textarea#notes {
        min-height: 120px;
    }
.p-4.border.rounded.bg-white.content-div input.form-control {
    background: #f3f4f6;
    opacity: 0.6;
    cursor: not-allowed;
}
.package-container {
    font-size: 14px;
    padding: 14px !important;
}

    .package-container .section {
        border: 1px solid #0000002d;
        border-radius: 6px;
/*        padding: 10px;*/
        margin-bottom: 20px;
        background: #ffffff;
    }

    .package-container .table-header {
        display: grid;
        grid-template-columns: 150px repeat(5, 1fr);
        font-size: 14px;
        color: #111827;
        opacity: 0.7;
        font-weight: 700;
        /* margin-bottom: 8px; */
        padding: 12px 24px;
        border-bottom: 1px solid #0000002d;
        gap: 10px;
    }

    .package-container .table-row {
        display: grid;
        grid-template-columns: 150px repeat(5, 1fr);
        gap: 10px;
        /* margin-bottom: 8px; */
        align-items: center;
        padding: 12px 24px;
    }

        .package-container .table-row div {
            font-weight: 400 !important;
            font-family: Roboto, sans-serif !important;
        }

    .package-container input {
        width: 100%;
        padding: 6px 8px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background: #fff;
        font-size: 13px;
        color: #111827;
        color: #111827;
        text-align: end;
    }

        .package-container input[readonly] {
            background: #f2f2f2;
            color: #777;
            background-color: #f3f4f6;
            opacity: 0.6;
            color: #000000;
            cursor: not-allowed;
        }
        .package-container input:focus {
            outline: unset !important;
            border: 1px solid #3DA3F7;
            box-shadow: 0 0 0 1px #3DA3F7 !important;
        }
.table-row.table-row-two {
    border-top: 1px solid #0000002d;
    border-bottom: 1px solid #0000002d;
}
.table-row.table-row-three {
    border-bottom: 1px solid #0000002d;
}
.section.Outer-Carton-div .table-row input {
    /* max-width: 300px !important; */
    /* width: 100% !important; */
    width: 200px;
}
    .section.Outer-Carton-div .table-row input:nth-of-type(3)
    {
        width:90px
    }
    /* Parent Wrapper */
    .sp-input {
        position: relative;
        width: 280px;
        margin-bottom: 12px;
    }

    /* Input Field */
    .sp-input input {
        width: 100%;
        padding: 10px 40px 10px 12px;
        border: 1px solid #dcdcdc;
        border-radius: 8px;
        outline: none;
        font-size: 14px;
        transition: all 0.3s ease;
    }

        /* Focus State (Second Image Style) */
        .sp-input input:focus {
            border: 1px solid #3DA3F7;
            box-shadow: 0 0 0 1px #3DA3F7 !important;
        }

    /* Search Icon */
    .sp-input .search-icon {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #777;
        pointer-events: none;
        transition: .2s ease;
    }

    /* Clear Icon (Hidden by Default) */
.sp-input {
    position: relative;
}

    .sp-input .clear-icon {
        position: absolute;
        right: 35px; /* search icon se pehle */
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        font-size: 16px;
        color: #999;
        transition: .2s ease;
    }

        .sp-input .clear-icon:hover {
            color: #000;
        }

    /* Show Clear Icon When Focused */
    .sp-input input:focus + .search-icon {
        display: none;
    }

    .sp-input input:focus ~ .clear-icon {
        display: block;
    }

/* HR Styling */
.sp-hr {
    margin-top: 20px;
    border: none;
    height: 1px;
    background-color: #e5e5e5;
}

.sp-input i {
    color: #3da3f7;
    font-size: 12px;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.sp-input .search-icon:hover {
    background: #f3f4f6;
}

.sp-input .clear-icon {
    background: #f3f4f6;
}

.sp-inner {
    /* border: 1px solid #dcdcdc; */
    /* border-radius: 8px; */
    /* background: #fff; */
    overflow: hidden;
    font-size: 14px;
    margin-left: -24px;
    margin-right: -24px;
}
.sp-row.sp-header .sp-col.channel {
    margin-left: 50px;
}

    /* Rows */
    .sp-inner .sp-row {
        display: flex;
        align-items: center;
        padding: 12px 16px;
        border-bottom: 1px solid #eee;
    }

        .sp-inner .sp-row:last-child {
            border-bottom: none;
        }

    /* Header */
    .sp-inner .sp-header {
        background: #fff;
    }

    /* Columns */
    .sp-inner .sp-col {
        flex: 1;
    }

        .sp-inner .sp-col.channel {
            flex: 2;
        }

        .sp-inner .sp-col.price {
            text-align: right;
        }

    /* Input */
    .sp-inner .sp-input-price {
        max-width: 140px;
        margin-left: auto;
    }

    /* Footer */
.sp-inner .sp-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    border-top: 1px solid #eee;
    padding-bottom: 0;
}

    /* Entries */
.sp-inner .sp-entries {
    color: #111827bf;
}
button.sp-page-btn:hover {
    background: #3da3f7 !important;
    color: #fff !important;
}
button.sp-page-btn.btn1.disabled:hover {
    opacity: 0.6;
    background: #fff !important;
    color: #000 !IMPORTANT;
    border: 2px solid #f3f4f6 !IMPORTANT;
}

    /* Pagination */
    .sp-inner .sp-pagination {
        display: flex;
        gap: 6px;
    }
button.sp-page-btn.btn1 {
    border: 1px solid #f3f4f6 !IMPORTANT;
    color: #000;
    opacity: 0.6;
}

.sp-inner .sp-page-btn {
    border: 1px solid #3da3f7;
    background: white;
    border-radius: 5px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    font-size: 25px;
    align-items: center;
    color: #3da3f7;
}

        .sp-inner .sp-page-btn.active {
            border-color: #2f80ed;
            color: #2f80ed;
        }

    /* Dropdown */
    .sp-inner .sp-dropdown select {
        border: 1px solid #dcdcdc;
        border-radius: 4px;
        padding: 4px 8px;
        background: white;
    }

    .sp-inner .sp-col.channel svg {
        width: 16px !important;
        color: #409be9;
        margin-right: 32px !important;
    }

    .sp-inner .sp-row:hover {
        background-color: #f3f4f6;
    }

    .sp-inner .sp-row input.form-control.sp-input-price {
        border: none !important;
        outline: unset !important;
        text-align: end;
        box-shadow: unset !important;
        padding: 0;
        font-size: 14px;
        color: #000;
    }

    .sp-inner .sp-row:hover input {
        background-color: #f3f4f6;
    }

    .sp-inner .sp-row {
        padding: 0px 16px;
        color: #000;
    }

        .sp-inner .sp-row:nth-of-type(1) {
            padding: 12px 16px;
            font-weight: 400;
            border-top: 1px solid #eee;
        }

.dropdown.sp-dropdown {
    display: flex;
    justify-content: space-between;
}
.sp-inner .sp-row:nth-of-type(1):hover {
  background:#fff !important;
}
.dropdown.sp-dropdown button.form-control.form-control-lg.d-flex.justify-content-between.align-items-center {
    height: unset;
    color: #000;
    width: 47px;
    padding: 6px;
    height: -16px !important;
    margin-bottom: 1px;
}
.sp-footer-inner {
    display: flex;
    flex-direction: row-reverse;
    gap: 15px;
    align-items: center;
    margin-left: 10px;
}
.sp-inner input[type=number]::-webkit-outer-spin-button,
.sp-inner input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.sp-inner input[type=number] {
    -moz-appearance: textfield;
}

    .sp-inner input[type=number]:hover::-webkit-inner-spin-button,
    .sp-inner input[type=number]:hover::-webkit-outer-spin-button {
        display: none;
    }
.price-history-one {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}
.price-history-two div {
    font-size: 14px;
}
.price-history-one .fw-semibold {
    font-weight: 500 !IMPORTANT;
    font-size: 14px;
    padding: 12px 24px;
}
.price-history-two {
    display: flex;
    justify-content: space-between;
    padding: 12px 24px;
    border-bottom: 1px solid #e5e7eb;
}
.price-history-item.mb-4.price-history-main {
    margin-left: -24px;
    margin-right: -24px;
}
.price-history-two div:nth-of-type(2) {
    margin-left: -5%;
}
.price-history-two:hover {
    background: #f3f4f6;
}
.modal.fade.print-barcodeone.show .modal-dialog {
    max-width: 600px !important;
    margin-top: 0;
}
    .modal.fade.print-barcodeone.show .modal-dialog canvas#barcodeCanvas {
        display: flex;
        padding-top: 0;
    }
    .modal.fade.print-barcodeone.show .modal-dialog .text-center.p-4 {
        padding: 0 !important;
    }
.modal.fade.print-barcodeone.show .modal-footer {
    display: flex;
}
.card.mb-3.basic-main select.form-select {
    height: 44px;
}
button.btn.border-0.pallet-btn {
    display: flex;
    align-items: center;
    gap: 10px;
}
    button.btn.border-0.pallet-btn svg {
        width: 15px;
    }
.modal.fade.print-barcodeone.show .modal-dialog canvas#barcodeCanvas {
    width: 100% !important;
    max-width: 600px;
}
.modal.fade.print-barcodeone.show .modal-dialog .mb-3 {
    font-family: "Courier New", Courier, monospace;
}
.container-main .btn:focus,
.container-main .btn:active,
.container-main .btn:focus-visible {
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    color: #9ca3af !important;
}
.supplier-page .tab-item.active {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #3da3f7;
    border-bottom: 2px solid #3da3f7;
}
.supplier-page .tab-item {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    /* color: #3da3f7; */
    /* border-bottom: 2px solid #3da3f7; */
}
.supplier-page td.text-start a {
    color: #000;
    font-size: 14px;
}
.supplier-page td.text-start {
    font-size: 14px;
    color: #000;
}
.supplier-page th.text-start span {
    color: #000 !important;
    opacity: 1 !important;
    font-size: 14px;
}
.supplier-page .sp-footer {
    display: flex;
    justify-content: space-between;
}
    .supplier-page .sp-footer button.sp-page-btn.btn1 {
        border: 1px solid #f3f4f6 !IMPORTANT;
        color: #000;
        opacity: 0.6;
        width: 32px;
        height: 32px;
        font-size: 18px;
    }
button.sp-page-btn {
    background: #fff;
    width: 32px;
    height: 32px;
    color: #3da3f7;
    font-size: 18px;
    border: 2px solid #3da3f7;
    border-radius: 5px;
}
.supplier-page .table-responsive {
    margin-left: -14px;
    margin-right: -14px;
}
.supplier-page table#AR1TQQGG7HJ0F {
    margin-bottom: 0 !important;
}
.sp-entries {
    color: #111827bf;
}
.dropdown.sp-dropdown button.form-control.form-control-lg.d-flex.justify-content-between.align-items-center {
    border-color: #d1d5db;
    gap: 10px;
    width: 55px;
}
.chevrens {
    display: flex;
    flex-direction: column;
    font-size: 5px;
}
.supplier-btn button {
    background: #49a54d;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-weight: 600;
}
.supplier-btn button:hover {
    background: #49a54d;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-weight: 600;
}
a.text-muted.me-3.view-exprt-btn {
    font-weight: 600;
    color: #9ca3af !important;
    text-decoration: unset;
    cursor:pointer;
}
.combo-box-one {
    position: relative;
}

    .combo-box-one .dropdown-chevron {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        transition: transform .3s ease;
        z-index:10;
    }

    .combo-box-one input:focus + .dropdown-chevron,
    .combo-box-one:focus-within .dropdown-chevron {
        transform: translateY(-50%) rotate(180deg);
    }
    .position-relative.combo-box button.btn.btn-outline-secondary {
    display: none;
}
.combo-box-one input.form-control {
    border-radius: 6px !important;
}
.card.shadow-none.border-soft.card-rounded.card-spacious.customer-main span.status-badge.status-archived {
    background: transparent;
    color: #000;
}
section.customer-home .table-responsive span.badge.bg-dark.text-white {
    border-radius: 30px;
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
}
section.customer-home .table-responsive span.badge.bg-danger.text-white {
    background-color: #ffcfc9 !important;
    color: #b10202 !important;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 30px;
}
.card.shadow-none.border-soft.card-rounded.card-spacious.customer-main table a, td {
    color: #000 !important;

}
.card.shadow-none.border-soft.card-rounded.card-spacious.customer-main span.badge.bg-warning.text-dark {
    color: #753800 !important;
    background: #ffc8aa !important;
    font-weight: 600 !important;
    font-size: 0.75rem;
    line-height: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-radius: 50px;
}
.card.shadow-none.border-soft.card-rounded.card-spacious.customer-main span.badge.bg-success {
    background: #d4edbc !important;
    color: #11734b !important;
    font-weight: 600 !important;
    font-size: 0.75rem;
    line-height: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    border-radius: 30px;
}
.card.shadow-none.border-soft.card-rounded.card-spacious.customer-main .d-flex.align-items-center.gap-3 button.btn.btn-sm.btn-light {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: #f3f4f6;
    border-radius: 5px;
    margin: 0;
    color: #000000 !important;
    background: transparent;

}
.card.shadow-none.border-soft.card-rounded.card-spacious.customer-main button.btn.btn-link.text-decoration-none.ms-auto {
    color: #3da3f7 !important;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 1.25rem;
}
.card.shadow-none.border-soft.card-rounded.card-spacious.customer-main button.btn.btn-outline-success {
    height: 44px;
    width: 70%;
    margin-top: 12%;
    color: #49a54d !important;
    font-weight: 600;
    border: 2px solid #49a54d !important;
}
.card.shadow-none.border-soft.card-rounded.card-spacious.customer-main button.btn.btn-outline-success:hover {
    background: #49a54d !important;
    color: #fff !important;
}
.files-main {
    border-color: #d1d5dbbf !important;
    box-shadow: unset !important;
    font-family: "Roboto Mono", monospace;
    border-radius: 8px !important;
}
.card.p-3.mb-3.listing-main th, td {
    color: #111827 !important;
    font-size: 14px;
    font-weight: 400 !important;
}

span.badge.bg-danger.px-3.btn-one-list {
    background-color: #ffcfc9 !important;
    color: #b10202 !important;
    font-weight: 600 !important;
    font-size: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    line-height: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    border-radius: 30px;
}

span.badge.bg-success.px-3.btn-two-list {
    background: #D4EDBC !important;
    color: #11734B !important;
    font-weight: 600 !important;
    font-size: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    line-height: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    border-radius: 30px;
}

.card.p-3.mb-3.listing-main a.link-primary {
    color: #3da3f7 !important;
    text-decoration: unset;
    font-weight: 600 !important;
}
.listing-main .pagination-container,
.listing-main nav,
.listing-main .bb-grid-pager,
.listing-main .pager {
    display: none !important;
}
.listing-main .bb-grid-footer {
    display: none !important;
}
.pager-btn {
    width: 32px;
    height: 32px;
    padding: 0;
    border-radius: 4px;
    background: white;
    color: #6c757d;
    border: 1px solid #dee2e6;
    cursor: pointer;
    transition: background-color 0.15s, color 0.15s;
}

    .pager-btn.active-page {
        background: #fff;
        width: 32px;
        height: 32px;
        color: #3da3f7;
        font-size: 18px;
        border: 2px solid #3da3f7 !important;
        border-radius: 5px;
    }
        .pager-btn.active-page:hover {
            background: #3da3f7 !important;
            color: #fff !important;
        }




.pager-btn:not(:disabled):hover {
    background-color: #0d6efd;
    border-color: #0d6efd;
    color: white;
}

    .pager-btn:disabled {
        opacity: 0.5;
        border-color: #dee2e6;
        color: #6c757d;
    }
section.listing-explore-main button.btn.btn-link.text-decoration-none {
    font-weight: 600;
    color: #9ca3af;
    font-size: 14px;
}
section.listing-explore-main h4.mb-0 {
    font-weight: 700;
    font-size: 24px;
    color: #111827;
}
section.listing-explore-main button.btn.btn-outline-secondary {
    color: #9ca3af !important;
    font-weight: 600;
    font-size: 14px;
    background: transparent;
    border: none;
}
section.listing-explore-main button.btn.btn-link.text-danger.p-0 i.fa-regular.fa-trash-can {
    color: #3da3f7;
}
section.listing-explore-main table.table.table-sm.align-middle.mb-2 th {
    color: #111827 !IMPORTANT;
    opacity: 1 !important;
}
section.listing-explore-main table.table.table-sm.align-middle.mb-2 span.badge.bg-light.text-dark {
    font-weight: 600;
    background-color: #e6e6e6 !important;
    color: #3d3d3d !important;
    font-size: 0.75rem;
    line-height: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    border-radius: 50px;
}
section.listing-explore-main button.btn.btn-outline-primary.btn-sm {
    margin: 1.5rem;
    color: #3da3f7 !important;
    border: 2px solid #3da3f7 !important;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 600;
}
section.listing-explore-main button.btn.btn-outline-primary.btn-sm:hover {
    background: #3da3f7;
    color: #ffffff !important;
}
section.listing-explore-main .form-check.mt-3 {
    display: flex;
    gap: 10px;
    align-items: center;
}
section.listing-explore-main button.btn.btn-success {
    background: #49a54d;
    border: none;
    font-weight: 600;
}
/* Hide page number buttons */
.k-pager-numbers {
    display: none !important;
}

/* Hide first/last page buttons (if visible) */
.k-pager-first, .k-pager-last {
    display: none !important;
}

/* Ensure only next and previous arrows are visible */
.k-pager-prev, .k-pager-next {
    display: inline-block !important;
}

section.inventry-export .table-bordered > :not(caption) > * > * {
    border-width: 0;
    background: #fff !important;
}

section.inventry-export .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-color-type: #000;
    --bs-table-bg-type: rgb(255 255 255);
}
section.listing-explore-main table.table.table-sm.align-middle.mb-2 tbody, td, tfoot, th, thead, tr {
    border: none !important;
}
section.listing-explore-main table.table.table-sm.align-middle.mb-2 input.form-control.form-control-sm,
section.listing-explore-main table.table.table-sm.align-middle.mb-2 select{
    height: 32px !important;
    color: #111827 !important;
    border-color: #d1d5db !important;
    font-weight: 600 !important;
}
section.listing-explore-main .card.p-3.mb-3 .form-check.d-flex.align-center.gap-3 .form-check-input[type=checkbox] {
    border-radius: .25em;
    width: 22px;
    height: 22px;
    /* outline: 1px; */
}
section.listing-explore-main
.card.p-3.mb-3
.form-check.d-flex.align-center.gap-3
.form-check-input[type="checkbox"] {
    accent-color: #4493d4 !important;
}
section.inven-excon h3.mb-0.ms-2 {
    font-weight: 700;
    font-size: 24px;
    color: #111827;
}
.form-check-input[type="checkbox"] {
    accent-color: #4493d4 !important;
    border-radius: .25em;
    width: 22px;
    height: 22px;
}
section.inven-excon button#AR1TVHA4REQL5 {
    font-weight: 600;
    color: #9ca3af;
    font-size: 14px;
}
section.inven-excon button.btn.btn-success {
    background: #49a54d;
    border: none;
    font-weight: 600;
}
section.inven-excon .row.g-3.align-items-center select.form-select {
    height: 44px !important;
}
section.inven-excon .card.p-3.mb-3 .col-12 select.form-select {
    height: 44px !important;
    opacity: 0.6;
}
section.inven-excon .row.mt-3 .form-check {
    display: flex !important;
    gap: 1rem !important;
    justify-content: space-between;
}
.rounded-circle.bg-light.text-center.drag-col {
    width: 40px !important;
    height: 21px !important;
    line-height: 32px;
    cursor: grab;
    font-weight: 600 !important;
    background-color: #e6e6e6 !important;
    color: #3d3d3d !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    border-radius: 50px !important;
}

section.inven-excon i.fa-regular.fa-trash-can {
    color: #3da3f7;
}
section.inven-excon button.btn.btn-outline-primary {
    color: #3da3f7;
    border: 2px solid #3da3f7;
    font-size: 14px;
    font-weight: 600 !important;
}
section.inven-excon button.btn.btn-outline-primary:hover {
    background: #3da3f7;
    border: 2px solid #3da3f7;
    font-size: 14px;
    color:#fff;
    font-weight: 600 !important;
}
section.inventry-export table#AR1TV3Q2G9SM0 tr {
    border-bottom: 1px solid #e5e7eb !important;
}
section.inventry-export .table-responsive {
    margin-left: -14px;
    margin-right: -14px;
}
    section.inventry-export .table-responsive tr {
        border-bottom: 1px solid #e5e7eb !important;
    }
    section.inventry-export .table-responsive table#AR1TV4K691RB6 {
        margin-bottom: 8px;
    }
section.inventry-export div#AR1TV4K691RB2 {
    padding-bottom: 8px;
}
section.inventry-export .table-responsive th.text-start {
    background: #f9fafb !important;
    padding: 12px;
}
section.inventry-export .table-responsive td.text-start {
    padding: 11px;
}
section.inventry-export button.btn.btn-success {
    font-size: 14px !important;
    background: #49a54d !important;
    border: none !important;
    font-weight: 600 !important;
}
section.inventry-export div#AR1TV4K691RJ1 {
    padding-bottom: 8px !important;
}
section.inventry-export .table-responsive table#AR1TV4K691RJ5 {
    margin-bottom: 8px !important;
}
section.inventry-export .card-body {
    padding-bottom: 8px;
}
section.inventry-export .table-responsive table.bb-table.table.table-hover.table-bordered.table-striped {
    margin-bottom: 8px !important;
}
section.inventry-export .dropdown-item.active, .dropdown-item:active {
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
}
section.inventry-export .sp-footer button.form-control.form-control-lg.d-flex.justify-content-between.align-items-center {
    width: 55px !important;
    height: 30px !important;
}
section.inventry-export .d-flex.justify-content-between.align-items-center.mb-3 h3 {
    color: #111827 !important;
    font-size: 24px;
    font-weight: 700;
}
section.inventry-export a.text-primary.fw-semibold.text-decoration-none {
    color: #3da3f7 !important;
    font-size: 14px !important;
}
    section.inventry-export a.text-primary.fw-semibold.text-decoration-none:hover {
        text-decoration: underline !important;
    }
section.inven-export h4.fw-semibold.mb-0 {
    color: #111827 !important;
    font-weight: 700 !important;
    font-size: 24px;
    line-height: 2rem;
    margin-left: 10px;
}
section.inven-export tbody tr {
    border-bottom: 1px solid #e5e7eb !important;
}
section.inven-export thead tr {
    border-bottom: 1px solid #e5e7eb !important;
}
section.inven-export .card.p-3.mb-3.listing-main {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
section.inven-export .table-responsive {
    margin-left: -14px;
    margin-right: -14px;
}
section.inven-export thead tr th {
    padding: 12px 12px;
}
section.inven-export tbody tr td {
    padding: 12px 12px !important;
}
section.inven-export small.text-muted.ms-2 {
    font-size: 14px;
    color: #111827bf !important;
}
section.inven-export .d-flex.align-items-center.gap-1 button.pager-btn:nth-of-type(1) {
    border: 1px solid #f3f4f6 !important;
    background: transparent;
    opacity: 0.6;
    color: #000000;
    font-size: 18px;
}
section.inven-export .d-flex.align-items-center.gap-1 button.pager-btn:nth-of-type(2) {
    border: 1px solid #3da3f7 !important;
    background: transparent;
    color: #3da3f7;
    font-size: 18px;
    opacity:1;
}
    section.inven-export .d-flex.align-items-center.gap-1 button.pager-btn:nth-of-type(2):hover {
        background: #3da3f7;
        color:#fff;
    }
section.inven-export .text-end a.link-primary:hover
{
    text-decoration:underline !important;
}
section.listing-summary-main .d-flex.justify-content-between.align-items-center.mb-3 h4.fw-semibold.mb-0 {
    color: #111827 !important;
    font-weight: 700 !important;
    font-size: 24px;
}
section.listing-summary-main .d-flex.justify-content-between.align-items-center.mb-3 a.text-muted {
    color: #9ca3af !important;
    text-decoration: unset;
    font-weight: 600;
    font-size: 14px;
}
section.listing-summary-main .d-flex.justify-content-between.align-items-center.mb-3 button.btn.btn-success {
    font-weight: 600;
    color: #fff !important;
    background: #49a54d !important;
    opacity: 1;
    border: none;
}
.listing-inner {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 20px;
    background: #fff;
}
    .listing-inner .card.p-3 {
        min-height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
        .listing-inner .card.p-3 .text-muted {
            opacity: 0.5;
            color: #111827 !important;
        }
section.inven-excon .col-12 .form-control {
    min-height: 110px !important;
    background-color: #f8f9fa !important;
    color: #333 !important;
    overflow: auto !important;
    font-weight: 500 !important;
}
section.inven-excon select.form-select {
    height: 44px;
}



.sales-channel-box {
    width: 260px;
}

.dropdown-list {
       position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    max-height: 250px;
    overflow: auto;
    overflow-x: hidden;
    z-index: 1000;
    border-radius: 6px;
}

.dropdown-item-custom {
    padding: 8px 12px;
    cursor: pointer;
}

    .dropdown-item-custom:hover {
        background-color: #f5f5f5;
    }
.listing-inner .table-responsive {
    width: 100%;
}
section.SalesOrder-Details button.btn.btn-link.text-decoration-none.text-muted.p-0 {
    color: #9ca3af !IMPORTANT;
    font-weight: 600 !important;
    font-size: 14px;
}
section.SalesOrder-Details h4.m-0.fw-semibold {
    color: #111827 !important;
    font-weight: 700;
    font-size: 24px;
    margin-left: 24px !important;
    margin-right: 24px !important;
}
section.SalesOrder-Details span.status-badge.status-unshipped {
    background: #5a3286;
    color: #e6cff2;
}
section.SalesOrder-Details .d-flex.justify-content-between.align-items-center.mb-4 button.btn.btn-light.px-4 {
    color: #9ca3af;
    font-weight: 600 !IMPORTANT;
    font-size: 14px;
}
    section.SalesOrder-Details .d-flex.justify-content-between.align-items-center.mb-4 button.btn.btn-light.px-4:hover {
        background: transparent;
        border: none;
    }
section.SalesOrder-Details .d-flex.justify-content-between.align-items-center.mb-4 button.btn.btn-success.px-4 {
    background: #49a54d;
    font-weight: 600;
    font-size: 14px;
    border: none;
}
section.SalesOrder-Details .card.shadow-none.border-soft.sticky-top {
    position: relative;
    top: 0 !important;
}
section.SalesOrder-Details .card.mb-3.shadow-sm.border .card-header.bg-white.d-flex.justify-content-between.align-items-center.py-3.px-4 span.badge.bg-light.text-dark.border.rounded-pill.px-3 {
    color: #3d3d3d !important;
    background: #e6e6e6 !IMPORTANT;
    font-weight: 600 !IMPORTANT;
    font-size: 12px;
    padding: 4px 12px !important;
}
section.SalesOrder-Details .card-header.bg-white.d-flex.justify-content-between.align-items-center.py-3.px-4 button.btn.btn-sm {
    color: #3da3f7 !IMPORTANT;
    font-size: 14px;
    font-weight: 600 !important;
}
section.SalesOrder-Details tr {
    border: 1px solid #e5e7eb !important;
}
section.SalesOrder-Details td.align-middle input.form-control {
    height: 32px;
    background: #fff !important;
    color: #111827 !important;
    border-radius: 6px !important;
    width: 132px;
}
section.SalesOrder-Details .card-header.bg-white.d-flex.justify-content-between.align-items-center.py-3.px-4 {
    padding: 10px 18px !important;
}
section.SalesOrder-Details button.btn.btn-sm.btn-outline-secondary.rounded-circle {
    border: none;
    font-size: 20px;
    color: #3da3f7;
}
.innersales {
    overflow: auto;
}
section.SalesOrder-Details .p-4.bg-light {
    background: #fff !important;
}
section.SalesOrder-Details .p-4.bg-light {
    background: #fff !important;
}
section.SalesOrder-Details button.btn.btn-sm.btn-outline-secondary.rounded-circle:hover {
    background: transparent;
}
.innersales td {
    width: 100%;
}
section.SalesOrder-Details .d-flex.justify-content-between.align-items-center.mb-3 .input-group input.form-control.text-end {
    background: #fff;
    border-right: unset;
    padding-right: 0 !important;
    padding-left: 5px !IMPORTANT;
}
section.SalesOrder-Details .d-flex.justify-content-between.align-items-center.mb-3 .input-group span.input-group-text {
    background: #fff;
    border-left: unset;
    padding-left: 0 !important;
    padding-right: 5px !IMPORTANT;
}
section.SalesOrder-Details .row.justify-content-end .input-group {
    width: 55px !important;
}
section.SalesOrder-Details .card.shadow-none.border-soft.one .custom-tabs .nav-link.active {
    color: #000000 !important;
    border-bottom: unset !important;
    background-color: transparent !important;
    cursor: unset !IMPORTANT;
}
.row.cmpny-main {
    margin-top: 24px;
    padding-left: 10px;
    padding-right: 10px;
}
.form-check.cmpny-inner-one {
    padding: 0;
    margin-top: 24px;
    margin-bottom: 12px;
}
    .form-check.cmpny-inner-one input#sameAsShip {
        margin-right: 10px;
        width: 18px;
    }

.sales-order-btn button {
    color: #3da3f7 !important;
    font-size: 14px !important;
    border: 2px solid #3da3f7 !important;
    margin-top: 24px;
    font-weight: 600 !important;
    padding: 8px 16px;
    margin-bottom: 14px !IMPORTANT;
}
.sales-order-btn {
    text-align: end;
}
.card.p-3.mb-3.listing-main tr {
    border: 1px solid #000 !;
    border-bottom: 1px solid #e5e7eb !important;
}
.card.p-3.mb-3.listing-main .table-responsive {
    margin-left: -14px;
    margin-right: -14px;
}
.card.p-3.mb-3.listing-main thead {
    background: #f9fafb !IMPORTANT;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px;
    border-bottom: 0 !important;
}
.card.p-3.mb-3.listing-main {
    padding-top: 0px !IMPORTANT;
    padding-bottom: 0 !important;
    margin-top: 24px;
}
    .card.p-3.mb-3.listing-main thead th {
        padding: 12px 24px !important;
    }
    .card.p-3.mb-3.listing-main tbody td {
        padding: 12px 24px !important;
    }
.listing-innre-td {
    WIDTH: max-content;
}
.card.p-3.mb-3.listing-main th .d-flex.align-items-center.gap-1 {
    WIDTH: max-content;
}
.card.p-3.mb-3.listing-main .d-flex.justify-content-between.align-items-center.px-2.py-2 small.text-muted.ms-2 {
    font-size: 14px;
    color: #111827bf !important;
}
h4.fw-semibold.mb-3.lx-h4 {
    margin: 0 !IMPORTANT;
    color: #111827 !important;
    font-weight: 700 !important;
    font-size: 24px !important;
}
.card.p-3.mb-3.listing-main a.link-primary {
    color: #3da3f7 !important;
    font-weight: 600 !important;
}
.card.p-3.mb-3.listing-main a.link-primary:hover {
  text-decoration:underline;
}
.card.p-3.mb-3.listing-main .d-flex.justify-content-between.align-items-center.px-2.py-2 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
    /* ── Billing Card ─────────────────────────────────────── */
    page-wrapper-invoice .billing-card {
        border-radius: 12px;
        border: 1px solid #e9ecef;
        box-shadow: none;
    }

    page-wrapper-invoice .billing-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 16px;
        margin-bottom: 4px;
    }

    page-wrapper-invoice .billing-title {
        font-size: 15px;
        font-weight: 600;
        color: #1a1a2e;
        margin: 0;
    }

    page-wrapper-invoice .billing-info-icon {
        font-size: 18px;
        color: #9ca3af;
        cursor: pointer;
        transition: color 0.2s;
    }

        page-wrapper-invoice .billing-info-icon:hover {
            color: #6b7280;
        }

    page-wrapper-invoice .billing-inner {
        border: 1px solid #e9ecef;
        border-radius: 10px;
        padding: 20px;
        background: #fff;
    }

    page-wrapper-invoice .billing-label {
        font-size: 12px;
        color: #6b7280;
        margin-bottom: 5px;
        display: block;
        font-weight: 400;
    }

    page-wrapper-invoice .billing-input {
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        font-size: 13.5px;
        color: #374151;
        background: #fff;
        padding: 8px 12px;
        height: 38px;
        transition: border-color 0.2s;
    }

        page-wrapper-invoice .billing-input:focus {
            border-color: #6366f1;
            box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.08);
            outline: none;
        }

        page-wrapper-invoice .billing-input:disabled {
            background: #f9fafb;
            color: #9ca3af;
        }

 

        .page-wrapper-invoice .d-flex.align-items-center.gap-2 button {
            display: flex;
            align-items: center;
            gap: 10px;
        }

    section.customer-home .sp-input {
        margin: 0;
    }




.page-wrapper-invoice .d-flex.align-items-center.gap-2 button {
}
    /* ── Billing Card ─────────────────────────────────────── */
    page-wrapper-invoice .billing-card {
        border-radius: 12px;
        border: 1px solid #e9ecef;
        box-shadow: none;
    }

    h6.billing-title {
        color: silver;
    }

    page-wrapper-invoice .billing-header {
        display: flex;
        align-items: center;
        gap: 6px;
        color: #9ca3af;
        font-weight: 600;
        font-size: 14px;
    }

    .page-wrapper.p-4.page-wrapper-invoice .d-flex.align-items-center.gap-2 svg {
        width: 18px;
    }
    /*page-wrapper-invoice .billing-title {
    font-size: 15px;
    font-weight: 600;
    color: #1a1a2e;
    margin: 0;
}

.page-wrapper.p-4.page-wrapper-invoice .d-flex.justify-content-between.align-items-center.mb-3 h2.fw-bold.mb-0.fs-5 {
    color: #111827;
    font-size: 24px !important;
}

.page-wrapper.p-4.page-wrapper-invoice .d-flex.justify-content-between.align-items-center.mb-3 .d-flex.gap-2.no-print button {
    font-weight: 600;
    color: #9ca3af;
    font-size: 14px;
}

    .page-wrapper.p-4.page-wrapper-invoice .d-flex.justify-content-between.align-items-center.mb-3 .d-flex.gap-2.no-print button.btn.btn.btn-success {
        font-weight: 600;
        background: #49a54d !important;
        border: none;
        color: #fff;
    }

.page-wrapper.p-4.page-wrapper-invoice .row.g-4 .form-control:disabled {
    background-color: #f3f4f6 !important;
    opacity: 1;
    color: #000000;
    opacity: 0.6;
    border: 1px solid #d1d5db;
}

.page-wrapper.p-4.page-wrapper-invoice .row.g-4 .dropdown-item.active, .dropdown-item:active {
    color: #000000;
    text-decoration: none;
    background-color: #ffffff;
}

.page-wrapper.p-4.page-wrapper-invoice .row.g-4 input.form-control {
    color: #111827 !IMPORTANT;
    font-size: 14px;
}

.page-wrapper.p-4.page-wrapper-invoice .row.g-4 .dropdown span {
    color: #111827;
    font-size: 14px;
}

.page-wrapper.p-4.page-wrapper-invoice .card.card-custom.mb-4.billing-card .card-body {
    padding: 0;
}

.page-wrapper.p-4.page-wrapper-invoice .card.card-custom.mb-4.billing-card .billing-header h6.billing-title {
    margin: 0 !IMPORTANT;
}

.page-wrapper.p-4.page-wrapper-invoice .card.card-custom.mb-4.billing-card .billing-header hr {
    margin: 0;
}

.page-wrapper.p-4.page-wrapper-invoice .card.card-custom.mb-4.billing-card .billing-header h6.billing-title {
    margin: 0 !IMPORTANT;
    padding: 16px 24px;
}

.page-wrapper.p-4.page-wrapper-invoice .card.card-custom.mb-4.billing-card .billing-header h6.billing-title {
    margin: 0 !IMPORTANT;
    padding: 16px 24px;
    font-weight: 700;
    color: #111827;
    color: #111827;
    opacity: 0.7;
}

.page-wrapper.p-4.page-wrapper-invoice .card.card-custom.mb-4.billing-card .billing-inner {
    padding: 24px;
}

.page-wrapper.p-4.page-wrapper-invoice .card.card-custom.h-100 .card-body {
    align-items: center;
    display: flex;
}
    page-wrapper-invoice .billing-input:disabled {
        background: #f9fafb;
        color: #9ca3af;
    }*/

    .page-wrapper.p-4.page-wrapper-invoice .card.card-custom.mb-4.billing-card .billing-inner input.form-control.billing-input {
        background-color: #f3f4f6;
        color: #000000;
        border-color: #d1d5db;
        opacity: 0.6;
    }

    .page-wrapper.p-4.page-wrapper-invoice .card.mb-4.shadow-sm.card-custom.order-details .card-body {
        padding: 0;
    }

        .page-wrapper.p-4.page-wrapper-invoice .card.mb-4.shadow-sm.card-custom.order-details .card-body .so-header.d-flex.align-items-center.justify-content-between.mb-3 .sp-input {
            margin: 0;
        }

        .page-wrapper.p-4.page-wrapper-invoice .card.mb-4.shadow-sm.card-custom.order-details .card-body .so-header.d-flex.align-items-center.justify-content-between.mb-3 {
            margin: 0 !important;
            padding: 12px 24px;
            border-bottom: 1px solid #e5e7eb;
        }

            .page-wrapper.p-4.page-wrapper-invoice .card.mb-4.shadow-sm.card-custom.order-details .card-body .so-header.d-flex.align-items-center.justify-content-between.mb-3 h5.fw-bold.mb-0 {
                font-size: 1rem;
                font-weight: 700;
                color: #111827;
                margin-bottom: 0.75rem;
                font-weight: 700;
                color: #111827;
                color: #111827;
                opacity: 0.7;
            }

            .page-wrapper.p-4.page-wrapper-invoice .card.mb-4.shadow-sm.card-custom.order-details .card-body .so-header.d-flex.align-items-center.justify-content-between.mb-3 .d-flex.align-items-center.gap-3 span.so-count-badge {
                font-weight: 600 !important;
                background-color: #e6e6e6 !important;
                color: #3d3d3d !important;
                padding: 4px 12px !important;
                border-radius: 50px !important;
                font-size: 12px !important;
            }

            .page-wrapper.p-4.page-wrapper-invoice .card.mb-4.shadow-sm.card-custom.order-details .card-body .so-header.d-flex.align-items-center.justify-content-between.mb-3 button.so-action-btn {
                font-size: 14px !important;
                font-weight: 600;
                color: #3da3f7;
                border: none;
                background: transparent;
            }

        .page-wrapper.p-4.page-wrapper-invoice .card.mb-4.shadow-sm.card-custom.order-details .card-body tr {
            border-bottom: 1px solid #e5e7eb !important;
        }

    .page-wrapper.p-4.page-wrapper-invoice .card.mb-4.shadow-sm.card-custom.order-details td {
        background: #fff;
    }

    .page-wrapper.p-4.page-wrapper-invoice .card.mb-4.shadow-sm.card-custom.order-details input[type="checkbox"] {
        accent-color: #4191d3 !important;
        width: 18px;
        height: 18px;
    }

    .card.card-custom.mb-4.bottom .card-body {
        padding: 0;
    }

    .card.card-custom.mb-4.bottom h5.fw-bold.mb-3 {
        margin: 0 !IMPORTANT;
        padding: 16px 24px;
        font-weight: 700;
        color: #111827;
        color: #111827;
        opacity: 0.7;
        border-bottom: 1px solid #e5e7eb;
        font-size: 14px;
    }

    .card.card-custom.mb-4.bottom .card-body .row.g-3 {
        padding: 24px 24px;
    }

    .card.card-custom.mb-4.bottom .card-body textarea.form-control {
        /* max-width: inherit; */
        max-height: 90px !IMPORTANT;
        height: 100% !important;
        overflow: auto;
    }

    .card.card-custom.mb-4.bottom .card-body .row.g-3 select.form-select {
        min-height: 44px;
    }

    .page-wrapper.p-4.page-wrapper-invoice .order-summary.d-flex.justify-content-between.align-items-start .order-summary-left.text-muted.small {
        color: #111827 !IMPORTANT;
        opacity: 1 !IMPORTANT;
        font-size: 14px;
        font-weight: 400;
    }

    .page-wrapper.p-4.page-wrapper-invoice .order-summary.d-flex.justify-content-between.align-items-start .order-totals label {
        color: #111827 !IMPORTANT;
        opacity: 1 !IMPORTANT;
        font-weight: 400;
        font-size: 14px !important;
    }

    .page-wrapper.p-4.page-wrapper-invoice .order-summary.d-flex.justify-content-between.align-items-start .order-totals .col-4.text-end {
        color: #111827 !IMPORTANT;
        opacity: 1 !IMPORTANT;
        font-size: 14px !important;
        opacity: 1 !IMPORTANT;
        font-weight: 400 !IMPORTANT;
        font-size: 14px !important;
    }

    .page-wrapper.p-4.page-wrapper-invoice .order-summary.d-flex.justify-content-between.align-items-start .order-totals input.form-control.form-control-sm.freight-input.text-end.d-inline-block {
        color: #111827 !IMPORTANT;
        opacity: 1 !IMPORTANT;
        font-weight: 400;
        font-size: 14px !important;
    }

    .page-wrapper.p-4.page-wrapper-invoice .order-summary.d-flex.justify-content-between.align-items-start .order-totals .row.align-items-center.mt-2.fw-semibold {
        display: flex;
        justify-content: space-between;
    }

        .page-wrapper.p-4.page-wrapper-invoice .order-summary.d-flex.justify-content-between.align-items-start .order-totals .row.align-items-center.mt-2.fw-semibold .bottom-p {
            font-weight: 700 !important;
            color: #111827;
            opacity: 1;
            font-size: 14px;
        }

    section.customer-home .d-flex.justify-content-between.align-items-center h3 {
        color: #111827 !important;
        font-weight: 700 !important;
        font-size: 24px;
    }

    section.customer-home .d-flex.justify-content-between.align-items-center button.btn.btn-primary.me-2 {
        background: #49a54d !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        padding: 12px 16px !important;
    }

    section.customer-home .sp-input {
        margin: 0;
        min-width: 280px;
    }

    section.customer-home .custom-tabs .nav-link.active {
        color: #3da3f7 !important;
        border-bottom: 2px solid #3da3f7 !important;
        background-color: transparent !important;
        font-weight: 600 !important;
        font-size: 14px;
    }

    section.customer-home .custom-tabs .nav-link {
        color: #111827bf !important;
        font-weight: 600 !important;
        border: none !important;
        background-color: transparent !important;
        font-size: 14px;
        border-bottom: 2px solid transparent !important;
        padding: 10px 16px;
    }

    section.customer-home .nav.nav-underline.custom-tabs {
        gap: 0;
    }

    section.customer-home .custom-tabs .nav-link:hover {
        border-bottom: 2px solid #d1d5db !important;
    }

    section.customer-home tr {
        border-bottom: 1px solid #e5e7eb !important;
    }

    section.customer-home .table-responsive {
        margin-left: -14px;
        margin-right: -14px;
    }

    section.customer-home thead tr {
        background: #f9fafb !important;
        opacity: 1 !important;
    }

    section.customer-home table.bb-table.table.table-hover.table-clean.align-middle {
        margin-bottom: 12px !important;
    }

    .combo-box-one ul.dropdown-menu.show.w-100 {
        margin-top: 5px;
    }

    .card.shadow-none.border-soft.card-rounded.card-spacious.customer-main input.form-control {
        color: #111827 !IMPORTANT;
    }
.cs-details .d-flex.align-items-center.gap-2.cs-details-inner1 button {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #9ca3af;
}
    .cs-details .d-flex.align-items-center.gap-2.cs-details-inner1 button svg {
        width: 18px;
        height: 18px;
    }
.cs-details .d-flex.align-items-center.gap-2.cs-details-inner1 h5.m-0.fw-semibold {
    font-size: 24px;
    font-weight: 700 !important;
    color: #111827 !important;
}
.cs-details .d-flex.align-items-center.gap-2.cs-details-inner2 button {
    color: #9ca3af !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
    .cs-details .d-flex.align-items-center.gap-2.cs-details-inner2 button.btn.btn-success {
        background: #49a54d !IMPORTANT;
        border: none;
        color: #fff !important;
    }
.cs-details .card.mb-4.shadow-none.border-soft button.form-control.d-flex.justify-content-between.align-items-center {
    background-color: #f3f4f6 !important;
    color: #000000 !important;
    border-color: #d1d5db !important;
    opacity: 0.6 !important;
}
.cs-details .card.mb-4.shadow-none.border-soft input.form-control {
    background-color: #f3f4f6 !important;
    color: #000000 !important;
    border-color: #d1d5db !important;
    opacity: 0.6 !important;
}
.cs-details .card.mb-4.shadow-none.border-soft.items2 .card-header.d-flex.justify-content-between.align-items-center {
    background: #fff;
}
.cs-details .card.mb-4.shadow-none.border-soft.items2 .card-header.d-flex.justify-content-between.align-items-center span.fw-semibold {
    color: #111827 !important;
    opacity: 0.7;
    font-weight: 700 !important;
    font-size: 14px;
}
.cs-details .fw-semibold {
    font-weight: 600;
}
.cs-details .card.mb-4.shadow-none.border-soft.items2 .card-header.d-flex.justify-content-between.align-items-center span.badge.bg-secondary.rounded-pill
 {
    background-color: #e6e6e6 !important;
    color: #3d3d3d !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    opacity: 1 !important;
}
.cs-details .card.mb-4.shadow-none.border-soft.items2 .card-header.d-flex.justify-content-between.align-items-center button {
    background-color: transparent;
    color: #3da3f7;
    border-color: transparent;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}
.cs-details .card.mb-4.shadow-none.border-soft.items2 .row.align-items-center.p-3.border-bottom .position-relative.combo-box input.form-control {
    border-radius: 6px !IMPORTANT;
    background: #fff !IMPORTANT;
    color: #111827 !important;
    border-color: #d1d5db !important;
    opacity: 1 !important;
    height: 2rem !important;
    padding: 10px;
    cursor: pointer;
}
.cs-details .card.mb-4.shadow-none.border-soft.items2 .row.px-3.py-2.border-bottom.small.text-muted.fw-semibold.m-0 {
    padding: 12px 24px !important;
}
.cs-details .card.mb-4.shadow-none.border-soft.items2 input.form-control.text-center.mx-2 {
    height: 2rem !important;
    width: 50px !IMPORTANT;
    padding: 0 0px !important;
    padding-left: 10px !important;
}
.cs-details .card.mb-4.shadow-none.border-soft.items2 input.form-control.text-center.mx-2 {
    height: 2rem !important;
    width: 50px !IMPORTANT;
    padding: 0 0px !important;
    padding-left: 10px !important;
    background: #fff !important;
}
.cs-details .card.mb-4.shadow-none.border-soft.items2 .row.align-items-center.p-3.border-bottom {
    padding: 12px 24px !important;
    margin: 0;
    flex-wrap: nowrap;
}
    .cs-details .card.mb-4.shadow-none.border-soft.items2 .row.align-items-center.p-3.border-bottom button.btn.btn-light.btn-sm.rounded-circle {
        color: #3da3f7 !important;
        background: transparent;
        border: 0;
    }
    .cs-details .card.mb-4.shadow-none.border-soft.items2 .row.align-items-center.p-3.border-bottom .col-3 .input-group input.form-control {
        background: #fff !important;
        font-size: 14px !important;
        height: 2rem !important;
    }
    .cs-details .card.mb-4.shadow-none.border-soft.items2 .row.align-items-center.p-3.border-bottom .col-2.fw-semibold {
        font-weight: 400 !IMPORTANT;
 
    }
    .cs-details .card.mb-4.shadow-none.border-soft.items2 .row.align-items-center.p-3.border-bottom button.btn.btn-light.btn-sm {
        background: transparent;
        border: none;
        font-size: 12px;
        color: #3da3f7 !important;
        opacity: 1 !IMPORTANT;
    }
    .cs-details .card.mb-4.shadow-none.border-soft.items2 .row.align-items-center.p-3.border-bottom .text-end.fw-semibold.font-monospace {
        font-weight: 500 !important;
    }
.cs-details .p-3.d-flex.justify-content-end .flex-grow-1.fw-semibold {
    font-weight: 400 !important;
}
.cs-details .p-3.d-flex.justify-content-end .fw-semibold.text-end {
    font-weight: 400 !important;
}
.cs-details .p-3.d-flex.justify-content-end input.form-control.text-end {
    background: #fff !important;
    height: 2rem !important;
    padding: 0;
    width: 20px !important;
}
.cs-details .p-3.d-flex.justify-content-end .input-group {
    width: 50px !important;
}
.cs-details .p-3.d-flex.justify-content-end span.input-group-text {
    height: 2rem;
    border-left: 0 !important;
}
.cs-details .p-3.d-flex.justify-content-end input.form-control.text-end {
    border-right: 0;
    padding-left: 6px;
}
.cs-details .p-3.d-flex.justify-content-end span.input-group-text {
    height: 2rem;
    border-left: 0 !important;
    background: #ffff;
    padding: 0;
    padding-right: 6px;
}
.cs-details .card.shadow-none.border-soft.bottom .custom-tabs .nav-link.active {
    color: #3DA3F7 !important;
    border-bottom: unset !IMPORTANT;
    background-color: transparent !important;
    color: #111827 !important;
    cursor:unset;
}
.cs-details .card.shadow-none.border-soft.bottom input {
    height: 2.5rem !important;
    border-color: #d1d5db !important;
    background-color: #ffffff !important;
    color: #111827 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
.cs-details .card.shadow-none.border-soft.bottom .dropdown button.form-control.d-flex.justify-content-between.align-items-center {
    height: 2.5rem !important;
    border-color: #d1d5db !important;
    background-color: #ffffff !important;
    color: #111827 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
}
.card.shadow-none.border-soft.right-cst .custom-tabs .nav-link.active {
    color: #3da3f7 !IMPORTANT;
    border-bottom: 2px solid #3da3f7 !important;
    /* background-color: transparent; */
    /* margin-bottom: -1px; */
}
.gsgfg {
    margin-top: 14px;
}
.card.shadow-none.border-soft.right-cst .gsgfg input {
    height: 2.5rem !important;
    border-radius: 6px !important;
    max-width: 330px;
    width: 100%;
    margin-right: 40px;
}
.card.shadow-none.border-soft.right-cst .gsgfg .input-group {
    align-items: center;
}
    .card.shadow-none.border-soft.right-cst .gsgfg .input-group a {
        background-color: transparent;
        color: #9ca3af !important;
        border-color: transparent;
        text-decoration: none;
        font-weight: 600;
        font-size: 14px !important;
    }
.card.shadow-none.border-soft.right-cst .mb-2.mt-2 textarea.form-control.bg-light {
    background-color: #f3f4f6 !IMPORTANT;
    color: #000000 !important;
    border-color: #d1d5db;
    /* cursor: not-allowed; */
    opacity: 0.6;
    min-height: 300px;
    overflow: auto;
    font-size: 14px !important;
}
.card.shadow-none.border-soft.right-cst textarea.form-control.right-cst-inner {
    height: 70px !important;
}
.card.shadow-none.border-soft.right-cst .d-flex.justify-content-end.align-items-center.gap-2 button.form-control.d-flex.justify-content-between.align-items-center {
    height: 2.5rem !IMPORTANT;
    font-size: 14px !important;
    color: #111827 !important;
}
.card.shadow-none.border-soft.right-cst .d-flex.justify-content-end.align-items-center.gap-2 button.btn.btn.btn-outline-success.me-2 {
    margin: 0 !important;
   
}
.card.shadow-none.border-soft.right-cst .d-flex.justify-content-end.align-items-center.gap-2 {
    margin-top: 14px;
}
.card.shadow-none.border-soft.right-cst fieldset input {
    height: 2.5rem !important;
}
.card.shadow-none.border-soft.right-cst .form-check.mt-2.mb-2 {
    margin-top: 14px !important;
    display: flex;
    gap: 10px;
}
.card.shadow-none.border-soft.right-cst .form-control:disabled {
    background-color: #f3f4f6 !important;
    color: #000000 !important;
    border-color: #d1d5db !important;
    opacity: 0.6 !important;
}
.row.g-2.mt-2.cs-outer {
    padding-left: 10px;
    padding-right: 10px;
}

.card.shadow-none.border-soft.right-cst input[type="radio"] {
    accent-color: #3e84be;
    width: 20px;
    height: 18px;
}
.card.shadow-none.border-soft.right-cst label.d-flex.align-items-center.gap-2 input.form-control {
    height: 2.5rem !important;
}
textarea.form-control.txt-area {
    min-height: 110px;
}
.card.shadow-none.border-soft.right-cst p.small.text-muted {
    font-weight: 400;
    color: #111827 !important;
    opacity: 1;
}
section.salesorder-export .table-responsive tr {
    border-bottom: 1px solid #e5e7eb !important;
    background: #fff !important;
}
section.salesorder-export .table-responsive {
    margin-left: -14px;
    margin-right: -14px;
}
section.salesorder-export .table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-bg-type: #fff;
}
section.salesorder-export .sp-footer .dropdown-item.active, .dropdown-item:active {
    color: unset;
    text-decoration: none;
    background-color: #ffffff;
}
section.sales-order-home .d-flex.justify-content-between.align-items-center h3 {
    color: #111827;
    font-size: 24px;
    font-weight: 700;
}
section.sales-order-home .d-flex.justify-content-between.align-items-center button.btn.btn-outline-primary {
    font-weight: 600;
    color: #9ca3af !important;
    text-decoration: unset;
    cursor: pointer;
    border: none;
    background: transparent;
}
section.sales-order-home .d-flex.justify-content-between.align-items-center button.btn.btn-outline-primary:hover {
    font-weight: 600;
    color: #9ca3af !important;
    text-decoration: unset;
    cursor: pointer;
    border: none;
    background: transparent;
}
section.sales-order-home .d-flex.justify-content-between.align-items-center button.btn.btn-outline-secondary {
    font-weight: 600;
    color: #9ca3af !important;
    text-decoration: unset;
    cursor: pointer;
    border: none;
    margin: 0;
    background: transparent;
}
    section.sales-order-home .d-flex.justify-content-between.align-items-center button.btn.btn-outline-secondary:hover {
        font-weight: 600;
        color: #9ca3af !important;
        text-decoration: unset;
        cursor: pointer;
        border: none;
        margin: 0;
        background: transparent;
    }
section.sales-order-home .d-flex.justify-content-between.align-items-center button.btn.btn-success {
    background: #49a54d;
    border: none;
    color: #fff;
    font-weight: 600;
}
section.sales-order-home .nav.nav-underline.custom-tabs {
    gap: 0;
}
section.sales-order-home .custom-tabs .nav-link:hover {
    color: #111827bf !important;
    border-bottom: 2px solid #d1d5db !important;
}



section.sales-order-home .custom-tabs .nav-link.active:hover {
    color: #3DA3F7 !important;
    border-bottom: 2px solid #3DA3F7 !important;
    background-color: transparent !important;
}


section.sales-order-home .custom-tabs .nav-link.active {
    font-weight: 600 !important;
    
}
section.sales-order-home .row.align-items-center.mb-3 button.btn.btn-link.text-decoration-none.ms-auto {
    font-weight: 600 !important;
    color: #3da3f7 !important;
}
section.sales-order-home tr {
    border-bottom: 1px solid #eef1f4 !important;
}
section.sales-order-home .table-responsive {
    margin-left: -14px;
    margin-right: -14px;
}
section.sales-order-home tr th {
    padding: 12px 16px;
}
section.sales-order-home tr th {
    padding: 12px 16px;
}
section.sales-order-home input[type="checkbox"] {
    accent-color: #348fda !important;
    width: 18px;
    height: 18px;
}
section.sales-order-home tr td {
    padding: 12px 16px;
    color: #000 !important;
}
    section.sales-order-home tr td a {
        color: #000 !important;
    }
section.sales-order-home .sp-footer {
    margin: 0;
}
    section.sales-order-home .sp-footer .dropdown-item.active, .dropdown-item:active {
        color: #000000a3;
        text-decoration: none;
        background-color: #fff;
    }
section.sales-order-home .border.rounded.p-3.mb-3.bg-white {
    border: none !important;
    padding: 0 !important;
}
section.sales-order-home .col-12.d-flex.justify-content-end.gap-2 {
    display: inline-block;
    margin-top: -45px;
}
    section.sales-order-home .col-12.d-flex.justify-content-end.gap-2 button.btn.btn-outline-secondary {
        color: #000000 !IMPORTANT;
        opacity: 0.6 !important;
        border: none;
        font-weight: 600;
    }
        section.sales-order-home .col-12.d-flex.justify-content-end.gap-2 button.btn.btn-outline-secondary:hover {
            color: #000000 !IMPORTANT;
            opacity: 0.6 !important;
            border: none;
            font-weight: 600;
            background-color: transparent !important;
        }
        section.sales-order-home .col-12.d-flex.justify-content-end.gap-2 button.btn.btn-outline-secondary.axe {
            border: 2px solid #49a54d !IMPORTANT;
            opacity: 1 !IMPORTANT;
            color: #49a54d !IMPORTANT;
            font-size: 14px !important;
            font-weight: 600 !IMPORTANT;
        }
        section.sales-order-home .col-12.d-flex.justify-content-end.gap-2 button.btn.btn-outline-secondary.axe:hover {
            background: #49a54d !important;
            border: none;
            color: #fff !important;
        }
.card.p-3.mb-3.listing-main a.link-primary:hover {
    text-decoration: underline;
    text-decoration-color: #3da3f7 !important;
}
.card.p-3.mb-3.listing-main span.badge.bg-success.px-3 {
    background: #D4EDBC !important;
    color: #11734B !important;
    font-weight: 600 !important;
    font-size: 0.75rem 10.5px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    line-height: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    border-radius: 30px;
}

@media print {
    .sidebar, .nav-menu, .navbar, .top-bar, .layout-sidebar, .layout-nav, nav, header, aside, .no-print {
            display: none !important;
        }

        .page-wrapper-invoice {
            display: block !important;
            width: 100% !important;
            margin: 0 !important;
            padding: 10px !important;
        }

        .so-action-btn,
        .so-header .sp-input,
        .btn,
        button {
            display: none !important;
        }  

        .card-custom,
        .billing-card,
        .order-details,
        .card {
            box-shadow: none !important;
            border: 1px solid #ccc !important;
            page-break-inside: avoid;
        }

        .table-responsive {
            overflow: visible !important;
        }

        body {
            font-size: 12px !important;
        }
    }
    /*    print*/
    /*@media print {*/
    /* Sidebar, navbar, layout sab hide */
    /*.sidebar,
    .nav-menu,
    .navbar,
    .top-bar,
    .layout-sidebar,
    .layout-nav,
    nav,
    header,
    aside,
    .no-print {
        display: none !important;
    }*/
    /* Sirf invoice wrapper show karo */
    /*.page-wrapper-invoice {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
    }*/
    /* Print buttons hide karo */
    /*.so-action-btn,
    .so-header .sp-input,
    .btn,
    button {
        display: none !important;
    }*/
    /* Cards clean dikhein */
    /*.card-custom,
    .billing-card,
    .order-details,
    .card {
        box-shadow: none !important;
        border: 1px solid #ccc !important;
        page-break-inside: avoid;
    }*/
    /* Table overflow fix */
    /*.table-responsive {
        overflow: visible !important;
    }*/
    /* Font size print ke liye */
    /*body {
        font-size: 12px !important;
    }
}*/