
.jsgrid, .jsgrid *, .jsgrid *:before, .jsgrid *:after {
    box-sizing: border-box;
}

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

.jsgrid-fixed-column {
    position: relative;
    z-index: 1;
    /*display: block;*/
}

.jsgrid-header {
    position: relative;
    display: block;
    overflow: visible;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    word-wrap: anywhere;
}

.jsgrid-body {
    position: relative;
    display: block;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    word-wrap: anywhere;
}

.jsgrid-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    overflow: hidden;

}

.jsgrid-table td {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    /*word-wrap: break-word;*/
}

.jsgrid-table td,
.jsgrid-table th {
    box-sizing: border-box;
    table-layout: fixed;
    white-space: normal;
}

.jsgrid-align-left {
    text-align: left;
    /*overflow: hidden;*/
    white-space: nowrap;
}

.jsgrid-align-center,
.jsgrid-align-center input,
.jsgrid-align-center textarea,
.jsgrid-align-center select {
    text-align: center;
}

.jsgrid-align-right,
.jsgrid-align-right input,
.jsgrid-align-right textarea,
.jsgrid-align-right select {
    text-align: right;
}

.jsgrid-header-row > th {
    padding: .5em .5em;
}

.jsgrid-filter-row input[type='checkbox'],
.jsgrid-edit-row input[type='checkbox'],
.jsgrid-insert-row input[type='checkbox'] {
    width: auto;
}

.jsgrid-selected-row td {
    cursor: pointer;
}

.jsgrid-nodata-row td {
    padding: 0.5em 2em;
    text-align: center;
}

.jsgrid-header-sort {
    cursor: pointer;
}

.jsgrid-filter-row > td {
    /*padding-top: 0;*/
    /*padding-bottom: 0;*/
}

.jsgrid-pager {
    padding: .5em 0;
}

.jsgrid-pager-nav-button {
    padding: .2em .6em;
}

.jsgrid-pager-nav-inactive-button {
    display: none;
    pointer-events: none;
}

.jsgrid-pager-page {
    padding: .2em .6em;
}

.jsgrid-dates-caption {
    position: relative;
    float: right;
}

.jsgrid-control-panel {
    padding-top: 0.3em;
    padding-bottom: 0.3em
}

.jsgrid-control-panel-item {
    margin-top: -10px;
    margin-bottom: -10px;
    margin-left: -10px
}

.jsgrid-filter-row,
.jsgrid-edit-row,
.jsgrid-insert-row,
.jsgrid-header-row,
.jsgrid-current-row,
.jsgrid-row,
.jsgrid-alt-row {
    display:table;
    width:100%;
}

