/* _content/ApexSupps.Client.Components/Components/Breadcrumbs.razor.rz.scp.css */
.breadcrumbs-container[b-r8ng8d6ed2] {
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(4px);
    display: flex;
    flex-wrap: wrap;
    font-family: 'Alexandria Black', sans-serif;
    font-size: 0.95rem;
    padding: 0 1rem;
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 999;
}

.breadcrumb-link[b-r8ng8d6ed2] {
    color: #254AA3;
    font-weight: 400;
    position: relative;
    text-decoration: none;
    transition: color 0.25s, transform 0.25s;
}

    .breadcrumb-link[b-r8ng8d6ed2]::after {
        background: #ffffff; /* underline color */
        bottom: -2px;
        content: '';
        height: 2px;
        left: 0;
        position: absolute;
        transition: width 0.3s ease;
        width: 0;
    }

    .breadcrumb-link:hover[b-r8ng8d6ed2] {
        color: #ffffff;
        transform: translateY(-1px);
    }

        .breadcrumb-link:hover[b-r8ng8d6ed2]::after {
            width: 100%;
        }

.breadcrumb-separator[b-r8ng8d6ed2] {
    color: #ffffff80;
    margin: 0 0.5rem;
    transition: color 0.25s;
}

.breadcrumb-link:hover + .breadcrumb-separator[b-r8ng8d6ed2] {
    color: #ffffff;
}

.breadcrumb-current[b-r8ng8d6ed2] {
    color: #ffffff;
    font-weight: 400;
}

@media (max-width: 767.98px) {
    .breadcrumbs-container[b-r8ng8d6ed2] {
        font-size: 0.75rem;
        padding: 0 0.75rem;
    }
    .breadcrumb-separator[b-r8ng8d6ed2] {
        margin: 0 0.3rem;
    }
}
/* _content/ApexSupps.Client.Components/Components/Categories/CategoryComponent.razor.rz.scp.css */
.image-container[b-fmjy62j5uc] {
    position: relative;
    height: 240px;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 16px;
}
.featured-products[b-fmjy62j5uc] {
    height: 750px;
}
.product-card[b-fmjy62j5uc] {
    width: 15rem;
    padding: 0;
    background-color: var(--bs-body-bg);
    cursor: pointer;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    justify-items: center;
    overflow: hidden;
}
.product-card:hover[b-fmjy62j5uc] {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

.category-content[b-fmjy62j5uc] {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #ffffff;
    border-radius: 14px;
    height: 270px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.category-label[b-fmjy62j5uc] {
    backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.45) !important;
}

.category-label-text[b-fmjy62j5uc] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.2px;
}

.product-card > .image-container[b-fmjy62j5uc] {
    padding: 0.5rem;
}

@media (max-width: 576px) {
    .small-category[b-fmjy62j5uc] {
        width: calc(50% - 0.5rem);
        height: 200px;
        border-radius: 12px;
    }
    .category-content[b-fmjy62j5uc] {
        border-radius: 12px;
    }
    .category-label-text[b-fmjy62j5uc] {
        font-size: 13px;
    }
    .category-label[b-fmjy62j5uc] {
        padding: 6px !important;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .small-category[b-fmjy62j5uc] {
        width: calc(50% - 0.5rem);
        height: 240px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .image-container[b-fmjy62j5uc] {
        .featured-products {
            max-width: 100%;
        }
    }
}

.image-container img[b-fmjy62j5uc] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-text[b-fmjy62j5uc] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    border-radius: 8px;
}
/* _content/ApexSupps.Client.Components/Components/Orders/OrderSummaryPanel.razor.rz.scp.css */
/* "Your order". Apex Cosmetics tokens (Preview/assets/preview-site.css): white card, ice-blue chips, navy ink,
   cobalt accents, serif heading. Scoped to this component. */
.apx-os[b-3mkrs3znsa] {
    --os-bg: #ffffff;
    --os-soft: #f2f7fc;   /* round 31: ice blue (was warm ivory #faf9f6) */
    --os-ink: #16213a;
    --os-muted: #5d6b82;
    --os-line: #dce5f0;   /* round 31: cool hairline (was #e4e2db) */
    --os-cobalt: #1f55d6;
    --os-ok-bg: #e8f5ec; --os-ok-ink: #14532d;
    --os-warn-bg: #fef3c7; --os-warn-ink: #5b3a05;
    --os-stop-bg: #fde8e8; --os-stop-ink: #7f1d1d;
    --os-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", serif;
    --os-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;

    margin: 24px 0;
    padding: 24px;
    border-radius: 14px;
    background: var(--os-bg);
    color: var(--os-ink);
    font-family: var(--os-sans);
    font-size: 15px;
    line-height: 1.5;
    box-shadow: 0 1px 2px rgba(11, 31, 58, .04), 0 8px 24px rgba(11, 31, 58, .06);
}
.apx-os p[b-3mkrs3znsa], .apx-os h2[b-3mkrs3znsa], .apx-os h3[b-3mkrs3znsa], .apx-os ul[b-3mkrs3znsa], .apx-os dl[b-3mkrs3znsa], .apx-os dd[b-3mkrs3znsa] { margin: 0; }
.apx-os ul[b-3mkrs3znsa] { padding: 0; list-style: none; }

.apx-os-head[b-3mkrs3znsa] { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.apx-os-head-text[b-3mkrs3znsa] { min-width: 0; }
.apx-os-eyebrow[b-3mkrs3znsa] { color: var(--os-muted); font-size: 13px; letter-spacing: .02em; }
.apx-os-title[b-3mkrs3znsa] { font-family: var(--os-serif); font-weight: 600; font-size: 28px; line-height: 1.2; color: var(--os-ink); text-transform: none; }
.apx-os-print[b-3mkrs3znsa] {
    display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid var(--os-line); border-radius: 999px;
    background: var(--os-soft); color: var(--os-ink); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; white-space: nowrap;
}
.apx-os-print:hover[b-3mkrs3znsa] { border-color: var(--os-cobalt); color: var(--os-cobalt); }
.apx-os-print:focus-visible[b-3mkrs3znsa] { outline: 2px solid var(--os-cobalt); outline-offset: 2px; }

.apx-os-status[b-3mkrs3znsa] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 16px; padding: 12px 14px; border-radius: 8px; }
.apx-os-status--ok[b-3mkrs3znsa] { background: var(--os-ok-bg); color: var(--os-ok-ink); }
.apx-os-status--warn[b-3mkrs3znsa] { background: var(--os-warn-bg); color: var(--os-warn-ink); }
.apx-os-status--stop[b-3mkrs3znsa] { background: var(--os-stop-bg); color: var(--os-stop-ink); }
.apx-os-pill[b-3mkrs3znsa] { padding: 2px 10px; border-radius: 999px; background: rgba(255, 255, 255, .7); font-size: 12px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; white-space: nowrap; }
.apx-os-status-text[b-3mkrs3znsa] { flex: 1 1 220px; font-weight: 500; }

.apx-os-lines[b-3mkrs3znsa] { margin-top: 8px; }
.apx-os-line[b-3mkrs3znsa] { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; gap: 16px; align-items: start; padding: 16px 0; border-bottom: 1px solid var(--os-line); }
.apx-os-thumb[b-3mkrs3znsa] { width: 72px; height: 72px; object-fit: cover; border-radius: 10px; background: var(--os-soft); border: 1px solid var(--os-line); }
.apx-os-line-main[b-3mkrs3znsa] { min-width: 0; }
.apx-os-name[b-3mkrs3znsa] { font-weight: 600; overflow-wrap: anywhere; }
.apx-os-meta[b-3mkrs3znsa] { color: var(--os-muted); font-size: 14px; }
.apx-os-option[b-3mkrs3znsa] { display: inline-block; margin-top: 4px; padding: 1px 8px; border-radius: 999px; background: var(--os-soft); color: var(--os-muted); font-size: 12px; font-weight: 600; }
.apx-os-option.is-sub[b-3mkrs3znsa] { background: #eef2f8; color: var(--os-cobalt); }
.apx-os-note[b-3mkrs3znsa] { margin-top: 4px; color: var(--os-muted); font-size: 13px; }
.apx-os-note--refund[b-3mkrs3znsa] { color: var(--os-stop-ink); }
.apx-os-line-total[b-3mkrs3znsa] { font-weight: 600; white-space: nowrap; text-align: right; }

.apx-os-components[b-3mkrs3znsa] { margin-top: 10px; padding: 10px 12px; border-radius: 8px; background: var(--os-soft); }
.apx-os-comp-head[b-3mkrs3znsa] { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--os-muted); margin-bottom: 4px; }
.apx-os-comp[b-3mkrs3znsa] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 4px 0; font-size: 14px; }
.apx-os-comp-thumb[b-3mkrs3znsa] { width: 32px; height: 32px; object-fit: cover; border-radius: 6px; border: 1px solid var(--os-line); background: #fff; }
.apx-os-comp-name[b-3mkrs3znsa] { font-weight: 500; overflow-wrap: anywhere; }
.apx-os-comp-size[b-3mkrs3znsa], .apx-os-comp-qty[b-3mkrs3znsa] { color: var(--os-muted); }
.apx-os-comp-option[b-3mkrs3znsa] { font-size: 12px; color: var(--os-cobalt); }

.apx-os-totals[b-3mkrs3znsa] { margin-top: 16px; }
.apx-os-row[b-3mkrs3znsa] { display: flex; justify-content: space-between; gap: 16px; padding: 4px 0; }
.apx-os-row dt[b-3mkrs3znsa] { font-weight: 400; color: var(--os-muted); }
.apx-os-row dd[b-3mkrs3znsa] { text-align: right; white-space: nowrap; }
.apx-os-row--credit dd[b-3mkrs3znsa] { color: var(--os-ok-ink); }
.apx-os-row--total[b-3mkrs3znsa] { margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--os-line); font-size: 18px; font-weight: 700; }
.apx-os-row--total dt[b-3mkrs3znsa] { color: var(--os-ink); font-weight: 700; }

.apx-os-details[b-3mkrs3znsa] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--os-line); }
.apx-os-detail h3[b-3mkrs3znsa] { font-family: var(--os-sans); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--os-muted); margin-bottom: 6px; }
.apx-os-detail p[b-3mkrs3znsa] { overflow-wrap: anywhere; }
.apx-os-muted[b-3mkrs3znsa] { color: var(--os-muted); font-size: 14px; }

@media (max-width: 640px) {
    .apx-os[b-3mkrs3znsa] { padding: 16px; margin: 16px 0; }
    .apx-os-title[b-3mkrs3znsa] { font-size: 24px; }
    .apx-os-print[b-3mkrs3znsa] { width: 100%; justify-content: center; }
    .apx-os-line[b-3mkrs3znsa] { grid-template-columns: 56px minmax(0, 1fr); gap: 12px; }
    .apx-os-thumb[b-3mkrs3znsa] { width: 56px; height: 56px; }
    .apx-os-line-total[b-3mkrs3znsa] { grid-column: 2; text-align: left; }
    .apx-os-details[b-3mkrs3znsa] { grid-template-columns: 1fr; }
}

@media print {
    .apx-os[b-3mkrs3znsa] { padding: 0; font-size: 12pt; color: #000; }
    .apx-os-status[b-3mkrs3znsa] { border: 1px solid #999; background: none !important; color: #000 !important; }
    .apx-os-components[b-3mkrs3znsa] { background: none; border: 1px solid #ddd; }
    .apx-os-line[b-3mkrs3znsa] { break-inside: avoid; }
    .apx-os-details[b-3mkrs3znsa] { break-inside: avoid; }
}
/* _content/ApexSupps.Client.Components/Components/Products/AddBacWaterComponent.razor.rz.scp.css */
.image-container[b-d0yvurcs4d] {
    position: relative;
    height: 300px;
    Width: 300px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-card[b-d0yvurcs4d]{
    padding: .25rem;
    background-color: var(--bs-body-bg);
    border: 2px solid transparent;
    border-radius: var(--bs-border-radius);
    transition: border 0.3s;
    cursor: pointer;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
}
.product-card:hover[b-d0yvurcs4d]{
    border: 2px solid #007bff;
}
.image-container img[b-d0yvurcs4d] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-text[b-d0yvurcs4d] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; /* Ensures text is visible */
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.5); /* Adds slight background for readability */
    padding: 5px 10px;
    border-radius: 5px;
}
/* _content/ApexSupps.Client.Components/Components/Products/ProductComponent.razor.rz.scp.css */
.image-container[b-qe6e4ria4o] {
    position: relative;
    height: 220px;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 12px;
}
.featured-products[b-qe6e4ria4o] {
    height: 750px;
}
.product-card[b-qe6e4ria4o] {
    width: 15rem;
    max-width: 15rem;
    padding: 0.5rem;
    background-color: var(--bs-body-bg);
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 14px;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    justify-items: center;
    padding-bottom: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
/* Round 23: hover only where a real pointer hovers (a tap on a phone no longer leaves the card lifted); the lift only
   without a reduced-motion preference. Keyboard focus gets the same look (cosmetics-storefront.css, :has(:focus-visible)). */
@media (hover: hover) and (pointer: fine) {
    .product-card:hover[b-qe6e4ria4o] {
        box-shadow: 0 6px 20px rgba(0,0,0,0.1);
        border-color: rgba(0,0,0,0.1);
    }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .product-card:hover[b-qe6e4ria4o] {
        transform: translateY(-2px);
    }
}
@media (prefers-reduced-motion: reduce) {
    .product-card[b-qe6e4ria4o] {
        transition: none;
    }
}

.product-card > .image-container[b-qe6e4ria4o] {
    padding: 0;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .image-container[b-qe6e4ria4o] {
        .featured-products {
            max-width: 100%;
        }
    }
}

.sale-tag[b-qe6e4ria4o] {
    position: absolute;
    top: 8px;
    left: 8px;
    background: #C5312D;
    color: white;
    padding: 4px 10px;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 6px;
    letter-spacing: 0.5px;
}

.image-container img[b-qe6e4ria4o] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 220px;
    border-radius: 12px;
}

.image-text[b-qe6e4ria4o] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    border-radius: 8px;
}

.product-name[b-qe6e4ria4o] {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.2px;
}
.product-price[b-qe6e4ria4o] {
    font-size: 13px;
}

.product-actions[b-qe6e4ria4o] {
    margin-top: 6px;
    padding-bottom: 0;
}

/* Purchase buttons: global .apex-buy-btn (app.css) sized for a card. Add to cart (solid blue) on top, Buy now
   (outlined navy) directly beneath, same width, 6px apart. */
.card-buy-btn[b-qe6e4ria4o] {
    min-height: 34px;
    padding: 0 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    border-radius: 6px;
}

.card-buy-btn .fas[b-qe6e4ria4o],
.card-buy-btn .spinner-border[b-qe6e4ria4o] {
    font-size: 11px;
}

.product-actions.apex-buy-actions[b-qe6e4ria4o] {
    gap: 6px;
}

.card-buy-hint[b-qe6e4ria4o],
.card-buy-error[b-qe6e4ria4o] {
    font-size: 11px;
    line-height: 1.3;
    color: #5d6b82;
}

.card-buy-error[b-qe6e4ria4o] {
    color: #C5312D;
}

/* Compact size chooser: opens from Add to cart / Buy now on a card with more than one size. Nothing is preselected. */
.card-size-chooser[b-qe6e4ria4o] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px;
    border: 1px solid #dce5f0;   /* round 31: cool hairline (was warm #e4e2db) */
    border-radius: 8px;
    background: #ffffff;
    text-align: left;
}

.card-size-chooser__head[b-qe6e4ria4o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #0b1f3a;
}

.card-size-chooser__close[b-qe6e4ria4o] {
    border: 0;
    background: none;
    padding: 0 4px;
    font-size: 16px;
    line-height: 1;
    color: #5d6b82;
    cursor: pointer;
}

.card-size-chooser__options[b-qe6e4ria4o] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.card-size-chip[b-qe6e4ria4o] {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    padding: 4px 8px;
    border: 1px solid #c9ced8;
    border-radius: 6px;
    background: #ffffff;
    color: #16213a;
    font-size: 11px;
    line-height: 1.25;
    cursor: pointer;
}

.card-size-chip.is-selected[b-qe6e4ria4o] {
    border-color: #0b1f3a;
    box-shadow: inset 0 0 0 1px #0b1f3a;
}

.card-size-chip.is-unavailable[b-qe6e4ria4o] {
    color: #6b7280;
    background: #f4f5f7;
}

.card-size-chip__label[b-qe6e4ria4o] {
    font-weight: 700;
}

.card-size-chip__meta[b-qe6e4ria4o] {
    font-size: 10px;
    color: #5d6b82;
}

/* ===== MOBILE (< 576px) ===== */
@media (max-width: 576px) {
    .product-card[b-qe6e4ria4o] {
        width: calc(50% - 0.375rem);
        min-width: 0;
        padding: 0.35rem;
        padding-bottom: 10px;
        border-radius: 12px;
    }
    .image-container[b-qe6e4ria4o] {
        height: 160px;
        border-radius: 10px;
    }
    .image-container img[b-qe6e4ria4o] {
        max-height: 160px;
        border-radius: 10px;
    }
    .product-name[b-qe6e4ria4o] {
        font-size: 13px;
        line-height: 1.2;
        margin-bottom: 2px;
    }
    .product-price[b-qe6e4ria4o] {
        font-size: 12px;
    }
    .product-info[b-qe6e4ria4o] {
        padding: 0.25rem 0.25rem 0 !important;
    }
    .card-buy-btn[b-qe6e4ria4o] {
        min-height: 38px;
        font-size: 11px;
    }
    .product-actions[b-qe6e4ria4o] {
        margin-top: 4px;
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
    .sale-tag[b-qe6e4ria4o] {
        font-size: 9px;
        padding: 3px 6px;
        border-radius: 4px;
    }
    .image-text[b-qe6e4ria4o] {
        font-size: 14px;
    }
}

/* ===== HORIZONTAL SCROLL CARDS (similar, featured, etc.) ===== */
.product-card.similar-card[b-qe6e4ria4o],
.product-card.scroll-card[b-qe6e4ria4o] {
    width: 10rem;
    flex-shrink: 0;
}

@media (max-width: 576px) {
    .product-card.similar-card[b-qe6e4ria4o],
    .product-card.scroll-card[b-qe6e4ria4o] {
        width: 9rem;
    }
    .product-card.similar-card .image-container[b-qe6e4ria4o],
    .product-card.scroll-card .image-container[b-qe6e4ria4o] {
        height: 130px;
    }
    .product-card.similar-card .image-container img[b-qe6e4ria4o],
    .product-card.scroll-card .image-container img[b-qe6e4ria4o] {
        max-height: 130px;
    }
}

/* Round 14: the product name is a link to the product page; it keeps the card's text colour. */
.product-name-link[b-qe6e4ria4o] {
    color: inherit;
    text-decoration: none;
}

.product-name-link:hover[b-qe6e4ria4o],
.product-name-link:focus-visible[b-qe6e4ria4o] {
    text-decoration: underline;
}

/* Reduced motion: the card keeps its hover shadow but does not move. */
@media (prefers-reduced-motion: reduce) {
    .product-card[b-qe6e4ria4o] { transition: none; }
    .product-card:hover[b-qe6e4ria4o] { transform: none; }
}
/* _content/ApexSupps.Client.Components/Components/TestEnvironmentStrip.razor.rz.scp.css */
.apex-test-strip[b-mu0pfols8z] {
    /* A slim strip at the very top of every page that scrolls away with it. Not sticky: two sticky bars at top: 0
       stacked the strip over the storefront header and covered the logo while scrolling (round 20 header polish). */
    position: relative;
    z-index: 1;
    padding: 4px 12px;
    background: #fff4d6;
    color: #4a3b00;
    border-bottom: 1px solid #e6cf85;
    font: 500 12px/1.4 Inter, system-ui, sans-serif;
    text-align: center;
    letter-spacing: 0.01em;
}
/* _content/ApexSupps.Client.Components/Layout/CartSidebar.razor.rz.scp.css */
.cart-sidebar[b-40z4mhutnp] {
    position: fixed;
    right: -380px;
    top: 0;
    width: 360px;
    height: 100%;
    background: #fff;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 20px 14px 20px 18px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
}

.cart-sidebar.open[b-40z4mhutnp] {
    right: 0;
    /* Above the cookie banner (99990) so its Checkout button is never covered; below the cookie settings dialog. */
    z-index: 99995;
}


@media screen and (max-width: 576px) {
    .cart-sidebar[b-40z4mhutnp] {
        width: 100%;
        right: -100%;
    }
}

.cart-header[b-40z4mhutnp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.cart-header h4[b-40z4mhutnp] {
    color: #000 !important;
    font-size: 16px;
    letter-spacing: 1px;
}

.close-btn[b-40z4mhutnp] {
    background-color: #f2f2f2;
    border: 0;
    border-radius: 10px;
    -webkit-appearance: none;
    cursor: pointer;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s ease;
}

.close-btn:hover[b-40z4mhutnp] {
    background-color: #e5e5e5;
}

.close-btn i[b-40z4mhutnp] {
    font-size: 11px;
    color: #333 !important;
}

/* Promo banner */
.cart-promo-banner[b-40z4mhutnp] {
    background: #f7f8fc !important;
    border: 1px solid #e8ecf4 !important;
    border-radius: 12px !important;
}

.cart-promo-banner div[b-40z4mhutnp],
.cart-promo-banner span[b-40z4mhutnp] {
    color: #1a1a2e !important;
}

.cart-promo-banner .text-success[b-40z4mhutnp],
.cart-promo-banner .text-success span[b-40z4mhutnp] {
    color: #198754 !important;
}

.cart-promo-banner .progress[b-40z4mhutnp] {
    background: #e0e4ed !important;
    border-radius: 99px;
    height: 4px !important;
}

.cart-promo-banner .progress-bar[b-40z4mhutnp] {
    background: #5AA3F6 !important;
    border-radius: 99px;
}

/* Cart items */
.cart-items[b-40z4mhutnp] {
    margin-top: 12px;
    flex: 1;
    overflow-y: auto;
    padding-right: 4px;
}

.cart-items[b-40z4mhutnp]::-webkit-scrollbar {
    width: 3px;
}

.cart-items[b-40z4mhutnp]::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.15);
    border-radius: 10px;
}

