.row[data-click-action] {
    cursor: pointer;
}

div.table {
    width: 100%;
    margin-bottom: 1rem;
    margin-top: 5px;
}

    div.table .row.table-header {
        position: sticky;
        background-color: #f8f9faae; /* light */
        z-index: 1; /* high enough to cover row, low enough to go below dialogs and dropdowns */
        top: 0;
        font-weight: bold;
    }

    div.table .row {
        margin: 0;
        padding: 1px;
        z-index: -1;
        border-top: 1px solid #dee2e6;
    }

    div.table.table-striped .table-body > .row:nth-of-type(odd), .table .row.striped {
        background-color: rgba(0, 0, 0, 0.05);
    }

    div.table .table-body > .row:hover, .row.hover {
        color: #212529;
        background-color: rgba(0, 0, 0, 0.260);
    }


    div.table .row .col {
        padding: 0.75rem;
        vertical-align: middle;
    }

    div.table .table-body > .row .col {
        margin-top: auto;
        margin-bottom: auto;
    }

    div.table.table-sm .row .col {
        padding: 0.25rem;
    }

    div.table .row .col label:first-child {
        display: none;
    }

@media(max-width: 1279px) {
    div .table .row.table-header {
        display: none;
    }

    div.table .row .col:first-child {
        font-weight: bold;
    }

    div .table .row .col {
        flex-basis: 100%;
        display: flex;
        padding-top: 0;
        padding-bottom: 0.25rem;
    }

    div.table .row .col {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-align: left;
        padding: 0;
    }

        div.table .row .col label:first-child {
            flex: 0 0 50%;
            display: inline-block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            margin-top: auto;
            margin-bottom: auto;
            margin-right: 5px;
        }

        div .table .row .col input {
        }
}