.jsg-header {
    font-family: var(--fontfam-body) !important;
    background-color: var(--bkcolor-body) !important;
    color: var(--fwcolor-body) !important;
    text-align: left !important;
}

.jsg-rowclass td {
    font-family: var(--fontfam-body) !important;
    background-color: var(--bkcolor-body) !important;
    color: var(--fwcolor-body) !important;
    border: var(--bkcolor-body) !important;
}

.jsg-selectedrowclass {
    background-color: var(--bkcolor-body) !important;
    color: var(--fwcolor-body) !important;
    cursor: default;
}

.jsgrid-cell {
    padding: 0.1em 0.1em;
}

tr.selrow td.jsgrid-cell {
    background-color: var(--fwcolor-body) !important;
    color: var(--bkcolor-body) !important;
    font-weight: bold !important;
    border: var(--bkcolor-body) !important;
}

.jsgrid-nodata-row .jsgrid-cell {
    font-family: var(--fontfam-body) !important;
    background-color: var(--bkcolor-body) !important;
    color: var(--fwcolor-body) !important;
    border: var(--bkcolor-body) !important;
}

.jsgrid-pager-current-page {
    background-color: royalblue;
    color: whitesmoke;
}

@media screen and (max-width: 1024px) {
    .jsgrid {
        font-size: 0.4em;
    }

        .jsgrid input, .jsgrid textarea, .jsgrid select {
            font-size: 0.4em;
        }
}

@media screen and (max-width: 1115px) {
    .jsgrid {
        font-size: 0.5em;
    }

        .jsgrid input, .jsgrid textarea, .jsgrid select {
            font-size: 0.5em;
        }
}

@media screen and (max-width: 1280px) {
    .jsgrid {
        font-size: 0.6em;
    }

        .jsgrid input, .jsgrid textarea, .jsgrid select {
            font-size: 0.6em;
        }
}

@media screen and (max-width: 1366px) {
    .jsgrid {
        font-size: 0.75em !important;
    }

        .jsgrid input, .jsgrid textarea, .jsgrid select {
            font-size: 0.75em !important;
        }
}

@media screen and (max-width: 1440) {
    .jsgrid {
        font-size: 0.6em !important;
    }

        .jsgrid input, .jsgrid textarea, .jsgrid select {
            font-size: 0.6em !important;
        }
}

@media screen and (max-width: 1680px) {
    .jsgrid {
        font-size: 0.9em !important;
    }

        .jsgrid input, .jsgrid textarea, .jsgrid select {
            font-size: 0.9em !important;
        }
}