/*
 * jsGrid v1.5.3 (http://js-grid.com)
 * (c) 2016 Artem Tabalin
 * Licensed under MIT (https://github.com/tabalinas/jsgrid/blob/master/LICENSE)
 */

.jsgrid{position:relative;overflow:hidden;font-size:1em}.jsgrid,.jsgrid *,
.jsgrid :after,.jsgrid :before{box-sizing:border-box}.jsgrid input,
.jsgrid select,.jsgrid textarea{font-size:1em}
.jsgrid-grid-header{
    width:100% !important;
    overflow-x:hidden;
    overflow-y:hidden !important;
    -webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.jsgrid-grid-body{width:100% !important;
                  overflow-x:auto;
                  overflow-y:auto;
                  box-sizing: border-box;  /* padding en border tellen niet extra mee */
                  -webkit-overflow-scrolling:touch}
.jsgrid-table{width:100%;table-layout:auto !important;overflow-y:auto;border-collapse:collapse;border-spacing:0}
.jsgrid-cell{padding:.5em}
.jsgrid-cell, 
.jsgrid-header-cell {
    box-sizing:border-box;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
 }
.jsgrid-align-left{text-align:left}
.jsgrid-align-center,
.jsgrid-align-center input,
.jsgrid-align-center select,.jsgrid-align-center textarea{text-align:center}
.jsgrid-align-right,
.jsgrid-align-right input,
.jsgrid-align-right select,.jsgrid-align-right textarea{text-align:right}.jsgrid-header-cell{padding:.5em}
.jsgrid-edit-row input,.jsgrid-edit-row select,.jsgrid-edit-row textarea,.jsgrid-filter-row input,
.jsgrid-filter-row select,.jsgrid-filter-row textarea,.jsgrid-insert-row input,.jsgrid-insert-row select,
.jsgrid-insert-row textarea{width:100%;padding:.3em .5em}.jsgrid-edit-row input[type=checkbox],
.jsgrid-filter-row input[type=checkbox],.jsgrid-insert-row input[type=checkbox]{width:auto}
.jsgrid-selected-row .jsgrid-cell{cursor:pointer}.jsgrid-nodata-row .jsgrid-cell{padding:.5em 0;text-align:center}
.jsgrid-header-sort{cursor:pointer}.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}

#KringGrid {
    max-width: 100% !important;
    overflow-x: auto;   /* of hidden */
}
#BookGrid {
    max-width: 100% !important;
    overflow-x: auto;   /* of hidden */
}
#BookGrid .jsgrid-cell, 
#BookGrid .jsgrid-header-cell {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}
/* Compactere titels */
#BookGrid .jsgrid-header-cell {
    padding: 4px 6px !important;
    line-height: 1.2 !important;
    font-size: 13px !important;
    text-align: left;
}
/* Fix: filters zijn soms te breed op mobiel */
#BookGrid .jsgrid-filter-row .jsgrid-cell input,
#BookGrid .jsgrid-filter-row .jsgrid-cell select {
    max-width: 100%;
    line-height: 1 !important;
    white-space: normal !important;
}
#BookGrid .text-nowrap {
    white-space: normal !important;
}