.cart-items[b-40z4mhutnp]::-webkit-scrollbar-track {
    background-color: transparent;
}

/* Cart item row */
.cart-item-row[b-40z4mhutnp] {
    background: #f8f8f8;
    border: 1px solid rgba(0,0,0,0.05);
    border-radius: 12px;
    padding: 10px;
    margin-bottom: 8px;
    transition: background 0.15s ease;
}

/* Image */
.image-container[b-40z4mhutnp] {
    position: relative;
    height: 70px;
    width: 70px;
    overflow: hidden;
    display: flex;
    flex-shrink: 0;
    border-radius: 10px;
}

.image-container img[b-40z4mhutnp] {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 10px;
}

.sale-tag[b-40z4mhutnp] {
    position: absolute;
    top: 0;
    left: 0;
    background: #C5312D;
    color: white;
    padding: 2px 6px;
    font-weight: bold;
    font-size: 8px;
    text-transform: uppercase;
    border-radius: 6px 0 6px 0;
}

.image-text[b-40z4mhutnp] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    background: rgba(0, 0, 0, 0.5);
    padding: 3px 6px;
    border-radius: 4px;
}

/* Item text */
.cart-items h5[b-40z4mhutnp] {
    text-wrap: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow-x: hidden;
    color: #111 !important;
    font-size: 13px !important;
}

.cart-items small[b-40z4mhutnp] {
    color: #5d6b82 !important; /* round 17: 5.3:1 on white (was #888, 3.5:1) */
    font-size: 11px;
}

/* Quantity */
.custom-number-input[b-40z4mhutnp] {
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.custom-number-input button[b-40z4mhutnp] {
    width: 28px;
    height: 26px;
    background: transparent;
    border: none;
    color: #333;
    font-size: 14px;
    cursor: pointer;
}

.custom-number-input button:active[b-40z4mhutnp] {
    background: #f0f0f0;
}

.custom-number-input span[b-40z4mhutnp] {
    background-color: transparent;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    min-width: 24px;
    color: #111 !important;
}

/* Remove button */
.cart-items .btn-link i[b-40z4mhutnp] {
    color: #5d6b82 !important;
    font-size: 12px;
    transition: color 0.15s ease;
}

.cart-items .btn-link:hover i[b-40z4mhutnp] {
    color: #C5312D !important;
}

/* Close button icon */
.close-btn i[b-40z4mhutnp] {
    color: #555 !important;
}

/* Price */
.cart-items .inter-extrabold[b-40z4mhutnp] {
    color: #111;
}

/* Subtotal */
.cart-footer-area strong[b-40z4mhutnp] {
    color: #111 !important;
}

/* Cart add-on row (bac water, needles) — sits between the items and the footer so it is the last
   thing read before Subtotal, and never scrolls away with the item list. */
.cart-addon-row[b-40z4mhutnp] {
    background: #f4f6fa;
    border: 1px solid #e3e8f0;
    border-radius: 12px;
    padding: 8px 10px;
    margin-top: 8px;
    flex-shrink: 0;
    overflow: hidden;
}

.addon-thumb[b-40z4mhutnp] {
    border-radius: 8px;
}

.addon-name[b-40z4mhutnp] {
    color: #111 !important;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.addon-qty[b-40z4mhutnp] {
    color: #666;
    font-weight: 400;
    font-size: 12px;
}

.cart-addon-row small[b-40z4mhutnp] {
    color: #5d6b82 !important; /* round 17: 5.3:1 on white (was #888, 3.5:1) */
    font-size: 11px;
}

.addon-price[b-40z4mhutnp] {
    color: #10213A !important;
    font-size: 12px;
    margin-top: 2px;
    white-space: nowrap;
}

.addon-price-was[b-40z4mhutnp] {
    color: #5d6b82 !important; /* >= 4.5:1 on white (cosmetics-prices.css) */
    font-weight: 400;
    text-decoration: line-through;
    margin-right: 4px;
}

.addon-price-now[b-40z4mhutnp] {
    color: #10213A !important; /* sale shown by the "Sale" label + struck price, not colour alone */
}

/* Bootstrap's switch, sized up enough to be a comfortable thumb target on mobile.
   !important throughout: these fight .form-check-input at equal specificity, and which one wins
   would otherwise come down to stylesheet order. */
.addon-switch[b-40z4mhutnp] {
    width: 42px !important;
    height: 22px !important;
    cursor: pointer;
    background-color: #cfd6e2 !important;
    border-color: #cfd6e2 !important;
}

.addon-switch:checked[b-40z4mhutnp] {
    background-color: #000 !important;
    border-color: #000 !important;
}

.addon-switch:focus[b-40z4mhutnp] {
    box-shadow: none !important;
}

.addon-switch:disabled[b-40z4mhutnp] {
    opacity: 0.5;
    cursor: wait;
}

/* Footer - always pinned to bottom */
.cart-footer[b-40z4mhutnp] {
    padding: 14px 0 0;
    padding-bottom: calc(4px + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(0,0,0,0.08);
    flex-shrink: 0;
    margin-top: auto;
    background: #fff;
}

.checkout-btn[b-40z4mhutnp] {
    font-family: 'Space Grotesk', sans-serif;
    background-color: #000;
    color: #fff;
    border-radius: 12px;
    width: 100%;
    height: 48px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    border: none;
    transition: all 0.2s ease;
}

.checkout-btn:hover[b-40z4mhutnp] {
    background-color: #222;
}

.checkout-btn:active[b-40z4mhutnp] {
    transform: scale(0.98);
}

/* Empty cart */
.cart-items p[b-40z4mhutnp] {
    color: #5d6b82;
    text-align: center;
    padding-top: 2rem;
}

.cart-icon[b-40z4mhutnp] {
    background: transparent;
    color: white;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 5px;
}

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

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

[b-40z4mhutnp] .form-control {
    border: 0;
    border-radius: 0 !important;
    background-color: transparent;
    color: #111;
    height: 41px;
    text-align: center;
    padding: 0;
}
/* _content/ApexSupps.Client.Components/Layout/Footer.razor.rz.scp.css */
footer[b-tsn10eyz3j] {
    background-color: #f8f8f8;
    color: #1d49ad;
}

.footer-main[b-tsn10eyz3j] {
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.12);
}

.footer-newsletter-title[b-tsn10eyz3j] {
    font-size: 24px;
}

.footer-subscribe-btn[b-tsn10eyz3j] {
    font-weight: 600;
    border-radius: 12px;
    height: 44px;
    letter-spacing: 0.5px;
    font-size: 13px;
    transition: all 0.2s ease;
}

.footer-subscribe-btn:active[b-tsn10eyz3j] {
    transform: scale(0.97);
}

[b-tsn10eyz3j] .nav-link {
    font-family: 'Ruda', sans-serif;
    font-style: normal;
    font-weight: 500;
    border-bottom: none;
    font-size: 14px;
    margin: 0 16px 0 16px;
    line-height: 24px;
    color: #FFFFFF;
}

ul.footer[b-tsn10eyz3j], ul.copyright[b-tsn10eyz3j], ul.app-version[b-tsn10eyz3j] {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    justify-content: start;
}

.links[b-tsn10eyz3j] {
    display: inline-block;
    font-size: 14px;
}

.copyright li[b-tsn10eyz3j] {
    color: #a2a2a2;
    font-size: 12px;
}

.app-version li[b-tsn10eyz3j] {
    color: #a2a2a2;
    font-size: 12px;
}

.links a img[b-tsn10eyz3j] {
    width: 2rem;
    max-height: 1.25rem;
}

.links a[b-tsn10eyz3j] {
    display: inline-block;
    padding: 15px;
    text-align: center;
    text-decoration: none;
    color: #707070;
}
.links a:hover[b-tsn10eyz3j] {
    color: #004fff;
}

.list-group-item[b-tsn10eyz3j] {
    background-color: unset;
    border: none;
}

.footer .links.list-group-item[b-tsn10eyz3j] {
    padding: 0;
}

.social-media-icons[b-tsn10eyz3j] {
    color: #000;
}

.social-media-icons:hover[b-tsn10eyz3j] {
    color: #1d49ad;
}

.footer-input[b-tsn10eyz3j] {
    border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.15);
    background: rgba(255,255,255,0.06);
    color: #fff;
    padding: 10px 14px;
    font-size: 14px;
    transition: border-color 0.2s ease;
}

.footer-input:focus[b-tsn10eyz3j] {
    border-color: rgba(255,255,255,0.4);
    background: rgba(255,255,255,0.1);
    color: #fff;
    box-shadow: none;
}

.footer-input[b-tsn10eyz3j]::placeholder {
    color: rgba(255,255,255,0.4);
}

@media (max-width: 768px) {
    .copyright li[b-tsn10eyz3j] {
        padding: 0 0 .5rem 0;
    }
    .links li[b-tsn10eyz3j], .copyright li[b-tsn10eyz3j] {
        text-align: center;
    }
    .footer-main[b-tsn10eyz3j] {
        border-radius: 16px;
        padding: 1.5rem 1rem !important;
        border: 1px solid rgba(255,255,255,0.08);
    }
    .footer-newsletter-title[b-tsn10eyz3j] {
        font-size: 18px;
    }
    .footer-subscribe-btn[b-tsn10eyz3j] {
        border-radius: 10px;
        height: 42px;
    }
}
/* _content/ApexSupps.Client.Components/Layout/MainLayout.razor.rz.scp.css */
.horizontal-scroll-wrapper[b-759jq00qff] {
    overflow-x: clip;
    overflow-y: visible;

    -ms-overflow-style: none;
    scrollbar-width: none;
}

    .horizontal-scroll-wrapper[b-759jq00qff]::-webkit-scrollbar {
        display: none;
    }
/* _content/ApexSupps.Client.Components/Layout/NavMenu.razor.rz.scp.css */
/*.navbar-brand img:after{*/
/*    content:url('images/logotext.png');*/
/*}*/

.navbar-brand[b-vlexo2y2ih] {
    margin-right: 0 !important;
}

.navbar-home[b-vlexo2y2ih] {
    background: transparent !important; /* Transparent on home page */
}

.navbar-solid[b-vlexo2y2ih] {
    background: #0A0A0A; /* Solid color on other pages */
}

.mobile-nav-dark[b-vlexo2y2ih] {
    background-color: #2D2C2C;
}

.navbar[b-vlexo2y2ih] {
    position: fixed;
    width: 100%;
    height: 81px;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: background 0.3s ease-in-out;
}

.navbar-toggler-icon[b-vlexo2y2ih] {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    border: none;
}

.logo[b-vlexo2y2ih] {
    color: #1FD172;
    font-family: 'Poppins', sans-serif;
    font-size: 42px;
}

.btn-login-home[b-vlexo2y2ih] {
    justify-content: center;
    align-items: center;
    padding: 8px 24px;
    width: 120px;
    height: 40px;
    border-radius: 4px;
    /* Button / SM */
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
}

    .btn-login-home:hover[b-vlexo2y2ih] {
        text-decoration: underline;
        transition: color 0.3s ease-in-out, text-decoration 0.3s ease-in-out;
        color: #0AB258;
    }

[b-vlexo2y2ih] .btn-signin {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    line-height: normal;
}

[b-vlexo2y2ih] .btn-signup {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 24px;
    width: 120px;
    height: 40px;
    background: #0AB258;
    color: #FFFFFF;
    border-radius: 4px;
}

    [b-vlexo2y2ih] .btn-signup:hover {
        border: 1px solid #0AB258;
        background: #FFFFFF;
        color: #0AB258;
    }

[b-vlexo2y2ih] .nav-link {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    border-bottom: none;
    font-size: 14px;
    margin: 0 6px 0 6px;
    line-height: 24px;
    border-bottom: 2px solid transparent;
    color: #FFFFFF;
}

/*Buttons and links*/
a[b-vlexo2y2ih], .btn-link[b-vlexo2y2ih] {
    color: #FFFFFF;
    text-decoration: none;
}

    a:hover[b-vlexo2y2ih], .btn-link:hover[b-vlexo2y2ih] {
        color: black;
    }

[b-vlexo2y2ih] a.nav-link.active, [b-vlexo2y2ih] .nav-link:hover {
    background: unset;
    box-shadow: unset;
    border-bottom: 2px solid #254AA3;
    transition: color 0.3s ease-in-out;
    color: #254AA3;
}

.search-input-container[b-vlexo2y2ih] {
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    width: 360px;
}

.search-input-icon[b-vlexo2y2ih] {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    pointer-events: none;
    z-index: 2;
}

[b-vlexo2y2ih] .search-input {
    width: 100%;
    border-radius: 999px;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.18);
    height: 42px;
    padding: 0 40px 0 42px;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
    box-shadow: none;
}

    [b-vlexo2y2ih] .search-input:hover {
        background-color: rgba(255, 255, 255, 0.12);
        border-color: rgba(255, 255, 255, 0.28);
    }

    [b-vlexo2y2ih] .search-input:focus {
        background-color: rgba(255, 255, 255, 0.14);
        border-color: rgba(78, 163, 216, 0.7);
        box-shadow: 0 0 0 3px rgba(78, 163, 216, 0.18);
        outline: none;
    }

    [b-vlexo2y2ih] .search-input::placeholder {
        color: rgba(255, 255, 255, 0.55);
    }

.search-clear-btn[b-vlexo2y2ih] {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 11px;
    z-index: 2;
    transition: background-color .15s ease;
}

    .search-clear-btn:hover[b-vlexo2y2ih] {
        background: rgba(255, 255, 255, 0.28);
    }

.mobile-search-input-container[b-vlexo2y2ih] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1050;
    padding: 12px 14px;
    background: rgba(10, 10, 10, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    gap: 10px;
    transform: translateY(-100%);
    opacity: 0;
    transition: transform .3s ease-out, opacity .3s ease-out;
    height: 64px;
    display: flex;
    align-items: center;
}

.mobile-search-input-wrapper[b-vlexo2y2ih] {
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
}

.mobile-search-cancel-btn[b-vlexo2y2ih] {
    background: transparent;
    border: none;
    color: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 0 4px;
    cursor: pointer;
    white-space: nowrap;
}

    .mobile-search-cancel-btn:hover[b-vlexo2y2ih] {
        color: rgba(255, 255, 255, 0.75);
    }

    .mobile-search-input-container.hide[b-vlexo2y2ih] {
        transform: translateY(-100%);
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
    }

    .mobile-search-input-container.show[b-vlexo2y2ih] {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }

.nav-icon[b-vlexo2y2ih] {
    font-size: 18px;
    color: white;
    line-height: 1;
    display: block;
}

.nav-icon-btn[b-vlexo2y2ih] {
    all: unset;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.nav-icon-img[b-vlexo2y2ih] {
    height: 22px;
    width: 22px;
    object-fit: contain;
}

.nav-icon-wrapper[b-vlexo2y2ih] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
}

    .nav-icon-wrapper:focus-within[b-vlexo2y2ih] {
        display: block;
    }

.nav-icons-container[b-vlexo2y2ih] {
    gap: 10px;
}

.notification-badge[b-vlexo2y2ih] {
    position: absolute;
    top: -1px;
    right: -1px;
    background: red;
    color: white;
    font-size: 11px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.search-results-container[b-vlexo2y2ih] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    display: flex;
    flex-direction: column;
    background-color: rgba(15, 15, 15, 0.98);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    width: 100%;
    max-height: 420px;
    overflow-y: auto;
    z-index: 10;
    padding: 6px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.55);
}

.mobile-search-results[b-vlexo2y2ih] {
    position: absolute;
    top: calc(100% + 6px);
    left: 14px;
    right: 14px;
    width: auto;
}

.search-empty-state[b-vlexo2y2ih] {
    padding: 14px 12px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-family: 'Inter', sans-serif;
    font-size: 13px;
}

    .search-results-container .search-option[b-vlexo2y2ih] {
        padding: 10px 12px;
        display: flex;
        align-items: center;
        cursor: pointer;
        border-radius: 10px;
        transition: background-color .15s ease;
    }

        .search-results-container .search-option:hover[b-vlexo2y2ih] {
            background-color: rgba(78, 163, 216, 0.18);
        }

        .search-results-container .search-option img[b-vlexo2y2ih] {
            height: 48px;
            width: 48px;
            object-fit: cover;
            border-radius: 10px;
            background: rgba(255, 255, 255, 0.05);
        }

        .search-results-container .search-option small[b-vlexo2y2ih] {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.65) !important;
        }

    .search-results-container[b-vlexo2y2ih]::-webkit-scrollbar {
        width: 5px;
    }

    .search-results-container[b-vlexo2y2ih]::-webkit-scrollbar-track {
        background: transparent;
    }

    .search-results-container[b-vlexo2y2ih]::-webkit-scrollbar-thumb {
        background: #666;
        border-radius: 4px;
        border: 1px solid #000;
    }

        .search-results-container[b-vlexo2y2ih]::-webkit-scrollbar-thumb:hover {
            background: #aaa;
        }

.search-results-container[b-vlexo2y2ih] {
    scrollbar-width: thin;
    scrollbar-color: #666 transparent;
    scrollbar-gutter: stable;
}

.search-menu-overlay[b-vlexo2y2ih] {
    width: 100vw;
    height: 100vh;
    z-index: 1;
    background-color: transparent;
    top: 0;
    position: fixed;
    left: 0;
}

/* Desktop css */
@media (min-width: 1400px) {
    /* Show elements meant only for desktop view */
    .desktop-only[b-vlexo2y2ih] {
        display: flex !important;
    }

    /* Hide mobile-only elements on desktop */
    .mobile-only[b-vlexo2y2ih] {
        display: none !important;
    }

    /* Scrollable dropdown menus (admin, etc.) */
    [b-vlexo2y2ih] .dropdown-menu {
        max-height: calc(100vh - 200px);
        overflow-y: auto;
        scrollbar-color: #555 transparent;
        scrollbar-width: thin;
    }

        [b-vlexo2y2ih] .dropdown-menu::-webkit-scrollbar {
            width: 8px;
        }

        [b-vlexo2y2ih] .dropdown-menu::-webkit-scrollbar-track {
            background: transparent;
        }

        [b-vlexo2y2ih] .dropdown-menu::-webkit-scrollbar-thumb {
            background-color: #555;
            border-radius: 4px;
        }

            [b-vlexo2y2ih] .dropdown-menu::-webkit-scrollbar-thumb:hover {
                background-color: #888;
            }

    /* Scrollable container for category
       list inside SHOP dropdown */
    .category-scroll[b-vlexo2y2ih] {
        max-height: calc(100vh - 150px);
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0;
    }

        /* Custom scrollbar for Chrome, Edge, Safari */
        .category-scroll[b-vlexo2y2ih]::-webkit-scrollbar {
            width: 8px;
        }

        /* Hide the track background */
        .category-scroll[b-vlexo2y2ih]::-webkit-scrollbar-track {
            background: transparent;
        }

        .category-scroll[b-vlexo2y2ih]::-webkit-scrollbar-thumb {
            background-color: #555;
            border-radius: 4px;
        }

            .category-scroll[b-vlexo2y2ih]::-webkit-scrollbar-thumb:hover {
                background-color: #888;
            }

    /* Firefox scrollbar styling */
    .category-scroll[b-vlexo2y2ih] {
        scrollbar-color: #555 transparent;
        scrollbar-width: thin;
    }

    /* Default dropdown behavior on desktop */
    .offcanvas .dropdown-menu[b-vlexo2y2ih] {
        --bs-dropdown-min-width: 18rem;
        display: none !important;
        list-style: none;
    }

        /* Show dropdown only when Bootstrap 
           applies the .show class */
        .offcanvas .dropdown-menu.show[b-vlexo2y2ih] {
            display: block !important;
        }
}

