﻿.k-grid.k-grid-display-block {
    display: flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.k-grid-toolbar {
    flex-wrap: nowrap;
    overflow: initial;
    padding: 0.375rem;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.k-pager-sm {
    justify-content: center;
}

    .k-pager-sm .k-pager-numbers-wrap select.k-dropdown {
        height: auto;
        padding: 0 1rem;
    }

        .k-pager-sm .k-pager-numbers-wrap select.k-dropdown:hover {
            background-color: #fff;
        }

    .k-grid .k-command-cell > a > i, .k-grid .k-command-cell > button > i {
        display: none;
    }

        .k-grid .k-command-cell > a > i + span:not(:empty), .k-grid .k-command-cell > button > i + span:not(:empty) {
            padding-left: 0;
        }

@media (max-width: 991.98px) {
    .table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .k-button, .k-grid > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .k-button, .k-grid > form > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .k-button, .table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .btn, .k-grid > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .btn, .k-grid > form > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .btn, .table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .k-button, .k-grid > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .k-button, .k-grid > form > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .k-button, .table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .k-button, .k-grid > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .k-button, .k-grid > form > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .k-button, .table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .btn, .k-grid > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .btn, .k-grid > form > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .btn, .table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .k-button, .k-grid > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .k-button, .k-grid > form > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .k-button, .k-grid > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .k-button, .k-grid > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .btn, .k-grid > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .k-button, .k-grid > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .k-button, .k-grid > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .btn, .k-grid > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .k-button, .k-grid > form > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .k-button, .k-grid > form > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .btn, .k-grid > form > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .k-command-cell .k-button, .k-grid > form > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .k-button, .k-grid > form > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .btn, .k-grid > form > table tbody tr:not(.k-grid-edit-row):not(.active-row) > .omega .k-button {
        visibility: visible;
    }

    .k-grid .k-command-cell > a, .k-grid .k-command-cell > button {
        min-width: auto;
    }

        .k-grid .k-command-cell > a > i, .k-grid .k-command-cell > button > i {
            display: inline-block;
            width: 1.25em;
        }

        .k-grid .k-command-cell > a > i + span, .k-grid .k-command-cell > button > i + span {
            display: none;
        }
}

.k-grid .k-alt {
    background-color: #f8f8f8;
}

.k-grid tr:hover {
    background: transparent;
}

.k-grid tr.k-alt:hover {
    background: rgba(33,37,41,.03);
}

.k-grid .k-grid-edit-row td > select {
    width: auto;
}

.k-grid-scroll-y > table {
    overflow-x: auto;
    display: block;
}

