jsl-ui 9.12.0 → 9.13.1

package/lib/core/jq.js

@@ -43,6 +43,12 @@ function jQWrapper(elements) {
             if (selector instanceof HTMLElement) {
                 selector.appendChild(_elements[i]);
             }
+            else if (typeof (selector) === "string") {
+                var parents = document.querySelectorAll(selector);
+                for (var i_1 = 0, len = parents.length; i_1 < len; i_1++) {
+                    parents[i_1].appendChild(_elements[i_1]);
+                }
+            }
             else {
                 for (var j = 0; j < selector.length; j++) {
                     selector[j].appendChild(_elements[i]);

package/lib/grid/plugins/ext.overlay.css

@@ -0,0 +1,28 @@
+
+.header-overlay {
+    background-color: #217346;
+}
+
+.cell-overlay,
+.selection-cell-overlay {
+    display: block;
+    position: absolute;
+    z-index: 900;
+    background-color: #217346;
+}
+
+.handle-overlay {
+    border: 1px solid white;
+    padding: 3px;
+    background-color: #217346;
+    position: absolute;
+    width: 2px;
+    height: 2px;
+    z-index: 1000;
+    cursor: crosshair;
+}
+
+.overlay-handle-decorator {
+    border: 2px solid #217346;
+    z-index: 1000;
+}

package/lib/grid/plugins/ext.overlay.d.ts

@@ -0,0 +1,2 @@
+import "./ext.overlay.css";
+export declare function Overlays(options: any): void;

package/lib/grid/plugins/ext.overlay.js

@@ -0,0 +1,273 @@
+import "./ext.overlay.css";
+import { jQueryReplacement } from "../../core/jq";
+import { Slick } from "../slick.core";
+import { Moveable } from "../../interaction/moveable";
+import { EventHandler } from "../../interaction/eventhandler";
+var selectinOverlayWidth = 1;
+var $ = jQueryReplacement;
+// register namespace
+$.deepExtend(window, {
+    "Ext": {
+        "Plugins": {
+            "Overlays": Overlays
+        }
+    }
+});
+export function Overlays(options) {
+    var $headerOverlay;
+    var $rowOverlay;
+    var selectionOverlay;
+    var currentColumn;
+    var handleDragging;
+    var grid;
+    var self = this;
+    var handler = new Slick.EventHandler();
+    var dragDecorator;
+    var defaults = {
+        buttonCssClass: null,
+        buttonImage: "../images/down.gif",
+        decoratorWidth: 2
+    };
+    function init(g) {
+        options = $.deepExtend({}, defaults, options);
+        grid = g;
+        dragDecorator = overlayRangeDecorator(grid);
+        $headerOverlay = createRowHeaderOverlay(100);
+        $rowOverlay = createRowHeaderOverlay(100);
+        selectionOverlay = createSelectionOverlay();
+        handler.subscribe(grid.onActiveCellChanged, activeCellChanged)
+            .subscribe(grid.onColumnsResized, columnResized)
+            .subscribe(grid.onScroll, gridScrolled);
+    }
+    function destroy() {
+        handler.unsubscribeAll();
+    }
+    function createRowHeaderOverlay(zIndex) {
+        return $(document.createElement("div"))
+            .addClass("header-overlay")
+            .css("position", "absolute")
+            .css("z-index", zIndex)
+            .appendTo(grid.getContainerNode());
+    }
+    function createSelectionOverlay() {
+        var canvas = grid.getCanvasNode();
+        var overlay = new Overlay(canvas, true);
+        return overlay;
+    }
+    function activeCellChanged(e, args) {
+        dragDecorator.hide();
+        moveSelectionOverlay(e, args);
+        moveHeaderRowOverlays(e, args);
+    }
+    function columnResized(e, args) {
+        moveHeaderRowOverlays(e, args);
+        moveSelectionOverlay(e, args);
+    }
+    function gridScrolled(e, args) {
+        moveHeaderRowOverlays(e, args);
+        moveSelectionOverlay(e, args);
+    }
+    function moveHeaderRowOverlays(e, args) {
+        if (typeof args.cell != 'undefined') {
+            currentColumn = args.cell;
+        }
+        else {
+            if (!currentColumn) {
+                return;
+            }
+        }
+        if (!grid.getActiveCell()) {
+            $rowOverlay.css("display", "none");
+            return;
+        }
+        $rowOverlay.css("display", "");
+        var headerHeight = grid.getContainerNode().querySelector('.slick-header').getBoundingClientRect().height;
+        var cellPosition = grid.getActiveCellPosition();
+        var gridPosition = grid.getGridPosition();
+        $rowOverlay.css("display", cellPosition.visible ? "" : "none");
+        $headerOverlay.css("display", cellPosition.visible ? "" : "none");
+        var headerWidth = cellPosition.width;
+        $headerOverlay.css("left", (cellPosition.left - gridPosition.left) + "px").css("top", (headerHeight - 2) + "px").css("width", headerWidth + "px").css("height", "2px");
+        $rowOverlay.css("left", "0px").css("top", (cellPosition.top - gridPosition.top) + "px").css("width", "2px").css("height", cellPosition.height + "px");
+    }
+    function moveSelectionOverlay(e, args) {
+        var activeCell = grid.getActiveCell();
+        if (!activeCell) {
+            selectionOverlay.toggle(false);
+            return;
+        }
+        var column = grid.getColumns()[activeCell.cell];
+        selectionOverlay.toggle(true);
+        // Only show the handle if the cell is editable
+        selectionOverlay.handle.style.display = (column.editor != null && !column.readonly && grid.getOptions().editable) ? "" : "none";
+        var position = grid.getCellNodeBox(activeCell.row, activeCell.cell);
+        // Not coming through on the property so re-calculated
+        position.height = position.bottom - position.top;
+        position.width = position.right - position.left;
+        selectionOverlay.$left.css({
+            left: (position.left - selectinOverlayWidth) + "px",
+            top: position.top + "px",
+            width: selectinOverlayWidth + "px",
+            height: position.height + "px"
+        });
+        selectionOverlay.$right.css({
+            left: (position.left + position.width) + "px",
+            top: position.top + "px",
+            width: selectinOverlayWidth + "px",
+            height: position.height + "px"
+        });
+        selectionOverlay.$top.css({
+            left: (position.left - selectinOverlayWidth) + "px",
+            top: (position.top - selectinOverlayWidth) + "px",
+            width: (position.width + selectinOverlayWidth + 1) + "px",
+            height: selectinOverlayWidth + "px"
+        });
+        selectionOverlay.$bottom.css({
+            left: (position.left - selectinOverlayWidth) + "px",
+            top: (position.top + position.height) + "px",
+            width: (position.width + selectinOverlayWidth + 1) + "px",
+            height: selectinOverlayWidth + "px"
+        });
+        selectionOverlay.handle.style.left = (position.left + position.width - 4) + "px";
+        selectionOverlay.handle.style.top = (position.top + position.height - 4) + "px";
+    }
+    var dd_range;
+    function handleOverlayDragStart(e) {
+        var cell = grid.getActiveCell();
+        if (grid.canCellBeSelected(cell.row, cell.cell)) {
+            handleDragging = true;
+        }
+        if (!handleDragging) {
+            e.cancelEvent();
+            return null;
+        }
+        grid.focus();
+        dd_range = { start: cell, end: {} };
+        return dragDecorator.show(new Slick.Range(cell.row, cell.cell));
+    }
+    function handleOverlayDrag(e) {
+        if (!handleDragging) {
+            return;
+        }
+        var end = {
+            cell: dd_range.start.cell, row: grid.getCellFromPoint(0, e.y).row - 1
+        };
+        if (!grid.canCellBeSelected(end.row, end.cell)) {
+            e.cancelEvent(); // ?
+            return;
+        }
+        dd_range.end = end;
+        dragDecorator.show(new Slick.Range(dd_range.start.row, dd_range.start.cell, end.row, dd_range.start.cell));
+    }
+    function handleOverlayDragEnd(e) {
+        if (!handleDragging) {
+            return;
+        }
+        handleDragging = false;
+        selectionOverlay.handle.style.display = "none";
+        self.onFillUpDown.notify({ "grid": grid, "range": dragDecorator.getSelectedRange(), direction: dd_range.end.row >= dd_range.start.row ? "down" : "up" }, e, self);
+    }
+    function Overlay(target, withHandel, prefix) {
+        var className = (prefix || '') + 'cell-overlay';
+        this.$left = $(document.createElement("div"))
+            .addClass(className)
+            .addClass('left')
+            .appendTo(target);
+        this.$right = $(document.createElement("div"))
+            .addClass(className)
+            .addClass('right')
+            .appendTo(target);
+        this.$top = $(document.createElement("div"))
+            .addClass(className)
+            .addClass('top')
+            .appendTo(target);
+        this.$bottom = $(document.createElement("div"))
+            .addClass(className)
+            .addClass('bottom')
+            .appendTo(target);
+        if (withHandel) {
+            this.handle = document.createElement("div");
+            this.handle.classList.add("handle-overlay");
+            target.appendChild(this.handle);
+            Moveable(target, {
+                selector: ".handle-overlay",
+                direction: "y",
+                gridY: grid.getOptions().rowHeight,
+                onStart: EventHandler.Create(function (e) {
+                    handleOverlayDragStart(e);
+                }),
+                onMove: EventHandler.Create(function (e) {
+                    handleOverlayDrag(e);
+                }),
+                onStop: EventHandler.Create(function (e) {
+                    handleOverlayDragEnd(e);
+                })
+            });
+        }
+        this.toggle = function (showOrHide) {
+            this.$left.css("display", showOrHide ? "" : "none");
+            this.$right.css("display", showOrHide ? "" : "none");
+            this.$top.css("display", showOrHide ? "" : "none");
+            this.$bottom.css("display", showOrHide ? "" : "none");
+            if (this.handle) {
+                this.handle.style.display = showOrHide ? "" : "none";
+            }
+        };
+    }
+    function overlayRangeDecorator(targetGrid) {
+        var decorator;
+        var r;
+        function show(range) {
+            r = range;
+            if (!decorator) {
+                decorator = new Overlay(grid.getCanvasNode(), false, 'selection-');
+            }
+            var from = targetGrid.getCellNodeBox(range.fromRow, range.fromCell);
+            var to = targetGrid.getCellNodeBox(range.toRow, range.toCell);
+            decorator.$left.css({
+                top: from.top - 2,
+                left: from.left - 2,
+                height: to.bottom - from.top + 2,
+                width: options.decoratorWidth
+            });
+            decorator.$right.css({
+                top: from.top - 2,
+                left: to.right - 1,
+                height: to.bottom - from.top + 2,
+                width: options.decoratorWidth
+            });
+            decorator.$top.css({
+                top: from.top - 2,
+                left: to.left - 1,
+                height: options.decoratorWidth,
+                width: to.right - from.left + 2
+            });
+            decorator.$bottom.css({
+                top: to.bottom - 1,
+                left: from.left - 2,
+                height: options.decoratorWidth,
+                width: to.right - from.left + 3
+            });
+            return decorator;
+        }
+        function getSelectedRange() {
+            return r;
+        }
+        function hide() {
+            if (decorator) {
+                decorator.toggle(false);
+                decorator = null;
+            }
+        }
+        return {
+            hide: hide,
+            show: show,
+            getSelectedRange: getSelectedRange
+        };
+    }
+    $.shallowExtend(this, {
+        "init": init,
+        "destroy": destroy,
+        "onFillUpDown": new Slick.Event()
+    });
+}

package/lib/grid/slick.core.d.ts

@@ -4,7 +4,7 @@ export interface ISlick {
     "Event": () => void;
     "EventData": () => void;
     "EventHandler": () => void;
-    "Range": (fromRow: number, fromCell: number, toRow: number, toCell: number) => void;
+    "Range": (fromRow: number, fromCell: number, toRow?: number, toCell?: number) => void;
     "NonDataRow": () => void;
     "Group": any;
     "GroupTotals": any;
@@ -16,7 +16,7 @@ export interface ISlick {
 }
 export interface ISlickEvent<T> {
     subscribe(fnc: (e: any, args: T) => any): any;
-    notify(e: any, args: T): any;
+    notify(args: T, e: any): any;
     countHandlers(): number;
 }
 export interface ISlickFormatterResult {

package/lib/grid/slick.creator.d.ts

@@ -16,6 +16,8 @@ export interface ISlickCreatorOptions extends ISlickGridOptions {
     } | any[]>;
     showFilterDialog?: (column: ISlickColumn, grid: IJSLGrid<any>) => void;
     allowRowMove?: boolean;
+    enableFillDown?: boolean;
+    setDataItemValueForColumn?: (item: any, columnDef: ISlickColumn, value: any) => void;
 }
 export interface IJSLGrid<T> extends ISlickGrid<T> {
     dataView: ISlickDataView<T>;

package/lib/grid/slick.creator.js

@@ -10,6 +10,7 @@ import { TextFormatter } from "./slick.formatters";
 import { ExcelFilter } from "./filterDialogs/excelFilter";
 import { UILang } from "../core/lang";
 import { RowMoveManager } from "./plugins/slick.rowmovemanager";
+import { Overlays } from "./plugins/ext.overlay";
 var $ = jQueryReplacement;
 export function createJSLGrid(selector, data, columns, option) {
     var formulaObjects = [];
@@ -105,6 +106,58 @@ export function createJSLGrid(selector, data, columns, option) {
                 grid.render();
             });
         }
+        if (option.enableFillDown) {
+            var overlayPlugin = new Overlays({});
+            // Event fires when a range is selected
+            overlayPlugin.onFillUpDown.subscribe(function (e, args) {
+                var column = grid.getColumns()[args.range.fromCell];
+                // Ensure the column is editable
+                if (column.editor == null || column.readonly || !grid.getOptions().editable) {
+                    return;
+                }
+                // Find the initial value
+                dataView.beginUpdate();
+                if (args.direction === "down") {
+                    var item = dataView.getItem(args.range.fromRow);
+                    var value = grid.getDataItemValueForColumn(item, column); // item[column.field];
+                    // Copy the value down
+                    for (var i = args.range.fromRow + 1; i <= args.range.toRow; i++) {
+                        if (grid.onBeforeEditCell.notify({ row: i, cell: args.range.fromCell, item: dataView.getItem(i), column: column }, e) !== false) {
+                            var oldValue = grid.getDataItemValueForColumn(dataView.getItem(i), column);
+                            if (options.setDataItemValueForColumn != null) {
+                                options.setDataItemValueForColumn(dataView.getItem(i), column, value);
+                            }
+                            else {
+                                dataView.getItem(i)[column.field] = value;
+                            }
+                            grid.invalidateRow(i);
+                            grid.onAfterEdit.notify({ grid: grid, oldValue: oldValue, newValue: value, column: column, item: dataView.getItem(i) }, e);
+                        }
+                    }
+                }
+                else {
+                    var item = dataView.getItem(args.range.toRow);
+                    var value = grid.getDataItemValueForColumn(item, column); // item[column.field];
+                    // Copy the value up
+                    for (var i = args.range.fromRow; i <= args.range.toRow - 1; i++) {
+                        if (grid.onBeforeEditCell.notify({ row: i, cell: args.range.fromCell, item: dataView.getItem(i), column: column }, e) !== false) {
+                            var oldValue = grid.getDataItemValueForColumn(dataView.getItem(i), column);
+                            if (options.setDataItemValueForColumn != null) {
+                                options.setDataItemValueForColumn(dataView.getItem(i), column, value);
+                            }
+                            else {
+                                dataView.getItem(i)[column.field] = value;
+                            }
+                            grid.invalidateRow(i);
+                            grid.onAfterEdit.notify({ grid: grid, oldValue: oldValue, newValue: value, column: column, item: dataView.getItem(i) }, e);
+                        }
+                    }
+                }
+                dataView.endUpdate();
+                grid.render();
+            });
+            grid.registerPlugin(overlayPlugin);
+        }
         if (!option.explicitInitialization) {
             grid.init();
         }
@@ -317,10 +370,16 @@ export function createJSLGrid(selector, data, columns, option) {
     }
     // refresh formulas depending on the given column
     function triggerFormula(column, item) {
+        var options = grid.getOptions();
         var f = formulas[column];
         if (f) {
             for (var i = 0, l = f.length; i < l; i++) {
-                item[f[i].column] = f[i].fnc(item, column);
+                if (options.setDataItemValueForColumn != null) {
+                    options.setDataItemValueForColumn(item, f[i].column, f[i].fnc(item, column));
+                }
+                else {
+                    item[f[i].column] = f[i].fnc(item, column);
+                }
             }
         }
     }
@@ -343,7 +402,12 @@ export function createJSLGrid(selector, data, columns, option) {
             item: item
         });
         if (afterEditResult === false) {
-            item[column.field] = oldVal;
+            if (options.setDataItemValueForColumn != null) {
+                options.setDataItemValueForColumn(item, column, oldVal);
+            }
+            else {
+                item[column.field] = oldVal;
+            }
             triggerFormula(column.field, item);
             dataView.updateItem(item[options.primaryKey], item);
         }

package/lib/grid/slick.grid.d.ts

@@ -119,7 +119,7 @@ export interface ISlickGrid<T> {
         width: number;
         previousWidth: number;
         column: ISlickColumn;
-    }>;
+    }[]>;
     "onAppendCell": ISlickEvent<{
         row: number;
         cell: number;
@@ -249,6 +249,36 @@ export interface ISlickGrid<T> {
         commitCurrentEdit: () => boolean;
         cancelCurrentEdit: () => boolean;
     };
+    "invalidateRow": (row: number) => void;
+    "getCanvasNode": () => HTMLElement;
+    "focus": () => void;
+    "getActiveCellPosition": () => {
+        top: number;
+        left: number;
+        bottom: number;
+        right: number;
+        width: number;
+        height: number;
+        visible: boolean;
+    };
     "resetActiveCell": () => void;
+    "getCellNodeBox": (row: number, cell: number) => {
+        bottom: number;
+        left: number;
+        top: number;
+        right: number;
+        height: number;
+        width: number;
+    };
+    "canCellBeSelected": (row: number, cell: number) => boolean;
+    "getGridPosition": () => {
+        top: number;
+        left: number;
+        bottom: number;
+        right: number;
+        width: number;
+        height: number;
+        visible: boolean;
+    };
 }
 export declare function SlickGrid(container: HTMLDivElement | string, data: any, columns: ISlickColumn[], options: ISlickGridOptions): void;

package/lib/index.css

@@ -641,6 +641,35 @@ input.editor-text, textarea.editor-text {
   background-repeat: no-repeat;
 }
 
+.header-overlay {
+  background-color: #217346;
+}
+
+.cell-overlay, .selection-cell-overlay {
+  z-index: 900;
+  background-color: #217346;
+  display: block;
+  position: absolute;
+}
+
+.handle-overlay {
+  width: 2px;
+  height: 2px;
+  z-index: 1000;
+  cursor: crosshair;
+  background-color: #217346;
+  border: 1px solid #fff;
+  padding: 3px;
+  position: absolute;
+}
+
+.overlay-handle-decorator {
+  z-index: 1000;
+  border: 2px solid #217346;
+}
+
+
+
 .slick-cell .jsl-toggle {
   color: #888;
   width: 1.2em;

package/lib/index.css.map

@@ -1 +1 @@
-{"mappings":"AAOA;;;;;;;;AAQA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;AAcA;;;;AAIA;;;;AAIA;;;;;;;;AASA;;;;;;;;;;;;AAmCA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;;;;;;;;;AAgBiB;;;;AAGjB;;;;AAIA;;;;AAIA;;;;;;AASA;;;;AAIA;;;;;AAQA;;;;AAIA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;AAOA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;;AAOA;;;;AAKA;;;;;;;;;;;AAWA;;;;;AAQA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;;;AAQA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAQA;;;;AAIA;;;;;AAiBA;;;;;AC1TA;;;;AAIA;;;;;;AAMA;;;;;AAMA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;;;AAQA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAGA;;;;AAIA;;;;;AAKA;;;;;;;AAOA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAUA;;;;;;;;;;AAsBA;;;;;ACtJA;;;;AAIA;;;;;;;;;;;AAWA;;;;;;;;;;;AAWA;;;;;;;;ACzBA;;;;;;;;;;;;;;AAeA;;;;AAIA;;;;AAMA;;;;;;;;AAUA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;AAOA;;;;AAKA;;;;;;;;;;AASA;;;;AAIA;;;;;;;;AASA;;;;;AAKA;;;;;AAKA;;;;;ACjGA;;;;;;AAWA;;;;;;;;;;;;AAkBA;;;;;AAQA;;;;ACrCA;;;;;;;;;;;;AAYA;;;;;;;;;;;;;;;;AAgBA;;;;;AAKA;;;;;;;;AAWA;;;;;;;;;;;;;AAaA;;;;;;;AAOA;;;;;;;;;;;;;;;AAeA;;;;AAIA;;;;ACnFA;;;;ACAA;;;;;;;ACAA;;;;;;;;;AAUA;;;;;;AAMA","sources":["grid/slick.grid.css","grid/slick-default-theme.css","interaction/resizable.css","grid/plugins/slick.headermenu.css","grid/plugins/slick.headerbuttons.css","ui/dialog.css","components/virtual-render/VirtualRenderStyle.scss","grid/plugins/slick.rowmovemanager.css","grid/slick.tree.css"],"sourcesContent":["/*\r\nIMPORTANT:\r\nIn order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.\r\nNo built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS\r\nclasses should alter those!\r\n*/\r\n\r\n.slick-header.ui-state-default, .slick-headerrow.ui-state-default, .slick-footerrow.ui-state-default, .slick-top-panel-scroller.ui-state-default, .slick-group-header.ui-state-default {\r\n  width: 100%;\r\n  overflow: auto;\r\n  position: relative;\r\n  border-left: 0px !important;\r\n  background: white;\r\n}\r\n\r\n.slick-header.ui-state-default {\r\n  overflow: inherit;\r\n}\r\n\r\n.slick-header::-webkit-scrollbar,  .slick-headerrow::-webkit-scrollbar, .slick-footerrow::-webkit-scrollbar {\r\n  display: none\r\n}\r\n\r\n.slick-header-columns, .slick-headerrow-columns, .slick-footerrow-columns, .slick-group-header-columns {\r\n  position: relative;\r\n  white-space: nowrap;\r\n  cursor: default;\r\n  overflow: hidden;\r\n}\r\n\r\n.slick-header-column.ui-state-default, .slick-group-header-column.ui-state-default {\r\n  position: relative;\r\n  /* display: inline-block; */\r\n  box-sizing: content-box !important; /* this here only for Firefox! */ \r\n  overflow: hidden;\r\n  -o-text-overflow: ellipsis;\r\n  text-overflow: ellipsis;\r\n  height: 20px;\r\n  line-height: 20px;\r\n  margin: 0;\r\n  padding: 4px;\r\n  border-right: 1px solid silver;\r\n  border-left: 0px !important;\r\n  border-top: 1px solid silver;\r\n  border-bottom: 0px !important;\r\n  float: left;\r\n}\r\n\r\n.slick-footerrow-column.ui-state-default {\r\n  -o-text-overflow: ellipsis;\r\n  text-overflow: ellipsis;\r\n  margin: 0;\r\n  padding: 4px;\r\n  border-right: 1px solid silver;\r\n  border-left: 0px;\r\n  border-top: 0px;\r\n  border-bottom: 0px;\r\n  float: left;\r\n  line-height: 20px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.slick-headerrow-column.ui-state-default, .slick-footerrow-column.ui-state-default {\r\n  padding: 4px;\r\n}\r\n\r\n.slick-header-column-sorted {\r\n  font-style: italic;\r\n}\r\n\r\n.slick-sort-indicator {\r\n  /* display: inline-block; */\r\n  width: 8px;\r\n  height: 5px;\r\n  margin-left: 4px;\r\n  margin-top: 6px;\r\n  float: left;\r\n}\r\n\r\n.slick-sort-indicator-numbered {\r\n  /* display: inline-block; */\r\n  width: 8px;\r\n  height: 5px;\r\n  margin-left: 4px;\r\n  margin-top: 0;\r\n  line-height: 20px;\r\n  float: left;\r\n  font-style: normal;\r\n  font-weight: bold;\r\n  color: #6190CD;\r\n}\r\n\r\n\r\n/* TODO TODOFIX */\r\n/* .slick-sort-indicator-desc {\r\n  background: url(images/sort-desc.gif);\r\n}\r\n\r\n.slick-sort-indicator-asc {\r\n  background: url(images/sort-asc.gif);\r\n} */\r\n\r\n/* .slick-resizable-handle {\r\n  position: absolute;\r\n  font-size: 0.1px;\r\n  display: block;\r\n  cursor: col-resize;\r\n  width: 9px;\r\n  right: -5px;\r\n  top: 0;\r\n  height: 100%;\r\n  z-index: 1;\r\n} */\r\n\r\n.slick-sortable-placeholder {\r\n  background: silver;\r\n}\r\n\r\n.grid-canvas {\r\n  position: relative;\r\n  outline: 0;\r\n}\r\n\r\n.slick-row.ui-widget-content, .slick-row.ui-state-active {\r\n  position: absolute;\r\n  border: 0px;\r\n  width: 100%;\r\n}\r\n\r\n.slick-cell, .slick-headerrow-column , .slick-footerrow-column{\r\n  position: absolute;\r\n  border: 1px solid transparent;\r\n  /*border-right: 1px dotted silver;\r\n  border-bottom-color: silver; */\r\n  border-right: 1px dotted silver;\r\n  overflow: hidden;\r\n  -o-text-overflow: ellipsis;\r\n  text-overflow: ellipsis;\r\n  vertical-align: middle;\r\n  z-index: 1;\r\n  padding: 1px 2px 2px 1px;\r\n  margin: 0;\r\n  white-space: nowrap;\r\n  cursor: default;\r\n}\r\n/*.slick-cell, */.slick-headerrow-column{\r\n  border-bottom-color: silver;\r\n}\r\n.slick-footerrow-column {\r\n  border-top-color: silver;\r\n}\r\n\r\n.slick-group-toggle {\r\n  display: inline-block;\r\n}\r\n\r\n.slick-cell.highlighted {\r\n  background: lightskyblue;\r\n  background: rgba(0, 0, 255, 0.2);\r\n  -webkit-transition: all 0.5s;\r\n  -moz-transition: all 0.5s;\r\n  -o-transition: all 0.5s;\r\n  transition: all 0.5s;\r\n}\r\n\r\n.slick-cell.flashing {\r\n  border: 1px solid red !important;\r\n}\r\n\r\n.slick-cell.editable {\r\n  z-index: 11;\r\n  overflow: visible;\r\n  /* background: white;\r\n  border-color: black;\r\n  border-style: solid; */\r\n}\r\n\r\n.slick-cell:focus {\r\n  outline: none;\r\n}\r\n\r\n.slick-reorder-proxy {\r\n  display: inline-block;\r\n  background: blue;\r\n  opacity: 0.15;\r\n  filter: alpha(opacity = 15);\r\n  cursor: move;\r\n}\r\n\r\n.slick-reorder-guide {\r\n  display: inline-block;\r\n  height: 2px;\r\n  background: blue;\r\n  opacity: 0.7;\r\n  filter: alpha(opacity = 70);\r\n}\r\n\r\n.slick-selection {\r\n  z-index: 10;\r\n  position: absolute;\r\n  border: 2px dashed black;\r\n}\r\n\r\n.slick-pane {\r\n  position: absolute;\r\n  outline: 0;\r\n  overflow: hidden;\r\n  width: 100%;\r\n}\r\n\r\n.slick-pane-header {\r\n  display: block;\r\n}\r\n\r\n.slick-header, .slick-headerrow, .slick-top-panel-scroller {\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.slick-top-panel {\r\n  width: 10000px\r\n}\r\n\r\n.slick-viewport {\r\n  position: relative;\r\n  outline: 0;\r\n  width: 100%;\r\n  background: white;\r\n}\r\n\r\n.slick-wrap {\r\n  white-space: normal;\r\n}\r\n\r\n/* Slick.Editors.Text, Slick.Editors.Date */\r\ninput.editor-text, textarea.editor-text {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  margin: 0;\r\n  background: transparent;\r\n  outline: 0;\r\n  padding: 0;\r\n  resize: none;\r\n}\r\n\r\n.slick-cell .jsl-container {\r\n  position: absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n  top:0;\r\n}\r\n\r\n.slick-cell .jsl-container .jsl-selected {\r\n  padding: 0;\r\n}\r\n\r\n.slickgrid {\r\n  box-sizing: border-box;\r\n  border: solid 1px #b0b0b0;\r\n  border-radius: 3px;\r\n}\r\n\r\n.slick-col-ghost {\r\n  box-sizing: content-box;\r\n  position: absolute;\r\n  pointer-events: none;\r\n}\r\n\r\n.slick-ghost-content {\r\n  border: solid 2px #bbbbbb;\r\n  background: rgba(200,200,200,0.5);\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n}\r\n\r\n.editor-text {\r\n  font-size: 100%;\r\n}\r\n\r\n.slick-filtered-header {\r\n  color: #3B99FF;\r\n  background: #e7e7e7;\r\n}\r\n\r\n.slick-preheader-panel .slick-column-name {\r\n  text-align: center;\r\n  float: none;\r\n}\r\n\r\n.slick-header-column.resizable > .rs-r {\r\n  background: none;\r\n}\r\n\r\n/* .slick-header-column:hover.resizable > .rs-r {\r\n  background: rgba(20,20,20,0.3);\r\n} */\r\n\r\n.js-touch .slick-header-column > .slick-header-menubutton {\r\n  display: inline-block;\r\n}\r\n\r\n.js-touch .slick-header-column.resizable>.rs-r {\r\n  /* background: rgba(20,20,20,.3);\r\n  background-size: 0.9em 0.5em;\r\n  background-position: center center; */\r\n\r\n  background: rgba(0,0,0,0.04);\r\n  background-size: 0.5em 0.3em;\r\n  background-position: right center;\r\n\r\n  background: transparent;\r\n  background-size: 0.5em 0.3em;\r\n  background-position: right center;\r\n\r\n  width: 1.2rem;\r\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAMNSURBVEhLxVY7i1NBGM3NwzyMINiIjSKoC9tIBEG02FgkIeSxpJBlS7sV1s5fIRZqYWFhtYssEggJ5IEaFxERYdXWam1EkQVh82Lz8pzJl3jvzb1JjK8DA/lOZuacO/PNN+Po9/tT29LSktuKt2vov4B2xeo/c3M6piASiawHg8G9eDweEmoi2A/936G9wNg1oW2h0YUdKB4IBO45nU5Ht9s9ACLFYnFb/h4DxT0ez2uXy3WIca/XczQajZuVSuW+6mABWwPRaPSa3+9/DHFNKEe73a7XarWj1Wq1I5QByWQyBwMpCRVoAubL4K9ns9nPQo9guQVW4pwIK7BuJ05AZK3T6exIqMDVAx8Fn89kMieEHmHMQCwWuwrxTbM4l7JcLj8SyhL8QrfbncRKbXGMHuBDMLFtNmHYAor7fL4KxF1CKWDCcj6fj0k4EyR/7uo/hICJXZi5PNyO0Qowgbxeb8ksjgEfuH8SzgwmXrPZXMFKGJIM4qeQE+/T6fRJxmoFwuHwcRybjxA6onoJzG7ngeQTt9TwYcin3Xq9fkZLJBLnEL+C02MQG/wLaJr2HYMWf0d8CJyON5jrooQK/HC0r1oqlarh3B4W/p/D+T/Fiaml+G9jZIB7guwctT8NzNnTz48E5/Het80BZOnbQqFgSJx5wMIDsWdI8AWhFCiOsn6WK7AIR3sD+icwIIQjlJFwLoh43iyOE9eFgWWU9S/OXC73CdwFmPg2+HsAnluc3yc8x0L9MiBymx8ioQLFW61WpFQqPWescoAmsA3nWXgYDwETGi8lllWhZgbfAphzVUIFVkVUx9WhOGG4C2TJXsL1aaEUMJCJs4lKeWuWwmRzm1J8BRfallAKY+8B3b6NvYDA74BPTjKBCy2OC61gEudtegP3wwOhRhirA5ycIrwBOVAPmgL/UEJLYJU2LMT5KhoTJywLEU3w+uVAvQn8ZvbekdASWKVlbNeBhNy68qQnmaWBITiQJiBK4Y4+e+3ANyP6XkLbR3s69SqXW2li4xN71mf2sKG/z4o3tr7jB/mDdb4DhXtsAAAAAElFTkSuQmCC');\r\n  background-repeat: no-repeat;\r\n}\r\n.js-touch .slick-header-menubutton.resize-offset {\r\n  right: 1.2rem;\r\n  width: 1.2rem;\r\n}\r\n","/*\r\nIMPORTANT:\r\nIn order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.\r\nNo built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS\r\nclasses should alter those!\r\n*/\r\n\r\n.slick-header-columns {\r\n  border-bottom: 2px solid silver;\r\n}\r\n\r\n.slick-header-column {\r\n  border-right: 1px solid silver;\r\n  text-align: center;\r\n  font-weight: bold;\r\n}\r\n\r\n.slick-header-column:hover, .slick-header-column-active {\r\n  background: #3B99FF;\r\n  color: #ffffff;\r\n}\r\n\r\n\r\n.slick-header-column > .slick-header-menubutton:hover {\r\n  background-color: rgba(0,0,0,0.3);\r\n}\r\n\r\n.slick-headerrow {\r\n  background: #fafafa;\r\n}\r\n\r\n.slick-headerrow-column {\r\n  background: #fafafa;\r\n  border-bottom: 0;\r\n  height: 100%;\r\n}\r\n\r\n.slick-row.ui-state-active {\r\n  background: #F5F7D7;\r\n}\r\n\r\n.slick-row {\r\n  position: absolute;\r\n  background: white;\r\n  border: 0px;\r\n  line-height: 26px;\r\n}\r\n\r\n/* what is this used for ? */\r\n.slick-row.selected {\r\n  z-index: 10;\r\n  background: #DFE8F6;\r\n}\r\n\r\n.slick-cell {\r\n  padding-left: 4px;\r\n  padding-right: 4px;\r\n}\r\n\r\n.slick-group {\r\n  border-bottom: 2px solid silver;\r\n}\r\n\r\n.slick-group .slick-cell {\r\n  background:#D4E4EC;\r\n}\r\n\r\n.slick-group-toggle {\r\n  width: 9px;\r\n  height: 9px;\r\n  margin-right: 5px;\r\n}\r\n\r\n.slick-group-toggle.expanded {\r\n  background: url('data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIMwADCBxIUIDBgwIEChgwwECBAgQUFjBAkaJCABgxGlB4AGHCAAIQiBypEEECkScJqgwQEAA7') no-repeat center center;}\r\n\r\n.slick-group-toggle.collapsed { \r\n  background: url('data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIOAADCBxIUIDBgwIEChgwAECBAgQUFjAAQIABAwoBaNSIMYCAAwIqGlSIAEHFkiQTIBCgkqDLAAEBADs=') no-repeat center center;\r\n}\r\n\r\n.slick-group-totals {\r\n  color: gray;\r\n  background: white;\r\n}\r\n\r\n.slick-group-select-checkbox {\r\n  width: 13px;\r\n  height: 13px;\r\n  margin: 3px 10px 0 0;\r\n  display: inline-block;\r\n}\r\n\r\n.slick-cell.selected {\r\n  background-color: #CDE6F7;\r\n}\r\n\r\n.slick-cell.active {\r\n  border-color: #017DBE;\r\n  border-style: solid;\r\n}\r\n\r\n.slick-sortable-placeholder {\r\n  background: silver !important;\r\n}\r\n\r\n.slick-row.odd {\r\n  background: #ededed;\r\n}\r\n\r\n.slick-row.ui-state-active {\r\n  background: #F5F7D7;\r\n}\r\n\r\n.slick-row.loading {\r\n  opacity: 0.5;\r\n  filter: alpha(opacity = 50);\r\n}\r\n\r\n.slick-cell.invalid {\r\n  border-color: red;\r\n  animation-duration: 0.2s;\r\n  -moz-animation-duration: 0.2s;\r\n  -webkit-animation-duration: 0.2s;\r\n  animation-name: slickgrid-invalid-hilite;\r\n  -moz-animation-name: slickgrid-invalid-hilite;\r\n  -webkit-animation-name: slickgrid-invalid-hilite;  \r\n}\r\n\r\n@keyframes slickgrid-invalid-hilite {\r\n  from { box-shadow: 0 0 6px red; }\r\n  to { box-shadow: none; }\r\n}\r\n\r\n@-moz-keyframes slickgrid-invalid-hilite {\r\n  from { box-shadow: 0 0 6px red; }\r\n  to { box-shadow: none; }\r\n}\r\n\r\n@-webkit-keyframes slickgrid-invalid-hilite {\r\n  from { box-shadow: 0 0 6px red; }\r\n  to { box-shadow: none; }\r\n}\r\n\r\n/* .slick-grid {\r\n  background: white;\r\n  outline: 0;\r\n  border: 1px solid #a0a0a0;\r\n  border-radius: 3px;\r\n} */\r\n\r\n.new-row .slick-cell {\r\n  border-top: solid 1px #aaaaaa;\r\n  background: #3B99FF55;\r\n}\r\n",".resizable {\r\n    position: relative;\r\n}\r\n\r\n.resizable > .rs-r {\r\n    position: absolute;\r\n    top:0;\r\n    bottom:0;\r\n    right:0;\r\n    width:0.5rem;\r\n    box-sizing:border-box;\r\n    background:rgba(20,20,20,0.2);\r\n    cursor: w-resize;\r\n}\r\n\r\n.resizable > .rs-b {\r\n    position: absolute;\r\n    left:0;\r\n    bottom:0;\r\n    right:0;\r\n    height:0.5rem;\r\n    box-sizing:border-box;\r\n    background:rgba(20,20,20,0.2);\r\n    cursor: n-resize;\r\n}\r\n\r\n.resizable > .rs-r.rs-b {\r\n    top: initial;\r\n    left: initial;\r\n    right: 0;\r\n    bottom: 0;\r\n    cursor: nw-resize;\r\n}","/* Menu button */\r\n.slick-header-menubutton {\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 14px;\r\n  background-repeat: no-repeat;\r\n  background-position: left center;\r\n  background-image: url('data:image/gif;base64,R0lGODlhDgAOAIABADtKYwAAACH5BAEAAAEALAAAAAAOAA4AAAISjI+py+0PHZgUsGobhTn6DxoFADs=');\r\n  cursor: pointer;\r\n\r\n  display: none;\r\n  border-left: thin ridge silver;\r\n}\r\n\r\n.slick-header-menubutton.resize-offset {\r\n  right: 0.5rem;\r\n}\r\n\r\n.slick-header-column:hover > .slick-header-menubutton,\r\n.slick-header-column-active .slick-header-menubutton {\r\n  display: inline-block;\r\n}\r\n\r\n/* Menu */\r\n.slick-header-menu {\r\n  position: absolute;\r\n  display: inline-block;\r\n  margin: 0;\r\n  padding: 2px;\r\n  cursor: default;\r\n}\r\n\r\n\r\n/* Menu items */\r\n.slick-header-menuitem {\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  cursor: pointer;\r\n}\r\n\r\n.slick-header-menuicon {\r\n  display: inline-block;\r\n  width: 16px;\r\n  height: 16px;\r\n  vertical-align: middle;\r\n  margin-right: 4px;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n}\r\n\r\n.slick-header-menucontent {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n}\r\n\r\n\r\n/* Disabled */\r\n.slick-header-menuitem-disabled {\r\n  color: silver;\r\n}\r\n\r\n/* Divider */\r\n.slick-header-menuitem.slick-header-menuitem-divider {\r\n  cursor: default;\r\n  border: none;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  height: 1px;\r\n  margin: 8px 2px;\r\n  background-color: #cecece;\r\n}\r\n.slick-header-menuitem-divider.slick-header-menuitem:hover {\r\n  background-color: #cecece;\r\n}\r\n\r\n.slick-header-menu {\r\n  border: 1px solid #bebebe;\r\n  background: #ffffff;\r\n  padding: 2px;\r\n  box-shadow: 2px 2px 2px silver;\r\n  z-index: 20;\r\n}\r\n\r\n\r\n.slick-header-menuitem {\r\n  padding: 2px 4px;\r\n  border-radius: 3px;\r\n}\r\n\r\n.slick-header-menuitem:hover {\r\n  background: #3B99FF;\r\n  color:white;\r\n}\r\n\r\n.slick-header-menuitem-disabled {\r\n  border-color: transparent !important;\r\n  background: inherit !important;\r\n}",".slick-column-name,\r\n.slick-sort-indicator {\r\n  /**\r\n   * This makes all \"float:right\" elements after it that spill over to the next line\r\n   * display way below the lower boundary of the column thus hiding them.\r\n   */\r\n  display: inline-block;\r\n  float: left;\r\n  margin-bottom: 100px;\r\n}\r\n\r\n.slick-header-button {\r\n  display: inline-block;\r\n  float: right;\r\n  vertical-align: top;\r\n  margin: 1px;\r\n  margin-right: 2rem;\r\n  /**\r\n  * This makes all \"float:right\" elements after it that spill over to the next line\r\n  * display way below the lower boundary of the column thus hiding them.\r\n  */\r\n  margin-bottom: 100px;\r\n  height: 15px;\r\n  width: 15px;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  cursor: pointer;\r\n}\r\n\r\n.slick-header-button-hidden {\r\n  width: 0;\r\n\r\n  -webkit-transition: 0.2s width;\r\n  -ms-transition: 0.2s width;\r\n  transition: 0.2s width;\r\n}\r\n\r\n.slick-header-column:hover > .slick-header-button {\r\n  width: 15px;\r\n}",".jsl-dialog {\r\n    position: relative;\r\n    z-index: 2002;\r\n    background:white;\r\n    border-radius: 0.8rem;\r\n    pointer-events: all;\r\n    border: 2px solid #dddddd;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n.dlg-close-btn {\r\n    color: #555555;\r\n    font-size: 2rem;\r\n    line-height: 2.8rem;\r\n    font-weight: bold;\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    top: 0;\r\n    width: 2.5rem;\r\n    box-sizing: border-box;\r\n    border-top-right-radius: 0.8rem;\r\n    cursor: pointer;\r\n    background: #d8d8d8;\r\n}\r\n\r\n.dlg-close-btn:hover {\r\n    background: #B22121;\r\n    color: white;\r\n}\r\n\r\n.jsl-dialog-overlay {\r\n    position: fixed;\r\n    left:0;\r\n    top:0;\r\n    bottom:0;\r\n    right:0;\r\n    z-index: 2001;\r\n    background:rgba(0,0,0,0.8);\r\n    height: 100vh;\r\n}\r\n\r\n.jsl-dialog > .dlg-header {\r\n\tbox-sizing: content-box;\r\n    position: relative;\r\n    height: 2rem;\r\n    padding: 0.6rem;\r\n    border-bottom: 1px solid #ededed;\r\n    background: #f8f8f8;\r\n    font-size: 1.5rem;\r\n    border-top-right-radius: 0.8rem;\r\n    border-top-left-radius: 0.8rem;\r\n    text-align: center;\r\n}\r\n\r\n.jsl-dialog > .dlg-body {\r\n    padding: 1rem;\r\n    box-sizing: border-box;\r\n    overflow: auto;\r\n    margin-bottom: 3rem;\r\n}\r\n\r\n.jsl-dialog > .dlg-footer {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3rem;\r\n    box-sizing: border-box;\r\n    padding: 0.5rem;\r\n    border-top: 1px solid #ededed;\r\n    background: #f8f8f8;\r\n    border-bottom-right-radius: 0.8rem;\r\n    border-bottom-left-radius: 0.8rem;\r\n    text-align: right;\r\n}\r\n\r\n.jsl-dialog > .dlg-footer button {\r\n    margin-left: 1rem;\r\n}\r\n\r\n.jsl-dialog .slickgrid {\r\n    border-radius: 0;\r\n}\r\n",".v-r-comp {\r\n\r\n    height:100%;\r\n\r\n    .v-r-child > * {\r\n        height: 100%;\r\n    }\r\n\r\n}",".cell-reorder {\r\n    cursor: move;\r\n    /* background: red; */\r\n    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAADAFBMVEUAAACWlpbY2NgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADmpIfcAAABAHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AU/cHJQAAABlJREFUCNdj+I8EGFA5jHAA5DDBAW2VIQEAmyRUB6U7kZIAAAAASUVORK5CYII=);\r\n    background-repeat: no-repeat;\r\n    background-position-x: center;\r\n    background-position-y: center;\r\n}",".slick-cell .jsl-toggle {\r\n    color: #888888;\r\n    /* font-size: 0.8em; */\r\n    width: 1.2em;\r\n    box-sizing: border-box;\r\n    display: inline-block;\r\n    cursor: pointer;\r\n    height: 100%;\r\n}\r\n\r\n.slick-cell .jsl-toggle-spacer {\r\n    min-width: 1.2em;\r\n    display: inline-block;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.slick-cell .jsl-indent {\r\n    display: inline-block;\r\n    position: relative;\r\n}"],"names":[],"version":3,"file":"index.css.map"}
+{"mappings":"AAOA;;;;;;;;AAQA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;AAcA;;;;AAIA;;;;AAIA;;;;;;;;AASA;;;;;;;;;;;;AAmCA;;;;AAIA;;;;;AAKA;;;;;;AAMA;;;;;;;;;;;;;;AAgBiB;;;;AAGjB;;;;AAIA;;;;AAIA;;;;;;AASA;;;;AAIA;;;;;AAQA;;;;AAIA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;AAOA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;;AAOA;;;;AAKA;;;;;;;;;;;AAWA;;;;;AAQA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;;;AAQA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;AAQA;;;;AAIA;;;;;AAiBA;;;;;AC1TA;;;;AAIA;;;;;;AAMA;;;;;AAMA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;;;AAQA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;;AAMA;;;;AAGA;;;;AAIA;;;;;AAKA;;;;;;;AAOA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;AAKA;;;;;;AAUA;;;;;;;;;;AAsBA;;;;;ACtJA;;;;AAIA;;;;;;;;;;;AAWA;;;;;;;;;;;AAWA;;;;;;;;ACzBA;;;;;;;;;;;;;;AAeA;;;;AAIA;;;;AAMA;;;;;;;;AAUA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;AAOA;;;;AAKA;;;;;;;;;;AASA;;;;AAIA;;;;;;;;AASA;;;;;AAKA;;;;;AAKA;;;;;ACjGA;;;;;;AAWA;;;;;;;;;;;;AAkBA;;;;;AAQA;;;;ACrCA;;;;;;;;;;;;AAYA;;;;;;;;;;;;;;;;AAgBA;;;;;AAKA;;;;;;;;AAWA;;;;;;;;;;;;;AAaA;;;;;;;AAOA;;;;;;;;;;;;;;;AAeA;;;;AAIA;;;;ACnFA;;;;ACAA;;;;;;;ACCA;;;;AAIA;;;;;;;AAQA;;;;;;;;;;;AAWA;;;;;;;AExBA;;;;;;;;;AAUA;;;;;;AAMA","sources":["grid/slick.grid.css","grid/slick-default-theme.css","interaction/resizable.css","grid/plugins/slick.headermenu.css","grid/plugins/slick.headerbuttons.css","ui/dialog.css","components/virtual-render/VirtualRenderStyle.scss","grid/plugins/slick.rowmovemanager.css","grid/plugins/ext.overlay.css","interaction/moveable.css","grid/slick.tree.css"],"sourcesContent":["/*\r\nIMPORTANT:\r\nIn order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.\r\nNo built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS\r\nclasses should alter those!\r\n*/\r\n\r\n.slick-header.ui-state-default, .slick-headerrow.ui-state-default, .slick-footerrow.ui-state-default, .slick-top-panel-scroller.ui-state-default, .slick-group-header.ui-state-default {\r\n  width: 100%;\r\n  overflow: auto;\r\n  position: relative;\r\n  border-left: 0px !important;\r\n  background: white;\r\n}\r\n\r\n.slick-header.ui-state-default {\r\n  overflow: inherit;\r\n}\r\n\r\n.slick-header::-webkit-scrollbar,  .slick-headerrow::-webkit-scrollbar, .slick-footerrow::-webkit-scrollbar {\r\n  display: none\r\n}\r\n\r\n.slick-header-columns, .slick-headerrow-columns, .slick-footerrow-columns, .slick-group-header-columns {\r\n  position: relative;\r\n  white-space: nowrap;\r\n  cursor: default;\r\n  overflow: hidden;\r\n}\r\n\r\n.slick-header-column.ui-state-default, .slick-group-header-column.ui-state-default {\r\n  position: relative;\r\n  /* display: inline-block; */\r\n  box-sizing: content-box !important; /* this here only for Firefox! */ \r\n  overflow: hidden;\r\n  -o-text-overflow: ellipsis;\r\n  text-overflow: ellipsis;\r\n  height: 20px;\r\n  line-height: 20px;\r\n  margin: 0;\r\n  padding: 4px;\r\n  border-right: 1px solid silver;\r\n  border-left: 0px !important;\r\n  border-top: 1px solid silver;\r\n  border-bottom: 0px !important;\r\n  float: left;\r\n}\r\n\r\n.slick-footerrow-column.ui-state-default {\r\n  -o-text-overflow: ellipsis;\r\n  text-overflow: ellipsis;\r\n  margin: 0;\r\n  padding: 4px;\r\n  border-right: 1px solid silver;\r\n  border-left: 0px;\r\n  border-top: 0px;\r\n  border-bottom: 0px;\r\n  float: left;\r\n  line-height: 20px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.slick-headerrow-column.ui-state-default, .slick-footerrow-column.ui-state-default {\r\n  padding: 4px;\r\n}\r\n\r\n.slick-header-column-sorted {\r\n  font-style: italic;\r\n}\r\n\r\n.slick-sort-indicator {\r\n  /* display: inline-block; */\r\n  width: 8px;\r\n  height: 5px;\r\n  margin-left: 4px;\r\n  margin-top: 6px;\r\n  float: left;\r\n}\r\n\r\n.slick-sort-indicator-numbered {\r\n  /* display: inline-block; */\r\n  width: 8px;\r\n  height: 5px;\r\n  margin-left: 4px;\r\n  margin-top: 0;\r\n  line-height: 20px;\r\n  float: left;\r\n  font-style: normal;\r\n  font-weight: bold;\r\n  color: #6190CD;\r\n}\r\n\r\n\r\n/* TODO TODOFIX */\r\n/* .slick-sort-indicator-desc {\r\n  background: url(images/sort-desc.gif);\r\n}\r\n\r\n.slick-sort-indicator-asc {\r\n  background: url(images/sort-asc.gif);\r\n} */\r\n\r\n/* .slick-resizable-handle {\r\n  position: absolute;\r\n  font-size: 0.1px;\r\n  display: block;\r\n  cursor: col-resize;\r\n  width: 9px;\r\n  right: -5px;\r\n  top: 0;\r\n  height: 100%;\r\n  z-index: 1;\r\n} */\r\n\r\n.slick-sortable-placeholder {\r\n  background: silver;\r\n}\r\n\r\n.grid-canvas {\r\n  position: relative;\r\n  outline: 0;\r\n}\r\n\r\n.slick-row.ui-widget-content, .slick-row.ui-state-active {\r\n  position: absolute;\r\n  border: 0px;\r\n  width: 100%;\r\n}\r\n\r\n.slick-cell, .slick-headerrow-column , .slick-footerrow-column{\r\n  position: absolute;\r\n  border: 1px solid transparent;\r\n  /*border-right: 1px dotted silver;\r\n  border-bottom-color: silver; */\r\n  border-right: 1px dotted silver;\r\n  overflow: hidden;\r\n  -o-text-overflow: ellipsis;\r\n  text-overflow: ellipsis;\r\n  vertical-align: middle;\r\n  z-index: 1;\r\n  padding: 1px 2px 2px 1px;\r\n  margin: 0;\r\n  white-space: nowrap;\r\n  cursor: default;\r\n}\r\n/*.slick-cell, */.slick-headerrow-column{\r\n  border-bottom-color: silver;\r\n}\r\n.slick-footerrow-column {\r\n  border-top-color: silver;\r\n}\r\n\r\n.slick-group-toggle {\r\n  display: inline-block;\r\n}\r\n\r\n.slick-cell.highlighted {\r\n  background: lightskyblue;\r\n  background: rgba(0, 0, 255, 0.2);\r\n  -webkit-transition: all 0.5s;\r\n  -moz-transition: all 0.5s;\r\n  -o-transition: all 0.5s;\r\n  transition: all 0.5s;\r\n}\r\n\r\n.slick-cell.flashing {\r\n  border: 1px solid red !important;\r\n}\r\n\r\n.slick-cell.editable {\r\n  z-index: 11;\r\n  overflow: visible;\r\n  /* background: white;\r\n  border-color: black;\r\n  border-style: solid; */\r\n}\r\n\r\n.slick-cell:focus {\r\n  outline: none;\r\n}\r\n\r\n.slick-reorder-proxy {\r\n  display: inline-block;\r\n  background: blue;\r\n  opacity: 0.15;\r\n  filter: alpha(opacity = 15);\r\n  cursor: move;\r\n}\r\n\r\n.slick-reorder-guide {\r\n  display: inline-block;\r\n  height: 2px;\r\n  background: blue;\r\n  opacity: 0.7;\r\n  filter: alpha(opacity = 70);\r\n}\r\n\r\n.slick-selection {\r\n  z-index: 10;\r\n  position: absolute;\r\n  border: 2px dashed black;\r\n}\r\n\r\n.slick-pane {\r\n  position: absolute;\r\n  outline: 0;\r\n  overflow: hidden;\r\n  width: 100%;\r\n}\r\n\r\n.slick-pane-header {\r\n  display: block;\r\n}\r\n\r\n.slick-header, .slick-headerrow, .slick-top-panel-scroller {\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.slick-top-panel {\r\n  width: 10000px\r\n}\r\n\r\n.slick-viewport {\r\n  position: relative;\r\n  outline: 0;\r\n  width: 100%;\r\n  background: white;\r\n}\r\n\r\n.slick-wrap {\r\n  white-space: normal;\r\n}\r\n\r\n/* Slick.Editors.Text, Slick.Editors.Date */\r\ninput.editor-text, textarea.editor-text {\r\n  width: 100%;\r\n  height: 100%;\r\n  border: 0;\r\n  margin: 0;\r\n  background: transparent;\r\n  outline: 0;\r\n  padding: 0;\r\n  resize: none;\r\n}\r\n\r\n.slick-cell .jsl-container {\r\n  position: absolute;\r\n  left:0;\r\n  right:0;\r\n  bottom:0;\r\n  top:0;\r\n}\r\n\r\n.slick-cell .jsl-container .jsl-selected {\r\n  padding: 0;\r\n}\r\n\r\n.slickgrid {\r\n  box-sizing: border-box;\r\n  border: solid 1px #b0b0b0;\r\n  border-radius: 3px;\r\n}\r\n\r\n.slick-col-ghost {\r\n  box-sizing: content-box;\r\n  position: absolute;\r\n  pointer-events: none;\r\n}\r\n\r\n.slick-ghost-content {\r\n  border: solid 2px #bbbbbb;\r\n  background: rgba(200,200,200,0.5);\r\n  position: absolute;\r\n  left: 0;\r\n  right: 0;\r\n}\r\n\r\n.editor-text {\r\n  font-size: 100%;\r\n}\r\n\r\n.slick-filtered-header {\r\n  color: #3B99FF;\r\n  background: #e7e7e7;\r\n}\r\n\r\n.slick-preheader-panel .slick-column-name {\r\n  text-align: center;\r\n  float: none;\r\n}\r\n\r\n.slick-header-column.resizable > .rs-r {\r\n  background: none;\r\n}\r\n\r\n/* .slick-header-column:hover.resizable > .rs-r {\r\n  background: rgba(20,20,20,0.3);\r\n} */\r\n\r\n.js-touch .slick-header-column > .slick-header-menubutton {\r\n  display: inline-block;\r\n}\r\n\r\n.js-touch .slick-header-column.resizable>.rs-r {\r\n  /* background: rgba(20,20,20,.3);\r\n  background-size: 0.9em 0.5em;\r\n  background-position: center center; */\r\n\r\n  background: rgba(0,0,0,0.04);\r\n  background-size: 0.5em 0.3em;\r\n  background-position: right center;\r\n\r\n  background: transparent;\r\n  background-size: 0.5em 0.3em;\r\n  background-position: right center;\r\n\r\n  width: 1.2rem;\r\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAMNSURBVEhLxVY7i1NBGM3NwzyMINiIjSKoC9tIBEG02FgkIeSxpJBlS7sV1s5fIRZqYWFhtYssEggJ5IEaFxERYdXWam1EkQVh82Lz8pzJl3jvzb1JjK8DA/lOZuacO/PNN+Po9/tT29LSktuKt2vov4B2xeo/c3M6piASiawHg8G9eDweEmoi2A/936G9wNg1oW2h0YUdKB4IBO45nU5Ht9s9ACLFYnFb/h4DxT0ez2uXy3WIca/XczQajZuVSuW+6mABWwPRaPSa3+9/DHFNKEe73a7XarWj1Wq1I5QByWQyBwMpCRVoAubL4K9ns9nPQo9guQVW4pwIK7BuJ05AZK3T6exIqMDVAx8Fn89kMieEHmHMQCwWuwrxTbM4l7JcLj8SyhL8QrfbncRKbXGMHuBDMLFtNmHYAor7fL4KxF1CKWDCcj6fj0k4EyR/7uo/hICJXZi5PNyO0Qowgbxeb8ksjgEfuH8SzgwmXrPZXMFKGJIM4qeQE+/T6fRJxmoFwuHwcRybjxA6onoJzG7ngeQTt9TwYcin3Xq9fkZLJBLnEL+C02MQG/wLaJr2HYMWf0d8CJyON5jrooQK/HC0r1oqlarh3B4W/p/D+T/Fiaml+G9jZIB7guwctT8NzNnTz48E5/Het80BZOnbQqFgSJx5wMIDsWdI8AWhFCiOsn6WK7AIR3sD+icwIIQjlJFwLoh43iyOE9eFgWWU9S/OXC73CdwFmPg2+HsAnluc3yc8x0L9MiBymx8ioQLFW61WpFQqPWescoAmsA3nWXgYDwETGi8lllWhZgbfAphzVUIFVkVUx9WhOGG4C2TJXsL1aaEUMJCJs4lKeWuWwmRzm1J8BRfallAKY+8B3b6NvYDA74BPTjKBCy2OC61gEudtegP3wwOhRhirA5ycIrwBOVAPmgL/UEJLYJU2LMT5KhoTJywLEU3w+uVAvQn8ZvbekdASWKVlbNeBhNy68qQnmaWBITiQJiBK4Y4+e+3ANyP6XkLbR3s69SqXW2li4xN71mf2sKG/z4o3tr7jB/mDdb4DhXtsAAAAAElFTkSuQmCC');\r\n  background-repeat: no-repeat;\r\n}\r\n.js-touch .slick-header-menubutton.resize-offset {\r\n  right: 1.2rem;\r\n  width: 1.2rem;\r\n}\r\n","/*\r\nIMPORTANT:\r\nIn order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.\r\nNo built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS\r\nclasses should alter those!\r\n*/\r\n\r\n.slick-header-columns {\r\n  border-bottom: 2px solid silver;\r\n}\r\n\r\n.slick-header-column {\r\n  border-right: 1px solid silver;\r\n  text-align: center;\r\n  font-weight: bold;\r\n}\r\n\r\n.slick-header-column:hover, .slick-header-column-active {\r\n  background: #3B99FF;\r\n  color: #ffffff;\r\n}\r\n\r\n\r\n.slick-header-column > .slick-header-menubutton:hover {\r\n  background-color: rgba(0,0,0,0.3);\r\n}\r\n\r\n.slick-headerrow {\r\n  background: #fafafa;\r\n}\r\n\r\n.slick-headerrow-column {\r\n  background: #fafafa;\r\n  border-bottom: 0;\r\n  height: 100%;\r\n}\r\n\r\n.slick-row.ui-state-active {\r\n  background: #F5F7D7;\r\n}\r\n\r\n.slick-row {\r\n  position: absolute;\r\n  background: white;\r\n  border: 0px;\r\n  line-height: 26px;\r\n}\r\n\r\n/* what is this used for ? */\r\n.slick-row.selected {\r\n  z-index: 10;\r\n  background: #DFE8F6;\r\n}\r\n\r\n.slick-cell {\r\n  padding-left: 4px;\r\n  padding-right: 4px;\r\n}\r\n\r\n.slick-group {\r\n  border-bottom: 2px solid silver;\r\n}\r\n\r\n.slick-group .slick-cell {\r\n  background:#D4E4EC;\r\n}\r\n\r\n.slick-group-toggle {\r\n  width: 9px;\r\n  height: 9px;\r\n  margin-right: 5px;\r\n}\r\n\r\n.slick-group-toggle.expanded {\r\n  background: url('data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIMwADCBxIUIDBgwIEChgwwECBAgQUFjBAkaJCABgxGlB4AGHCAAIQiBypEEECkScJqgwQEAA7') no-repeat center center;}\r\n\r\n.slick-group-toggle.collapsed { \r\n  background: url('data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIOAADCBxIUIDBgwIEChgwAECBAgQUFjAAQIABAwoBaNSIMYCAAwIqGlSIAEHFkiQTIBCgkqDLAAEBADs=') no-repeat center center;\r\n}\r\n\r\n.slick-group-totals {\r\n  color: gray;\r\n  background: white;\r\n}\r\n\r\n.slick-group-select-checkbox {\r\n  width: 13px;\r\n  height: 13px;\r\n  margin: 3px 10px 0 0;\r\n  display: inline-block;\r\n}\r\n\r\n.slick-cell.selected {\r\n  background-color: #CDE6F7;\r\n}\r\n\r\n.slick-cell.active {\r\n  border-color: #017DBE;\r\n  border-style: solid;\r\n}\r\n\r\n.slick-sortable-placeholder {\r\n  background: silver !important;\r\n}\r\n\r\n.slick-row.odd {\r\n  background: #ededed;\r\n}\r\n\r\n.slick-row.ui-state-active {\r\n  background: #F5F7D7;\r\n}\r\n\r\n.slick-row.loading {\r\n  opacity: 0.5;\r\n  filter: alpha(opacity = 50);\r\n}\r\n\r\n.slick-cell.invalid {\r\n  border-color: red;\r\n  animation-duration: 0.2s;\r\n  -moz-animation-duration: 0.2s;\r\n  -webkit-animation-duration: 0.2s;\r\n  animation-name: slickgrid-invalid-hilite;\r\n  -moz-animation-name: slickgrid-invalid-hilite;\r\n  -webkit-animation-name: slickgrid-invalid-hilite;  \r\n}\r\n\r\n@keyframes slickgrid-invalid-hilite {\r\n  from { box-shadow: 0 0 6px red; }\r\n  to { box-shadow: none; }\r\n}\r\n\r\n@-moz-keyframes slickgrid-invalid-hilite {\r\n  from { box-shadow: 0 0 6px red; }\r\n  to { box-shadow: none; }\r\n}\r\n\r\n@-webkit-keyframes slickgrid-invalid-hilite {\r\n  from { box-shadow: 0 0 6px red; }\r\n  to { box-shadow: none; }\r\n}\r\n\r\n/* .slick-grid {\r\n  background: white;\r\n  outline: 0;\r\n  border: 1px solid #a0a0a0;\r\n  border-radius: 3px;\r\n} */\r\n\r\n.new-row .slick-cell {\r\n  border-top: solid 1px #aaaaaa;\r\n  background: #3B99FF55;\r\n}\r\n",".resizable {\r\n    position: relative;\r\n}\r\n\r\n.resizable > .rs-r {\r\n    position: absolute;\r\n    top:0;\r\n    bottom:0;\r\n    right:0;\r\n    width:0.5rem;\r\n    box-sizing:border-box;\r\n    background:rgba(20,20,20,0.2);\r\n    cursor: w-resize;\r\n}\r\n\r\n.resizable > .rs-b {\r\n    position: absolute;\r\n    left:0;\r\n    bottom:0;\r\n    right:0;\r\n    height:0.5rem;\r\n    box-sizing:border-box;\r\n    background:rgba(20,20,20,0.2);\r\n    cursor: n-resize;\r\n}\r\n\r\n.resizable > .rs-r.rs-b {\r\n    top: initial;\r\n    left: initial;\r\n    right: 0;\r\n    bottom: 0;\r\n    cursor: nw-resize;\r\n}","/* Menu button */\r\n.slick-header-menubutton {\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 14px;\r\n  background-repeat: no-repeat;\r\n  background-position: left center;\r\n  background-image: url('data:image/gif;base64,R0lGODlhDgAOAIABADtKYwAAACH5BAEAAAEALAAAAAAOAA4AAAISjI+py+0PHZgUsGobhTn6DxoFADs=');\r\n  cursor: pointer;\r\n\r\n  display: none;\r\n  border-left: thin ridge silver;\r\n}\r\n\r\n.slick-header-menubutton.resize-offset {\r\n  right: 0.5rem;\r\n}\r\n\r\n.slick-header-column:hover > .slick-header-menubutton,\r\n.slick-header-column-active .slick-header-menubutton {\r\n  display: inline-block;\r\n}\r\n\r\n/* Menu */\r\n.slick-header-menu {\r\n  position: absolute;\r\n  display: inline-block;\r\n  margin: 0;\r\n  padding: 2px;\r\n  cursor: default;\r\n}\r\n\r\n\r\n/* Menu items */\r\n.slick-header-menuitem {\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  cursor: pointer;\r\n}\r\n\r\n.slick-header-menuicon {\r\n  display: inline-block;\r\n  width: 16px;\r\n  height: 16px;\r\n  vertical-align: middle;\r\n  margin-right: 4px;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n}\r\n\r\n.slick-header-menucontent {\r\n  display: inline-block;\r\n  vertical-align: middle;\r\n}\r\n\r\n\r\n/* Disabled */\r\n.slick-header-menuitem-disabled {\r\n  color: silver;\r\n}\r\n\r\n/* Divider */\r\n.slick-header-menuitem.slick-header-menuitem-divider {\r\n  cursor: default;\r\n  border: none;\r\n  overflow: hidden;\r\n  padding: 0;\r\n  height: 1px;\r\n  margin: 8px 2px;\r\n  background-color: #cecece;\r\n}\r\n.slick-header-menuitem-divider.slick-header-menuitem:hover {\r\n  background-color: #cecece;\r\n}\r\n\r\n.slick-header-menu {\r\n  border: 1px solid #bebebe;\r\n  background: #ffffff;\r\n  padding: 2px;\r\n  box-shadow: 2px 2px 2px silver;\r\n  z-index: 20;\r\n}\r\n\r\n\r\n.slick-header-menuitem {\r\n  padding: 2px 4px;\r\n  border-radius: 3px;\r\n}\r\n\r\n.slick-header-menuitem:hover {\r\n  background: #3B99FF;\r\n  color:white;\r\n}\r\n\r\n.slick-header-menuitem-disabled {\r\n  border-color: transparent !important;\r\n  background: inherit !important;\r\n}",".slick-column-name,\r\n.slick-sort-indicator {\r\n  /**\r\n   * This makes all \"float:right\" elements after it that spill over to the next line\r\n   * display way below the lower boundary of the column thus hiding them.\r\n   */\r\n  display: inline-block;\r\n  float: left;\r\n  margin-bottom: 100px;\r\n}\r\n\r\n.slick-header-button {\r\n  display: inline-block;\r\n  float: right;\r\n  vertical-align: top;\r\n  margin: 1px;\r\n  margin-right: 2rem;\r\n  /**\r\n  * This makes all \"float:right\" elements after it that spill over to the next line\r\n  * display way below the lower boundary of the column thus hiding them.\r\n  */\r\n  margin-bottom: 100px;\r\n  height: 15px;\r\n  width: 15px;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  cursor: pointer;\r\n}\r\n\r\n.slick-header-button-hidden {\r\n  width: 0;\r\n\r\n  -webkit-transition: 0.2s width;\r\n  -ms-transition: 0.2s width;\r\n  transition: 0.2s width;\r\n}\r\n\r\n.slick-header-column:hover > .slick-header-button {\r\n  width: 15px;\r\n}",".jsl-dialog {\r\n    position: relative;\r\n    z-index: 2002;\r\n    background:white;\r\n    border-radius: 0.8rem;\r\n    pointer-events: all;\r\n    border: 2px solid #dddddd;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n}\r\n\r\n.dlg-close-btn {\r\n    color: #555555;\r\n    font-size: 2rem;\r\n    line-height: 2.8rem;\r\n    font-weight: bold;\r\n    position: absolute;\r\n    right: 0;\r\n    bottom: 0;\r\n    top: 0;\r\n    width: 2.5rem;\r\n    box-sizing: border-box;\r\n    border-top-right-radius: 0.8rem;\r\n    cursor: pointer;\r\n    background: #d8d8d8;\r\n}\r\n\r\n.dlg-close-btn:hover {\r\n    background: #B22121;\r\n    color: white;\r\n}\r\n\r\n.jsl-dialog-overlay {\r\n    position: fixed;\r\n    left:0;\r\n    top:0;\r\n    bottom:0;\r\n    right:0;\r\n    z-index: 2001;\r\n    background:rgba(0,0,0,0.8);\r\n    height: 100vh;\r\n}\r\n\r\n.jsl-dialog > .dlg-header {\r\n\tbox-sizing: content-box;\r\n    position: relative;\r\n    height: 2rem;\r\n    padding: 0.6rem;\r\n    border-bottom: 1px solid #ededed;\r\n    background: #f8f8f8;\r\n    font-size: 1.5rem;\r\n    border-top-right-radius: 0.8rem;\r\n    border-top-left-radius: 0.8rem;\r\n    text-align: center;\r\n}\r\n\r\n.jsl-dialog > .dlg-body {\r\n    padding: 1rem;\r\n    box-sizing: border-box;\r\n    overflow: auto;\r\n    margin-bottom: 3rem;\r\n}\r\n\r\n.jsl-dialog > .dlg-footer {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 3rem;\r\n    box-sizing: border-box;\r\n    padding: 0.5rem;\r\n    border-top: 1px solid #ededed;\r\n    background: #f8f8f8;\r\n    border-bottom-right-radius: 0.8rem;\r\n    border-bottom-left-radius: 0.8rem;\r\n    text-align: right;\r\n}\r\n\r\n.jsl-dialog > .dlg-footer button {\r\n    margin-left: 1rem;\r\n}\r\n\r\n.jsl-dialog .slickgrid {\r\n    border-radius: 0;\r\n}\r\n",".v-r-comp {\r\n\r\n    height:100%;\r\n\r\n    .v-r-child > * {\r\n        height: 100%;\r\n    }\r\n\r\n}",".cell-reorder {\r\n    cursor: move;\r\n    /* background: red; */\r\n    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAADAFBMVEUAAACWlpbY2NgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADmpIfcAAABAHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AU/cHJQAAABlJREFUCNdj+I8EGFA5jHAA5DDBAW2VIQEAmyRUB6U7kZIAAAAASUVORK5CYII=);\r\n    background-repeat: no-repeat;\r\n    background-position-x: center;\r\n    background-position-y: center;\r\n}","\r\n.header-overlay {\r\n    background-color: #217346;\r\n}\r\n\r\n.cell-overlay,\r\n.selection-cell-overlay {\r\n    display: block;\r\n    position: absolute;\r\n    z-index: 900;\r\n    background-color: #217346;\r\n}\r\n\r\n.handle-overlay {\r\n    border: 1px solid white;\r\n    padding: 3px;\r\n    background-color: #217346;\r\n    position: absolute;\r\n    width: 2px;\r\n    height: 2px;\r\n    z-index: 1000;\r\n    cursor: crosshair;\r\n}\r\n\r\n.overlay-handle-decorator {\r\n    border: 2px solid #217346;\r\n    z-index: 1000;\r\n}\r\n","",".slick-cell .jsl-toggle {\r\n    color: #888888;\r\n    /* font-size: 0.8em; */\r\n    width: 1.2em;\r\n    box-sizing: border-box;\r\n    display: inline-block;\r\n    cursor: pointer;\r\n    height: 100%;\r\n}\r\n\r\n.slick-cell .jsl-toggle-spacer {\r\n    min-width: 1.2em;\r\n    display: inline-block;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.slick-cell .jsl-indent {\r\n    display: inline-block;\r\n    position: relative;\r\n}"],"names":[],"version":3,"file":"index.css.map"}