.store-order-product-list-page {
    --order-product-table-min-width: 1320px;
    --order-product-wide-table-min-width: 1880px;
}

.store-order-product-list-page .order-product-total-summary .datatabel_hide {
    margin-bottom: 10px !important;
}

.store-order-product-list-page .order-product-total-summary .color-card {
    align-items: stretch !important;
    justify-content: flex-start !important;
    background: var(--order-soft) !important;
}

.store-order-product-list-page .order-product-total-summary .column:last-child .color-card {
    background: var(--order-soft) !important;
}

.store-order-product-list-page .order-product-total-summary .color999 {
    display: block;
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0;
    width: 100%;
    line-height: 1.3;
    white-space: nowrap;
}

.store-order-product-list-page .order-product-total-summary .same_curr_style_last {
    display: flex !important;
    align-items: baseline;
    justify-content: flex-end;
    flex-wrap: nowrap;
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100%;
    min-width: 0;
    margin: 0 !important;
    font-weight: 600 !important;
    line-height: 1.2;
    text-align: right;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.store-order-product-list-page .order-product-total-summary .color-card .meta {
    display: grid !important;
    align-items: center;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    row-gap: 5px;
    width: 100%;
    min-width: 0;
}

.store-order-product-list-page .order-product-total-summary .sum_total_profit {
    font-weight: 700 !important;
}

@media (min-width: 901px) {
    .store-order-product-list-page .order-product-total-summary .datatabel_hide {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }

    .store-order-product-list-page .order-product-total-summary .color999 {
        font-size: 0.78rem;
    }

    .store-order-product-list-page .order-product-total-summary .same_curr_style_last {
        font-size: 1.05rem !important;
    }

    .store-order-product-list-page .order-product-total-summary .same_curr_style_last.order-product-money {
        font-size: 1.26rem !important;
    }
}

.store-order-product-list-page .order-product-total-summary .same_curr_style_last.is-negative-money {
    color: #991b1b !important;
}

.store-order-product-list-page .order-product-total-summary .same_curr_style_last.is-negative-money .order-money-prefix,
.store-order-product-list-page .order-product-total-summary .same_curr_style_last.is-negative-money .order-money-sign,
.store-order-product-list-page .order-product-total-summary .same_curr_style_last.is-negative-money .order-money-integer,
.store-order-product-list-page .order-product-total-summary .same_curr_style_last.is-negative-money .order-money-decimal {
    color: inherit !important;
}

.store-order-product-list-page .order-product-payment-summary {
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px !important;
    padding: 0 !important;
}

.store-order-product-list-page .order-product-payment-summary:empty {
    display: none;
}

.store-order-product-list-page .order-product-payment-summary .meta-stat {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    margin: 0 !important;
    border: 1px solid var(--order-line);
    border-radius: 9px;
    background: var(--order-soft);
    padding: 6px 10px;
}

.store-order-product-list-page .order-product-payment-summary .meta-stat span:first-child {
    color: var(--order-muted);
    font-size: 0.68rem;
    font-weight: 700;
}

.store-order-product-list-page .order-product-payment-summary .meta-stat span:nth-child(2) {
    color: var(--order-ink);
    font-size: 0.86rem;
    font-weight: 600;
}

.store-order-product-list-page .order-product-list-toolbar > .column:first-child {
    align-items: center;
}

.store-order-product-list-page .order-product-list-toolbar .dropdown > .is-trigger > .button {
    cursor: pointer;
}

.store-order-product-list-page .order-product-list-toolbar #infotop select {
    border-radius: 9px;
}

.store-order-product-list-page .order-product-table-wrap {
    cursor: default;
}

.store-order-product-list-page table.dataTable,
.store-order-product-list-page #users-datatable {
    min-width: var(--order-product-table-min-width) !important;
}

.store-order-product-list-page #users-datatable th:nth-child(n+4):nth-child(-n+7),
.store-order-product-list-page #users-datatable td:nth-child(n+4):nth-child(-n+7) {
    display: none;
}

