table.quickgrid {
    width: 100% !important;
    border-collapse: separate;
    border-spacing: 0 5px !important;
}

    .data-item, table.quickgrid tbody tr,
    .data-item, table.quickgrid tfoot tr {
        /*cursor: pointer;*/
        background: #fff;
        border: none;
        border-radius: 5px;
        display: table-row;
        border-spacing: 2px;
    }

    .data-item, table.quickgrid thead tr th {
        border: none !important;
        border-style: none !important;
        border-bottom-width: 0;
        width: auto !important;
        padding: 5px 0px 5px 14px !important;
    }

        .data-item, table.quickgrid thead tr th button,
        .data-item, table.quickgrid thead tr th button:hover,
        .data-item, table.quickgrid thead tr th button:active {
            border: none !important;
            background: transparent !important;
        }

        .data-item, table.quickgrid thead tr th.col-justify-right .col-header-content {
            justify-content: end;
        }

            .data-item, table.quickgrid thead tr th.col-justify-right .col-header-content .col-title {
                flex-grow: unset;
            }

    table.quickgrid.no-header thead {
        display: none !important;
    }

    .data-item, table.quickgrid tbody tr td,
    .data-item, table.quickgrid tfoot tr td,
    .data-item, table.quickgrid tfoot tr th {
        border: none !important;
        border-style: none !important;
        border-radius: 2px;
        padding: 15px 20px !important;
        white-space: normal !important;
    }

    .data-item, table.quickgrid tfoot tr td,
    .data-item, table.quickgrid tfoot tr th {
        padding: 10px 20px !important;
    }

    .data-item, table.quickgrid tfoot tr th {
        font-weight: 700 !important;
    }

    .data-item, table.quickgrid tbody tr td.slim-td {
        padding: 10px !important;
    }

    table.quickgrid thead th {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }

    table.quickgrid tbody th {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
    }

    table.quickgrid thead th:first-child {
        left: 0;
        z-index: 2;
    }

    table.quickgrid thead th:last-child {
    }

    table.quickgrid thead th,
    table.quickgrid thead th button {
        background: #fff;
        z-index: 1;
    }

        table.quickgrid thead th button:hover,
        table.quickgrid thead th button:active {
            background: #fff !important;
        }

    table.quickgrid tr th:first-child,
    table.quickgrid tr td:first-child {
        border-radius: 4px 0px 0px 4px;
    }

    table.quickgrid tr th:last-child,
    table.quickgrid tr td:last-child {
        border-radius: 0px 4px 4px 0px;
    }

    table.quickgrid tr:empty {
        display: none !important;
    }

body.dark .data-item,
body.dark table.quickgrid thead th,
body.dark table.quickgrid tbody tr,
body.dark table.quickgrid thead th button {
    background: #1A1D1F;
    color: #ddd;
}