.pro-grid-wrapper {
    width: 100%;
    flex: 1 1 auto;
    height: auto !important;
    min-height: 480px !important;
    max-height: calc(100dvh - 320px) !important;
    overflow: auto;
    border: 1px solid #cbd5e1;
    background: #fff;
}

.global-listing-page .pro-grid-wrapper.table-scroll-lock {
    height: auto !important;
    min-height: 480px !important;
    max-height: calc(100dvh - 320px) !important;
}

.global-listing-page .table-responsive.table-scroll-lock.pro-grid-wrapper {
    height: auto !important;
    min-height: 480px !important;
    max-height: calc(100dvh - 320px) !important;
}

.global-listing-page .table-scroll-lock {
    height: auto !important;
    min-height: 480px !important;
    max-height: calc(100dvh - 320px) !important;
}

.pro-grid-table {
    width: max-content;
    min-width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.pro-grid-table thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #eaf2ff;
    border: 1px solid #cbd5e1;
    padding: 7px 8px;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
}

.pro-grid-table tbody {
    display: table-row-group !important;
    visibility: visible !important;
}

.pro-grid-table tbody tr {
    display: table-row !important;
    visibility: visible !important;
    height: 38px !important;
}

.pro-grid-table tbody tr:nth-child(even) {
    background: #f8fbff;
}

.pro-grid-table tbody tr:nth-child(odd) {
    background: #fff;
}

.pro-grid-table tbody tr:hover {
    background: #eef6ff;
}

.pro-grid-table td {
    border: 1px solid #dbe4f0;
    padding: 7px 10px;
    vertical-align: middle;
    white-space: nowrap;
}

.pro-grid-table .text-wrap {
    white-space: normal;
    line-height: 1.25;
}

.pro-grid-table .money-cell,
.pro-grid-table .number-cell {
    text-align: right;
}

.pro-grid-table .status-cell {
    text-align: center;
}

.pro-grid-table .action-cell {
    position: sticky;
    right: 0;
    background: inherit;
    z-index: 8;
}

.pro-data-toolbar {
    padding: 10px;
}

.pro-data-toolbar .btn,
.pro-data-toolbar select,
.pro-data-toolbar input {
    height: 42px;
}

.sales-grid .col-check {
    width: 42px;
}

.sales-grid .col-date {
    min-width: 150px;
}

.sales-grid .col-invoice {
    min-width: 120px;
}

.sales-grid .col-customer {
    min-width: 220px;
}

.sales-grid .col-service-staff {
    min-width: 220px;
}

.sales-grid .col-user {
    min-width: 200px;
}

.sales-grid .col-location {
    min-width: 180px;
}

.sales-grid .col-status {
    min-width: 110px;
}

.sales-grid .col-payment {
    min-width: 110px;
}

.sales-grid .col-money {
    min-width: 130px;
    text-align: right;
}

.sales-grid .col-actions {
    min-width: 130px;
}

@media (max-height: 760px) {
    .pro-grid-wrapper {
        min-height: 420px;
        height: auto !important;
    }
}

@media (max-width: 768px) {
    .pro-grid-wrapper {
        height: auto;
        min-height: 420px;
        -webkit-overflow-scrolling: touch;
    }
}