.store-order-product-list-page .order-product-compact-meta {
    display: block;
    margin-top: 2px;
    color: #667085;
    line-height: 1.5;
}

.store-order-product-list-page .order-product-compact-meta > br:first-child {
    display: none;
}

@media (min-width: 901px) {
    html.dashboard-wide-layout .store-order-product-list-page table.dataTable,
    html.dashboard-wide-layout .store-order-product-list-page #users-datatable {
        min-width: var(--order-product-wide-table-min-width) !important;
    }

    html.dashboard-wide-layout .store-order-product-list-page #users-datatable th:nth-child(n+4):nth-child(-n+7),
    html.dashboard-wide-layout .store-order-product-list-page #users-datatable td:nth-child(n+4):nth-child(-n+7) {
        display: table-cell;
    }

    html.dashboard-wide-layout .store-order-product-list-page .order-product-compact-meta {
        display: none;
    }

    html.dashboard-wide-layout .store-order-product-list-page #users-datatable tbody td:nth-child(2) img.is-user {
        width: 45px !important;
        height: 45px !important;
    }

    html.dashboard-wide-layout .store-order-product-list-page #users-datatable .order-product-note-standard {
        display: none;
    }

    html.dashboard-wide-layout .store-order-product-list-page #users-datatable .order-product-note-wide {
        display: inline-flex;
    }
}

.store-order-product-list-page #users-datatable th:nth-child(1),
.store-order-product-list-page #users-datatable td:nth-child(1) {
    width: 58px !important;
    min-width: 58px;
    text-align: center;
}

.store-order-product-list-page #users-datatable th:nth-child(2),
.store-order-product-list-page #users-datatable td:nth-child(2) {
    width: 110px !important;
    min-width: 110px;
    text-align: center;
}

.store-order-product-list-page #users-datatable th:nth-child(3),
.store-order-product-list-page #users-datatable td:nth-child(3) {
    width: auto !important;
    min-width: 300px;
    text-align: left;
}

.store-order-product-list-page #users-datatable th:nth-child(4),
.store-order-product-list-page #users-datatable td:nth-child(4) {
    width: 150px !important;
    min-width: 150px;
}

.store-order-product-list-page #users-datatable th:nth-child(5),
.store-order-product-list-page #users-datatable td:nth-child(5) {
    width: 140px !important;
    min-width: 140px;
}

.store-order-product-list-page #users-datatable th:nth-child(6),
.store-order-product-list-page #users-datatable td:nth-child(6) {
    width: 160px !important;
    min-width: 160px;
}

.store-order-product-list-page #users-datatable th:nth-child(7),
.store-order-product-list-page #users-datatable td:nth-child(7) {
    width: 150px !important;
    min-width: 150px;
}

.store-order-product-list-page #users-datatable td:nth-child(n+4):nth-child(-n+7) {
    position: static !important;
    right: auto !important;
    z-index: auto !important;
    border-left: 0 !important;
    background: inherit !important;
    box-shadow: none !important;
    text-align: left;
}

.store-order-product-list-page #users-datatable thead th:nth-child(n+4):nth-child(-n+7) {
    position: sticky !important;
    right: auto !important;
    border-left: 0 !important;
    box-shadow: none !important;
}

.store-order-product-list-page #users-datatable th:nth-child(8),
.store-order-product-list-page #users-datatable td:nth-child(8) {
    width: 100px !important;
    min-width: 100px;
    text-align: right;
}

.store-order-product-list-page #users-datatable th:nth-child(9),
.store-order-product-list-page #users-datatable td:nth-child(9),
.store-order-product-list-page #users-datatable th:nth-child(10),
.store-order-product-list-page #users-datatable td:nth-child(10) {
    width: 105px !important;
    min-width: 105px;
    text-align: right;
}

.store-order-product-list-page #users-datatable th:nth-child(11),
.store-order-product-list-page #users-datatable td:nth-child(11) {
    width: 120px !important;
    min-width: 120px;
    text-align: right;
}

