/*
 * Styles of extensions to jsGrid v1.5.3 (requires jsgrid-extensions.js)
 */

.jsgrid-grid-footer,
.jsgrid-sum-row > .jsgrid-sum-row-cell {
    border: 1px solid #e9e9e9;
    border-top: 0;
}


.jsgrid-grid-footer {
    overflow-x: hidden;
    overflow-y: scroll;
}

.jsgrid-footer-scrollbar {
    scrollbar-arrow-color: #fff;
    scrollbar-base-color: #fff;
    scrollbar-3dlight-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-track-color: #fff;
    scrollbar-shadow-color: #fff;
    scrollbar-dark-shadow-color: #fff;
}

.jsgrid-footer-scrollbar::-webkit-scrollbar {
    visibility: hidden;
}

    .jsgrid-footer-scrollbar::-webkit-scrollbar-track {
        background: #fff;
    }

.jsgrid-sum-row {
    background: #f9f9f9;
}

    .jsgrid-sum-row .jsgrid-align-right,
    .jsgrid-sum-row .jsgrid-align-left {
        text-align: center;
    }

    .jsgrid-sum-row > .jsgrid-sum-row-cell {
        border-top: 0;
        border-bottom: 0;
        padding: .5em;
    }
    

.jsgrid-pager-container {
    float: right;
    padding-left: 1.5em;
}

.jsgrid-pager {
    display: inline-flex;
}

.jsgrid-pager-nav-button,
.jsgrid-pager-page {
    padding-top: 0;
}


.jsgrid-row-count-container {
    float: right;
}

.jsgrid-row-count {
    padding: .5em 0;
}