/* Mobile css only */
@media (max-width: 1399.98px) {
    [b-vlexo2y2ih] a.btn-signin.nav-link {
        height: 30px;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none !important;
    }

    /* Hide desktop-only elements on mobile */
    .desktop-only[b-vlexo2y2ih] {
        display: none !important;
    }

    /* Show mobile-only elements */
    .mobile-only[b-vlexo2y2ih] {
        display: flex !important;
    }

    /* Make search input expand full width */
    [b-vlexo2y2ih] .search-input {
        width: 100%;
    }

    /* Push dropdown caret (arrow) 
       to the far right */
    .dropdown-toggle[b-vlexo2y2ih]::after {
        margin-left: auto;
    }

    /* Force navbar height for consistent layout */
    .navbar[b-vlexo2y2ih] {
        height: 80px !important;
    }

    /* Remove extra padding from the 
       hamburger (toggler) button */
    .navbar-toggler[b-vlexo2y2ih] {
        --bs-navbar-toggler-padding-x: 0rem !important;
        --bs-navbar-toggler-padding-y: 0rem !important;
    }

    /* Make the offcanvas body scrollable */
    .offcanvas-body[b-vlexo2y2ih] {
        height: 100vh;
        overflow-y: auto;
    }

    /* Align offcanvas logo with main navbar logo */
    .offcanvas-header[b-vlexo2y2ih] {
        padding-left: 0.75rem;
        padding-right: 1.5rem;
        padding-top: 1.50rem;
    }

    /* Make the mobile sidebar cover 
       the full screen width */
    .offcanvas.offcanvas-end[b-vlexo2y2ih] {
        --bs-offcanvas-bg: #000;
        width: 100vw !important;
        max-width: 100vw !important;
    }

    /* Base styles for mobile dropdown menus */
    .offcanvas .dropdown-menu[b-vlexo2y2ih] {
        background-color: #000;
        border: none;
        color: #fff;
        display: block !important;
        position: static;
        /* Initial state for sliding */
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.6s ease-in-out;
    }

        /* Expanded state of mobile dropdown */
        .offcanvas .dropdown-menu.show[b-vlexo2y2ih] {
            max-height: 1000px;
        }

    /* Remove Bootstrap blue active highlight
       on mobile menu links */
    .offcanvas .nav-link.active[b-vlexo2y2ih] {
        color: #fff !important;
        background: none !important;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    /*    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: flex !important;
    }*/

    [b-vlexo2y2ih] .nav-icon {
        font-size: 14px;
    }

    [b-vlexo2y2ih] .nav-icon-wrapper {
        transform: scale(0.9);
    }

    [b-vlexo2y2ih] .nav-link {
        font-size: 10px;
    }
}
/* _content/ApexSupps.Client.Components/Layout/NavSearch.razor.rz.scp.css */
.search-icon[b-fjhn4msvrc] {
    width: 1rem;
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate( 0deg) brightness(1000%) contrast(1000%); /*white*/
    vertical-align: text-top;
    /*margin-top: 0.15rem;*/
}

#scopes.dropdown-menu-end[b-fjhn4msvrc] {
    position: absolute;
    min-width: 7.75rem;
    right: 2.7rem;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

ul.dropdown-menu[b-fjhn4msvrc] {
    padding: 0;
}

    ul.dropdown-menu li a[b-fjhn4msvrc] {
        color: #4A494A;
    }

        ul.dropdown-menu li a:hover[b-fjhn4msvrc] {
            text-decoration: none;
            color: #FFF;
        }

    ul.dropdown-menu li.active[b-fjhn4msvrc] {
        color: #FFF;
        text-decoration: none;
        background-color: #1d49ad;
        cursor: pointer;
    }

        ul.dropdown-menu li.active a[b-fjhn4msvrc] {
            color: #FFF;
        }

    ul.dropdown-menu li:hover[b-fjhn4msvrc], ul.dropdown-menu li:focus[b-fjhn4msvrc] {
        background-color: #97999b;
        color: #FFF;
        cursor: pointer;
    }

        ul.dropdown-menu li:hover a[b-fjhn4msvrc] {
            color: #FFF;
        }

.autocomplete[b-fjhn4msvrc] {
    position: relative;
}

.optionsList[b-fjhn4msvrc] {
    position: absolute;
    top: 40px;
    left: 0;
    background: white;
    width: 100%;
    padding: 0;
    z-index: 10;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    box-shadow: 0 0 5px 1px #ced4da;
    max-height: 500px;
    overflow-y: auto;
}

.optionContainer[b-fjhn4msvrc]{
    display: none;
}

/*.autocomplete:hover .optionContainer, .autocomplete:focus-within .optionContainer{*/
/*    display: block;*/
/*}*/

.autocomplete .option[b-fjhn4msvrc] {
    display: block;
    padding: 0.25rem;
}
.autocomplete .option .option-text[b-fjhn4msvrc] {
    padding: 0.25rem 0.5rem;
}
.autocomplete .option:hover[b-fjhn4msvrc] {
    background: var(--bs-primary);
    color: #fff;
}
.autocomplete .option.disabled[b-fjhn4msvrc] {
    background-color: lightgrey;
    cursor: not-allowed;
}
.autocomplete .option.disabled:hover[b-fjhn4msvrc] {
    background: lightgrey;
    color: var(--bs-body-color);
}

.btn-nav[b-fjhn4msvrc] {
    background-color: #04065A;
    border: solid 1px #04065A;
    color: #fff;
    text-transform: none;
}

.btn-nav:hover[b-fjhn4msvrc] {
    background-color: #1d49ad;
    box-shadow: none;
    /*border: solid 1px #1d49ad;*/
    text-transform: none;
    transition: background-color .2s ease;
}
.clear-icon[b-fjhn4msvrc] {
    border-top: var(--bs-border-width) solid var(--bs-border-color);
    border-bottom: var(--bs-border-width) solid var(--bs-border-color);
    position: relative;
    font-size: 1.5rem;
    cursor: pointer;
    z-index: 6;
    padding-right:12px;
    color: #dc3545;
    background-color:white;
    line-height:31px;
    border-color:white;
    transition: border-color .15s , box-shadow .15s ;
}

.clear-icon:not(:focus)[b-fjhn4msvrc]{
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

#search-box:focus ~ .clear-icon[b-fjhn4msvrc] {
    border: 2px solid #86b7fe;
    border-left: 0;
}

#search-box[b-fjhn4msvrc] {
    border-right: 0;
}
/* _content/ApexSupps.Client.Components/Pages/Checkout/Checkout.razor.rz.scp.css */
/* Round 24: the single-page checkout layout lives in wwwroot/css/cosmetics-checkout.css (.cs-op-*). The step indicator,
   offer banners and right-column rules of the four-step layout were removed with it. */
.cs-op-dialog-backdrop[b-vh296l4qtm] {
    background: rgba(11, 31, 58, .55);
}
/* _content/ApexSupps.Client.Components/Pages/Checkout/Components/OrderSummary.razor.rz.scp.css */
/* Round 24: the one-page checkout's order summary is styled in wwwroot/css/cosmetics-checkout.css (.cs-op-summary ...), next to
   the rest of the checkout design tokens. Only the line photo lives here. */
.cs-op-line-photo img[b-4er2xxhfne] {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 8px;
}
/* _content/ApexSupps.Client.Components/Pages/Checkout/Components/PaymentSection.razor.rz.scp.css */
.accepted-cards img[b-l39uxh8ofp] {
    height: 32px;
    object-fit: contain;
}

.microform-field[b-l39uxh8ofp] {
    height: 44px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0.5rem; 
    margin-bottom: 1rem;
    background: #fff;
}

.blerb-text[b-l39uxh8ofp]{
    font-size: 22px;
}

.microform-input[b-l39uxh8ofp] {
    height: 40px;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    background-color: white;
    transition: border-color 0.3s ease;
}

.spinner-overlay[b-l39uxh8ofp] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-icon[b-l39uxh8ofp] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: auto;
    pointer-events: none;
    z-index: 2;
}

#number-container[b-l39uxh8ofp],
#securityCode-container[b-l39uxh8ofp] {
    height: 44px;
    padding: 8px;
    border: 1px solid #000000;
    border-radius: 0;
    background-color: #fff;
    overflow: hidden;
    color: #000000;
    display: flex;
    align-items: center;
}

.microform-input:focus-within[b-l39uxh8ofp] {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0,123,255,.25);
}

iframe[b-l39uxh8ofp] {
    width: 100%;
    height: 100%;
    border: none;
}

.cc-icon[b-l39uxh8ofp] {
    height: 20px;
    position: absolute;
    right: 10px;
    top: calc(50% + 6px);
    width: 60px;
}
/* ============================================================================
   Payment method picker — each method is a selectable card, and the chosen one
   opens to hold its own form. Modelled on the reference checkout Riley sent,
   in Apex's palette rather than that site's orange.
   ========================================================================= */

.payment-option[b-l39uxh8ofp] {
    border: 1px solid #E3E6EC;
    border-radius: 14px;
    background: #FFFFFF;
    margin-bottom: 10px;
    overflow: hidden;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.payment-option:hover[b-l39uxh8ofp] {
    border-color: #C3CEDD;
}

/* The chosen method is the only one carrying the accent, so the eye lands on the
   row that owns the form underneath it. */
.payment-option.is-selected[b-l39uxh8ofp] {
    border-color: #2F6BFF;
    box-shadow: 0 0 0 1px #2F6BFF inset, 0 8px 22px rgba(47, 107, 255, .10);
}

.payment-option-head[b-l39uxh8ofp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    width: 100%;
    margin: 0;
    padding: 16px 18px;
    cursor: pointer;
}

.payment-option-title[b-l39uxh8ofp] {
    font-weight: 600;
    color: #1A1A2E;
}

/* Pushed to the far right of the row, like the reference's padlock. */
.payment-option-lock[b-l39uxh8ofp] {
    margin-left: auto;
    color: #98A2B3;
    font-size: 14px;
}

.payment-option-head .form-check-input[b-l39uxh8ofp] {
    margin-top: 0;
    flex-shrink: 0;
}

/* The form belonging to the selected method. */
.payment-details[b-l39uxh8ofp] {
    padding: 4px 18px 18px;
    border-top: 1px solid #EDF0F5;
}

/* ---------- Accepted card tiles ---------- */

.card-brands[b-l39uxh8ofp] {
    width: 100%;
    margin-top: 4px;
}

.card-brands-label[b-l39uxh8ofp] {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #1A1A2E;
}

.card-brand-tiles[b-l39uxh8ofp] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.card-brand-tile[b-l39uxh8ofp] {
    display: flex;
    flex: 1 1 0;
    min-width: 92px;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 10px 8px;
    border: 1px solid #E3E6EC;
    border-radius: 10px;
    background: #FAFBFD;
    font-size: 12px;
    font-weight: 600;
    color: #5C6470;
}

.card-brand-tile i[b-l39uxh8ofp] {
    font-size: 26px;
}

/* Mastercard is shown greyed rather than hidden: a customer holding one needs to
   know before they type 16 digits that it will be refused. */
.card-brand-tile.is-declined[b-l39uxh8ofp] {
    border-style: dashed;
    background: #FFF;
    color: #B42318;
}

.card-brand-tile.is-declined i[b-l39uxh8ofp] {
    color: #C3CEDD;
}

@media (max-width: 575px) {
    .payment-option-head[b-l39uxh8ofp] {
        padding: 14px;
    }

    .payment-details[b-l39uxh8ofp] {
        padding: 4px 14px 14px;
    }

    .card-brand-tile[b-l39uxh8ofp] {
        min-width: 72px;
        font-size: 11px;
    }
}

/* The group itself is just a stack now — the cards carry the borders. */
.payment-options[b-l39uxh8ofp] {
    display: block;
}
/* _content/ApexSupps.Client.Components/Pages/Checkout/RewardsRedeemComponent.razor.rz.scp.css */
/* Apex Rewards at checkout. The checkout column is light, so this panel is styled
   to sit with the Discount Code and Gift Card blocks above it rather than with the
   dark account area. */

.rewards-panel[b-2eyh4l5x45] {
    padding: 14px 16px;
    border: 1px solid #E3E6EC;
    border-radius: 12px;
    background: #FAFBFD;
    font-size: 14px;
    color: #1A1A2E;
}

.rewards-panel i.fa-star[b-2eyh4l5x45] {
    color: #F0A500;
}

.rewards-balance[b-2eyh4l5x45] {
    font-size: 14px;
}

/* Applied: the state and the way out of it, on one line. */
.rewards-panel.is-applied[b-2eyh4l5x45] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-color: #B7E0C8;
    background: #E8F6EE;
}

.rewards-panel.is-applied i[b-2eyh4l5x45] {
    color: #198754;
}

.rewards-panel.is-muted[b-2eyh4l5x45] {
    background: #F7F8FA;
    color: #5C6470;
}

.rewards-sub[b-2eyh4l5x45] {
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.45;
    color: #6C757D;
}

/* The redeem button is the checkout's primary shape, one size down from Place Order. */
.rewards-panel[b-2eyh4l5x45]  .place-order-btn,
.rewards-panel .place-order-btn[b-2eyh4l5x45] {
    padding: 11px 14px;
    font-size: 14px;
    border-radius: 12px;
}
/* _content/ApexSupps.Client.Components/Pages/Orders/Components/FileClaimDialog.razor.rz.scp.css */
/* ============================================================================
   File a Shipping Protection claim.

   Opened from the order page, so it wears the same dark card language as the
   account area rather than a bare Bootstrap modal. Colours are declared here
   rather than inherited: a modal is portalled outside .account-shell on some
   pages, so it cannot rely on those tokens existing.
   ========================================================================= */

.claim-backdrop[b-myumrb4k7h] {
    position: fixed;
    inset: 0;
    z-index: 1055;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 40px 16px;
    overflow-y: auto;
    background: rgba(3, 5, 9, .72);
    backdrop-filter: blur(3px);
}

.claim-backdrop.is-confirm[b-myumrb4k7h] {
    z-index: 1060;
    align-items: center;
    background: rgba(3, 5, 9, .8);
}

.claim-panel[b-myumrb4k7h] {
    width: 100%;
    max-width: 660px;
    display: flex;
    flex-direction: column;
    border: 1px solid #1D2634;
    border-radius: 18px;
    background: #0E131C;
    color: #FFFFFF;
    font-family: 'Inter', sans-serif;
    box-shadow: 0 30px 70px rgba(0, 0, 0, .55);
    overflow: hidden;
}

.claim-panel.is-narrow[b-myumrb4k7h] {
    max-width: 520px;
}

/* ------------------------------ Head / foot ------------------------------ */

.claim-head[b-myumrb4k7h] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 20px 22px;
    border-bottom: 1px solid #1D2634;
    background: #0B1018;
}

.claim-head-icon[b-myumrb4k7h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2C6BF5 0%, #5B93FF 100%);
    color: #FFFFFF;
    font-size: 17px;
}

.claim-head-icon.is-warning[b-myumrb4k7h] {
    background: linear-gradient(135deg, #E0A93B 0%, #F3C25B 100%);
    color: #2A1F05;
}

.claim-head h2[b-myumrb4k7h] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
}

.claim-head p[b-myumrb4k7h] {
    margin: 3px 0 0;
    font-size: 14px;
    color: #9AA7BC;
}

.claim-close[b-myumrb4k7h] {
    margin-left: auto;
    width: 34px;
    height: 34px;
    border: 1px solid #1D2634;
    border-radius: 10px;
    background: #141B26;
    color: #9AA7BC;
    cursor: pointer;
}

.claim-close:hover[b-myumrb4k7h] {
    color: #FFFFFF;
    border-color: #2B3A4F;
}

.claim-body[b-myumrb4k7h] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 22px;
}

.claim-foot[b-myumrb4k7h] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 22px;
    border-top: 1px solid #1D2634;
    background: #0B1018;
}

/* ------------------------------ Scope notice ------------------------------ */

.claim-scope[b-myumrb4k7h] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 18px;
    border: 1px solid #1D2634;
    border-radius: 14px;
    background: #141B26;
}

.claim-scope-label[b-myumrb4k7h] {
    display: inline-block;
    margin-bottom: 8px;
    padding: 3px 10px;
    border-radius: 999px;
    background: rgba(63, 239, 72, .12);
    color: #7DE985;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .6px;
    text-transform: uppercase;
}

.claim-scope-covered ul[b-myumrb4k7h] {
    margin: 0;
    padding-left: 18px;
    font-size: 14px;
    line-height: 1.7;
    color: #D5DEEC;
}

.claim-scope-covered li[b-myumrb4k7h]::marker {
    color: #46536A;
}

.claim-scope-not[b-myumrb4k7h] {
    display: flex;
    gap: 10px;
    margin: 0;
    padding-top: 12px;
    border-top: 1px solid #1D2634;
    font-size: 13px;
    line-height: 1.55;
    color: #9AA7BC;
}

.claim-scope-not i[b-myumrb4k7h] {
    margin-top: 2px;
    color: #6FA0FF;
}

.claim-scope-not a[b-myumrb4k7h] {
    color: #6FA0FF;
}

/* ------------------------------ Fields ------------------------------ */

.claim-field[b-myumrb4k7h] {
    margin: 0;
    padding: 0;
    border: 0;
}

.claim-field legend[b-myumrb4k7h] {
    float: none;
    width: auto;
    margin-bottom: 10px;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    color: #FFFFFF;
}

.claim-required[b-myumrb4k7h] {
    color: #FF8E98;
}

.claim-muted[b-myumrb4k7h] {
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 1.55;
    color: #9AA7BC;
}

.claim-address[b-myumrb4k7h] {
    margin: 0 0 12px;
    padding: 12px 14px;
    border: 1px solid #1D2634;
    border-radius: 12px;
    background: #141B26;
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-line;
    color: #D5DEEC;
}

/* Selectable cards rather than bare radios — the same pattern as the account area. */
.claim-choices[b-myumrb4k7h] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.claim-choice[b-myumrb4k7h] {
    flex: 1 1 160px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 13px 15px;
    border: 1px solid #1D2634;
    border-radius: 12px;
    background: #141B26;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}

.claim-choice:hover[b-myumrb4k7h] {
    border-color: #2B3A4F;
}

.claim-choice.is-selected[b-myumrb4k7h] {
    border-color: #2F6BFF;
    background: rgba(47, 107, 255, .10);
}

.claim-choice input[b-myumrb4k7h] {
    margin-top: 3px;
    width: 16px;
    height: 16px;
    accent-color: #2F6BFF;
    flex-shrink: 0;
}

.claim-choice strong[b-myumrb4k7h] {
    display: block;
    font-size: 14px;
    font-weight: 600;
}

.claim-choice small[b-myumrb4k7h] {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: #9AA7BC;
}

.claim-subfield[b-myumrb4k7h] {
    margin-top: 12px;
}

.claim-subfield label[b-myumrb4k7h] {
    display: block;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
}

.claim-body textarea[b-myumrb4k7h] {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #1D2634;
    border-radius: 12px;
    background: #141B26;
    color: #FFFFFF;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
}

.claim-body textarea[b-myumrb4k7h]::placeholder {
    color: #5C6B82;
}

.claim-body textarea:focus[b-myumrb4k7h] {
    outline: none;
    border-color: #2F6BFF;
    box-shadow: 0 0 0 3px rgba(47, 107, 255, .18);
}

/* ------------------------------ Photos ------------------------------ */

.claim-dropzone[b-myumrb4k7h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    margin-top: 10px;
    padding: 18px;
    border: 1px dashed #2B3A4F;
    border-radius: 12px;
    background: #10161F;
    color: #9AA7BC;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.claim-dropzone:hover[b-myumrb4k7h] {
    border-color: #2F6BFF;
    color: #FFFFFF;
}

.claim-dropzone i[b-myumrb4k7h] {
    font-size: 16px;
}

/* The file input covers the zone so the whole area is the control. */
.claim-dropzone[b-myumrb4k7h]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.claim-dropzone.is-disabled[b-myumrb4k7h] {
    opacity: .6;
    cursor: not-allowed;
}

.claim-photos[b-myumrb4k7h] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.claim-photo[b-myumrb4k7h] {
    position: relative;
    width: 92px;
    height: 92px;
    border: 1px solid #1D2634;
    border-radius: 12px;
    overflow: hidden;
}

.claim-photo img[b-myumrb4k7h] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.claim-photo button[b-myumrb4k7h] {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: rgba(10, 14, 22, .85);
    color: #FFFFFF;
    font-size: 11px;
    cursor: pointer;
}

.claim-photo button:hover[b-myumrb4k7h] {
    background: #C5312D;
}

/* ------------------------------ Errors / confirm ------------------------------ */

.claim-error[b-myumrb4k7h] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 13px 15px;
    border: 1px solid rgba(220, 53, 69, .5);
    border-radius: 12px;
    background: rgba(220, 53, 69, .12);
    color: #FFC9CD;
    font-size: 14px;
}