.store-order-product-list-page #users-datatable th:nth-child(12),
.store-order-product-list-page #users-datatable td:nth-child(12),
.store-order-product-list-page #users-datatable th:nth-child(13),
.store-order-product-list-page #users-datatable td:nth-child(13),
.store-order-product-list-page #users-datatable th:nth-child(14),
.store-order-product-list-page #users-datatable td:nth-child(14) {
    width: 125px !important;
    min-width: 125px;
    text-align: right;
}

.store-order-product-list-page #users-datatable thead th:nth-child(n+8) {
    text-align: right;
}

.store-order-product-list-page #users-datatable thead tr:first-child > th:nth-child(n+8) {
    padding-right: 32px !important;
}

.store-order-product-list-page #users-datatable thead th:nth-child(1),
.store-order-product-list-page #users-datatable thead th:nth-child(2) {
    text-align: center;
}

.store-order-product-list-page #users-datatable thead th:nth-child(n+4):nth-child(-n+7) {
    text-align: center;
}

.store-order-product-list-page #users-datatable thead tr:first-child > th:nth-child(n+4):nth-child(-n+7) {
    z-index: 122 !important;
    background: var(--order-header) !important;
}

.store-order-product-list-page #users-datatable thead tr:nth-child(2) > th:nth-child(n+4):nth-child(-n+7) {
    z-index: 121 !important;
    background: var(--order-filter-header) !important;
}

.store-order-product-list-page #users-datatable tbody td {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.store-order-product-list-page #users-datatable tbody td:nth-child(1) {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.store-order-product-list-page #users-datatable tbody td:nth-child(2) {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.store-order-product-list-page #users-datatable .order-product-select-cell,
.store-order-product-list-page #users-datatable .order-product-select-cell .control {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 0;
}

.store-order-product-list-page #users-datatable .order-product-select-cell {
    flex-direction: column;
    gap: 2px;
}

.store-order-product-list-page #users-datatable .order-product-select-cell .selectprod {
    margin: 0 !important;
    padding: 0 !important;
}

.store-order-product-list-page #users-datatable .order-product-image-cell {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
}

.store-order-product-list-page #users-datatable tbody td:nth-child(2) img.is-user {
    flex: 0 0 auto;
    width: 68px !important;
    height: 68px !important;
    border: 1px solid #e4e9f1;
    border-radius: 10px !important;
    background: #fff;
    object-fit: contain;
}

.store-order-product-list-page #users-datatable .edit_stock_notes {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin: 0;
    border-radius: 6px;
    color: #ff596f;
    transition: background-color 0.16s ease, transform 0.16s ease;
}

.store-order-product-list-page #users-datatable .order-product-note-wide {
    display: none;
}

.store-order-product-list-page #users-datatable .edit_stock_notes:hover,
.store-order-product-list-page #users-datatable .edit_stock_notes:focus {
    background: #fff0f2;
    transform: translateY(-1px);
}

.store-order-product-list-page #users-datatable .order-product-note-icon {
    display: block;
    width: 22px !important;
    height: 22px;
    margin: 0 !important;
    object-fit: contain;
}

.store-order-product-list-page #users-datatable tbody td:nth-child(3) > .has-dark-text:first-child {
    display: inline;
    color: var(--order-ink) !important;
    font-size: 0.84rem;
    font-weight: 750 !important;
    line-height: 1.4;
}

.store-order-product-list-page #users-datatable tbody td:nth-child(3) .tag {
    margin-top: 3px;
}

.store-order-product-list-page #users-datatable .order-product-detail-value {
    color: #667085;
    font-size: 0.76rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.store-order-product-list-page #users-datatable .order-product-empty-meta {
    color: #b0b7c5;
    font-size: 0.76rem;
    font-weight: 600;
}

.store-order-product-list-page #users-datatable tbody td:nth-child(n+4):nth-child(-n+7) {
    white-space: normal;
}

.store-order-product-list-page #users-datatable tbody td:nth-child(n+8) {
    color: var(--order-ink);
    font-size: 1.008rem;
    font-weight: 600;
    white-space: nowrap;
}

