/*----------------- bit-grid -----------------*/
.grid {
    border: 1px solid;
    border-color: var(--bit-clr-brd-pri);
}

    .grid .grid-container {
        overflow: auto;
    }

    .grid .flag {
        vertical-align: middle;
    }

    .grid table {
        width: 100%;
        border-spacing: 0;
    }

    .grid tr {
        min-height: 42px; /*height: 42px;*/
    }

    .grid th {
        padding: .5rem;
        font-weight: bold;
        display: table-cell;
        vertical-align: inherit;
        border-bottom: 1px solid;
        background-color: var(--bit-clr-bg-sec);
        border-bottom-color: var(--bit-clr-brd-sec);
    }

    .grid .col-options-button {
        cursor: pointer;
        background-image: none;
    }

        .grid .col-options-button:before {
            top: 2px;
            color: #7A7A7C;
            content: "\E721";
            position: relative;
            font-style: normal;
            font-weight: normal;
            display: inline-block;
            font-family: 'Fabric MDL2';
        }

    .grid .col-width-draghandle {
        width: 3px;
        cursor: col-resize;
    }

        .grid .col-width-draghandle:active {
            background: unset;
        }

        .grid .col-width-draghandle:after {
            left: 3px;
            border-left: unset;
        }

        .grid .col-width-draghandle:hover {
            background: unset;
        }

    .grid .column--large {
        width: 220px;
    }

    .grid th:not(:last-child) {
        border-right: 1px solid;
        border-right-color: var(--bit-clr-brd-sec);
    }

    .grid th:not(.col-sort-asc):not(.col-sort-desc) .sort-indicator:before {
        top: -2px;
        color: #7A7A7C;
        content: "\21C5";
        position: relative;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        font-family: 'Fabric MDL2';
    }

    .grid tr:nth-child(even) {
        background: var(--bit-clr-bg-sec);
    }

    .grid tr:nth-child(odd) {
        background: var(--bit-clr-bg-pri);
    }

    .grid tr:last-child > td {
        border-bottom: none;
    }

    .grid td {
        /*        overflow: hidden;*/
        white-space: nowrap;
        padding: 0.25rem 0.5rem;
        text-overflow: ellipsis;
        border-bottom: 1px solid var(--bit-clr-brd-sec);
    }

        .grid td:not(:last-child) {
            border-right: 1px solid var(--bit-clr-brd-sec);
        }

    .grid .sort-indicator {
        margin-left: auto;
    }

    .grid .col-width-draghandle:after {
        border-left: unset;
    }

    .grid .col-header-content {
        padding-right: 0px;
    }

    .grid .bitdatagrid-paginator {
        margin-top: 0;
        padding: 0.5rem;
        border-top: 1px solid;
    }

        .grid .bitdatagrid-paginator .pagination-text {
            padding-top: 3px;
        }

        .grid .bitdatagrid-paginator nav button {
            border-radius: 0.25rem;
        }

            .grid .bitdatagrid-paginator nav button:before {
                vertical-align: middle;
            }
/*----------------- bit-grid -----------------*/

.grid-cell-ellipsis {
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}