.claim-error i[b-myumrb4k7h] {
    margin-top: 2px;
    color: #FF8E98;
}

.claim-confirm-lead[b-myumrb4k7h] {
    margin: 0;
    font-size: 15px;
}

.claim-confirm-list[b-myumrb4k7h] {
    margin: 0;
    padding-left: 18px;
    font-size: 14px;
    line-height: 1.7;
    color: #D5DEEC;
}

.claim-confirm-list li[b-myumrb4k7h]::marker {
    color: #46536A;
}

.claim-confirm-resolution[b-myumrb4k7h] {
    margin: 0;
    padding: 13px 15px;
    border: 1px solid #1D2634;
    border-radius: 12px;
    background: #141B26;
    font-size: 14px;
    line-height: 1.55;
}

/* ------------------------------ Buttons ------------------------------ */

.claim-btn[b-myumrb4k7h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: filter .15s ease, background-color .15s ease;
}

.claim-btn.is-primary[b-myumrb4k7h] {
    background: #2F6BFF;
    color: #FFFFFF;
}

.claim-btn.is-primary:hover:not(:disabled)[b-myumrb4k7h] {
    filter: brightness(1.08);
}

.claim-btn.is-quiet[b-myumrb4k7h] {
    border-color: #1D2634;
    background: #141B26;
    color: #D5DEEC;
    font-weight: 600;
}

.claim-btn.is-quiet:hover:not(:disabled)[b-myumrb4k7h] {
    background: #1B2434;
    color: #FFFFFF;
}

.claim-btn:disabled[b-myumrb4k7h] {
    opacity: .65;
    cursor: not-allowed;
}

/* ------------------------------ Responsive ------------------------------ */

@media (max-width: 575px) {
    .claim-backdrop[b-myumrb4k7h] {
        padding: 0;
    }

    .claim-panel[b-myumrb4k7h] {
        min-height: 100%;
        border: 0;
        border-radius: 0;
    }

    .claim-head[b-myumrb4k7h],
    .claim-body[b-myumrb4k7h],
    .claim-foot[b-myumrb4k7h] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .claim-choice[b-myumrb4k7h] {
        flex: 1 1 100%;
    }

    .claim-foot[b-myumrb4k7h] {
        flex-direction: column-reverse;
    }

    .claim-btn[b-myumrb4k7h] {
        width: 100%;
    }
}
/* _content/ApexSupps.Client.Components/Pages/Orders/ViewOrderPage.razor.rz.scp.css */
/* Single order, in the account area's card language. Colour tokens (--acc-*)
   come from .account-shell; this file only describes the order-specific shapes. */

.order-back[b-uhzjex50gm] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--acc-muted, #9AA7BC);
    text-decoration: none;
}

.order-back:hover[b-uhzjex50gm] {
    color: var(--acc-text);
}

/* ------------------------------ Acknowledgment ------------------------------ */

.order-ack[b-uhzjex50gm] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 18px;
    border: 1px solid var(--acc-line, #1D2634);
    border-radius: 12px;
    background: var(--acc-panel-raised, #141B26);
    font-size: 15px;
    cursor: pointer;
}

.order-ack input[b-uhzjex50gm] {
    width: 20px;
    height: 20px;
    margin-top: 1px;
    accent-color: var(--acc-blue, #2F6BFF);
    flex-shrink: 0;
}

/* ------------------------------ Items ------------------------------ */

.order-items[b-uhzjex50gm] {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.order-items li[b-uhzjex50gm] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid var(--acc-line);
}

.order-items li:last-child[b-uhzjex50gm] {
    border-bottom: 0;
    padding-bottom: 0;
}

.order-items li:first-child[b-uhzjex50gm] {
    padding-top: 0;
}

.order-item-photo[b-uhzjex50gm] {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--acc-line, #1D2634);
    border-radius: 12px;
    background: var(--acc-panel-raised);
    overflow: hidden;
}

.order-item-photo img[b-uhzjex50gm] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.order-item-body[b-uhzjex50gm] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1 1 auto;
    min-width: 0;
}

.order-item-name[b-uhzjex50gm] {
    font-size: 16px;
    font-weight: 600;
    color: var(--acc-text);
    text-decoration: none;
}

.order-item-name:hover[b-uhzjex50gm] {
    color: var(--acc-blue);
}

.order-item-qty[b-uhzjex50gm] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    font-size: 13px;
    color: var(--acc-muted, #9AA7BC);
}

.order-item-price[b-uhzjex50gm] {
    flex-shrink: 0;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap;
}

/* ------------------------------ Summary ------------------------------ */

.order-summary[b-uhzjex50gm] {
    margin: 0;
    font-size: 14px;
}

.order-summary > div[b-uhzjex50gm] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    padding: 9px 0;
    border-bottom: 1px solid var(--acc-line);
}

.order-summary dt[b-uhzjex50gm] {
    font-weight: 500;
    color: var(--acc-muted, #9AA7BC);
}

.order-summary dd[b-uhzjex50gm] {
    margin: 0;
    font-weight: 600;
    white-space: nowrap;
}

.order-summary dd.is-credit[b-uhzjex50gm] {
    color: var(--acc-ok);
}

/* The line the customer actually cares about, so it is the only heavy row. */
.order-summary > div.is-total[b-uhzjex50gm] {
    margin-top: 4px;
    padding-top: 14px;
    border-top: 1px solid var(--acc-line, #1D2634);
    border-bottom: 0;
}

.order-summary > div.is-total dt[b-uhzjex50gm],
.order-summary > div.is-total dd[b-uhzjex50gm] {
    font-size: 17px;
    font-weight: 700;
    color: var(--acc-text);
}

/* ------------------------------ Facts / delivery ------------------------------ */

.order-facts[b-uhzjex50gm] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.order-fact[b-uhzjex50gm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.order-fact > span[b-uhzjex50gm] {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--acc-muted, #9AA7BC);
}

.order-fact strong[b-uhzjex50gm] {
    font-size: 15px;
    font-weight: 600;
    color: var(--acc-text);
}

.order-address[b-uhzjex50gm] {
    line-height: 1.5;
}

.order-tracking-number[b-uhzjex50gm] {
    font-weight: 500;
    opacity: .85;
}

.order-hint[b-uhzjex50gm] {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--acc-muted, #9AA7BC);
}

.order-hint strong[b-uhzjex50gm] {
    color: var(--acc-text);
}

.order-hint a[b-uhzjex50gm] {
    color: var(--acc-blue);
}

/* ------------------------------ Claim ------------------------------ */

.order-claim[b-uhzjex50gm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid var(--acc-line, #1D2634);
    border-radius: 12px;
    background: var(--acc-panel-raised, #141B26);
}

.order-claim-label[b-uhzjex50gm] {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--acc-muted, #9AA7BC);
}

.order-claim strong[b-uhzjex50gm] {
    display: block;
    margin-top: 3px;
    font-size: 15px;
}

.order-claim small[b-uhzjex50gm] {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: var(--acc-muted, #9AA7BC);
}

/* ------------------------------ Responsive ------------------------------ */

@media (max-width: 575px) {
    .order-items li[b-uhzjex50gm] {
        gap: 12px;
    }

    .order-item-photo[b-uhzjex50gm] {
        flex-basis: 56px;
        width: 56px;
        height: 56px;
    }

    .order-claim[b-uhzjex50gm] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* _content/ApexSupps.Client.Components/Pages/Resources/AnnouncementBar.razor.rz.scp.css */
.announcement-wrapper[b-ghy18xsg63] {
    width: 100%;
    background-color: #111;
    color: #fff;
    height: 36px;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.announcement-track[b-ghy18xsg63] {
    display: flex;
    align-items: center;
    white-space: nowrap;
    flex-shrink: 0;
    animation: scroll-marquee-b-ghy18xsg63 90s linear infinite;
}

.announcement-text[b-ghy18xsg63] {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0 20px;
}

.announcement-separator[b-ghy18xsg63] {
    font-size: 12px;
    opacity: 0.5;
    padding: 0 10px;
}

[b-ghy18xsg63] .announcement-text p {
    margin: 0;
    display: inline;
}

@keyframes scroll-marquee-b-ghy18xsg63 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
/* _content/ApexSupps.Client.Components/Pages/Resources/PrivacyPage.razor.rz.scp.css */
/* _content/ApexSupps.Client.Components/Pages/Resources/SiteBanner.razor.rz.scp.css */
/* ===================== legacy text banner ===================== */
.banner-content[b-o8lnone4tg]  p {
    margin: 0;
    display: inline;
}

.banner-marquee[b-o8lnone4tg] {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    white-space: nowrap;
    animation: scroll-left-b-o8lnone4tg 50s linear infinite;
}

    .banner-marquee.no-scroll[b-o8lnone4tg] {
        animation: none;
        transform: none;
        justify-content: center;
        width: 100%;
    }

.banner-text[b-o8lnone4tg] {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    line-height: 1;
}

.banner-wrapper[b-o8lnone4tg] {
    width: 100%;
    background-color: white;
    color: black;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.countdown[b-o8lnone4tg] {
    font-weight: bold;
    white-space: nowrap;
}

@keyframes scroll-left-b-o8lnone4tg {
    0% {
        transform: translateX(50%);
    }

    100% {
        transform: translateX(-100%);
    }
}

/* Center on desktop only when content fits */
@media (min-width: 992px) {
    .banner-wrapper[b-o8lnone4tg] {
        justify-content: center;
    }
}

/* ===================== product banner (tactical) =====================
   The banner always spans the full viewport width, so it sizes off a media query. A container
   query would be wrong here: an element cannot match a container query against itself, so the
   .pb height rule would silently never apply and the bar would overflow its wrapper. */
.pb[b-o8lnone4tg] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 92px;
    overflow: hidden;
    background: #07080a;
    text-decoration: none;
    isolation: isolate;
}

.pb:hover[b-o8lnone4tg] {
    text-decoration: none;
}

/* Scanlines + a cool cast off to the right, matching the shop hero treatment. */
.pb--tac[b-o8lnone4tg]::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        repeating-linear-gradient(0deg, rgba(255, 255, 255, .028) 0 1px, transparent 1px 3px),
        radial-gradient(46% 190% at 50% 45%, rgba(120, 180, 255, .30), transparent 66%),
        radial-gradient(80% 180% at 78% 40%, rgba(90, 163, 246, .14), transparent 60%),
        linear-gradient(90deg, #0b0d10, #07080a 60%);
}

.pb-inner[b-o8lnone4tg] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 22px;
    width: 100%;
    height: 100%;
    min-width: 0;
    padding: 0 22px;
}

.pb-copy[b-o8lnone4tg] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    /* Never shrinks. A long middle message must truncate itself rather than eat the product
       name — the name is the one thing on this bar that has to stay readable. */
    flex: 0 0 auto;
    min-width: 0;
}

/* The middle message. Takes the slack between the product name and the price so the bar reads
   left-to-right as product / message / price / action. With no message the price group's
   margin-left:auto keeps the right-hand cluster pinned right, so the layout holds either way. */
.pb-msg[b-o8lnone4tg] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 14px;
}

    /* Hairlines fading in from either side, so the message reads as a deliberate centrepiece
       rather than a leftover label floating in the gap. */
    .pb-msg[b-o8lnone4tg]::before,
    .pb-msg[b-o8lnone4tg]::after {
        content: '';
        flex: 1 1 auto;
        max-width: 72px;
        height: 1px;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .38));
    }

    .pb-msg[b-o8lnone4tg]::after {
        background: linear-gradient(90deg, rgba(255, 255, 255, .38), transparent);
    }

    .pb-msg-text[b-o8lnone4tg] {
        font-family: 'Oswald', 'Inter', sans-serif;
        font-weight: 600;
        font-size: 25px;
        line-height: 1.1;
        letter-spacing: .1em;
        text-transform: uppercase;
        color: #fff;
        /* Same blue cast the shop hero uses, so it glows rather than just sitting there. */
        text-shadow: 0 0 20px rgba(90, 163, 246, .55);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 0;
    }

/* Stands in for the message when there is none, so dates / timer / CTA stay pinned right even
   on a banner with no product price to carry margin-left:auto. */
.pb-spacer[b-o8lnone4tg] {
    flex: 1 1 auto;
}

.pb-eyebrow[b-o8lnone4tg] {
    font-family: 'Oswald', 'Inter', sans-serif;
    font-weight: 600;
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: .3em;
    color: rgba(255, 255, 255, .72);
}

.pb-name[b-o8lnone4tg] {
    font-family: 'Oswald', 'Space Grotesk', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #fff;
    max-width: 360px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* The featured product's photo, left. Fixed height with auto width so a portrait vial and a
   square kit box both sit on the same baseline without distorting. */
.pb-photo[b-o8lnone4tg] {
    display: block;
    height: 72px;
    width: auto;
    max-width: 130px;
    object-fit: contain;
    flex: 0 0 auto;
}

/* Percentage, left. Derived from the variant's own sale price — never typed, so it cannot
   disagree with what the customer is actually charged at checkout. */
.pb-pct[b-o8lnone4tg] {
    flex: none;
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    padding: 7px 13px;
    border: 1px solid rgba(255, 255, 255, .35);
    background: rgba(255, 255, 255, .06);
}

    .pb-pct b[b-o8lnone4tg] {
        font-family: 'Oswald', 'Inter', sans-serif;
        font-weight: 700;
        font-size: 21px;
        line-height: 1;
        color: #fff;
    }

    .pb-pct i[b-o8lnone4tg] {
        font-style: normal;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: .18em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, .7);
    }

/* Sale dates, right. */
.pb-dates[b-o8lnone4tg] {
    flex: none;
    font-family: 'JetBrains Mono', ui-monospace, 'Consolas', monospace;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    white-space: nowrap;
    color: rgba(255, 255, 255, .8);
}

.pb-price[b-o8lnone4tg] {
    display: inline-flex;
    align-items: baseline;
    gap: 9px;
    line-height: 1;
    flex: none;
    margin-left: auto;
}

.pb-now[b-o8lnone4tg] {
    font-family: 'Oswald', 'Inter', sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #fff;
}

.pb-was[b-o8lnone4tg] {
    font-size: 13px;
    color: rgba(255, 255, 255, .42);
    text-decoration: line-through;
}

.pb-off[b-o8lnone4tg] {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    padding: 3px 7px;
    border: 1px solid rgba(255, 255, 255, .4);
    color: #fff;
}

.pb-timer[b-o8lnone4tg] {
    flex: none;
    font-family: 'JetBrains Mono', ui-monospace, 'Consolas', monospace;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    white-space: nowrap;
    color: rgba(255, 255, 255, .85);
}

    .pb-timer .lab[b-o8lnone4tg] {
        margin-right: 6px;
        font-size: 9px;
        font-weight: 500;
        letter-spacing: .16em;
        text-transform: uppercase;
        opacity: .55;
    }

.pb-cta[b-o8lnone4tg] {
    flex: none;
    display: inline-flex;
    align-items: center;
    padding: 12px 22px;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .1em;
    white-space: nowrap;
    background: transparent;
    border: 1.5px solid #fff;
    color: #fff;
    transition: background .15s ease, color .15s ease;
}

.pb:hover .pb-cta[b-o8lnone4tg] {
    background: #fff;
    color: #000;
}

/* Corner registration ticks */
.tick[b-o8lnone4tg] {
    position: absolute;
    z-index: 2;
    width: 11px;
    height: 11px;
    border-color: rgba(255, 255, 255, .45);
}

.tick.tl[b-o8lnone4tg] {
    top: 7px;
    left: 7px;
    border-top: 1.5px solid;
    border-left: 1.5px solid;
}

.tick.tr[b-o8lnone4tg] {
    top: 7px;
    right: 7px;
    border-top: 1.5px solid;
    border-right: 1.5px solid;
}

.tick.bl[b-o8lnone4tg] {
    bottom: 7px;
    left: 7px;
    border-bottom: 1.5px solid;
    border-left: 1.5px solid;
}

.tick.br[b-o8lnone4tg] {
    bottom: 7px;
    right: 7px;
    border-bottom: 1.5px solid;
    border-right: 1.5px solid;
}

/* ---- compact: narrow screens drop the secondary data rather than squashing everything.
   Keep this breakpoint in step with #site-banner.site-banner--product in app.css — the wrapper
   height and the bar height have to agree or the banner overlaps the navbar. ---- */
@media (max-width: 760px) {
    .pb[b-o8lnone4tg] {
        height: 68px;
    }

    .pb-inner[b-o8lnone4tg] {
        gap: 11px;
        padding: 0 12px;
    }


    /* Phones show the MESSAGE ONLY, product or not. The bar is ~68px of a small screen; a photo,
       a percentage badge, dates and a CTA crammed beside the text left none of it readable, and
       previously the text itself was the thing dropped — the one part that says what the sale is. */
    .pb-copy[b-o8lnone4tg],
    .pb-photo[b-o8lnone4tg],
    .pb-name[b-o8lnone4tg],
    .pb-eyebrow[b-o8lnone4tg],
    .pb-pct[b-o8lnone4tg],
    .pb-was[b-o8lnone4tg],
    .pb-off[b-o8lnone4tg],
    .pb-timer[b-o8lnone4tg],
    .pb-dates[b-o8lnone4tg],
    .pb-cta[b-o8lnone4tg],
    .pb-spacer[b-o8lnone4tg] {
        display: none;
    }

    .pb-inner[b-o8lnone4tg] {
        justify-content: center;
    }

    .pb-msg[b-o8lnone4tg] {
        display: flex;
        padding: 0;
        justify-content: center;
        text-align: center;
    }

        /* The hairlines would eat the little width there is. */
        .pb-msg[b-o8lnone4tg]::before,
        .pb-msg[b-o8lnone4tg]::after {
            display: none;
        }

        .pb-msg-text[b-o8lnone4tg] {
            font-size: 15px;
            letter-spacing: .05em;
            /* Two lines rather than an ellipsis: a truncated sale message is worse than a wrapped one. */
            white-space: normal;
            overflow: visible;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

    .tick[b-o8lnone4tg] {
        width: 8px;
        height: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .banner-marquee[b-o8lnone4tg] {
        animation: none;
    }
}
/* _content/ApexSupps.Client.Components/Pages/Resources/SystemContent.razor.rz.scp.css */
.slide-down[b-bf21n304m5] {
    animation: slideDown-b-bf21n304m5 0.35s ease-out forwards;
    opacity: 0;
    transform: translateY(-20px);
}

@keyframes slideDown-b-bf21n304m5 {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/ApexSupps.Client.Components/Pages/Resources/TermsPage.razor.rz.scp.css */
/* _content/ApexSupps.Client.Components/Templates/Alerts/AlertItem.razor.rz.scp.css */
div[id^=alert-] i.dismiss[b-cqm6byn7so] {
    cursor: pointer;
    width: .75rem;
    vertical-align: top;
}
a[b-cqm6byn7so] {
    cursor: pointer;
}
/* _content/ApexSupps.Client.Components/Templates/Alerts/Alerts.razor.rz.scp.css */
#alerts-wrapper[b-i9q07qec0e] {
    
}

#alerts[b-i9q07qec0e] {
    min-width: 25rem;
    max-height: 25rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: .5rem;
}

a[b-i9q07qec0e] {
    cursor: pointer;
}
/* _content/ApexSupps.Client.Components/Templates/Audits/AuditTimeline.razor.rz.scp.css */
.changelog_row.row[b-0j9c1kaph2] {
    position: relative;
}

.changelog_row.row[b-0j9c1kaph2]:before {
    content: "";
    position: absolute;
    top: 10px;
    left: calc(15% - 2px);
    bottom: 0;
    width: 3px;
    background: #0d6efd;
    height: 100%;
    display: block;
}

.changelog_row_inner[b-0j9c1kaph2] {
    padding: 0 0 40px;
    display: flex;
}

.changelog_left_col[b-0j9c1kaph2] {
    width: calc(100% - 85%);
    position: relative;
    padding-right: 75px;
    padding-top: 8px;
    text-align: end;
}

.changelog_left_col[b-0j9c1kaph2]:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border: 3px solid #0d6efd;
    background-color: #fff;
    border-radius: 100%;
    top: 10px;
    right: -10px;
    z-index: 99;
}

.changelog_row:nth-child(1) .changelog_left_col[b-0j9c1kaph2]:before {
    background-color: #0d6efd;
}

.changelog_left_col span[b-0j9c1kaph2] {
    font-size: 18px;
    font-weight: 600;
}

.changelog_right_col[b-0j9c1kaph2] {
    width: calc(100% - 15% - 4px);
    vertical-align: top;
    padding-left: 75px;
    padding-top: 8px;
}

.changelog_right_col_inner[b-0j9c1kaph2] {
    padding-left: 40px;
    border-left: 1px dashed #bdbabd;
    margin-left: 8px;
    margin-top: 25px;
}

.changelog_row_inner li[b-0j9c1kaph2] {
    margin: 10px 0;
    font-size: 16px;
    list-style: disc outside;
}
/* _content/ApexSupps.Client.Components/Templates/Autocomplete/Autocomplete.razor.rz.scp.css */
.autocomplete[b-3gg17fqypx] {
    position: relative;
}

.autocomplete input[b-3gg17fqypx] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    padding-right: 2.25rem;
}

.autocomplete input:not(:disabled)[b-3gg17fqypx] {
    background-color: var(--bs-body-bg);
}

.autocomplete .options[b-3gg17fqypx] {
    position: absolute;
    top: 40px;
    left: 0;
    background: white;
    width: 100%;
    padding: 0;
    z-index: 10;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    box-shadow: 0 0 5px 1px #ced4da;
}

.autocomplete .option[b-3gg17fqypx] {
    display: block;
    padding: 0.25rem;
}

.autocomplete .option .option-text[b-3gg17fqypx] {
    padding: 0.25rem 0.5rem;
}

.autocomplete .option:hover[b-3gg17fqypx] {
    background: var(--bs-primary);
    color: #fff;
}

.autocomplete .option.disabled[b-3gg17fqypx] {
    background-color: lightgrey;
    cursor: not-allowed;
}

.autocomplete .option.disabled:hover[b-3gg17fqypx] {
    background: lightgrey;
    color: var(--bs-body-color);
}

.clear-icon[b-3gg17fqypx] {
    position: absolute;
    right: 40px;
    color: #dc3545;
    font-size: 1.5rem;    
    bottom: 10%;
    cursor: pointer;
}

.autocomplete input:disabled ~ span.clear-icon[b-3gg17fqypx]{
    display:none;
}

/* Mobile styling */
@media (max-width: 991px) {
    .clear-icon[b-3gg17fqypx] {
        padding-top: calc(6px + 1vw);
        padding-right: calc(6px + 1vw);
        padding-left: calc(6px + 1vw);
    }
}
/* _content/ApexSupps.Client.Components/Templates/CheckboxMenuEnumFlagsInput.razor.rz.scp.css */
div[disabled][b-x2f25emwkk]{
    pointer-events:none;
    opacity:0.7;
}
/* _content/ApexSupps.Client.Components/Templates/CopyToClipboard.razor.rz.scp.css */
.input-group-button[b-gjpzcp64h9] {
    width: 1%;
    vertical-align: middle;
}

.input-group .form-control[b-gjpzcp64h9], .input-group-button[b-gjpzcp64h9] {
    display: table-cell;
}

.input-group .form-control:last-child[b-gjpzcp64h9], .input-group-button:last-child .btn[b-gjpzcp64h9] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.clipboard-button[b-gjpzcp64h9] {
    position: relative;
    height: 100%;
}

.btn[b-gjpzcp64h9] {
    padding: 3px 12px;
    font-size: 12px;
    line-height: 20px;
    color: #24292f;
    background-color: #f6f8fa;
    border-color: rgba(27, 31, 36, 0.15);
    box-shadow: 0 1px 0 rgba(27, 31, 36, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.25);
    transition: .2s cubic-bezier(0.3, 0, 0.5, 1);
    transition-property: color, background-color, border-color;
}

.btn .btn-icon[b-gjpzcp64h9] {
    color: #57606a;
}

.clipboard-button.clipboard-button--success:focus[b-gjpzcp64h9] {
    box-shadow: 0 0 0 0.2em rgb(52 208 88 / 40%);
}

.clipboard-button.clipboard-button--success[b-gjpzcp64h9] {
    border-color: #2da44e;
    box-shadow: 0 0 0 0.2em rgb(52 208 88 / 40%);
}

.color-fg-success[b-gjpzcp64h9] {
    background-color: #2da44e;
}
/* _content/ApexSupps.Client.Components/Templates/DateRangePicker.razor.rz.scp.css */
#dateRangePicker[b-o25xj0r16d] {
    cursor: pointer;
    width: 100%;
    margin-right: .5rem;
    font-size: 14px;
    border: 1px solid black;
}
/* _content/ApexSupps.Client.Components/Templates/DisplayProperty.razor.rz.scp.css */
.connector[b-6v6j75szrm] {
    position: absolute;
    border-left: 2px solid #24ABD5;
    border-top: 1px solid #24ABD5;
    border-bottom: 1px solid #24ABD5;
    border-radius: 2px;
    width:5px;
    height: 25px;
    margin-top: 10px;
    margin-left: -8px;
}
.connector-missing[b-6v6j75szrm] {
    position: absolute;
    border-left: 2px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 2px;
    width:5px;
    height: 25px;
    margin-top: 10px;
    margin-left: -8px;
}
/* _content/ApexSupps.Client.Components/Templates/FileUploadDropZone.razor.rz.scp.css */
.drop-zone[b-gave4qbcit] {
    padding: 20px;
    min-height: 100px;
    border: 2px dashed #0087F7;
    border-radius: 5px;
}

.drop-zone.hover[b-gave4qbcit] {
    border-style: solid;
    background-color: #ccc;
}
/* _content/ApexSupps.Client.Components/Templates/Form.razor.rz.scp.css */
.white-btn-bordered[b-lgn2008ic9] {
    border-radius: 0;
    background: #FFFFFF;
    height: 41px;
    box-shadow: none;
    padding-inline: 18px;
    font-family: 'Inter', sans-serif;
    border: 1px solid black;
    font-style: normal;
    font-weight: 900;
    font-size: 12.699px;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
}
.white-btn-bordered.selected[b-lgn2008ic9] {
    background-color: transparent;
    border: 5.5px solid #000;
    color: #000;
}

.white-btn-bordered.selected:hover[b-lgn2008ic9] {
    transform: scale(1);
}

.white-btn-bordered:hover[b-lgn2008ic9] {
    transform: scale(1.01);
}
/* _content/ApexSupps.Client.Components/Templates/InputMask.razor.rz.scp.css */
input[b-d4n5cxjxxy] {
    padding-left: 22px;
}
span[b-d4n5cxjxxy] {
    display: inline;
    position: absolute;
    margin-top: 7px;
    padding-left: 5px;
}
/* _content/ApexSupps.Client.Components/Templates/InputPhoneNumber.razor.rz.scp.css */
[b-dbo8utkj7g] .iti {
    position: relative;
    display: block;
    width: 100%;
}
[b-dbo8utkj7g] .iti * {
    box-sizing: border-box;
}
[b-dbo8utkj7g] .iti__hide {
    display: none;
}
[b-dbo8utkj7g] .iti__v-hide {
    visibility: hidden;
}
[b-dbo8utkj7g] .iti input,
[b-dbo8utkj7g] .iti input[type=text],
[b-dbo8utkj7g] .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 0;
    width: 100%;
    height: 35px;
    padding: 0.375rem 0.75rem 0.375rem 90px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
[b-dbo8utkj7g] .iti input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
[b-dbo8utkj7g] .iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 1px;
}
[b-dbo8utkj7g] .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 35px;
    padding: 0 8px;
    border-right: 1px solid #ced4da;
    background-color: #f8f9fa;
    border-radius: 0.375rem 0 0 0.375rem;
}
[b-dbo8utkj7g] .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555;
}
[b-dbo8utkj7g] [dir=rtl] .iti__arrow {
    margin-right: 6px;
    margin-left: 0;
}
[b-dbo8utkj7g] .iti__arrow--up {
    border-top: none;
    border-bottom: 4px solid #555;
}
[b-dbo8utkj7g] .iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
[b-dbo8utkj7g] .iti__country-list--dropup {
    bottom: 100%;
    margin-bottom: -1px;
}
@media (max-width: 500px) {
    [b-dbo8utkj7g] .iti__country-list {
        white-space: normal;
    }
}
[b-dbo8utkj7g] .iti__flag-box {
    display: inline-block;
    width: 20px;
}
[b-dbo8utkj7g] .iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
[b-dbo8utkj7g] .iti__country {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    outline: none;
}
[b-dbo8utkj7g] .iti__dial-code {
    color: #999;
}
[b-dbo8utkj7g] .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05);
}
[b-dbo8utkj7g] .iti__flag-box,
[b-dbo8utkj7g] .iti__country-name {
    margin-right: 6px;
}
[b-dbo8utkj7g] [dir=rtl] .iti__flag-box,
[b-dbo8utkj7g] [dir=rtl] .iti__country-name {
    margin-right: 0;
    margin-left: 6px;
}
[b-dbo8utkj7g] .iti--allow-dropdown input,
[b-dbo8utkj7g] .iti--allow-dropdown input[type=text],
[b-dbo8utkj7g] .iti--allow-dropdown input[type=tel],
[b-dbo8utkj7g] .iti--separate-dial-code input,
[b-dbo8utkj7g] .iti--separate-dial-code input[type=text],
[b-dbo8utkj7g] .iti--separate-dial-code input[type=tel] {
    padding-right: 0.75rem;
    padding-left: 90px;
    margin-left: 0;
}
[b-dbo8utkj7g] [dir=rtl] .iti--allow-dropdown input,
[b-dbo8utkj7g] [dir=rtl] .iti--allow-dropdown input[type=text],
[b-dbo8utkj7g] [dir=rtl] .iti--allow-dropdown input[type=tel],
[b-dbo8utkj7g] [dir=rtl] .iti--separate-dial-code input,
[b-dbo8utkj7g] [dir=rtl] .iti--separate-dial-code input[type=text],
[b-dbo8utkj7g] [dir=rtl] .iti--separate-dial-code input[type=tel] {
    padding-right: 52px;
    padding-left: 6px;
    margin-right: 0;
}
[b-dbo8utkj7g] .iti--allow-dropdown .iti__flag-container,
[b-dbo8utkj7g] .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0;
}
[b-dbo8utkj7g] [dir=rtl] .iti--allow-dropdown .iti__flag-container,
[b-dbo8utkj7g] [dir=rtl] .iti--separate-dial-code .iti__flag-container {
    right: 0;
    left: auto;
}
[b-dbo8utkj7g] .iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer;
}
[b-dbo8utkj7g] .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: #e9ecef;
}
[b-dbo8utkj7g] .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
[b-dbo8utkj7g] .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default;
}
[b-dbo8utkj7g] .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
[b-dbo8utkj7g] .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent;
}
[b-dbo8utkj7g] .iti--separate-dial-code .iti__selected-flag {
    background-color: #f8f9fa;
}
[b-dbo8utkj7g] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 6px;
}
[b-dbo8utkj7g] [dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 6px;
}
[b-dbo8utkj7g] .iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px;
}
[b-dbo8utkj7g] .iti--container:hover {
    cursor: pointer;
}