.store-order-product-list-page #users-datatable tbody td:nth-child(11) > .row-action {
    display: block !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
}

.store-order-product-list-page #users-datatable tbody td:nth-child(n+8) .row-action,
.store-order-product-list-page #users-datatable tbody td:nth-child(n+8) [style*="min-width"] {
    min-width: 0 !important;
}

@media (min-width: 901px) {
    .store-order-product-list-page #users-datatable thead th:nth-child(-n+3),
    .store-order-product-list-page #users-datatable tbody td:nth-child(-n+3) {
        position: sticky !important;
    }

    .store-order-product-list-page #users-datatable thead th:nth-child(1),
    .store-order-product-list-page #users-datatable tbody td:nth-child(1) {
        left: 0;
    }

    .store-order-product-list-page #users-datatable thead th:nth-child(2),
    .store-order-product-list-page #users-datatable tbody td:nth-child(2) {
        left: var(--order-column-1-width, 58px);
    }

    .store-order-product-list-page #users-datatable thead th:nth-child(3),
    .store-order-product-list-page #users-datatable tbody td:nth-child(3) {
        left: calc(var(--order-column-1-width, 58px) + var(--order-column-2-width, 110px));
        border-right: 1px solid var(--order-line);
        box-shadow: 8px 0 14px rgba(45, 54, 78, 0.06);
    }

    .store-order-product-list-page #users-datatable thead tr:first-child > th:nth-child(-n+3) {
        z-index: 142;
        background: var(--order-header) !important;
    }

    .store-order-product-list-page #users-datatable thead tr:nth-child(2) > th:nth-child(-n+3) {
        z-index: 141;
        background: var(--order-filter-header) !important;
    }

    .store-order-product-list-page #users-datatable tbody td:nth-child(-n+3) {
        z-index: 108;
        background: #fff !important;
    }

    .store-order-product-list-page #users-datatable tbody tr:hover td:nth-child(-n+3) {
        background: #fffaf8 !important;
    }
}

.store-order-product-list-page #users-datatable tbody .edit_stock_notes,
.store-order-product-list-page #users-datatable tbody .edit_arr_date_inline,
.store-order-product-list-page #users-datatable tbody .update_item_cost,
.store-order-product-list-page #users-datatable tbody a[href] {
    cursor: pointer;
}

.store-order-product-list-page #users-datatable tbody .update_item_cost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: var(--order-primary);
    transition: background-color 0.16s ease, transform 0.16s ease;
}

.store-order-product-list-page #users-datatable tbody .update_item_cost:hover,
.store-order-product-list-page #users-datatable tbody .update_item_cost:focus {
    background: #fff0f2;
    transform: rotate(18deg);
}

.store-order-product-list-page #users-datatable thead .same_curr_style_last {
    margin-top: 3px;
    color: var(--order-ink) !important;
    font-size: 0.936rem !important;
    font-weight: 600 !important;
    line-height: 1.2;
    white-space: nowrap;
}

.store-order-product-list-page #users-datatable .order-product-money {
    color: var(--order-ink);
    font-weight: 600;
    white-space: nowrap;
}

.store-order-product-list-page .order-money-sign {
    font-size: 70%;
    font-weight: inherit;
}

.store-order-product-list-page #users-datatable .profit.order-product-money,
.store-order-product-list-page #users-datatable .total_profit.order-product-money {
    font-weight: 700;
}

.store-order-product-list-page .is-negative-money {
    color: #991b1b !important;
}

.store-order-product-list-page #users-datatable.is-order-column-resizable {
    width: max(100%, var(--order-resized-table-width)) !important;
    min-width: max(100%, var(--order-resized-table-width)) !important;
}

.store-order-product-list-page #users-datatable.is-order-column-resizable th:nth-child(8),
.store-order-product-list-page #users-datatable.is-order-column-resizable td:nth-child(8) {
    width: var(--order-column-8-width) !important;
    min-width: var(--order-column-8-width) !important;
    max-width: var(--order-column-8-width) !important;
}

.store-order-product-list-page #users-datatable.is-order-column-resizable th:nth-child(9),
.store-order-product-list-page #users-datatable.is-order-column-resizable td:nth-child(9) {
    width: var(--order-column-9-width) !important;
    min-width: var(--order-column-9-width) !important;
    max-width: var(--order-column-9-width) !important;
}

.store-order-product-list-page #users-datatable.is-order-column-resizable th:nth-child(10),
.store-order-product-list-page #users-datatable.is-order-column-resizable td:nth-child(10) {
    width: var(--order-column-10-width) !important;
    min-width: var(--order-column-10-width) !important;
    max-width: var(--order-column-10-width) !important;
}

.store-order-product-list-page #users-datatable.is-order-column-resizable th:nth-child(11),
.store-order-product-list-page #users-datatable.is-order-column-resizable td:nth-child(11) {
    width: var(--order-column-11-width) !important;
    min-width: var(--order-column-11-width) !important;
    max-width: var(--order-column-11-width) !important;
}

.store-order-product-list-page #users-datatable.is-order-column-resizable th:nth-child(12),
.store-order-product-list-page #users-datatable.is-order-column-resizable td:nth-child(12) {
    width: var(--order-column-12-width) !important;
    min-width: var(--order-column-12-width) !important;
    max-width: var(--order-column-12-width) !important;
}

.store-order-product-list-page #users-datatable.is-order-column-resizable th:nth-child(13),
.store-order-product-list-page #users-datatable.is-order-column-resizable td:nth-child(13) {
    width: var(--order-column-13-width) !important;
    min-width: var(--order-column-13-width) !important;
    max-width: var(--order-column-13-width) !important;
}

.store-order-product-list-page #users-datatable.is-order-column-resizable th:nth-child(14),
.store-order-product-list-page #users-datatable.is-order-column-resizable td:nth-child(14) {
    width: var(--order-column-14-width) !important;
    min-width: var(--order-column-14-width) !important;
    max-width: var(--order-column-14-width) !important;
}

@media (max-width: 768px) {
    .store-order-product-list-page {
        --order-product-table-min-width: 1240px;
    }

    .store-order-product-list-page .order-list-title-wrap {
        padding-right: 54px;
    }

    .store-order-product-list-page .order-list-heading .code-trigger {
        position: absolute !important;
        top: 0;
        right: 0;
        margin: 0;
    }

    .store-order-product-list-page .order-product-payment-summary {
        gap: 6px;
    }

    .store-order-product-list-page .order-product-payment-summary .meta-stat {
        flex: 1 1 170px;
        justify-content: space-between;
    }
}

.is-dark .store-order-product-list-page .order-product-total-summary .color-card,
.is-dark .store-order-product-list-page .order-product-payment-summary .meta-stat {
    border-color: #34394a !important;
    background: #202330 !important;
}

.is-dark .store-order-product-list-page .order-product-payment-summary .meta-stat span:nth-child(2),
.is-dark .store-order-product-list-page #users-datatable thead .same_curr_style_last,
.is-dark .store-order-product-list-page #users-datatable .order-product-money {
    color: #f4f6fb !important;
}

.is-dark .store-order-product-list-page #users-datatable tbody td:nth-child(2) img.is-user {
    border-color: #3b4051;
    background: #fff;
}

@media (min-width: 901px) {
    .is-dark .store-order-product-list-page #users-datatable tbody td:nth-child(-n+3) {
        background: #242735 !important;
    }

    .is-dark .store-order-product-list-page #users-datatable tbody tr:hover td:nth-child(-n+3) {
        background: #2b2e3b !important;
    }

    .is-dark .store-order-product-list-page #users-datatable thead th:nth-child(3),
    .is-dark .store-order-product-list-page #users-datatable tbody td:nth-child(3) {
        border-right-color: #34394a;
        box-shadow: 8px 0 14px rgba(0, 0, 0, 0.18);
    }
}