[b-dbo8utkj7g] .iti-mobile .iti--container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed;
}
[b-dbo8utkj7g] .iti-mobile .iti__country-list {
    max-height: 100%;
    width: 100%;
}
[b-dbo8utkj7g] .iti-mobile .iti__country {
    padding: 10px 10px;
    line-height: 1.5em;
}

[b-dbo8utkj7g] .iti__flag {
    width: 20px;
}
[b-dbo8utkj7g] .iti__flag.iti__be {
    width: 18px;
}
[b-dbo8utkj7g] .iti__flag.iti__ch {
    width: 15px;
}
[b-dbo8utkj7g] .iti__flag.iti__mc {
    width: 19px;
}
[b-dbo8utkj7g] .iti__flag.iti__ne {
    width: 18px;
}
[b-dbo8utkj7g] .iti__flag.iti__np {
    width: 13px;
}
[b-dbo8utkj7g] .iti__flag.iti__va {
    width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    [b-dbo8utkj7g] .iti__flag {
        background-size: 5762px 15px;
    }
}
[b-dbo8utkj7g] .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__bz {
    height: 12px;
    background-position: -812px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cq {
    height: 12px;
    background-position: -1115px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cr {
    height: 12px;
    background-position: -1137px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cu {
    height: 10px;
    background-position: -1159px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cv {
    height: 12px;
    background-position: -1181px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cw {
    height: 14px;
    background-position: -1203px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cx {
    height: 10px;
    background-position: -1225px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cy {
    height: 14px;
    background-position: -1247px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__cz {
    height: 14px;
    background-position: -1269px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__de {
    height: 12px;
    background-position: -1291px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__dg {
    height: 10px;
    background-position: -1313px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__dj {
    height: 14px;
    background-position: -1335px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__dk {
    height: 15px;
    background-position: -1357px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__dm {
    height: 10px;
    background-position: -1379px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__do {
    height: 14px;
    background-position: -1401px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__dz {
    height: 14px;
    background-position: -1423px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ea {
    height: 14px;
    background-position: -1445px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ec {
    height: 14px;
    background-position: -1467px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ee {
    height: 13px;
    background-position: -1489px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__eg {
    height: 14px;
    background-position: -1511px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__eh {
    height: 10px;
    background-position: -1533px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__er {
    height: 10px;
    background-position: -1555px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__es {
    height: 14px;
    background-position: -1577px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__et {
    height: 10px;
    background-position: -1599px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__eu {
    height: 14px;
    background-position: -1621px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ez {
    height: 14px;
    background-position: -1643px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__fi {
    height: 12px;
    background-position: -1665px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__fj {
    height: 10px;
    background-position: -1687px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__fk {
    height: 10px;
    background-position: -1709px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__fm {
    height: 11px;
    background-position: -1731px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__fo {
    height: 15px;
    background-position: -1753px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__fr {
    height: 14px;
    background-position: -1775px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__fx {
    height: 14px;
    background-position: -1797px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ga {
    height: 15px;
    background-position: -1819px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gb {
    height: 10px;
    background-position: -1841px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gd {
    height: 12px;
    background-position: -1863px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ge {
    height: 14px;
    background-position: -1885px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gf {
    height: 14px;
    background-position: -1907px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gg {
    height: 14px;
    background-position: -1929px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gh {
    height: 14px;
    background-position: -1951px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gi {
    height: 10px;
    background-position: -1973px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gl {
    height: 14px;
    background-position: -1995px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gm {
    height: 14px;
    background-position: -2017px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gn {
    height: 14px;
    background-position: -2039px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gp {
    height: 14px;
    background-position: -2061px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gq {
    height: 14px;
    background-position: -2083px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gr {
    height: 14px;
    background-position: -2105px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gs {
    height: 10px;
    background-position: -2127px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gt {
    height: 13px;
    background-position: -2149px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gu {
    height: 11px;
    background-position: -2171px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gw {
    height: 10px;
    background-position: -2193px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__gy {
    height: 12px;
    background-position: -2215px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__hk {
    height: 14px;
    background-position: -2237px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__hm {
    height: 10px;
    background-position: -2259px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__hn {
    height: 10px;
    background-position: -2281px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__hr {
    height: 10px;
    background-position: -2303px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ht {
    height: 12px;
    background-position: -2325px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__hu {
    height: 10px;
    background-position: -2347px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ic {
    height: 14px;
    background-position: -2369px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__id {
    height: 14px;
    background-position: -2391px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ie {
    height: 10px;
    background-position: -2413px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__il {
    height: 15px;
    background-position: -2435px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__im {
    height: 10px;
    background-position: -2457px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__in {
    height: 14px;
    background-position: -2479px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__io {
    height: 10px;
    background-position: -2501px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__iq {
    height: 14px;
    background-position: -2523px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ir {
    height: 12px;
    background-position: -2545px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__is {
    height: 15px;
    background-position: -2567px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__it {
    height: 14px;
    background-position: -2589px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__je {
    height: 12px;
    background-position: -2611px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__jm {
    height: 10px;
    background-position: -2633px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__jo {
    height: 10px;
    background-position: -2655px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__jp {
    height: 14px;
    background-position: -2677px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ke {
    height: 14px;
    background-position: -2699px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__kg {
    height: 12px;
    background-position: -2721px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__kh {
    height: 13px;
    background-position: -2743px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ki {
    height: 10px;
    background-position: -2765px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__km {
    height: 12px;
    background-position: -2787px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__kn {
    height: 14px;
    background-position: -2809px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__kp {
    height: 10px;
    background-position: -2831px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__kr {
    height: 14px;
    background-position: -2853px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__kw {
    height: 10px;
    background-position: -2875px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ky {
    height: 10px;
    background-position: -2897px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__kz {
    height: 10px;
    background-position: -2919px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__la {
    height: 14px;
    background-position: -2941px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__lb {
    height: 14px;
    background-position: -2963px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__lc {
    height: 10px;
    background-position: -2985px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__li {
    height: 12px;
    background-position: -3007px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__lk {
    height: 10px;
    background-position: -3029px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__lr {
    height: 11px;
    background-position: -3051px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ls {
    height: 14px;
    background-position: -3073px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__lt {
    height: 12px;
    background-position: -3095px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__lu {
    height: 12px;
    background-position: -3117px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__lv {
    height: 10px;
    background-position: -3139px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ly {
    height: 10px;
    background-position: -3161px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ma {
    height: 14px;
    background-position: -3183px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mc {
    height: 15px;
    background-position: -3205px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__md {
    height: 10px;
    background-position: -3226px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__me {
    height: 10px;
    background-position: -3248px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mf {
    height: 14px;
    background-position: -3270px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mg {
    height: 14px;
    background-position: -3292px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mh {
    height: 11px;
    background-position: -3314px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mk {
    height: 10px;
    background-position: -3336px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ml {
    height: 14px;
    background-position: -3358px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mm {
    height: 14px;
    background-position: -3380px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mn {
    height: 10px;
    background-position: -3402px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mo {
    height: 14px;
    background-position: -3424px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mp {
    height: 10px;
    background-position: -3446px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mq {
    height: 14px;
    background-position: -3468px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mr {
    height: 14px;
    background-position: -3490px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ms {
    height: 10px;
    background-position: -3512px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mt {
    height: 14px;
    background-position: -3534px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mu {
    height: 14px;
    background-position: -3556px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mv {
    height: 14px;
    background-position: -3578px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mw {
    height: 14px;
    background-position: -3600px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mx {
    height: 12px;
    background-position: -3622px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__my {
    height: 10px;
    background-position: -3644px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__mz {
    height: 14px;
    background-position: -3666px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__na {
    height: 14px;
    background-position: -3688px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__nc {
    height: 10px;
    background-position: -3710px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ne {
    height: 15px;
    background-position: -3732px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__nf {
    height: 10px;
    background-position: -3752px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ng {
    height: 10px;
    background-position: -3774px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ni {
    height: 12px;
    background-position: -3796px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__nl {
    height: 14px;
    background-position: -3818px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__no {
    height: 15px;
    background-position: -3840px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__np {
    height: 15px;
    background-position: -3862px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__nr {
    height: 10px;
    background-position: -3877px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__nu {
    height: 10px;
    background-position: -3899px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__nz {
    height: 10px;
    background-position: -3921px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__om {
    height: 10px;
    background-position: -3943px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__pa {
    height: 14px;
    background-position: -3965px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__pe {
    height: 14px;
    background-position: -3987px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__pf {
    height: 14px;
    background-position: -4009px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__pg {
    height: 15px;
    background-position: -4031px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ph {
    height: 10px;
    background-position: -4053px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__pk {
    height: 14px;
    background-position: -4075px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__pl {
    height: 13px;
    background-position: -4097px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__pm {
    height: 14px;
    background-position: -4119px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__pn {
    height: 10px;
    background-position: -4141px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__pr {
    height: 14px;
    background-position: -4163px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ps {
    height: 10px;
    background-position: -4185px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__pt {
    height: 14px;
    background-position: -4207px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__pw {
    height: 13px;
    background-position: -4229px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__py {
    height: 11px;
    background-position: -4251px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__qa {
    height: 8px;
    background-position: -4273px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__re {
    height: 14px;
    background-position: -4295px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ro {
    height: 14px;
    background-position: -4317px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__rs {
    height: 14px;
    background-position: -4339px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ru {
    height: 14px;
    background-position: -4361px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__rw {
    height: 14px;
    background-position: -4383px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sa {
    height: 14px;
    background-position: -4405px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sb {
    height: 10px;
    background-position: -4427px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sc {
    height: 10px;
    background-position: -4449px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sd {
    height: 10px;
    background-position: -4471px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__se {
    height: 13px;
    background-position: -4493px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sg {
    height: 14px;
    background-position: -4515px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sh {
    height: 10px;
    background-position: -4537px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__si {
    height: 10px;
    background-position: -4559px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sj {
    height: 15px;
    background-position: -4581px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sk {
    height: 14px;
    background-position: -4603px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sl {
    height: 14px;
    background-position: -4625px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sm {
    height: 15px;
    background-position: -4647px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sn {
    height: 14px;
    background-position: -4669px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__so {
    height: 14px;
    background-position: -4691px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sr {
    height: 14px;
    background-position: -4713px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ss {
    height: 10px;
    background-position: -4735px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__st {
    height: 10px;
    background-position: -4757px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__su {
    height: 10px;
    background-position: -4779px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sv {
    height: 12px;
    background-position: -4801px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sx {
    height: 14px;
    background-position: -4823px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sy {
    height: 14px;
    background-position: -4845px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__sz {
    height: 14px;
    background-position: -4867px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ta {
    height: 10px;
    background-position: -4889px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__tc {
    height: 10px;
    background-position: -4911px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__td {
    height: 14px;
    background-position: -4933px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__tf {
    height: 14px;
    background-position: -4955px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__tg {
    height: 13px;
    background-position: -4977px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__th {
    height: 14px;
    background-position: -4999px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__tj {
    height: 10px;
    background-position: -5021px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__tk {
    height: 10px;
    background-position: -5043px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__tl {
    height: 10px;
    background-position: -5065px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__tm {
    height: 14px;
    background-position: -5087px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__tn {
    height: 14px;
    background-position: -5109px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__to {
    height: 10px;
    background-position: -5131px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__tr {
    height: 14px;
    background-position: -5153px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__tt {
    height: 12px;
    background-position: -5175px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__tv {
    height: 10px;
    background-position: -5197px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__tw {
    height: 14px;
    background-position: -5219px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__tz {
    height: 14px;
    background-position: -5241px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ua {
    height: 14px;
    background-position: -5263px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ug {
    height: 14px;
    background-position: -5285px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__uk {
    height: 10px;
    background-position: -5307px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__um {
    height: 11px;
    background-position: -5329px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__un {
    height: 14px;
    background-position: -5351px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__us {
    height: 11px;
    background-position: -5373px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__uy {
    height: 14px;
    background-position: -5395px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__uz {
    height: 10px;
    background-position: -5417px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__va {
    height: 15px;
    background-position: -5439px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__vc {
    height: 14px;
    background-position: -5456px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ve {
    height: 14px;
    background-position: -5478px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__vg {
    height: 10px;
    background-position: -5500px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__vi {
    height: 14px;
    background-position: -5522px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__vn {
    height: 14px;
    background-position: -5544px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__vu {
    height: 12px;
    background-position: -5566px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__wf {
    height: 14px;
    background-position: -5588px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ws {
    height: 10px;
    background-position: -5610px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__xk {
    height: 15px;
    background-position: -5632px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__ye {
    height: 14px;
    background-position: -5654px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__yt {
    height: 14px;
    background-position: -5676px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__za {
    height: 14px;
    background-position: -5698px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__zm {
    height: 14px;
    background-position: -5720px 0px;
}
[b-dbo8utkj7g] .iti__flag.iti__zw {
    height: 10px;
    background-position: -5742px 0px;
}

[b-dbo8utkj7g] .iti__flag {
    height: 15px;
    box-shadow: 0px 0px 1px 0px #888;
    background-image: url("/_content/ApexSupps.Client.Components/lib/intlTelInput/img/flags.png?1");
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    [b-dbo8utkj7g] .iti__flag {
        background-image: url("/_content/ApexSupps.Client.Components/lib/intlTelInput/img/flags@2x.png?1");
    }
}

[b-dbo8utkj7g] .iti__flag.iti__np {
    background-color: transparent;
}
/* _content/ApexSupps.Client.Components/Templates/Layouts/SimplifiedLayout.razor.rz.scp.css */

/*Navbar container*/
.navbar-menu[b-0f9fnhfe0f] {
    position: fixed;
    width: 100%;
    z-index: 3;
}

.navbar[b-0f9fnhfe0f] {
    margin-bottom: 1.5px;
}

.bg-blue[b-0f9fnhfe0f] {
    box-shadow: 0 0 10px rgba(0,0,0,0.4) !important;
}

.bg-pending[b-0f9fnhfe0f] {
    background-color: #11BF8E !important;
}

/*Navbar toggler*/
.navbar-toggler[b-0f9fnhfe0f] {
    color: #FFF;
    background-color: transparent;
    transition: all .3s;
}

.navbar-light .navbar-toggler-icon[b-0f9fnhfe0f] {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/*Mobile close button*/
.btn-close[b-0f9fnhfe0f] {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

/*Nav menu*/
.navbar-brand img[b-0f9fnhfe0f] {
    max-width: 10rem;
}

.nav-item[b-0f9fnhfe0f] {
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.nav-item[b-0f9fnhfe0f]  a {
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    color: #FFF;
    background-color: transparent;
    position: relative;
}


.nav-item[b-0f9fnhfe0f]  a:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #FFF;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

[b-0f9fnhfe0f] .navbar-nav .nav-link.active, [b-0f9fnhfe0f] .navbar-nav .show > .nav-link {
    color: #FFF !important;
}

/*nav login button*/
.btn[b-0f9fnhfe0f] {
    font-weight: 600;
    font-size: 12px;
    border-radius: 1rem;
}

/*Nav dropdown items*/
.nav-item.dropdown:hover > .dropdown-menu[b-0f9fnhfe0f] {
    display: block;
}

.navbar-nav > li.dropdown .dropdown-toggle[b-0f9fnhfe0f]::after {
    display: none;
}

.dropdown-menu[b-0f9fnhfe0f] {
    left: 0;
    background-color: #212529;
    min-width: 220px;
    padding: 13px 0 15px;
    box-shadow: none;
    font-size: 12px;
    opacity: 0.7;
    border: none;
}

.remove-opacity[b-0f9fnhfe0f] {
    opacity: 1;
}

[b-0f9fnhfe0f] li .dropdown-item.active {
    color: rgba(255, 255, 255, 0.6);
    color: #fff;
    opacity: 0.6;
    background-color: unset;
}

[b-0f9fnhfe0f] li .dropdown-item:hover {
    color: #FFF;
    background-color: #97999b;
}
[b-0f9fnhfe0f] li .dropdown-item.active, [b-0f9fnhfe0f]  li .dropdown-item:active {
    color: #FFF;
    text-decoration: none;
    background-color: #1d49ad;
}

.content[b-0f9fnhfe0f] {
    margin-top: 65px;
}

/***** MEDIA QUERIES *****/

@media (min-width: 1024px) {
    [b-0f9fnhfe0f] .nav-link, [b-0f9fnhfe0f] .navbar-expand-md .navbar-nav .nav-link {
        margin-right: 1rem;
        margin-left: 1rem;
    }
}

@media (min-width: 991px) {
    .navbar-toggler[b-0f9fnhfe0f] {
        display: none;
    }
}

@media (max-width: 991px) {
    .offcanvas[b-0f9fnhfe0f] {
        background-color: #202124;
    }

    .offcanvas-end[b-0f9fnhfe0f] {
        width: 100%;
    }

    .dropdown-menu[b-0f9fnhfe0f] {
        background-color: unset;
        border: none;
        font-size: 14px;
        opacity: unset;
    }

    .nav-item[b-0f9fnhfe0f]  a {
        color: #fff;
        font-weight: bold;
    }
}
/* _content/ApexSupps.Client.Components/Templates/Loader/Loader.razor.rz.scp.css */
/* ===== Full-page overlay ===== */
#wrapper[b-4pl045hrpf] {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    position: fixed;
    transition: opacity .7s;
    z-index: 3;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(4px);
}

    #wrapper.fade[b-4pl045hrpf] {
        opacity: 0;
    }

/* ===== Modern bouncing dots spinner ===== */
#loader-spinner[b-4pl045hrpf] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 45vh auto;
}

#loader-spinner[b-4pl045hrpf]::before,
#loader-spinner[b-4pl045hrpf]::after,
#loader-spinner[b-4pl045hrpf] {
    /* Three dots via pseudo-elements + the element itself acting as container */
}

/* We use a different approach: 3 dots via box-shadow on a single element */
#loader-spinner[b-4pl045hrpf] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    animation: dotPulse-b-4pl045hrpf 1.2s ease-in-out infinite;
    box-shadow:
        -24px 0 0 0 rgba(255,255,255,0.4),
        24px 0 0 0 rgba(255,255,255,0.4);
}

/* ===== Inline spinner ===== */
#loader-inline-spinner[b-4pl045hrpf] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    margin: 2rem auto;
    animation: dotPulse-b-4pl045hrpf 1.2s ease-in-out infinite;
    box-shadow:
        -20px 0 0 0 rgba(255,255,255,0.4),
        20px 0 0 0 rgba(255,255,255,0.4);
}

/* ===== Input search spinner (small) ===== */
#loader-input-search-spinner[b-4pl045hrpf] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    margin: auto;
    animation: dotPulse-b-4pl045hrpf 1.2s ease-in-out infinite;
    box-shadow:
        -14px 0 0 0 rgba(255,255,255,0.4),
        14px 0 0 0 rgba(255,255,255,0.4);
}

@keyframes dotPulse-b-4pl045hrpf {
    0%, 100% {
        background: #fff;
        box-shadow:
            -24px 0 0 0 rgba(255,255,255,0.3),
            24px 0 0 0 rgba(255,255,255,0.3);
        transform: scale(1);
    }
    33% {
        background: rgba(255,255,255,0.3);
        box-shadow:
            -24px 0 0 0 #fff,
            24px 0 0 0 rgba(255,255,255,0.3);
        transform: scale(1);
    }
    66% {
        background: rgba(255,255,255,0.3);
        box-shadow:
            -24px 0 0 0 rgba(255,255,255,0.3),
            24px 0 0 0 #fff;
        transform: scale(1);
    }
}

@media (max-width: 767.98px) {
    #loader-spinner[b-4pl045hrpf] {
        width: 10px;
        height: 10px;
        box-shadow:
            -20px 0 0 0 rgba(255,255,255,0.4),
            20px 0 0 0 rgba(255,255,255,0.4);
    }

    @keyframes dotPulse-b-4pl045hrpf {
        0%, 100% {
            background: #fff;
            box-shadow:
                -20px 0 0 0 rgba(255,255,255,0.3),
                20px 0 0 0 rgba(255,255,255,0.3);
        }
        33% {
            background: rgba(255,255,255,0.3);
            box-shadow:
                -20px 0 0 0 #fff,
                20px 0 0 0 rgba(255,255,255,0.3);
        }
        66% {
            background: rgba(255,255,255,0.3);
            box-shadow:
                -20px 0 0 0 rgba(255,255,255,0.3),
                20px 0 0 0 #fff;
        }
    }
}
/* _content/ApexSupps.Client.Components/Templates/Modal/Modal.razor.rz.scp.css */
.app-modal-container[b-6o0k1xkeqh] {
    display: flex;
    position: fixed;
    align-items: center;
    justify-content: center;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1200;
}

.app-modal-overlay[b-6o0k1xkeqh] {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: #ffffff;
}

.app-modal-active[b-6o0k1xkeqh] {
    transition: visibility 0.2s;
    visibility: visible;
}

.app-modal-inactive[b-6o0k1xkeqh] {
    transition: visibility 0.2s linear;
    visibility: hidden;
}

.app-modal-active .app-modal-overlay[b-6o0k1xkeqh] {
    transition: opacity 0.1s linear;
    opacity: .5;
}

.app-modal-inactive .app-modal-overlay[b-6o0k1xkeqh] {
    transition: opacity 0.1s linear;
    opacity: 0;
}

.app-modal-active .app-modal[b-6o0k1xkeqh] {
    animation: pop-in 0.2s;
}

.app-modal-inactive .app-modal[b-6o0k1xkeqh] {
    animation: pop-out 0.2s;
}

.app-modal[b-6o0k1xkeqh] {
    flex-direction: column;
    background-color: #fcfcfc;
    border-radius: 22px;
    border: 1px solid #fcfcfc;
    padding: 1.5rem;
    z-index: 4;
    overflow: hidden auto;
    max-height: 100%;
    max-width: 100%;
    box-shadow: 4px 5px 22px 0 #00000040;
}

body[data-dark='true'] .app-modal[b-6o0k1xkeqh] {
    background-color: #212529;
}

.app-modal-scrollbar[b-6o0k1xkeqh] {
    max-height: 90vh;
    overflow-y: auto;
}

.app-modal-header[b-6o0k1xkeqh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 0 1rem 0;
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #ced4da;
}
.app-modal-header-slim[b-6o0k1xkeqh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.app-modal-title[b-6o0k1xkeqh] {
    margin-bottom: 0;
    color: #4A494A;
}

.app-modal-close[b-6o0k1xkeqh] {
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    cursor: pointer;
}

.close-icon[b-6o0k1xkeqh] {
    vertical-align: top;
}

.app-modal-content[b-6o0k1xkeqh] {
}

.modal-xl[b-6o0k1xkeqh] {
    width: 95%;
    min-height: 95%;
}

.modal-lg[b-6o0k1xkeqh] {
    width: 75%;
}

.modal-md[b-6o0k1xkeqh] {
    width: 60%;
}

.modal-sm[b-6o0k1xkeqh] {
    width: 45%;
}

.modal-xs[b-6o0k1xkeqh] {
    width: 40%;
}

.modal-tiny[b-6o0k1xkeqh] {
    width: 30%;
}


/*Large*/
@media screen and (max-width: 1024px) {
    .modal-tiny[b-6o0k1xkeqh], .modal-xs[b-6o0k1xkeqh], .modal-sm[b-6o0k1xkeqh] {
        width: 60%;
    }
}

/*Medium*/
@media screen and (max-width: 768px) {
    .modal-tiny[b-6o0k1xkeqh], .modal-xs[b-6o0k1xkeqh], .modal-sm[b-6o0k1xkeqh], .modal-md[b-6o0k1xkeqh], .modal-lg[b-6o0k1xkeqh] {
        width: 90%;
    }
}

/*Small*/
@media screen and (max-width: 575.98px) {
    .modal-tiny[b-6o0k1xkeqh], .modal-xs[b-6o0k1xkeqh], .modal-sm[b-6o0k1xkeqh], .modal-md[b-6o0k1xkeqh], .modal-lg[b-6o0k1xkeqh] {
        width: 95%;
    }
}
/* _content/ApexSupps.Client.Components/Templates/Tab/Tab.razor.rz.scp.css */
/* ---- Tab Styles ----*/
li.tab-underline[b-e82jbcznaj] {
    padding: 0 1rem 0 0;

}

.nav-tabs[b-e82jbcznaj] {
    border-bottom: none;
}

a.nav-link.tab-underline[b-e82jbcznaj] {
    text-decoration: none;
    color: #FFF;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    padding: 4px 8px;
    margin: 0 1rem .5rem 0;
}

.nav-link.tab-underline[b-e82jbcznaj] {
    font-weight: 500;
    padding: 0 1.875rem;
    text-align: left;
    border-bottom: 1px solid #E9F2FD;    /*padding: 0 .5rem;*/
    cursor: pointer;
    margin-bottom: .125rem;
    background-color: unset;
    font-size: 14px;
}

.nav-link.tab-underline.active[b-e82jbcznaj], .nav-link.tab-underline:hover[b-e82jbcznaj] {
    color: #000;
    border-color: transparent;
    background-color: #FFFFFF;
    font-size: 16px;
    padding: 4px 8px;
    font-family: 'Inter',sans-serif;
    border-radius: 0px;
}

.tab-content[b-e82jbcznaj] {
    margin-top: 0;
}

.disabled-tab[b-e82jbcznaj] {
    pointer-events: none;
    opacity: 0.5;
}
/* ---- Modern admin tab pills (opt-in: <TabSet CssClasses="admin-tabs">) ---- */
.admin-tabs li.nav-item[b-e82jbcznaj] {
    padding: 0;
}

.admin-tabs a.nav-link.tab-underline[b-e82jbcznaj],
.admin-tabs a.nav-link.tab-underline:hover[b-e82jbcznaj],
.admin-tabs a.nav-link.tab-underline.active[b-e82jbcznaj] {
    border: 0;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .01em;
    margin: 0;
    padding: .4rem 1.1rem;
    transition: background-color .15s ease, color .15s ease;
    white-space: nowrap;
}

.admin-tabs a.nav-link.tab-underline[b-e82jbcznaj] {
    background-color: transparent;
    color: rgba(255, 255, 255, .65);
}

    .admin-tabs a.nav-link.tab-underline:hover[b-e82jbcznaj] {
        background-color: rgba(255, 255, 255, .08);
        color: #fff;
    }

    .admin-tabs a.nav-link.tab-underline.active[b-e82jbcznaj] {
        background-color: #fff;
        box-shadow: 0 1px 2px rgba(16, 24, 40, .3);
        color: #101828;
    }
/* _content/ApexSupps.Client.Components/Templates/Tab/TabSet.razor.rz.scp.css */
[b-db29i07fef] .nav-link:hover {
    cursor: pointer
}
/* ---- Modern admin tab bar (opt-in: <TabSet CssClasses="admin-tabs">) ---- */
.admin-tabs[b-db29i07fef] {
    background-color: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 12px;
    display: inline-flex;
    gap: .25rem;
    margin-bottom: 0;
    padding: .25rem;
}
/* _content/ApexSupps.Client.Components/Templates/Table/TableActionMenu.razor.rz.scp.css */
.action[b-tjg4yf3qgl] {
    cursor: pointer;
}
#table-actions li:hover[b-tjg4yf3qgl] {
    color: #FFF;
    background-color: #97999b;
}
[b-tjg4yf3qgl].dropdown-menu {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    background: white !important;
    border: transparent;
}
/* _content/ApexSupps.Client.Components/Templates/Table/TableColumnHeader.razor.rz.scp.css */
.table-column-header-toolbar[b-yidlmpwmk9] {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
}

th.rotated-text[b-yidlmpwmk9] {
    height: 100px;
    white-space: nowrap;
}

th.rotated-text div.header-wrapper[b-yidlmpwmk9] {
    transform: translate(-10px, 0px) rotate(310deg);
    width: 30px;
}

th.rotated-text div.header-wrapper > span[b-yidlmpwmk9] {
    padding: 10px;
}

.width-70[b-yidlmpwmk9] {
    max-width:70%;
}

.table-column-header-buttons[b-yidlmpwmk9] {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: flex-end;
}
/* _content/ApexSupps.Client.Components/Templates/Table/TableHeaderFilterMenu.razor.rz.scp.css */
.filtered-icon[b-rqvlbmehua] {
    color: #04065A;
}
/* _content/ApexSupps.Client.Components/Templates/Table/TableInfiniteScroll.razor.rz.scp.css */
/********** Table Body Height **********/
.table-height[b-w6lk8cuw8l] {
    max-height: calc(70vh - 4.094rem);
    overflow-y: auto;
}

.table-height-50[b-w6lk8cuw8l] {
    max-height: 50vh;
}

.table-height-25[b-w6lk8cuw8l] {
    max-height: 25vh;
}

.table-height-fixed-300[b-w6lk8cuw8l] {
    max-height: 300px;
}

.table-height-fixed-200[b-w6lk8cuw8l] {
    max-height: 200px;
}

/********** Table Scrollbar **********/
/* size */
[b-w6lk8cuw8l]::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

/* Track */
[b-w6lk8cuw8l]::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* Handle */
[b-w6lk8cuw8l]::-webkit-scrollbar-thumb {
    background: #396782;
    border-radius: 10px;
}

    /* Handle on hover */
    [b-w6lk8cuw8l]::-webkit-scrollbar-thumb:hover {
        background: #d2d4d6;
    }


/********** Table Controls **********/
input[id$='table-search-box'][b-w6lk8cuw8l] {
    max-width: 198px;
    border-right: 0;
    font-size: 14px;
    background-color: #fcfcfc;
}

body[data-dark='true'] .input-group-append[b-w6lk8cuw8l] {
    margin-left: 0;
}

#table-search[b-w6lk8cuw8l] {
    z-index: auto;
    border-left: 0;
    background-color: #fcfcfc;
    /*padding: .3rem;*/
}

    #table-search .search-icon[b-w6lk8cuw8l] {
        vertical-align: text-bottom;
        filter: invert(13%) sepia(13%) saturate(480%) hue-rotate(169deg) brightness(95%) contrast(95%);
    }


body[data-dark='true'] #table-search[b-w6lk8cuw8l] {
    border-color: rgba(255,255,255,.25);
    background-color: transparent;
}

input[id$='table-search-box'] ~ .input-group-text[b-w6lk8cuw8l] {
    background-color: #fcfcfc;
}

input[id$='table-search-box'].form-control:focus[b-w6lk8cuw8l] {
    border: 1px solid #ced4da;
    border-right: none;
}

.search-icon[b-w6lk8cuw8l] {
    filter: invert(26%) sepia(78%) saturate(6665%) hue-rotate(322deg) brightness(93%) contrast(99%);
    width: 1.2rem;
}

    .search-icon:hover[b-w6lk8cuw8l] {
        filter: invert(26%) sepia(78%) saturate(6665%) hue-rotate(322deg) brightness(93%) contrast(99%);
    }

/* Sorts */
[b-w6lk8cuw8l] .sortable {
    cursor: pointer;
    position: relative;
    padding-left: 0.5em;
}

    [b-w6lk8cuw8l] .sortable i {
        right: .5rem;
        position: static;
    }

    [b-w6lk8cuw8l] .sortable svg {
        margin-top: .2rem;
    }

    [b-w6lk8cuw8l] .sortable .fa-sort-asc, [b-w6lk8cuw8l] .sortable .fa-sort-desc {
        /*color: white;*/
    }

    [b-w6lk8cuw8l] .sortable .fa-sort {
        color: #212529;
    }

[b-w6lk8cuw8l] table tbody tr.action, [b-w6lk8cuw8l] table tbody tr.action:hover {
    cursor: pointer;
}

/********** Table styles **********/
[b-w6lk8cuw8l] .check-cell {
    text-align: center !important;
    width: 60px;
}

[b-w6lk8cuw8l] .row-number-cell {
    width: 35px;
}

[b-w6lk8cuw8l] .is-active-cell {
    text-align: center !important;
    width: 90px;
}

.table > :not(:first-child)[b-w6lk8cuw8l] {
    border-top: unset;
}

table[b-w6lk8cuw8l] {
    font-size: 14px;
    white-space: nowrap;
    border-spacing: 0;
    border-collapse: separate;
    box-shadow: 4px 5px 10px 0 #00000040;
}

    table thead[b-w6lk8cuw8l] {
        color: #212529;
    }

        table thead .c-trips[b-w6lk8cuw8l] {
            color: #212529;
            background-color: #04065A !important;
            vertical-align: middle;
        }

    table.table-sm[b-w6lk8cuw8l] {
        font-size: .8rem;
    }

body[data-dark='true'] .table[b-w6lk8cuw8l] {
    color: #d1d1d1;
}

[b-w6lk8cuw8l] .vertical-divider {
    width: 3%;
}

[b-w6lk8cuw8l] table thead th {
    background-color: #f8f9fa;
    /*border-top: 2px solid #ced4da;*/
    /*border-bottom: 2px solid #ced4da;*/
}

/*::deep table thead th:first-child {*/
/*    border-left: 2px solid #ced4da;*/
/*    border-top-left-radius: .25rem;*/
/*}*/

/*::deep table thead th:last-child {*/
/*    border-right: 2px solid #ced4da;*/
/*    border-top-right-radius: .25rem;*/
/*}*/

[b-w6lk8cuw8l] table thead td {
    border-bottom: 2px solid #ced4da;
    padding-top: .75rem;
}

/*::deep table thead td:first-child {*/
/*    border-left: 2px solid #ced4da;*/
/*}*/

/*::deep table thead td:last-child {*/
/*    border-right: 2px solid #ced4da;*/
/*}*/

[b-w6lk8cuw8l] table tbody {
    max-height: 80vh;
}

[b-w6lk8cuw8l] table:not(.table-sm) tbody tr {
    min-height: 48px;
}

[b-w6lk8cuw8l] table tbody td {
    border-top: 0;
    border-bottom: 1px solid #ced4da;
    padding: 0.8rem;
}

    [b-w6lk8cuw8l] table tbody td.wrap {
        white-space: normal;
    }

/*::deep table tbody tr td:first-child {*/
/*    border-left: 2px solid #ced4da;*/
/*}*/

/*::deep table tbody tr td:last-child {*/
/*    border-right: 2px solid #ced4da;*/
/*}*/

[b-w6lk8cuw8l] table.multiple tbody tr td.expanded:last-child {
    border-bottom: 0;
}

[b-w6lk8cuw8l] table.multiple thead tr th:first-child, [b-w6lk8cuw8l] table.multiple tbody tr td:first-child:not([colspan]),
[b-w6lk8cuw8l] table thead tr th:first-child.text-center, [b-w6lk8cuw8l] table tbody tr td:first-child.text-center {
    width: 6%;
}

/*::deep table.multiple tbody tr.expandable:not(.expanded) td {*/
/*    border-bottom: 0;*/
/*}*/

/*::deep table:not(.multiple) tbody tr:last-of-type td,*/
/*::deep table.multiple tbody tr:nth-last-of-type(2) td:not(.expanded),*/
/*::deep table.multiple tbody tr:last-of-type.expandable.expanded td,*/
/*::deep table.multiple tbody tr:last-of-type:not(.expandable) td:last-child,*/
/*::deep table.multiple tbody tr:last-of-type:not(.expandable) td:first-child {*/
/*    border-bottom: 2px solid #ced4da;*/
/*}*/

/*    ::deep table:not(.multiple) tbody tr:last-of-type td:first-child,*/
/*    ::deep table.multiple tbody tr:last-of-type td:first-child,*/
/*    ::deep table.multiple tbody tr:nth-last-of-type(2) td:not(.expanded):first-child {*/
/*        border-bottom-left-radius: .25rem;*/
/*    }*/

/*    ::deep table:not(.multiple) tbody tr:last-of-type td:last-child,*/
/*    ::deep table.multiple tbody tr:last-of-type td:last-child,*/
/*    ::deep table.multiple tbody tr:nth-last-of-type(2) td:not(.expanded):last-child {*/
/*        border-bottom-right-radius: .25rem;*/
/*    }*/
[b-w6lk8cuw8l] .table > :not(caption) > * > * {
    padding: 0.8rem;
}

[b-w6lk8cuw8l] .table.table-sm > :not(caption) > * > * {
    padding: 0.25rem;
}

[b-w6lk8cuw8l] table tbody tr.action {
    cursor: pointer;
}

/* Table ellipses*/
[b-w6lk8cuw8l] .ellipses {
    text-align: center;
    width: 3%;
    vertical-align: middle;
    font-size: initial;
}

[b-w6lk8cuw8l] thead th.ellipses {
    width: 4%;
}

[b-w6lk8cuw8l] .ellipses .dropdown {
    position: static;
}

[b-w6lk8cuw8l] .menu-btn {
    padding: 8px 15.5px;
    margin: -8px -15.5px;
    color: #4A494A;
}

    [b-w6lk8cuw8l] .menu-btn:hover, [b-w6lk8cuw8l] .menu-btn:focus, [b-w6lk8cuw8l] .menu-btn:active, [b-w6lk8cuw8l] .show.menu-btn {
        background-color: #9d9d9d;
        background-color: rgba(157, 157, 157, 0.3);
        border-radius: 50%;
        outline: none;
        color: #4A494A;
    }

[b-w6lk8cuw8l] .ellipses .dropdown-menu .dropdown-item:hover {
    background-color: #9d9d9d;
    background-color: rgba(157, 157, 157, 0.3);
    color: #4A494A;
}

body[data-dark='true'] .table[b-w6lk8cuw8l]  .menu-btn {
    color: #d1d1d1;
}

    body[data-dark='true'] .table[b-w6lk8cuw8l]  .menu-btn:hover,
    body[data-dark='true'] .table[b-w6lk8cuw8l]  .menu-btn:focus,
    body[data-dark='true'] .table[b-w6lk8cuw8l]  .menu-btn:active,
    body[data-dark='true'] .table[b-w6lk8cuw8l]  .show.menu-btn {
        background-color: #9d9d9d;
        background-color: rgba(157, 157, 157, 0.3);
        color: #d1d1d1;
    }

body[data-dark='true'] .table[b-w6lk8cuw8l]  .ellipses .dropdown-menu .dropdown-item:hover {
    background-color: #9d9d9d;
    background-color: rgba(157, 157, 157, 0.3);
    color: #d1d1d1;
}

[b-w6lk8cuw8l] .menu-btn + div.dropdown-menu > .dropdown-item {
    padding: 0.375rem 1.875rem;
}

/****** MEDIA QUERIES *****/

/*XXL*/
@media screen and (max-width: 2560px) {
}

/*XL*/
@media screen and (max-width: 1440px) {
}

/*Large*/
@media screen and (max-width: 1024px) {
}

@media screen and (min-width: 1023px) {
    .table-height[b-w6lk8cuw8l] {
        height: calc(70vh - 4.094rem);
    }

    [b-w6lk8cuw8l] tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    [b-w6lk8cuw8l] table tbody td:not(.show-overflow) {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    [b-w6lk8cuw8l] table tbody td.show-overflow {
        white-space: pre-wrap;
        word-break: break-word;
    }
}

/*Medium*/
@media screen and (max-width: 768px) {
    tbody.d-block[b-w6lk8cuw8l] {
        display: table-row-group !important;
    }
}

/*Small*/
@media screen and (max-width: 600px) {
    input[id$='table-search-box'][b-w6lk8cuw8l] {
        max-width: unset;
    }
}

@media (max-width: 575.98px) {
    .table-responsive[b-w6lk8cuw8l] {
        overflow-x: auto;
        overflow-y: visible;
    }

    table[b-w6lk8cuw8l] {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed;
    }

    thead[b-w6lk8cuw8l] {
        display: table-header-group;
    }

    tbody[b-w6lk8cuw8l] {
        display: block;
        max-height: calc(70vh - 4.094rem);
        overflow-y: auto;
    }

    tr[b-w6lk8cuw8l] {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
}




@media (max-width: 767.98px) {
    table tbody.d-block[b-w6lk8cuw8l] {
        display: block;
    }

        table tbody.d-block tr[b-w6lk8cuw8l] {
            display: flex;
            flex-wrap: wrap;
        }

        table tbody.d-block td[b-w6lk8cuw8l] {
            flex: 1 0 100%;
            white-space: normal;
        }
}


/****************************************************************************
 * MODERN SKIN — opt-in.
 *
 * Pass `table-modern` in TableWrapperClasses. The class lands on both the
 * controls bar and the table wrapper, so the whole block gets restyled.
 * It is opt-in rather than the default because every admin table shares this
 * component and /management/orders is deliberately left on the old skin.
 *
 * The toolbar sits on the dark site background, so it is styled as glass on
 * dark; the table itself is a white elevated card.
 ****************************************************************************/

/********** Toolbar **********/
#table-controls.table-modern[b-w6lk8cuw8l] {
    margin-bottom: 1rem !important;
}

/* One evenly spaced control strip. The markup is a loose run of inline elements with
   their own ms-2 margins, which reads as a jumble once the controls stop matching. */
#table-controls.table-modern .col-auto[b-w6lk8cuw8l] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-start;
}

    #table-controls.table-modern .col-auto.text-md-end[b-w6lk8cuw8l] {
        justify-content: flex-end;
    }

    #table-controls.table-modern .col-auto > *[b-w6lk8cuw8l] {
        margin: 0 !important;
    }

/* Height and line-height rather than padding + display, because every control here is
   shown or hidden by a d-none/d-block utility and those carry !important. */
#table-controls.table-modern[b-w6lk8cuw8l]  .btn,
#table-controls.table-modern[b-w6lk8cuw8l]  #table-actions-menu {
    background-color: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 10px;
    color: #e7e9ee;
    font-family: 'Inter', sans-serif; /* .btn-primary otherwise pulls in the Rationale display face */
    font-size: 13px;
    font-weight: 500;
    height: 36px;
    line-height: 34px;
    padding: 0 .9rem;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
    vertical-align: top;
}

    #table-controls.table-modern[b-w6lk8cuw8l]  .btn:hover,
    #table-controls.table-modern[b-w6lk8cuw8l]  #table-actions-menu:hover,
    #table-controls.table-modern[b-w6lk8cuw8l]  .btn:focus-visible {
        background-color: rgba(255, 255, 255, .13);
        border-color: rgba(255, 255, 255, .3);
        color: #fff;
    }

/* Icon-only, so it wants to be square rather than a wide pill. */
#table-controls.table-modern[b-w6lk8cuw8l]  .refresh-btn {
    padding: 0;
    width: 36px;
}

    #table-controls.table-modern[b-w6lk8cuw8l]  .refresh-btn svg,
    #table-controls.table-modern[b-w6lk8cuw8l]  .refresh-btn i {
        font-size: 14px;
        vertical-align: middle;
    }

/* The create/primary action keeps its weight so it still reads as the one thing to click. */
#table-controls.table-modern[b-w6lk8cuw8l]  .btn-primary.table-btn {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #0b1220;
    font-weight: 600;
}

    #table-controls.table-modern[b-w6lk8cuw8l]  .btn-primary.table-btn:hover {
        background-color: #7ab7f8;
        border-color: #7ab7f8;
        color: #0b1220;
    }

#table-controls.table-modern[b-w6lk8cuw8l]  .btn:disabled,
#table-controls.table-modern[b-w6lk8cuw8l]  .btn.disabled {
    opacity: .45;
}

/* Search */
#table-controls.table-modern .input-group[b-w6lk8cuw8l] {
    background-color: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 10px;
    flex-wrap: nowrap;
    height: 36px;
    overflow: hidden;
    transition: border-color .15s ease, box-shadow .15s ease;
    width: 260px;
}

    #table-controls.table-modern .input-group:focus-within[b-w6lk8cuw8l] {
        border-color: rgba(90, 163, 246, .75);
        box-shadow: 0 0 0 3px rgba(90, 163, 246, .18);
    }

#table-controls.table-modern input[id$='table-search-box'][b-w6lk8cuw8l],
#table-controls.table-modern input[id$='table-search-box']:focus[b-w6lk8cuw8l] {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    color: #fff;
    font-size: 13px;
    max-width: none;
    padding: 0 .25rem 0 .85rem;
}

    #table-controls.table-modern input[id$='table-search-box'][b-w6lk8cuw8l]::placeholder {
        color: rgba(255, 255, 255, .45);
    }

#table-controls.table-modern .input-group-text[b-w6lk8cuw8l],
#table-controls.table-modern #table-search[b-w6lk8cuw8l] {
    background-color: transparent;
    border: 0;
    height: 34px;
    line-height: 34px;
    padding: 0 .7rem 0 0;
}

#table-controls.table-modern #table-search .search-icon[b-w6lk8cuw8l] {
    filter: brightness(0) invert(1);
    opacity: .5;
    transition: opacity .15s ease;
    vertical-align: middle;
    width: 1rem;
}

#table-controls.table-modern #table-search:hover .search-icon[b-w6lk8cuw8l] {
    opacity: 1;
}

/* "Show deleted items" switch — set apart from the button cluster by a hairline. */
#table-controls.table-modern .form-switch[b-w6lk8cuw8l] {
    border-left: 1px solid rgba(255, 255, 255, .14);
    line-height: 1;
    margin-left: .35rem !important;
    min-height: 0;
    padding-left: 3.4em;
}

#table-controls.table-modern[b-w6lk8cuw8l]  .form-check-input {
    background-color: rgba(255, 255, 255, .14);
    border-color: rgba(255, 255, 255, .28);
    cursor: pointer;
    height: 20px;
    margin-top: 0;
    width: 36px;
}

    #table-controls.table-modern[b-w6lk8cuw8l]  .form-check-input:checked {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

#table-controls.table-modern .form-switch + span[b-w6lk8cuw8l] {
    color: rgba(255, 255, 255, .8) !important;
    font-size: 13px;
}

/********** Dropdowns — the action menu, the row menu and the column filter **********
 * app.css forces every .dropdown-menu to solid black with a white border, which the
 * stock dark dropdown-item text is then invisible against. Inside this skin they are
 * white cards to match the table.
 ************************************************************************************/
.table-modern[b-w6lk8cuw8l]  .dropdown-menu {
    background: #fff !important;
    border: 1px solid #eaecf0;
    box-shadow: 0 16px 32px -8px rgba(16, 24, 40, .3) !important;
    border-radius: 12px;
    color: #344054;
    font-size: 13px;
    padding: .35rem;
}

.table-modern[b-w6lk8cuw8l]  .dropdown-menu .dropdown-item,
.table-modern[b-w6lk8cuw8l]  .dropdown-menu .action {
    border-radius: 7px;
    color: #344054;
    cursor: pointer;
    display: block;
    font-size: 13px;
    padding: .4rem .6rem;
    text-decoration: none;
}

    .table-modern[b-w6lk8cuw8l]  .dropdown-menu .dropdown-item:hover,
    .table-modern[b-w6lk8cuw8l]  .dropdown-menu li:hover > .action {
        background-color: #f2f4f7;
        color: #101828;
    }

.table-modern[b-w6lk8cuw8l]  .dropdown-menu li {
    padding: 0 !important;
}

.table-modern[b-w6lk8cuw8l]  .dropdown-menu .dropdown-divider {
    border-top-color: #eaecf0;
    margin: .3rem 0;
}

/* Column filter popover */
.table-modern[b-w6lk8cuw8l]  .table-filter-menu {
    min-width: 250px;
    padding: .9rem !important;
}

    /* The filter form uses app.css floating labels, which assume a white page behind them
       and otherwise render as notched chips clipped by the popover edge. Demote them to
       plain field labels — they sit after their input in the markup, hence the flip. */
    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .row > [class*='col-'] {
        display: flex;
        flex-direction: column;
    }

    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .form-control-show-placeholder,
    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .form-label {
        background-image: none;
        color: #667085;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: .06em;
        margin: 0 0 .3rem;
        order: -1;
        padding: 0;
        position: static;
        text-transform: uppercase;
        transform: none;
    }

    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .row {
        margin: 0 !important;
    }

        .table-modern[b-w6lk8cuw8l]  .table-filter-menu .row > [class*='col-'] {
            padding: 0;
        }

    .table-modern[b-w6lk8cuw8l]  .table-filter-menu form > .row + .row {
        margin-top: .75rem !important;
    }

    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .form-control,
    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .form-select {
        background-color: #fff;
        border: 1px solid #d0d5dd;
        border-radius: 8px;
        color: #101828;
        font-size: 13px;
        height: 36px;
        padding: 0 .7rem;
    }

    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .form-select {
        padding-right: 2rem;
    }

        .table-modern[b-w6lk8cuw8l]  .table-filter-menu .form-select[multiple] {
            height: auto;
            padding: .35rem;
        }

    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .form-control:focus,
    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .form-select:focus {
        border-color: var(--primary-color);
        border-width: 1px;
        box-shadow: 0 0 0 3px rgba(90, 163, 246, .18);
    }

    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .form-control::placeholder {
        color: #98a2b3;
    }

    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .validation-message {
        font-size: 11px;
        margin-top: .25rem;
    }

    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .btn {
        border-radius: 8px;
        font-family: 'Inter', sans-serif;
        font-size: 13px;
        font-weight: 600;
        height: 34px;
        line-height: 32px;
        padding: 0 .6rem;
        width: 100%;
    }

    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .btn-primary {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
        color: #0b1220;
    }

        .table-modern[b-w6lk8cuw8l]  .table-filter-menu .btn-primary:hover {
            background-color: #7ab7f8;
            border-color: #7ab7f8;
            color: #0b1220;
        }

    .table-modern[b-w6lk8cuw8l]  .table-filter-menu .btn-outline-secondary {
        background-color: #fff;
        border-color: #d0d5dd;
        color: #475467;
    }

        .table-modern[b-w6lk8cuw8l]  .table-filter-menu .btn-outline-secondary:hover {
            background-color: #f9fafb;
            border-color: #98a2b3;
            color: #101828;
        }

/********** Table card **********/
.table-responsive.table-modern[b-w6lk8cuw8l] {
    background-color: #fff;
    border-radius: 14px;
    box-shadow: 0 1px 3px rgba(16, 24, 40, .12), 0 18px 40px -12px rgba(0, 0, 0, .55);
    overflow-x: auto;
    overflow-y: hidden;
    position: relative; /* containing block for the loading veil */
}

/********** Loading veil (ShowLoadingOverlay) **********/
.table-modern .table-loading-overlay[b-w6lk8cuw8l] {
    align-items: center;
    background-color: rgba(255, 255, 255, .72);
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    gap: .6rem;
    inset: 0;
    justify-content: center;
    position: absolute;
    z-index: 5;
}

.table-modern .table-loading-overlay .spinner-border[b-w6lk8cuw8l] {
    border-width: 2.5px;
    color: var(--primary-color);
    height: 30px;
    width: 30px;
}

.table-modern .table-loading-text[b-w6lk8cuw8l] {
    color: #667085;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .02em;
}

.table-modern table[b-w6lk8cuw8l] {
    --bs-table-hover-bg: #f4f8ff;
    --bs-table-hover-color: #101828;
    box-shadow: none;
    color: #344054;
    font-size: 13px;
    margin-bottom: 0;
}

.table-modern table.table-sm[b-w6lk8cuw8l] {
    font-size: 13px;
}

/* Bootstrap's own cell-padding rule is very specific, so the override has to match its shape.
   These paddings decide the row height, which Virtualize is told about through
   TableRowItemSize — a page opting into this skin has to raise that from the default 33
   to roughly 45, or the virtual scroll's index maths drifts. */
.table-modern[b-w6lk8cuw8l]  .table > :not(caption) > * > *,
.table-modern[b-w6lk8cuw8l]  .table.table-sm > :not(caption) > * > * {
    padding: .6rem 1rem;
}

.table-modern[b-w6lk8cuw8l]  .table > thead > tr > *,
.table-modern[b-w6lk8cuw8l]  .table.table-sm > thead > tr > * {
    padding: .7rem 1rem;
}

/********** Header **********/
.table-modern[b-w6lk8cuw8l]  table thead th {
    background-color: #fbfcfd;
    border-bottom: 1px solid #eaecf0;
    color: #667085;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    vertical-align: middle;
}

.table-modern[b-w6lk8cuw8l]  .sortable .fa-sort {
    color: #cdd2da;
}

.table-modern[b-w6lk8cuw8l]  .sortable:hover .fa-sort,
.table-modern[b-w6lk8cuw8l]  .sortable .fa-sort-up,
.table-modern[b-w6lk8cuw8l]  .sortable .fa-sort-down {
    color: var(--primary-color);
}

.table-modern[b-w6lk8cuw8l]  .fa-filter {
    color: #cdd2da;
    font-size: 11px;
    transition: color .15s ease;
}

.table-modern[b-w6lk8cuw8l]  [role='button']:hover .fa-filter {
    color: var(--primary-color);
}

/********** Body **********/
.table-modern[b-w6lk8cuw8l]  table tbody tr {
    transition: background-color .12s ease;
}

.table-modern[b-w6lk8cuw8l]  table tbody td {
    border-bottom: 1px solid #f2f4f7;
    border-top: 0;
    color: #475467;
    vertical-align: middle;
}

/* The identifying column reads as the row's title. */
.table-modern[b-w6lk8cuw8l]  table tbody td.check-cell + td,
.table-modern[b-w6lk8cuw8l]  table tbody tr > td:first-child:not(.check-cell):not(.row-number-cell) {
    color: #101828;
    font-weight: 600;
}

.table-modern[b-w6lk8cuw8l]  table tbody tr:last-child > td {
    border-bottom: 0;
}

/* A left accent on hover. The second shadow re-applies Bootstrap's own row tint,
   which this declaration would otherwise wipe out for the first cell. */
.table-modern[b-w6lk8cuw8l]  table.table-hover tbody tr:hover > *:first-child {
    box-shadow: inset 3px 0 0 var(--primary-color), inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table-modern[b-w6lk8cuw8l]  table tbody tr.table-secondary {
    --bs-table-bg: #f9fafb;
    --bs-table-color: #98a2b3;
}

.table-modern[b-w6lk8cuw8l]  table tbody > div {
    color: #98a2b3;
    font-size: 13px;
}

/* Booleans render as a bare tick/cross; give them a status-chip shape instead. Font Awesome
   swaps the <i> for an <svg> that fills its box, so the glyph is sized by the padding — and
   it renames fa-times to fa-xmark on the way, hence both selectors. */
.table-modern[b-w6lk8cuw8l]  td.is-active-cell .fa-check,
.table-modern[b-w6lk8cuw8l]  td.is-active-cell .fa-times,
.table-modern[b-w6lk8cuw8l]  td.is-active-cell .fa-xmark {
    border-radius: 999px;
    box-sizing: border-box;
    display: inline-block;
    height: 22px;
    padding: 5px;
    vertical-align: middle;
    width: 22px;
}

.table-modern[b-w6lk8cuw8l]  td.is-active-cell .fa-check {
    background-color: #ecfdf3;
    color: #067647 !important;
}

.table-modern[b-w6lk8cuw8l]  td.is-active-cell .fa-times,
.table-modern[b-w6lk8cuw8l]  td.is-active-cell .fa-xmark {
    background-color: #fef3f2;
    color: #d92d20 !important;
}

.table-modern[b-w6lk8cuw8l]  .form-check-input {
    border-color: #d0d5dd;
    cursor: pointer;
}

    .table-modern[b-w6lk8cuw8l]  .form-check-input:checked {
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    }

/********** Row action menu **********/
.table-modern[b-w6lk8cuw8l]  .menu-btn {
    border-radius: 8px;
    color: #98a2b3;
    margin: 0;
    padding: 4px 10px;
}

    .table-modern[b-w6lk8cuw8l]  .menu-btn:hover,
    .table-modern[b-w6lk8cuw8l]  .menu-btn:focus,
    .table-modern[b-w6lk8cuw8l]  .menu-btn:active,
    .table-modern[b-w6lk8cuw8l]  .show.menu-btn {
        background-color: #f2f4f7;
        border-radius: 8px;
        color: #101828;
    }


/********** Table states **********/

/* The body is pinned to 70vh at desktop widths, so a short result set leaves a big slab of
   empty white. Let it shrink instead — but keep a floor, because Virtualize needs the
   scroll container to have height before it will decide how many rows to ask for. */
.table-modern .table-height[b-w6lk8cuw8l] {
    height: auto;
    max-height: calc(70vh - 4.094rem);
    min-height: 320px;
}

/* Loading: the stock placeholder is one full-width bar per row, which reads as a broken
   page rather than a loading one. Give it row-shaped, staggered blocks. */
.table-modern[b-w6lk8cuw8l]  tbody tr .placeholder {
    background-color: #eaecf0;
    border-radius: 6px;
    height: 12px;
    opacity: 1;
}

.table-modern[b-w6lk8cuw8l]  tbody tr:nth-child(3n) .placeholder {
    width: 62%;
}

.table-modern[b-w6lk8cuw8l]  tbody tr:nth-child(3n + 1) .placeholder {
    width: 84%;
}

.table-modern[b-w6lk8cuw8l]  tbody tr:nth-child(3n + 2) .placeholder {
    width: 47%;
}

/* Empty: rendered as a bare div inside the (display: block) tbody. */
.table-modern[b-w6lk8cuw8l]  tbody > div {
    color: #667085;
    font-size: 13px;
    margin: 0 !important;
    max-width: none !important;
    padding: 3.5rem 1rem;
    text-align: center;
    width: 100% !important;
}

    .table-modern[b-w6lk8cuw8l]  tbody > div p {
        margin: 0;
    }

    .table-modern[b-w6lk8cuw8l]  tbody > div::before {
        color: #d0d5dd;
        content: '';
        display: block;
        height: 40px;
        margin: 0 auto .75rem;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center / contain no-repeat;
        background-color: currentColor;
        width: 40px;
    }

/********** Scrollbars — the default is a fat blue bar that dominates the card **********/
.table-modern tbody[b-w6lk8cuw8l]::-webkit-scrollbar,
.table-responsive.table-modern[b-w6lk8cuw8l]::-webkit-scrollbar {
    height: 10px;
    width: 10px;
}

.table-modern tbody[b-w6lk8cuw8l]::-webkit-scrollbar-track,
.table-responsive.table-modern[b-w6lk8cuw8l]::-webkit-scrollbar-track {
    background: transparent;
}

.table-modern tbody[b-w6lk8cuw8l]::-webkit-scrollbar-thumb,
.table-responsive.table-modern[b-w6lk8cuw8l]::-webkit-scrollbar-thumb {
    background: #d0d5dd;
    border: 2px solid #fff;
    border-radius: 8px;
}

    .table-modern tbody[b-w6lk8cuw8l]::-webkit-scrollbar-thumb:hover,
    .table-responsive.table-modern[b-w6lk8cuw8l]::-webkit-scrollbar-thumb:hover {
        background: #98a2b3;
    }

@media screen and (max-width: 767.98px) {
    .table-responsive.table-modern[b-w6lk8cuw8l] {
        border-radius: 10px;
    }

    .table-modern[b-w6lk8cuw8l]  .table > :not(caption) > * > *,
    .table-modern[b-w6lk8cuw8l]  .table.table-sm > :not(caption) > * > * {
        padding: .55rem;
    }
}
/* _content/ApexSupps.Client.Components/Templates/Table/TablePaged.razor.rz.scp.css */
/********** Table Body Height **********/
.table-height[b-yrbm5qbcdy] {
    max-height: calc(70vh - 4.094rem);
    overflow-y: auto;
}
.table-height-50[b-yrbm5qbcdy] {
    max-height: 50vh;
}
.table-height-25[b-yrbm5qbcdy] {
    max-height: 25vh;
}
.table-height-fixed-300[b-yrbm5qbcdy] {
    max-height: 300px;
}

.table-height-fixed-200[b-yrbm5qbcdy] {
    max-height: 200px;
}

/********** Table Scrollbar **********/
/* size */
[b-yrbm5qbcdy]::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

/* Track */
[b-yrbm5qbcdy]::-webkit-scrollbar-track {
    border-radius: 10px;
}

/* Handle */
[b-yrbm5qbcdy]::-webkit-scrollbar-thumb {
    background: #396782;
    border-radius: 10px;
}

    /* Handle on hover */
    [b-yrbm5qbcdy]::-webkit-scrollbar-thumb:hover {
        background: #d2d4d6;
    }


/********** Table Controls **********/
#PageSize[b-yrbm5qbcdy] {
    width: auto;
    font-size: 14px;
}

#CurrentPage[b-yrbm5qbcdy] {
    -moz-appearance: textfield;
    background-color: #fcfcfc;
    
}

#CurrentPage[b-yrbm5qbcdy]::-webkit-outer-spin-button,
#CurrentPage[b-yrbm5qbcdy]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

#CurrentPage[b-yrbm5qbcdy], #TotalPages[b-yrbm5qbcdy] {
    width: 75px;
    font-size: 14px;
}

input[id$='table-search-box'][b-yrbm5qbcdy] {
    max-width: 198px;
    border-right: 0;
    font-size: 14px;
    background-color: #fcfcfc;
}

body[data-dark='true'] .input-group-append[b-yrbm5qbcdy] {
    margin-left: 0;
}

#table-search[b-yrbm5qbcdy] {
    z-index: auto;
    border-left: 0;
    background-color: #fcfcfc;
    /*padding: .3rem;*/
}

#table-search .search-icon[b-yrbm5qbcdy] {
    vertical-align: text-bottom;
    filter: invert(13%) sepia(13%) saturate(480%) hue-rotate(169deg) brightness(95%) contrast(95%);
}

body[data-dark='true'] #table-search[b-yrbm5qbcdy] {
    border-color: rgba(255,255,255,.25);
    background-color: transparent;
}

input[id$='table-search-box'] ~ .input-group-text[b-yrbm5qbcdy] {
    background-color: #fcfcfc;
}

input[id$='table-search-box'].form-control:focus[b-yrbm5qbcdy] {
    border: 1px solid #ced4da;
    border-right: none;
}

.search-icon[b-yrbm5qbcdy] {
    filter: invert(26%) sepia(78%) saturate(6665%) hue-rotate(322deg) brightness(93%) contrast(99%);
    width: 1.2rem;
}

    .search-icon:hover[b-yrbm5qbcdy] {
        filter: invert(26%) sepia(78%) saturate(6665%) hue-rotate(322deg) brightness(93%) contrast(99%);
    }

/* Sorts */
[b-yrbm5qbcdy] .sortable {
    cursor: pointer;
    position: relative;
    padding-left: 0.5em;
}

    [b-yrbm5qbcdy] .sortable i {
        right: .5rem;
        position: static;
    }

    [b-yrbm5qbcdy] .sortable svg {
        margin-top: .2rem;
    }

    [b-yrbm5qbcdy] .sortable .fa-sort-asc, [b-yrbm5qbcdy] .sortable .fa-sort-desc {
        /*color: white;*/
    }

    [b-yrbm5qbcdy] .sortable .fa-sort {
        color: #212529;
    }

[b-yrbm5qbcdy] table tbody tr.action, [b-yrbm5qbcdy] table tbody tr.action:hover {
    cursor: pointer;
}

/********** Table styles **********/
[b-yrbm5qbcdy] .check-cell {
    text-align: center !important;
    width: 60px;
}
[b-yrbm5qbcdy] .row-number-cell {
    width: 35px;
}
[b-yrbm5qbcdy] .is-active-cell {
    text-align: center !important;
    width: 90px;
}
.table > :not(:first-child)[b-yrbm5qbcdy] {
    border-top: unset;
}
table[b-yrbm5qbcdy] {
    font-size: 14px;
    white-space: nowrap;
    border-spacing: 0;
    border-collapse: separate;
    box-shadow: 0 0 5px 1px #ced4da;
    font-family: 'Roboto', sans-serif;
}

    table thead[b-yrbm5qbcdy] {
        color: #212529;
    }

table thead .c-trips[b-yrbm5qbcdy] {
    color: #212529;
    background-color: #04065A !important;
    vertical-align: middle;
}
    
table.table-sm[b-yrbm5qbcdy] {
    font-size: .8rem;
}

body[data-dark='true'] .table[b-yrbm5qbcdy] {
    color: #d1d1d1;
}

[b-yrbm5qbcdy] .vertical-divider {
    width: 3%;
}

[b-yrbm5qbcdy] table thead th {
    background-color: #f8f9fa;
    border-top: 2px solid #ced4da;
    border-bottom: 2px solid #ced4da;
}

    [b-yrbm5qbcdy] table thead th:first-child {
        border-left: 2px solid #ced4da;
        border-top-left-radius: .25rem;
    }

    [b-yrbm5qbcdy] table thead th:last-child {
        border-right: 2px solid #ced4da;
        border-top-right-radius: .25rem;
    }

[b-yrbm5qbcdy] table thead td {
    border-bottom: 2px solid #ced4da;
    padding-top: .75rem;
}

    [b-yrbm5qbcdy] table thead td:first-child {
        border-left: 2px solid #ced4da;
    }

    [b-yrbm5qbcdy] table thead td:last-child {
        border-right: 2px solid #ced4da;
    }
    
[b-yrbm5qbcdy] table tbody {
    max-height: 80vh;
}

    [b-yrbm5qbcdy] table:not(.table-sm) tbody tr {
        min-height: 48px;
    }
    
    [b-yrbm5qbcdy] table tbody td {
        border-top: 0;
        border-bottom: 1px solid #ced4da;
        padding: 0.8rem;
    }

        [b-yrbm5qbcdy] table tbody td.wrap {
            white-space: normal;
        }

    [b-yrbm5qbcdy] table tbody tr td:first-child {
        border-left: 2px solid #ced4da;
    }

    [b-yrbm5qbcdy] table tbody tr td:last-child {
        border-right: 2px solid #ced4da;
    }

[b-yrbm5qbcdy] table.multiple tbody tr td.expanded:last-child {
    border-bottom: 0;
}

[b-yrbm5qbcdy] table.multiple thead tr th:first-child, [b-yrbm5qbcdy] table.multiple tbody tr td:first-child:not([colspan]),
[b-yrbm5qbcdy] table thead tr th:first-child.text-center, [b-yrbm5qbcdy] table tbody tr td:first-child.text-center {
    width: 6%;
}

[b-yrbm5qbcdy] table.multiple tbody tr.expandable:not(.expanded) td {
    border-bottom: 0;
}

[b-yrbm5qbcdy] table:not(.multiple) tbody tr:last-of-type td,
[b-yrbm5qbcdy] table.multiple tbody tr:nth-last-of-type(2) td:not(.expanded),
[b-yrbm5qbcdy] table.multiple tbody tr:last-of-type.expandable.expanded td,
[b-yrbm5qbcdy] table.multiple tbody tr:last-of-type:not(.expandable) td:last-child,
[b-yrbm5qbcdy] table.multiple tbody tr:last-of-type:not(.expandable) td:first-child {
    border-bottom: 2px solid #ced4da;
}

    [b-yrbm5qbcdy] table:not(.multiple) tbody tr:last-of-type td:first-child,
    [b-yrbm5qbcdy] table.multiple tbody tr:last-of-type td:first-child,
    [b-yrbm5qbcdy] table.multiple tbody tr:nth-last-of-type(2) td:not(.expanded):first-child {
        border-bottom-left-radius: .25rem;
    }

    [b-yrbm5qbcdy] table:not(.multiple) tbody tr:last-of-type td:last-child,
    [b-yrbm5qbcdy] table.multiple tbody tr:last-of-type td:last-child,
    [b-yrbm5qbcdy] table.multiple tbody tr:nth-last-of-type(2) td:not(.expanded):last-child {
        border-bottom-right-radius: .25rem;
    }
[b-yrbm5qbcdy] .table > :not(caption) > * > * {
    padding: 0.8rem;
}
[b-yrbm5qbcdy] .table.table-sm > :not(caption) > * > * {
    padding: 0.25rem;
}

[b-yrbm5qbcdy] table tbody tr.action {
    cursor: pointer;
}

/* Table ellipses*/
[b-yrbm5qbcdy] .ellipses {
    text-align: center;
    width: 3%;
    vertical-align: middle;
    font-size: initial;
}

[b-yrbm5qbcdy] thead th.ellipses {
    width: 4%;
}

[b-yrbm5qbcdy] .ellipses .dropdown {
    position: static;
}

[b-yrbm5qbcdy] .menu-btn {
    padding: 8px 15.5px;
    margin: -8px -15.5px;
    color: #4A494A;
}

[b-yrbm5qbcdy] .menu-btn:hover, [b-yrbm5qbcdy] .menu-btn:focus, [b-yrbm5qbcdy] .menu-btn:active, [b-yrbm5qbcdy] .show.menu-btn {
    background-color: #9d9d9d;
    background-color: rgba(157, 157, 157, 0.3);
    border-radius: 50%;
    outline: none;
    color: #4A494A;
}

[b-yrbm5qbcdy] .ellipses .dropdown-menu .dropdown-item:hover {
    background-color: #9d9d9d;
    background-color: rgba(157, 157, 157, 0.3);
    color: #4A494A;
}

body[data-dark='true'] .table[b-yrbm5qbcdy]  .menu-btn {
    color: #d1d1d1;
}

body[data-dark='true'] .table[b-yrbm5qbcdy]  .menu-btn:hover,
body[data-dark='true'] .table[b-yrbm5qbcdy]  .menu-btn:focus,
body[data-dark='true'] .table[b-yrbm5qbcdy]  .menu-btn:active,
body[data-dark='true'] .table[b-yrbm5qbcdy]  .show.menu-btn {
    background-color: #9d9d9d;
    background-color: rgba(157, 157, 157, 0.3);
    color: #d1d1d1;
}

body[data-dark='true'] .table[b-yrbm5qbcdy]  .ellipses .dropdown-menu .dropdown-item:hover {
    background-color: #9d9d9d;
    background-color: rgba(157, 157, 157, 0.3);
    color: #d1d1d1;
}

[b-yrbm5qbcdy] .menu-btn + div.dropdown-menu > .dropdown-item {
    padding: 0.375rem 1.875rem;
}

/****** MEDIA QUERIES *****/

/*XXL*/
@media screen and (max-width: 2560px) {
}

/*XL*/
@media screen and (max-width: 1440px) {
}

/*Large*/
@media screen and (max-width: 1024px) {
}

@media screen and (min-width: 1023px) {
    .table-height[b-yrbm5qbcdy] {
        height: calc(70vh - 4.094rem);
    }
    [b-yrbm5qbcdy] tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    [b-yrbm5qbcdy] table tbody td:not(.show-overflow) {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    [b-yrbm5qbcdy] table tbody td.show-overflow {
        white-space: pre-wrap;
        word-break: break-word;
    }
}

/*Medium*/
@media screen and (max-width: 768px) {
    tbody.d-block[b-yrbm5qbcdy] {
        display: table-row-group !important;
    }
}

/*Small*/
@media screen and (max-width: 600px) {
    input[id$='table-search-box'][b-yrbm5qbcdy] {
        max-width: unset;
    }
}
/* _content/ApexSupps.Client.Components/Templates/Table/TableRowActionMenu.razor.rz.scp.css */
[b-520z2wnrxb].dropdown-menu {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    background: white !important;
    border: transparent;
}
/* _content/ApexSupps.Client.Components/Templates/Toast/ToastItem.razor.rz.scp.css */
.toast[b-z5lc7rx6ct] {
    min-width: 250px;
    -webkit-animation: pop-in 0.4s;
    -moz-animation: pop-in 0.4s;
    -ms-animation: pop-in 0.4s;
    box-shadow: 0 0.25rem 0.75rem rgb(0 0 0 / 20%) !important;
}

.toast-header[b-z5lc7rx6ct] {
    padding: .25rem .5rem;
}
.close-icon[b-z5lc7rx6ct] {
    width: .7rem;
    vertical-align: middle;
}
.toast-body[b-z5lc7rx6ct] {
    opacity: 1;
    max-height: 20vh;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Scollbar */
.scrollbar[b-z5lc7rx6ct]::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #000000;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 0.625rem;
}

.scrollbar[b-z5lc7rx6ct]::-webkit-scrollbar {
    width: 0.75rem;
    background-color: #F5F5F5;
    border-radius: 0.625rem;
}

.scrollbar[b-z5lc7rx6ct]::-webkit-scrollbar-thumb {
    border-radius: 0.625rem;
    -webkit-box-shadow: inset 0 0 6px #000000;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #999999;
}

.scrollbar-thin[b-z5lc7rx6ct]::-webkit-scrollbar {
    width: 0.375rem;
}
/* _content/ApexSupps.Client.Components/Templates/Toast/Toasts.razor.rz.scp.css */
#toasts-position[b-vrkekalkhd] {
    position: fixed;
    top: 5rem;
    right: .5rem;
    z-index: 2;
}