jsl-ui 9.1.0 → 9.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/form-field/FormFieldComponent.d.ts +1 -0
- package/lib/components/form-field/FormFieldComponent.js +1 -0
- package/lib/components/select/SelectComponent.d.ts +6 -0
- package/lib/components/select/SelectComponent.js +3 -0
- package/lib/components/select/SelectDDAreaComponent.d.ts +1 -0
- package/lib/components/select/SelectDDAreaComponent.js +74 -23
- package/lib/components/select/SelectStyle.scss +10 -1
- package/lib/core/helper.d.ts +1 -0
- package/lib/core/helper.js +11 -0
- package/lib/grid/slick.grid.d.ts +2 -0
- package/lib/grid/slick.grid.js +8 -6
- package/lib/index.css +1 -1
- package/lib/index.css.map +1 -1
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,6 +9,10 @@ export interface ISelectRenderArg<T = any> {
|
|
|
9
9
|
isSelected: boolean;
|
|
10
10
|
isCurrent: boolean;
|
|
11
11
|
}
|
|
12
|
+
export interface ISelectRenderGroupArg {
|
|
13
|
+
groupValue: any;
|
|
14
|
+
node: IJSLVNode;
|
|
15
|
+
}
|
|
12
16
|
export interface ISelectComponentOptions<T = any, TValue = any, TBinding = any> {
|
|
13
17
|
data: T[];
|
|
14
18
|
style?: string;
|
|
@@ -25,6 +29,7 @@ export interface ISelectComponentOptions<T = any, TValue = any, TBinding = any>
|
|
|
25
29
|
enableAnimation?: boolean;
|
|
26
30
|
allowEmpty?: boolean;
|
|
27
31
|
onRender?: (args: ISelectRenderArg<T>) => void | IJSLVNode;
|
|
32
|
+
onRenderGroup?: (args: ISelectRenderGroupArg) => void | IJSLVNode;
|
|
28
33
|
matchSearch?: (data: T, term: string) => boolean;
|
|
29
34
|
onAppend?: (dom: HTMLDivElement) => void;
|
|
30
35
|
enableKeyboard?: boolean;
|
|
@@ -33,6 +38,7 @@ export interface ISelectComponentOptions<T = any, TValue = any, TBinding = any>
|
|
|
33
38
|
bindTo?: TBinding;
|
|
34
39
|
property?: keyof TBinding;
|
|
35
40
|
converter?: IDataConverter<any, TValue>;
|
|
41
|
+
groupProperty?: keyof T;
|
|
36
42
|
bindMode?: "toModel" | "fromModel" | "both";
|
|
37
43
|
onChange?: EventHandler<TValue, T> | ((keyValue?: TValue, item?: T) => void);
|
|
38
44
|
value?: TValue;
|
|
@@ -38,6 +38,9 @@ var SelectComponent = /** @class */ (function () {
|
|
|
38
38
|
onAppend: function (dom) {
|
|
39
39
|
document.body.appendChild(dom);
|
|
40
40
|
},
|
|
41
|
+
onRenderGroup: function (args) {
|
|
42
|
+
args.node.content = args.groupValue;
|
|
43
|
+
},
|
|
41
44
|
onRender: o.multiple ? function (args) {
|
|
42
45
|
if (args.isCurrent) {
|
|
43
46
|
args.node.content = args.data.map(function (d) { return d[_this.options.textColumn]; }).join(", ");
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
var __spreadArrays = (this && this.__spreadArrays) || function () {
|
|
2
|
+
for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
|
|
3
|
+
for (var r = Array(s), k = 0, i = 0; i < il; i++)
|
|
4
|
+
for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
|
|
5
|
+
r[k] = a[j];
|
|
6
|
+
return r;
|
|
7
|
+
};
|
|
1
8
|
import { VirtualRenderComponent } from "../virtual-render/VirtualRenderComponent";
|
|
2
9
|
import { EventHandler } from "../../interaction/eventhandler";
|
|
3
10
|
function isInternetExplorer() {
|
|
@@ -17,7 +24,7 @@ var SelectDDAreaComponent = /** @class */ (function () {
|
|
|
17
24
|
}
|
|
18
25
|
SelectDDAreaComponent.prototype.onCreate = function (node) {
|
|
19
26
|
var _this = this;
|
|
20
|
-
var _a;
|
|
27
|
+
var _a, _b;
|
|
21
28
|
this.dom = node.dom;
|
|
22
29
|
this.scrollContainer = this.dom.querySelector(".sel-dd-items");
|
|
23
30
|
var item = this.component.getSelected();
|
|
@@ -26,7 +33,7 @@ var SelectDDAreaComponent = /** @class */ (function () {
|
|
|
26
33
|
item = item[0];
|
|
27
34
|
}
|
|
28
35
|
if (item != null) {
|
|
29
|
-
var d = (_a = this.
|
|
36
|
+
var d = (_b = (_a = this.renderedData, (_a !== null && _a !== void 0 ? _a : this.filteredData)), (_b !== null && _b !== void 0 ? _b : this.options.data));
|
|
30
37
|
var idx = d.indexOf(item);
|
|
31
38
|
this.scrollContainer.scrollTop = this.options.rowHeight * idx;
|
|
32
39
|
}
|
|
@@ -55,7 +62,27 @@ var SelectDDAreaComponent = /** @class */ (function () {
|
|
|
55
62
|
var _this = this;
|
|
56
63
|
var _a;
|
|
57
64
|
var data = (_a = this.filteredData, (_a !== null && _a !== void 0 ? _a : this.options.data));
|
|
65
|
+
if (this.options.groupProperty != null) {
|
|
66
|
+
var sortedData = __spreadArrays(data);
|
|
67
|
+
sortedData.sort(function (a, b) {
|
|
68
|
+
return a[_this.options.groupProperty] < b[_this.options.groupProperty] ? -1
|
|
69
|
+
: a[_this.options.groupProperty] > b[_this.options.groupProperty] ? 1 : (data.indexOf(a) - data.indexOf(b) // preserve order if it is for same group
|
|
70
|
+
);
|
|
71
|
+
});
|
|
72
|
+
data = [];
|
|
73
|
+
var prevGroupVal = NaN;
|
|
74
|
+
for (var _i = 0, sortedData_1 = sortedData; _i < sortedData_1.length; _i++) {
|
|
75
|
+
var x = sortedData_1[_i];
|
|
76
|
+
if (x[this.options.groupProperty] !== prevGroupVal) {
|
|
77
|
+
// create group entry
|
|
78
|
+
data.push({ __isGroup: true, __groupValue: x[this.options.groupProperty] });
|
|
79
|
+
prevGroupVal = x[this.options.groupProperty];
|
|
80
|
+
}
|
|
81
|
+
data.push(x);
|
|
82
|
+
}
|
|
83
|
+
}
|
|
58
84
|
this.onRender.notify(data);
|
|
85
|
+
this.renderedData = data;
|
|
59
86
|
var ddNode = {
|
|
60
87
|
tag: "div", animation: this.options.enableAnimation ? { attr: "opacity", from: "0", to: "1", duration: 400 } : undefined, children: [
|
|
61
88
|
{
|
|
@@ -145,6 +172,23 @@ var SelectDDAreaComponent = /** @class */ (function () {
|
|
|
145
172
|
bufferSizeInPx: 20,
|
|
146
173
|
renderRow: function (args) {
|
|
147
174
|
var result = { tag: "div", attr: { class: "sel-dd-item" } };
|
|
175
|
+
if (_this.options.groupProperty && args.rowData.__isGroup) {
|
|
176
|
+
result.attr.class += " sel-dd-group";
|
|
177
|
+
var groupValue = args.rowData.__groupValue;
|
|
178
|
+
var groupArgs = {
|
|
179
|
+
groupValue: groupValue, node: result
|
|
180
|
+
};
|
|
181
|
+
var resGroup = _this.options.onRenderGroup(groupArgs);
|
|
182
|
+
if (resGroup != null) {
|
|
183
|
+
result.children = [resGroup];
|
|
184
|
+
}
|
|
185
|
+
result.attr.mousedown = function (evt) {
|
|
186
|
+
evt.preventDefault();
|
|
187
|
+
evt.stopPropagation();
|
|
188
|
+
evt.stopImmediatePropagation();
|
|
189
|
+
};
|
|
190
|
+
return result;
|
|
191
|
+
}
|
|
148
192
|
var renderArg = {
|
|
149
193
|
data: args.rowData,
|
|
150
194
|
node: result,
|
|
@@ -162,8 +206,8 @@ var SelectDDAreaComponent = /** @class */ (function () {
|
|
|
162
206
|
}
|
|
163
207
|
result.attr.mousedown = function (evt) {
|
|
164
208
|
if (_this.options.multiple) {
|
|
165
|
-
evt.preventDefault()
|
|
166
|
-
|
|
209
|
+
evt.preventDefault();
|
|
210
|
+
evt.stopPropagation();
|
|
167
211
|
evt.stopImmediatePropagation();
|
|
168
212
|
var currentSelection = _this.component.getSelected();
|
|
169
213
|
if (currentSelection.indexOf(args.rowData) >= 0) {
|
|
@@ -191,11 +235,11 @@ var SelectDDAreaComponent = /** @class */ (function () {
|
|
|
191
235
|
return ddNode;
|
|
192
236
|
};
|
|
193
237
|
SelectDDAreaComponent.prototype.navigateDown = function () {
|
|
194
|
-
var _a, _b;
|
|
195
|
-
var d = (_a = this.
|
|
196
|
-
var selItem = (
|
|
238
|
+
var _a, _b, _c;
|
|
239
|
+
var d = (_b = (_a = this.renderedData, (_a !== null && _a !== void 0 ? _a : this.filteredData)), (_b !== null && _b !== void 0 ? _b : this.options.data));
|
|
240
|
+
var selItem = (_c = this.component.getFocus(), (_c !== null && _c !== void 0 ? _c : this.component.getSelected()));
|
|
197
241
|
if (selItem == null) {
|
|
198
|
-
this.component.setFocus(d[0]);
|
|
242
|
+
this.component.setFocus(d.filter(function (x) { return !x.__isGroup; })[0]);
|
|
199
243
|
return;
|
|
200
244
|
}
|
|
201
245
|
if (Array.isArray(selItem)) {
|
|
@@ -203,33 +247,40 @@ var SelectDDAreaComponent = /** @class */ (function () {
|
|
|
203
247
|
}
|
|
204
248
|
var idx = d.indexOf(selItem);
|
|
205
249
|
if (idx < 0) {
|
|
206
|
-
this.component.setFocus(d[0]);
|
|
250
|
+
this.component.setFocus(d.filter(function (x) { return !x.__isGroup; })[0]);
|
|
207
251
|
}
|
|
208
|
-
else
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
252
|
+
else {
|
|
253
|
+
while (idx < d.length - 1) {
|
|
254
|
+
idx++;
|
|
255
|
+
if (!d[idx].__isGroup) {
|
|
256
|
+
this.component.setFocus(d[idx]);
|
|
257
|
+
this.scrollContainer.scrollTop = this.options.rowHeight * idx;
|
|
258
|
+
break;
|
|
259
|
+
}
|
|
260
|
+
}
|
|
212
261
|
}
|
|
213
262
|
};
|
|
214
263
|
SelectDDAreaComponent.prototype.navigateUp = function () {
|
|
215
|
-
var _a, _b;
|
|
216
|
-
var d = (_a = this.
|
|
217
|
-
var selItem = (
|
|
264
|
+
var _a, _b, _c;
|
|
265
|
+
var d = (_b = (_a = this.renderedData, (_a !== null && _a !== void 0 ? _a : this.filteredData)), (_b !== null && _b !== void 0 ? _b : this.options.data));
|
|
266
|
+
var selItem = (_c = this.component.getFocus(), (_c !== null && _c !== void 0 ? _c : this.component.getSelected()));
|
|
218
267
|
if (selItem == null) {
|
|
219
|
-
this.component.setFocus(d[0]);
|
|
268
|
+
this.component.setFocus(d.filter(function (x) { return !x.__isGroup; })[0]);
|
|
220
269
|
return;
|
|
221
270
|
}
|
|
222
271
|
if (Array.isArray(selItem)) {
|
|
223
272
|
selItem = selItem[0];
|
|
224
273
|
}
|
|
225
274
|
var idx = d.indexOf(selItem);
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
275
|
+
while (idx > 0) {
|
|
276
|
+
idx--;
|
|
277
|
+
if (!d[idx].__isGroup) {
|
|
278
|
+
this.component.setFocus(d[idx]);
|
|
279
|
+
this.scrollContainer.scrollTop = this.options.rowHeight * idx;
|
|
280
|
+
return;
|
|
281
|
+
}
|
|
231
282
|
}
|
|
232
|
-
this.component.setFocus(d[0]);
|
|
283
|
+
this.component.setFocus(d.filter(function (x) { return !x.__isGroup; })[0]);
|
|
233
284
|
};
|
|
234
285
|
SelectDDAreaComponent.prototype.search = function (term) {
|
|
235
286
|
var _this = this;
|
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
}
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
.sel-dd-item {
|
|
142
|
+
.sel-dd-item:not(.sel-dd-group) {
|
|
143
143
|
&:hover {
|
|
144
144
|
background: #d0d0d0;
|
|
145
145
|
}
|
|
@@ -175,4 +175,13 @@
|
|
|
175
175
|
height: 100%;
|
|
176
176
|
line-height: 26px;
|
|
177
177
|
}
|
|
178
|
+
|
|
179
|
+
.sel-dd-group {
|
|
180
|
+
font-weight: bold;
|
|
181
|
+
background: #e0e0e0;
|
|
182
|
+
text-align: center;
|
|
183
|
+
// &:hover {
|
|
184
|
+
// background: #d0d0d0;
|
|
185
|
+
// }
|
|
186
|
+
}
|
|
178
187
|
}
|
package/lib/core/helper.d.ts
CHANGED
package/lib/core/helper.js
CHANGED
|
@@ -7,6 +7,17 @@ var helper = /** @class */ (function () {
|
|
|
7
7
|
helper.newGuid = function () {
|
|
8
8
|
return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) { var r = helper.random() * 16 | 0, v = c == "x" ? r : r & 0x3 | 0x8; return v.toString(16); });
|
|
9
9
|
};
|
|
10
|
+
helper.newSeqGuid = function () {
|
|
11
|
+
var d = new Date().getTime().toString(16);
|
|
12
|
+
while (d.length < 12) {
|
|
13
|
+
d = "0" + d;
|
|
14
|
+
}
|
|
15
|
+
if (d.length > 12) {
|
|
16
|
+
d = d.substring(0, 12);
|
|
17
|
+
}
|
|
18
|
+
return "xxxxxxxx-xxxx-4xxx-yxxx-".replace(/[xy]/g, function (c) { var r = helper.random() * 16 | 0, v = c == "x" ? r : r & 0x3 | 0x8; return v.toString(16); })
|
|
19
|
+
+ d;
|
|
20
|
+
};
|
|
10
21
|
helper.newDomGuid = function () {
|
|
11
22
|
return "axxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) { var r = helper.random() * 16 | 0, v = c == "x" ? r : r & 0x3 | 0x8; return v.toString(16); });
|
|
12
23
|
};
|
package/lib/grid/slick.grid.d.ts
CHANGED
|
@@ -127,6 +127,7 @@ export interface ISlickGrid<T> {
|
|
|
127
127
|
row: number;
|
|
128
128
|
cell: number;
|
|
129
129
|
item: T;
|
|
130
|
+
value: any;
|
|
130
131
|
}>;
|
|
131
132
|
"onAddNewRow": ISlickEvent<{
|
|
132
133
|
item: T;
|
|
@@ -243,5 +244,6 @@ export interface ISlickGrid<T> {
|
|
|
243
244
|
commitCurrentEdit: () => boolean;
|
|
244
245
|
cancelCurrentEdit: () => boolean;
|
|
245
246
|
};
|
|
247
|
+
"resetActiveCell": () => void;
|
|
246
248
|
}
|
|
247
249
|
export declare function SlickGrid(container: HTMLDivElement | string, data: any, columns: ISlickColumn[], options: ISlickGridOptions): void;
|
package/lib/grid/slick.grid.js
CHANGED
|
@@ -2866,7 +2866,7 @@ export function SlickGrid(container, data, columns, options) {
|
|
|
2866
2866
|
}
|
|
2867
2867
|
}
|
|
2868
2868
|
// do not render cells outside of the viewport.
|
|
2869
|
-
if (columnPosRight[Math.min(ii - 1, i + colspan - 1)] > range.leftPx) {
|
|
2869
|
+
if (columnPosRight[Math.min(ii - 1, i + colspan - 1)] > range.leftPx || m.alwaysRenderColumn) {
|
|
2870
2870
|
if (!m.alwaysRenderColumn && columnPosLeft[i] > range.rightPx) {
|
|
2871
2871
|
// all columns to the right are outside the range.
|
|
2872
2872
|
break;
|
|
@@ -2878,9 +2878,9 @@ export function SlickGrid(container, data, columns, options) {
|
|
|
2878
2878
|
html.L += appendCellHtml(row, i, colspan, d);
|
|
2879
2879
|
}
|
|
2880
2880
|
}
|
|
2881
|
-
else if (m.alwaysRenderColumn || (hasFrozenColumns() && i <= options.frozenColumn)) {
|
|
2882
|
-
|
|
2883
|
-
}
|
|
2881
|
+
// else if (m.alwaysRenderColumn || (hasFrozenColumns() && i <= options.frozenColumn)) {
|
|
2882
|
+
// html.L += appendCellHtml(row, i, colspan, d);
|
|
2883
|
+
// }
|
|
2884
2884
|
if (colspan > 1) {
|
|
2885
2885
|
i += (colspan - 1);
|
|
2886
2886
|
}
|
|
@@ -5136,7 +5136,8 @@ export function SlickGrid(container, data, columns, options) {
|
|
|
5136
5136
|
trigger(self.onCellChange, {
|
|
5137
5137
|
row: this.row,
|
|
5138
5138
|
cell: this.cell,
|
|
5139
|
-
item: item
|
|
5139
|
+
item: item,
|
|
5140
|
+
value: this.serializedValue
|
|
5140
5141
|
});
|
|
5141
5142
|
},
|
|
5142
5143
|
undo: function () {
|
|
@@ -5145,7 +5146,8 @@ export function SlickGrid(container, data, columns, options) {
|
|
|
5145
5146
|
trigger(self.onCellChange, {
|
|
5146
5147
|
row: this.row,
|
|
5147
5148
|
cell: this.cell,
|
|
5148
|
-
item: item
|
|
5149
|
+
item: item,
|
|
5150
|
+
value: this.prevSerializedValue
|
|
5149
5151
|
});
|
|
5150
5152
|
}
|
|
5151
5153
|
};
|
package/lib/index.css
CHANGED
|
@@ -5,5 +5,5 @@
|
|
|
5
5
|
* http://mobius.ovh/docs/selectr
|
|
6
6
|
*
|
|
7
7
|
* Released under the MIT license
|
|
8
|
-
*/.jsl-container{position:relative}.jsl-container li{list-style:none}.jsl-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.jsl-visible{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:11}.jsl-desktop.multiple .jsl-visible{display:none}.jsl-desktop.multiple.native-open .jsl-visible{display:block;height:auto;min-height:200px!important;opacity:1;top:100%}.jsl-container.multiple.jsl-mobile .jsl-selected{z-index:0}.jsl-selected{background-color:#fff;border:1px solid #999;border-radius:2px;box-sizing:border-box;cursor:pointer;padding:4px 22px 4px 4px;position:relative;width:100%;z-index:1}.jsl-selected:before{border-color:#6c7a86 transparent transparent;border-style:solid;border-width:4px 4px 0;content:"";height:0;position:absolute;right:10px;top:50%;-o-transform:rotate(0deg) translate3d(0,-50%,0);-ms-transform:rotate(0deg) translate3d(0,-50%,0);-moz-transform:rotate(0deg) translate3d(0,-50%,0);-webkit-transform:rotate(0deg) translate3d(0,-50%,0);transform:rotate(0deg) translate3d(0,-50%,0);width:0}.jsl-container.native-open .jsl-selected:before,.jsl-container.open .jsl-selected:before{border-color:transparent transparent #6c7a86;border-style:solid;border-width:0 4px 4px}.jsl-label{display:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.jsl-placeholder{color:#6c7a86}.jsl-tags{margin:0;padding:0;white-space:normal}.has-selected .jsl-tags{margin:0 0 -2px}.jsl-tag{background:#acb7bf none repeat scroll 0 0;border:none;border-radius:10px;color:#fff;cursor:default;float:left;list-style:none;margin:0 2px 2px 0;padding:0 25px 0 8px;position:relative}.jsl-container.multiple.has-selected .jsl-selected{padding:2px 28px 2px 2px}.jsl-options-container{background-color:#fff;border:1px solid #999;border-radius:0 0 3px 3px;border-top:0 solid transparent;box-sizing:border-box;display:none;left:0;position:absolute;top:calc(100% - 1px);width:100%;z-index:10000}.jsl-container.open .jsl-options-container{display:block}.jsl-input-container{display:none;position:relative}.jsl-clear,.jsl-input-clear,.jsl-tag-remove{background-color:transparent;border:none;cursor:pointer;height:20px;padding:0;position:absolute;right:22px;top:50%;-o-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);width:20px;z-index:11}.jsl-clear,.jsl-input-clear{display:none}.jsl-container.has-selected .jsl-clear,.jsl-input-container.active .jsl-input-clear{display:block}.jsl-selected .jsl-tag-remove{right:2px}.jsl-clear:after,.jsl-clear:before,.jsl-input-clear:after,.jsl-input-clear:before,.jsl-tag-remove:after,.jsl-tag-remove:before{background-color:#6c7a86;content:" ";height:10px;left:9px;position:absolute;top:5px;width:2px}.jsl-tag-remove:after,.jsl-tag-remove:before{background-color:#fff;height:12px;top:4px;width:3px}.jsl-clear:before,.jsl-input-clear:before,.jsl-tag-remove:before{-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.jsl-clear:after,.jsl-input-clear:after,.jsl-tag-remove:after{-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.jsl-input-container.active,.jsl-input-container.active .jsl-clear{display:block}.jsl-input{border:1px solid #999;border-radius:3px;box-sizing:border-box;left:5px;margin:4px 5px;padding:7px 30px 7px 9px;top:5px;width:calc(100% - 30px)}.jsl-notice{background-color:#fff;border-radius:0 0 3px 3px;border-top:1px solid #999;box-sizing:border-box;display:none;padding:8px 16px;width:100%}.jsl-container.notice .jsl-notice{display:block}.jsl-container.notice .jsl-selected{border-radius:3px 3px 0 0}.jsl-options{display:none;margin:0;max-height:200px;overflow-x:auto;overflow-y:auto;padding:0;position:relative;top:calc(100% + 2px)}.jsl-container.notice .jsl-options-container,.jsl-container.open .jsl-input-container,.jsl-container.open .jsl-options,.jsl-option{display:block}.jsl-option{cursor:pointer;font-weight:400;list-style:none outside none;padding:3px 4px 4px 2px;position:relative}.jsl-options.optgroups>.jsl-option{padding-left:25px}.jsl-optgroup{font-weight:700;padding:0}.jsl-optgroup--label{font-weight:700;margin-top:10px;padding:5px 15px}.jsl-match{text-decoration:underline}.jsl-option.selected{background-color:#ddd}.jsl-option.active{background-color:#5897fb;color:#fff}.jsl-option.disabled{opacity:.4}.jsl-option.excluded{display:none}.jsl-container.open .jsl-selected{border-color:#999 #999 transparent;border-radius:3px 3px 0 0}.jsl-container.open .jsl-selected:after{-o-transform:rotate(180deg) translate3d(0,50%,0);-ms-transform:rotate(180deg) translate3d(0,50%,0);-moz-transform:rotate(180deg) translate3d(0,50%,0);-webkit-transform:rotate(180deg) translate3d(0,50%,0);transform:rotate(180deg) translate3d(0,50%,0)}.jsl-disabled{opacity:.6}.has-selected .jsl-placeholder,.jsl-empty{display:none}.has-selected .jsl-label{display:block}.taggable .jsl-selected{padding:4px 28px 4px 4px}.taggable .jsl-selected:after{clear:both;content:" ";display:table}.taggable .jsl-label{width:auto}.taggable .jsl-tags{display:block;float:left}.taggable .jsl-placeholder{display:none}.input-tag{float:left;min-width:90px;width:auto}.jsl-tag-input{border:none;font-family:inherit;font-size:inherit;font-weight:inherit;padding:3px 10px;width:100%}.jsl-input-container.loading:after{-moz-animation:spin .5s linear 0s infinite normal forwards running;-webkit-animation:spin .5s linear 0s infinite normal forwards running;animation:spin .5s linear 0s infinite normal forwards running;border:3px solid #ddd;border-radius:50%;border-top-color:#aaa;content:"";height:20px;position:absolute;right:20px;top:50%;-o-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-o-transform-origin:50% 0 0;-ms-transform-origin:50% 0 0;-moz-transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0;width:20px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg) translate3d(0,-50%,0);transform:rotate(0deg) translate3d(0,-50%,0)}to{-webkit-transform:rotate(1turn) translate3d(0,-50%,0);transform:rotate(1turn) translate3d(0,-50%,0)}}@keyframes spin{0%{-webkit-transform:rotate(0deg) translate3d(0,-50%,0);transform:rotate(0deg) translate3d(0,-50%,0)}to{-webkit-transform:rotate(1turn) translate3d(0,-50%,0);transform:rotate(1turn) translate3d(0,-50%,0)}}.jsl-container.open.inverted .jsl-selected{border-color:transparent #999 #999;border-radius:0 0 3px 3px}.jsl-container.inverted .jsl-options-container{background-color:#fff;border-color:#999 #999 transparent;border-radius:3px 3px 0 0;border-width:1px 1px 0;bottom:calc(100% - 1px);top:auto}.jsl-container ::-webkit-input-placeholder{color:#6c7a86;opacity:1}.jsl-container ::-moz-placeholder{color:#6c7a86;opacity:1}.jsl-container :-ms-input-placeholder{color:#6c7a86;opacity:1}.jsl-container ::placeholder{color:#6c7a86;opacity:1}.jsl-number{text-align:right}.jsl-notification-container{overflow:visible;position:fixed;right:1px;top:1px;z-index:3020}.jsl-notification-container .jsl-notification{background:#3b99ff;border-radius:.3rem;box-sizing:border-box;color:#fff;cursor:pointer;margin:.2rem;min-width:12rem;padding:.5rem}.slick-footerrow.ui-state-default,.slick-group-header.ui-state-default,.slick-header.ui-state-default,.slick-headerrow.ui-state-default,.slick-top-panel-scroller.ui-state-default{background:#fff;border-left:0!important;overflow:auto;position:relative;width:100%}.slick-header.ui-state-default{overflow:inherit}.slick-footerrow::-webkit-scrollbar,.slick-header::-webkit-scrollbar,.slick-headerrow::-webkit-scrollbar{display:none}.slick-footerrow-columns,.slick-group-header-columns,.slick-header-columns,.slick-headerrow-columns{cursor:default;overflow:hidden;position:relative;white-space:nowrap}.slick-group-header-column.ui-state-default,.slick-header-column.ui-state-default{border-bottom:0!important;border-left:0!important;border-right:1px solid silver;border-top:1px solid silver;box-sizing:content-box!important;float:left;height:20px;line-height:20px;margin:0;overflow:hidden;padding:4px;position:relative;-o-text-overflow:ellipsis;text-overflow:ellipsis}.slick-footerrow-column.ui-state-default{border:0;border-right:1px solid silver;float:left;line-height:20px;margin:0;padding:4px;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle}.slick-footerrow-column.ui-state-default,.slick-headerrow-column.ui-state-default{padding:4px}.slick-header-column-sorted{font-style:italic}.slick-sort-indicator{float:left;height:5px;margin-left:4px;margin-top:6px;width:8px}.slick-sort-indicator-numbered{color:#6190cd;float:left;font-style:normal;font-weight:700;height:5px;line-height:20px;margin-left:4px;margin-top:0;width:8px}.slick-sortable-placeholder{background:silver}.grid-canvas{outline:0;position:relative}.slick-row.ui-state-active,.slick-row.ui-widget-content{border:0;position:absolute;width:100%}.slick-cell,.slick-footerrow-column,.slick-headerrow-column{border:1px solid transparent;border-right:1px dotted silver;cursor:default;margin:0;overflow:hidden;padding:1px 2px 2px 1px;position:absolute;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;z-index:1}.slick-headerrow-column{border-bottom-color:silver}.slick-footerrow-column{border-top-color:silver}.slick-group-toggle{display:inline-block}.slick-cell.highlighted{background:#87cefa;background:rgba(0,0,255,.2);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.slick-cell.flashing{border:1px solid red!important}.slick-cell.editable{overflow:visible;z-index:11}.slick-cell:focus{outline:none}.slick-reorder-proxy{background:blue;cursor:move;display:inline-block;filter:alpha(opacity = 15);opacity:.15}.slick-reorder-guide{background:blue;display:inline-block;filter:alpha(opacity = 70);height:2px;opacity:.7}.slick-selection{border:2px dashed #000;position:absolute;z-index:10}.slick-pane{outline:0;overflow:hidden;position:absolute;width:100%}.slick-pane-header{display:block}.slick-header,.slick-headerrow,.slick-top-panel-scroller{overflow:hidden;position:relative}.slick-top-panel{width:10000px}.slick-viewport{background:#fff;outline:0;position:relative;width:100%}.slick-wrap{white-space:normal}input.editor-text,textarea.editor-text{background:transparent;border:0;height:100%;margin:0;outline:0;padding:0;resize:none;width:100%}.slick-cell .jsl-container{bottom:0;left:0;position:absolute;right:0;top:0}.slick-cell .jsl-container .jsl-selected{padding:0}.slickgrid{border:1px solid #b0b0b0;border-radius:3px;box-sizing:border-box}.slick-col-ghost{box-sizing:content-box;pointer-events:none;position:absolute}.slick-ghost-content{background:rgba(200,200,200,.5);border:2px solid #bbb;left:0;position:absolute;right:0}.editor-text{font-size:100%}.slick-filtered-header{background:#e7e7e7;color:#3b99ff}.slick-preheader-panel .slick-column-name{float:none;text-align:center}.slick-header-column.resizable>.rs-r{background:none}.js-touch .slick-header-column>.slick-header-menubutton{display:inline-block}.js-touch .slick-header-column.resizable>.rs-r{background:rgba(0,0,0,.04);background:transparent;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");background-position:100%;background-repeat:no-repeat;background-size:.5em .3em;width:1.2rem}.js-touch .slick-header-menubutton.resize-offset{right:1.2rem;width:1.2rem}.slick-header-columns{border-bottom:2px solid silver}.slick-header-column{border-right:1px solid silver;font-weight:700;text-align:center}.slick-header-column-active,.slick-header-column:hover{background:#3b99ff;color:#fff}.slick-header-column>.slick-header-menubutton:hover{background-color:rgba(0,0,0,.3)}.slick-headerrow{background:#fafafa}.slick-headerrow-column{background:#fafafa;border-bottom:0;height:100%}.slick-row{background:#fff;border:0;line-height:26px;position:absolute}.slick-row.selected{background:#dfe8f6;z-index:10}.slick-cell{padding-left:4px;padding-right:4px}.slick-group{border-bottom:2px solid silver}.slick-group .slick-cell{background:#d4e4ec}.slick-group-toggle{height:9px;margin-right:5px;width:9px}.slick-group-toggle.expanded{background:url("data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIMwADCBxIUIDBgwIEChgwwECBAgQUFjBAkaJCABgxGlB4AGHCAAIQiBypEEECkScJqgwQEAA7") no-repeat 50%}.slick-group-toggle.collapsed{background:url("data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIOAADCBxIUIDBgwIEChgwAECBAgQUFjAAQIABAwoBaNSIMYCAAwIqGlSIAEHFkiQTIBCgkqDLAAEBADs=") no-repeat 50%}.slick-group-totals{background:#fff;color:gray}.slick-group-select-checkbox{display:inline-block;height:13px;margin:3px 10px 0 0;width:13px}.slick-cell.selected{background-color:#cde6f7}.slick-cell.active{border-color:#017dbe;border-style:solid}.slick-sortable-placeholder{background:silver!important}.slick-row.odd{background:#ededed}.slick-row.ui-state-active{background:#f5f7d7}.slick-row.loading{filter:alpha(opacity = 50);opacity:.5}.slick-cell.invalid{animation-duration:.2s;-moz-animation-duration:.2s;-webkit-animation-duration:.2s;animation-name:slickgrid-invalid-hilite;-moz-animation-name:slickgrid-invalid-hilite;-webkit-animation-name:slickgrid-invalid-hilite;border-color:red}@keyframes slickgrid-invalid-hilite{0%{box-shadow:0 0 6px red}to{box-shadow:none}}@-moz-keyframes slickgrid-invalid-hilite{0%{box-shadow:0 0 6px red}to{box-shadow:none}}@-webkit-keyframes slickgrid-invalid-hilite{0%{box-shadow:0 0 6px red}to{box-shadow:none}}.new-row .slick-cell{background:#3b99ff55;border-top:1px solid #aaa}.slick-header-menubutton{background-image:url("data:image/gif;base64,R0lGODlhDgAOAIABADtKYwAAACH5BAEAAAEALAAAAAAOAA4AAAISjI+py+0PHZgUsGobhTn6DxoFADs=");background-position:0;background-repeat:no-repeat;border-left:thin ridge silver;bottom:0;cursor:pointer;display:none;position:absolute;right:0;top:0;width:14px}.slick-header-menubutton.resize-offset{right:.5rem}.slick-header-column-active .slick-header-menubutton,.slick-header-column:hover>.slick-header-menubutton,.slick-header-menu{display:inline-block}.slick-header-menu{cursor:default;margin:0;position:absolute}.slick-header-menuitem{cursor:pointer;list-style:none;margin:0;padding:0}.slick-header-menuicon{background-position:50%;background-repeat:no-repeat;height:16px;margin-right:4px;width:16px}.slick-header-menucontent,.slick-header-menuicon{display:inline-block;vertical-align:middle}.slick-header-menuitem-disabled{color:silver}.slick-header-menuitem.slick-header-menuitem-divider{background-color:#cecece;border:none;cursor:default;height:1px;margin:8px 2px;overflow:hidden;padding:0}.slick-header-menuitem-divider.slick-header-menuitem:hover{background-color:#cecece}.slick-header-menu{background:#fff;border:1px solid #bebebe;box-shadow:2px 2px 2px silver;padding:2px;z-index:20}.slick-header-menuitem{border-radius:3px;padding:2px 4px}.slick-header-menuitem:hover{background:#3b99ff;color:#fff}.slick-header-menuitem-disabled{background:inherit!important;border-color:transparent!important}.slick-column-name,.slick-sort-indicator{display:inline-block;float:left;margin-bottom:100px}.slick-header-button{background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;float:right;height:15px;margin:1px 2rem 100px 1px;vertical-align:top;width:15px}.slick-header-button-hidden{-webkit-transition:width .2s;-ms-transition:width .2s;transition:width .2s;width:0}.slick-header-column:hover>.slick-header-button{width:15px}.v-r-comp,.v-r-comp .v-r-child>*{height:100%}.select-comp{border:1px solid #bdbdbd;border-radius:.2rem;box-sizing:border-box;display:inline-block;height:1.6rem;line-height:1.6rem;min-width:8rem;padding-left:.2rem;position:relative;vertical-align:middle}.select-comp.expanded{border-color:#3b99ff}.select-comp.disabled{color:#999}.select-comp .sel-result .clear-btn{background:none;border:none;color:#999;cursor:pointer;font-family:sans-serif;font-size:1.4rem;font-weight:700;line-height:1.4rem;opacity:.3;position:absolute;right:1.2rem;top:0;z-index:10}.select-comp .sel-result .clear-btn:not([disabled]):hover{color:#d00000}.select-comp .sel-result:hover .clear-btn:not([disabled]){opacity:1}.select-comp .sel-expander{background:#fff;border:none;border-bottom-right-radius:.2rem;border-top-right-radius:.2rem;bottom:0;box-sizing:border-box;cursor:pointer;font-size:.65em;opacity:.7;position:absolute;right:0;text-align:center;top:0;width:1.5rem}.select-comp .sel-expander:focus{background:#3b9aff;color:#fff;outline:0}.select-comp .sel-expander:before{border-left:1px solid #bdbdbd;bottom:2px;box-sizing:content-box;content:"";display:block;left:0;margin:0;padding:0;position:absolute;top:2px;width:0}.select-comp .sel-dd-item{display:block;height:100%;margin-right:2.6rem;overflow:hidden;white-space:nowrap}.select-comp:hover .sel-expander{background:#dadada;opacity:1}.sel-comp-dd{background:#fff;z-index:2010}.sel-comp-dd,.sel-comp-dd>div{box-sizing:border-box;position:absolute}.sel-comp-dd>div{border:1px solid #bcbcbc;border-radius:2px;bottom:0;cursor:pointer;left:0;overflow:hidden;right:0;top:0;white-space:nowrap}.sel-comp-dd .sel-search{box-sizing:border-box;height:1.8rem;overflow:hidden;padding:.1rem}.sel-comp-dd .sel-search>input{border:none;border-bottom:2px solid #c8c8c8;box-sizing:border-box;height:1.6rem;line-height:1.6rem;margin:0 2px;width:calc(100% - 4px)}.sel-comp-dd .sel-search>input:focus{outline:none}.sel-comp-dd .sel-dd-item:hover{background:#d0d0d0}.sel-comp-dd .sel-dd-items .focused{background:#cce8ff}.sel-comp-dd .sel-dd-items .selected{background:#3b99ff}.sel-comp-dd .sel-dd-items.multiple .sel-dd-item{padding-left:1rem}.sel-comp-dd .sel-dd-items.multiple .sel-dd-item.selected:before{color:#404040;content:"✓";font-weight:700;left:0;position:absolute}.sel-comp-dd .sel-dd-item{height:100%;line-height:26px}.autocomplete-suggestions{background:#fff;border:1px solid #ccc;border-top:0;box-shadow:-1px 1px 3px rgba(0,0,0,.1);box-sizing:border-box;cursor:default;display:none;max-height:254px;overflow:hidden;overflow-y:auto;position:absolute;text-align:left;z-index:9999}.autocomplete-suggestion{color:#333;font-size:1.02em;line-height:23px;overflow:hidden;padding:0 .6em;position:relative;text-overflow:ellipsis;white-space:nowrap}.autocomplete-suggestion b{color:#1f8dd6;font-weight:400}.autocomplete-suggestion.selected{background:#f0f0f0}.progress-comp{background:#bbb;border-radius:2px;height:1rem;position:relative}.progress-comp .bar{background:#3b99ff;border-radius:2px;height:100%;text-align:center}.time-comp{text-align:right;width:4em}.date-time-comp{display:inline-block}.date-time-comp input:first-child{width:6em}.expander-comp{box-shadow:0 1px 2px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.1)}.expander-comp .header{align-content:center;align-items:center;background:#3b99ff;border-radius:.3rem;color:#fff;display:flex;line-height:1.5rem;min-height:1.5rem}.expander-comp .header .toggler{background:#3b99ff;border-bottom-left-radius:.3rem;border-top-left-radius:.3rem;cursor:pointer;display:inline-block}.expander-comp .header .toggler:hover{background:#6bb1fc;color:#000}.expander-comp .header .content{border-bottom-right-radius:.3rem;border-top-right-radius:.3rem;cursor:pointer;display:inline-block;flex-grow:1;padding-left:.6em}.expander-comp .header:hover{background:#6bb1fc;color:#000}.expander-comp .expand-collapse-icon{color:#fff;opacity:.8;padding:0 .2rem;top:.2rem}.lds-dual-ring{display:inline-block;height:1em;width:1em}.lds-dual-ring:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#444 transparent;border-radius:50%;border-style:solid;border-width:.08em;content:" ";display:block;height:.75em;margin:.2em;width:.75em}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-field{display:block;margin-bottom:16px}.form-field .failed__valid .form-field__input{border-color:#c00!important}.form-field .failed__valid .form-field__label{color:#a00!important}.form-field--is-active .form-field__control:after{border-bottom:2px solid #3b99ff;transform:scaleX(150)}.form-field--is-active .form-field__label{color:#3b99ff}.form-field--is-active .form-field__label,.form-field--is-filled .form-field__label{font-size:.7em;transform:translateY(-14px)}.form-field__label{color:#606060;display:block;font-weight:400;left:0;margin:0;padding:1rem .5rem 0;position:absolute;top:0;transition:all .4s;width:100%}.form-field__control{background:#f6f6f6;border-radius:.3rem .3rem 0 0;overflow:hidden;position:relative;width:100%}.form-field__control:after{border-bottom:2px solid #3b99ff;bottom:0;content:"";display:block;left:0;margin:0 auto;position:absolute;right:0;transform:scaleX(0);transition:all .4s;width:1%}.form-field__input,.form-field__textarea{appearance:none;background:transparent;border:none;border-bottom:1px solid #999;box-sizing:border-box;color:#333;display:block;margin-top:1.3rem;outline:0;padding:0 .3rem .2rem;width:100%}.treeview-comp ul{list-style:none;padding-left:1em}.treeview-comp input,.treeview-comp input:checked~ul{display:none}.treeview-comp input~label{cursor:pointer;position:relative}.treeview-comp input~label:before{border-color:transparent rgba(50,50,50,.5) rgba(50,50,50,.5) transparent;border-style:solid;border-width:4px;content:"";height:0;margin-left:-1em;margin-top:.4em;position:absolute;width:0}.treeview-comp input:checked~label:before{border-color:transparent transparent transparent rgba(50,50,50,.5);border-width:5px;margin-left:-.8em}.stabcomponent .tab-header-row{display:flex}.stabcomponent .tab-header-row .tab-item{border:1px solid silver;border-bottom:1px solid #ddd;border-radius:4px 4px 0 0;box-sizing:border-box;cursor:pointer;display:inline-block;margin-right:.1rem;padding:.5rem;text-decoration:none;vertical-align:middle;vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}.stabcomponent .tab-header-row .tab-item:hover{background:#c9e2f9;color:#000}.stabcomponent .tab-header-row .tab-item .close-button{background:linear-gradient(#d9d8d6,#d9d8d6);border:1px solid #88898d;border-radius:.2rem;color:#000;cursor:pointer;float:right;margin-left:.5rem;margin-right:-.5rem;min-width:1rem;padding:.3rem;text-align:center}.stabcomponent .tab-header-row .tab-item .close-button:hover{background:linear-gradient(#ff634b,#ff3313);border-color:#000;color:#000}.stabcomponent .tab-header-row .active{background:#3b99ff;border:1px solid #747474;border-bottom-color:transparent;color:#fff;cursor:default;font-weight:700}.stabcomponent .tab-header-row .disabled{background:#d9d8d6;color:#88898d;cursor:default}.stabcomponent .tab-header-row .disabled:hover{background:#d9d8d6;color:#88898d}.stabcomponent .tab-content{border:1px solid silver;max-height:calc(100vh - 9.6rem);overflow:auto}.stabcomponent .tab-hidden{display:none}@keyframes checkbox-comp-hover-color{0%{border-color:silver}to{border-color:#3b99ff}}.checkbox-comp{display:none;position:absolute}.checkbox-comp[disabled]{cursor:not-allowed}.checkbox-comp+label{cursor:pointer;padding-left:1.5em;position:relative;vertical-align:middle}.checkbox-comp+label:hover:before{animation-duration:.4s;animation-fill-mode:both;animation-name:checkbox-comp-hover-color}.checkbox-comp+label:before{border:1px solid silver;content:"";display:inline-block;height:1em;left:0;position:absolute;top:0;width:1em}.checkbox-comp+label:after{content:"";display:none;position:absolute}.checkbox-comp[disabled]+label,.checkbox-comp[disabled]+label:after,.checkbox-comp[disabled]+label:before,.checkbox-comp[disabled]+label:hover{cursor:not-allowed}.checkbox-comp[disabled]+label:hover:before{animation-name:none;border:1px solid silver}.checkbox-comp[disabled]+label:before{border-color:silver}.checkbox-comp:checked+label:before{animation-name:none}.checkbox-comp:checked+label:after{display:block}.checkbox-comp+label:before{border-radius:.2em}.checkbox-comp+label:after{border:.15em solid #fff;border-left:0;border-top:0;box-sizing:border-box;height:.7em;left:.3em;top:.1em;transform:rotate(45deg);width:.5em}.checkbox-comp:checked+label:before{background:#3b99ff;border-color:#3b99ff}.checkbox-comp:checked[disabled]+label:before{background:#c9e2f9;border-color:#c9e2f9}.stackpanel-comp.hstackpanel{position:relative}@media (max-width:70em){.stackpanel-comp.hstackpanel.responsive>div{width:auto!important}}.stackpanel-comp.hstackpanel:not(.responsive){display:flex;position:relative;width:100%}@media (min-width:70em){.stackpanel-comp.hstackpanel{display:flex;position:relative;width:100%}}.stackpanel-comp.wrap{flex-wrap:wrap}.stackpanel-comp.vstackpanel{position:relative}.stackpanel-comp.vstackpanel>div{display:flex;flex:1;flex-direction:column;flex-grow:1;flex-shrink:1;height:100%}.stackpanel-comp.hstackpanel>.split-comp{background:#d5d5d5;cursor:w-resize;position:relative;width:14px!important}.stackpanel-comp.hstackpanel>.split-comp:before{background:#696969;border-radius:3px;content:"";height:4rem;left:3px;position:absolute;top:calc(50% - 2rem);width:7px}.stackpanel-comp.hstackpanel>.split-comp:hover{box-shadow:0 0 3px 2px rgba(0,0,0,.3)}.stackpanel-comp.vstackpanel>.split-comp{background:#d5d5d5;cursor:n-resize;flex-basis:14px;flex-grow:0;height:14px!important;position:relative}.stackpanel-comp.vstackpanel>.split-comp:before{background:#696969;border-radius:3px;content:"";height:7px;left:calc(50% - 2rem);position:absolute;top:3px;width:4rem}.stackpanel-comp.vstackpanel>.split-comp:hover{box-shadow:0 0 3px 2px rgba(0,0,0,.3)}.slick-cell .jsl-toggle{box-sizing:border-box;color:#888;cursor:pointer;display:inline-block;height:100%;width:1.2em}.slick-cell .jsl-toggle-spacer{box-sizing:border-box;display:inline-block;min-width:1.2em}.slick-cell .jsl-indent{display:inline-block;position:relative}.nav-comp{line-height:1.9rem}.nav-comp .dropdown ul{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.nav-comp .luxbar-default{position:relative}.nav-comp .luxbar-default,.nav-comp .luxbar-static{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);width:100%;z-index:1010}.nav-comp .luxbar-static{left:0;position:absolute;top:0}.nav-comp .luxbar-static .luxbar-checkbox:checked~.luxbar-menu{position:absolute}.nav-comp .luxbar-fixed{top:0}.nav-comp .luxbar-fixed,.nav-comp .luxbar-fixed-bottom{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);left:0;position:fixed;width:100%;z-index:1010}.nav-comp .luxbar-fixed-bottom{bottom:0}.nav-comp .luxbar-hamburger span,.nav-comp .luxbar-hamburger span:after,.nav-comp .luxbar-hamburger span:before{display:block;height:2px;transition:.6s ease;width:26px}.nav-comp .luxbar-checkbox:checked~.luxbar-menu li .luxbar-hamburger span{background-color:transparent}.nav-comp .luxbar-checkbox:checked~.luxbar-menu li .luxbar-hamburger span:after,.nav-comp .luxbar-checkbox:checked~.luxbar-menu li .luxbar-hamburger span:before{margin-top:0}.nav-comp .luxbar-header{align-items:center;display:flex;flex-direction:row;height:58px;justify-content:space-between}.nav-comp .luxbar-menu-left .luxbar-header,.nav-comp .luxbar-menu-left .luxbar-navigation{justify-content:flex-start}.nav-comp .luxbar-menu-right .luxbar-hamburger{margin-left:auto}.nav-comp .luxbar-brand{font-size:1.6em;padding:18px 24px}.nav-comp .luxbar-menu{min-height:58px;transition:.6s ease;width:100%}.nav-comp .luxbar-navigation{display:flex;flex-direction:column;list-style:none;margin:0;padding-left:0}.nav-comp .luxbar-item a,.nav-comp .luxbar-menu a{color:inherit;cursor:pointer;text-decoration:none}.nav-comp .luxbar-item{height:58px}.nav-comp .luxbar-item a{display:block;padding:18px 24px}.nav-comp .luxbar-hamburger{cursor:pointer;padding:18px 24px;position:absolute;right:0}.nav-comp .luxbar-hamburger span:after,.nav-comp .luxbar-hamburger span:before{content:"";position:absolute}.nav-comp .luxbar-hamburger span:before{margin-top:-8px}.nav-comp .luxbar-hamburger span:after{margin-top:8px}.nav-comp .luxbar-checkbox{display:none}.nav-comp .luxbar-checkbox:not(:checked)~.luxbar-menu{height:58px;overflow:hidden}.nav-comp .luxbar-checkbox:checked~.luxbar-menu{height:100vh;overflow:auto;transition:height .6s ease}.nav-comp .dropdown{height:auto;min-height:58px;position:relative}.nav-comp .dropdown:hover>ul{display:block;min-width:100%;position:relative}.nav-comp .dropdown>a:after{border:solid transparent;border-width:5px 5px 0;content:"";position:absolute;right:10px;top:25px}.nav-comp .dropdown>ul{display:block;list-style:none;overflow-x:hidden;padding:0}.nav-comp .dropdown>ul .luxbar-item{height:29px;min-width:100%;padding:5px 10px 5px 40px}.nav-comp .dropdown>ul .luxbar-item a{line-height:29px;min-height:29px;padding:0}@media screen and (min-width:768px){.nav-comp .luxbar-navigation{flex-flow:row;justify-content:flex-end}.nav-comp .luxbar-hamburger{display:none}.nav-comp .luxbar-checkbox:not(:checked)~.luxbar-menu{overflow:visible}.nav-comp .luxbar-checkbox:checked~.luxbar-menu{height:58px}.nav-comp .luxbar-menu .luxbar-item{border-top:0}.nav-comp .luxbar-menu-right .luxbar-header{margin-right:auto}.nav-comp .dropdown{height:58px}.nav-comp .dropdown:hover>ul{left:0;padding:0;position:absolute;top:58px}.nav-comp .dropdown>ul{display:none}.nav-comp .dropdown>ul .luxbar-item{padding:5px 10px}.nav-comp .dropdown>ul .luxbar-item a{white-space:nowrap}}.nav-comp .luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-doublespin span:before{transform:rotate(225deg)}.nav-comp .luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-doublespin span:after{transform:rotate(-225deg)}.nav-comp .luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-spin span:before{transform:rotate(45deg)}.nav-comp .luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-spin span:after{transform:rotate(-45deg)}.nav-comp .luxbar-menu-dark,.nav-comp .luxbar-menu-dark .dropdown ul{background-color:#212121;color:#fff}.nav-comp .luxbar-menu-dark .active,.nav-comp .luxbar-menu-dark .luxbar-item:hover{background-color:#424242}.nav-comp .luxbar-menu-dark .luxbar-hamburger span,.nav-comp .luxbar-menu-dark .luxbar-hamburger span:after,.nav-comp .luxbar-menu-dark .luxbar-hamburger span:before{background-color:#fff}.nav-comp .luxbar-menu-light{background-color:#e0e0e0;color:#212121}.nav-comp .luxbar-menu-light .dropdown ul{background-color:#fff;box-shadow:0 4px 3px 0 rgba(0,0,0,.36);color:#212121}.nav-comp .luxbar-menu-light .dropdown ul li:not(:last-child){border-bottom:1px solid #e0e0e0}.nav-comp .luxbar-menu-light .active,.nav-comp .luxbar-menu-light .luxbar-item:hover{background-color:#bdbdbd}.nav-comp .luxbar-menu-light .luxbar-hamburger span,.nav-comp .luxbar-menu-light .luxbar-hamburger span:after,.nav-comp .luxbar-menu-light .luxbar-hamburger span:before{background-color:#212121}.ribbon-menu-comp{background:#fff;background:linear-gradient(90deg,#fff,#f6f6f6 20%,#f6f6f6 80%,#fff);border-bottom:1px solid #c9c9c9;border-top:1px solid #c9c9c9;box-sizing:border-box;flex-shrink:0;height:3.9rem;padding:.3rem;position:relative}.ribbon-menu-comp .ribbon-group{border-right:1px solid #c9c9c9;box-sizing:border-box;display:inline-block;height:100%;padding:0 .6rem;position:relative;vertical-align:middle}.ribbon-menu-comp .jsl-button{display:inline-block;margin:.1rem;padding-left:.25rem;padding-right:.25rem}.ribbon-menu-comp .ribbon-group>.jsl-button>img{height:1rem}.ribbon-menu-comp .ribbon-legend{bottom:0;color:#444;font-size:.8em;left:1px;position:absolute;right:1px;text-align:center}
|
|
8
|
+
*/.jsl-container{position:relative}.jsl-container li{list-style:none}.jsl-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.jsl-visible{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:11}.jsl-desktop.multiple .jsl-visible{display:none}.jsl-desktop.multiple.native-open .jsl-visible{display:block;height:auto;min-height:200px!important;opacity:1;top:100%}.jsl-container.multiple.jsl-mobile .jsl-selected{z-index:0}.jsl-selected{background-color:#fff;border:1px solid #999;border-radius:2px;box-sizing:border-box;cursor:pointer;padding:4px 22px 4px 4px;position:relative;width:100%;z-index:1}.jsl-selected:before{border-color:#6c7a86 transparent transparent;border-style:solid;border-width:4px 4px 0;content:"";height:0;position:absolute;right:10px;top:50%;-o-transform:rotate(0deg) translate3d(0,-50%,0);-ms-transform:rotate(0deg) translate3d(0,-50%,0);-moz-transform:rotate(0deg) translate3d(0,-50%,0);-webkit-transform:rotate(0deg) translate3d(0,-50%,0);transform:rotate(0deg) translate3d(0,-50%,0);width:0}.jsl-container.native-open .jsl-selected:before,.jsl-container.open .jsl-selected:before{border-color:transparent transparent #6c7a86;border-style:solid;border-width:0 4px 4px}.jsl-label{display:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.jsl-placeholder{color:#6c7a86}.jsl-tags{margin:0;padding:0;white-space:normal}.has-selected .jsl-tags{margin:0 0 -2px}.jsl-tag{background:#acb7bf none repeat scroll 0 0;border:none;border-radius:10px;color:#fff;cursor:default;float:left;list-style:none;margin:0 2px 2px 0;padding:0 25px 0 8px;position:relative}.jsl-container.multiple.has-selected .jsl-selected{padding:2px 28px 2px 2px}.jsl-options-container{background-color:#fff;border:1px solid #999;border-radius:0 0 3px 3px;border-top:0 solid transparent;box-sizing:border-box;display:none;left:0;position:absolute;top:calc(100% - 1px);width:100%;z-index:10000}.jsl-container.open .jsl-options-container{display:block}.jsl-input-container{display:none;position:relative}.jsl-clear,.jsl-input-clear,.jsl-tag-remove{background-color:transparent;border:none;cursor:pointer;height:20px;padding:0;position:absolute;right:22px;top:50%;-o-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);width:20px;z-index:11}.jsl-clear,.jsl-input-clear{display:none}.jsl-container.has-selected .jsl-clear,.jsl-input-container.active .jsl-input-clear{display:block}.jsl-selected .jsl-tag-remove{right:2px}.jsl-clear:after,.jsl-clear:before,.jsl-input-clear:after,.jsl-input-clear:before,.jsl-tag-remove:after,.jsl-tag-remove:before{background-color:#6c7a86;content:" ";height:10px;left:9px;position:absolute;top:5px;width:2px}.jsl-tag-remove:after,.jsl-tag-remove:before{background-color:#fff;height:12px;top:4px;width:3px}.jsl-clear:before,.jsl-input-clear:before,.jsl-tag-remove:before{-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.jsl-clear:after,.jsl-input-clear:after,.jsl-tag-remove:after{-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.jsl-input-container.active,.jsl-input-container.active .jsl-clear{display:block}.jsl-input{border:1px solid #999;border-radius:3px;box-sizing:border-box;left:5px;margin:4px 5px;padding:7px 30px 7px 9px;top:5px;width:calc(100% - 30px)}.jsl-notice{background-color:#fff;border-radius:0 0 3px 3px;border-top:1px solid #999;box-sizing:border-box;display:none;padding:8px 16px;width:100%}.jsl-container.notice .jsl-notice{display:block}.jsl-container.notice .jsl-selected{border-radius:3px 3px 0 0}.jsl-options{display:none;margin:0;max-height:200px;overflow-x:auto;overflow-y:auto;padding:0;position:relative;top:calc(100% + 2px)}.jsl-container.notice .jsl-options-container,.jsl-container.open .jsl-input-container,.jsl-container.open .jsl-options,.jsl-option{display:block}.jsl-option{cursor:pointer;font-weight:400;list-style:none outside none;padding:3px 4px 4px 2px;position:relative}.jsl-options.optgroups>.jsl-option{padding-left:25px}.jsl-optgroup{font-weight:700;padding:0}.jsl-optgroup--label{font-weight:700;margin-top:10px;padding:5px 15px}.jsl-match{text-decoration:underline}.jsl-option.selected{background-color:#ddd}.jsl-option.active{background-color:#5897fb;color:#fff}.jsl-option.disabled{opacity:.4}.jsl-option.excluded{display:none}.jsl-container.open .jsl-selected{border-color:#999 #999 transparent;border-radius:3px 3px 0 0}.jsl-container.open .jsl-selected:after{-o-transform:rotate(180deg) translate3d(0,50%,0);-ms-transform:rotate(180deg) translate3d(0,50%,0);-moz-transform:rotate(180deg) translate3d(0,50%,0);-webkit-transform:rotate(180deg) translate3d(0,50%,0);transform:rotate(180deg) translate3d(0,50%,0)}.jsl-disabled{opacity:.6}.has-selected .jsl-placeholder,.jsl-empty{display:none}.has-selected .jsl-label{display:block}.taggable .jsl-selected{padding:4px 28px 4px 4px}.taggable .jsl-selected:after{clear:both;content:" ";display:table}.taggable .jsl-label{width:auto}.taggable .jsl-tags{display:block;float:left}.taggable .jsl-placeholder{display:none}.input-tag{float:left;min-width:90px;width:auto}.jsl-tag-input{border:none;font-family:inherit;font-size:inherit;font-weight:inherit;padding:3px 10px;width:100%}.jsl-input-container.loading:after{-moz-animation:spin .5s linear 0s infinite normal forwards running;-webkit-animation:spin .5s linear 0s infinite normal forwards running;animation:spin .5s linear 0s infinite normal forwards running;border:3px solid #ddd;border-radius:50%;border-top-color:#aaa;content:"";height:20px;position:absolute;right:20px;top:50%;-o-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);-o-transform-origin:50% 0 0;-ms-transform-origin:50% 0 0;-moz-transform-origin:50% 0 0;-webkit-transform-origin:50% 0 0;transform-origin:50% 0 0;width:20px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg) translate3d(0,-50%,0);transform:rotate(0deg) translate3d(0,-50%,0)}to{-webkit-transform:rotate(1turn) translate3d(0,-50%,0);transform:rotate(1turn) translate3d(0,-50%,0)}}@keyframes spin{0%{-webkit-transform:rotate(0deg) translate3d(0,-50%,0);transform:rotate(0deg) translate3d(0,-50%,0)}to{-webkit-transform:rotate(1turn) translate3d(0,-50%,0);transform:rotate(1turn) translate3d(0,-50%,0)}}.jsl-container.open.inverted .jsl-selected{border-color:transparent #999 #999;border-radius:0 0 3px 3px}.jsl-container.inverted .jsl-options-container{background-color:#fff;border-color:#999 #999 transparent;border-radius:3px 3px 0 0;border-width:1px 1px 0;bottom:calc(100% - 1px);top:auto}.jsl-container ::-webkit-input-placeholder{color:#6c7a86;opacity:1}.jsl-container ::-moz-placeholder{color:#6c7a86;opacity:1}.jsl-container :-ms-input-placeholder{color:#6c7a86;opacity:1}.jsl-container ::placeholder{color:#6c7a86;opacity:1}.jsl-number{text-align:right}.jsl-notification-container{overflow:visible;position:fixed;right:1px;top:1px;z-index:3020}.jsl-notification-container .jsl-notification{background:#3b99ff;border-radius:.3rem;box-sizing:border-box;color:#fff;cursor:pointer;margin:.2rem;min-width:12rem;padding:.5rem}.slick-footerrow.ui-state-default,.slick-group-header.ui-state-default,.slick-header.ui-state-default,.slick-headerrow.ui-state-default,.slick-top-panel-scroller.ui-state-default{background:#fff;border-left:0!important;overflow:auto;position:relative;width:100%}.slick-header.ui-state-default{overflow:inherit}.slick-footerrow::-webkit-scrollbar,.slick-header::-webkit-scrollbar,.slick-headerrow::-webkit-scrollbar{display:none}.slick-footerrow-columns,.slick-group-header-columns,.slick-header-columns,.slick-headerrow-columns{cursor:default;overflow:hidden;position:relative;white-space:nowrap}.slick-group-header-column.ui-state-default,.slick-header-column.ui-state-default{border-bottom:0!important;border-left:0!important;border-right:1px solid silver;border-top:1px solid silver;box-sizing:content-box!important;float:left;height:20px;line-height:20px;margin:0;overflow:hidden;padding:4px;position:relative;-o-text-overflow:ellipsis;text-overflow:ellipsis}.slick-footerrow-column.ui-state-default{border:0;border-right:1px solid silver;float:left;line-height:20px;margin:0;padding:4px;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle}.slick-footerrow-column.ui-state-default,.slick-headerrow-column.ui-state-default{padding:4px}.slick-header-column-sorted{font-style:italic}.slick-sort-indicator{float:left;height:5px;margin-left:4px;margin-top:6px;width:8px}.slick-sort-indicator-numbered{color:#6190cd;float:left;font-style:normal;font-weight:700;height:5px;line-height:20px;margin-left:4px;margin-top:0;width:8px}.slick-sortable-placeholder{background:silver}.grid-canvas{outline:0;position:relative}.slick-row.ui-state-active,.slick-row.ui-widget-content{border:0;position:absolute;width:100%}.slick-cell,.slick-footerrow-column,.slick-headerrow-column{border:1px solid transparent;border-right:1px dotted silver;cursor:default;margin:0;overflow:hidden;padding:1px 2px 2px 1px;position:absolute;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;z-index:1}.slick-headerrow-column{border-bottom-color:silver}.slick-footerrow-column{border-top-color:silver}.slick-group-toggle{display:inline-block}.slick-cell.highlighted{background:#87cefa;background:rgba(0,0,255,.2);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.slick-cell.flashing{border:1px solid red!important}.slick-cell.editable{overflow:visible;z-index:11}.slick-cell:focus{outline:none}.slick-reorder-proxy{background:blue;cursor:move;display:inline-block;filter:alpha(opacity = 15);opacity:.15}.slick-reorder-guide{background:blue;display:inline-block;filter:alpha(opacity = 70);height:2px;opacity:.7}.slick-selection{border:2px dashed #000;position:absolute;z-index:10}.slick-pane{outline:0;overflow:hidden;position:absolute;width:100%}.slick-pane-header{display:block}.slick-header,.slick-headerrow,.slick-top-panel-scroller{overflow:hidden;position:relative}.slick-top-panel{width:10000px}.slick-viewport{background:#fff;outline:0;position:relative;width:100%}.slick-wrap{white-space:normal}input.editor-text,textarea.editor-text{background:transparent;border:0;height:100%;margin:0;outline:0;padding:0;resize:none;width:100%}.slick-cell .jsl-container{bottom:0;left:0;position:absolute;right:0;top:0}.slick-cell .jsl-container .jsl-selected{padding:0}.slickgrid{border:1px solid #b0b0b0;border-radius:3px;box-sizing:border-box}.slick-col-ghost{box-sizing:content-box;pointer-events:none;position:absolute}.slick-ghost-content{background:rgba(200,200,200,.5);border:2px solid #bbb;left:0;position:absolute;right:0}.editor-text{font-size:100%}.slick-filtered-header{background:#e7e7e7;color:#3b99ff}.slick-preheader-panel .slick-column-name{float:none;text-align:center}.slick-header-column.resizable>.rs-r{background:none}.js-touch .slick-header-column>.slick-header-menubutton{display:inline-block}.js-touch .slick-header-column.resizable>.rs-r{background:rgba(0,0,0,.04);background:transparent;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");background-position:100%;background-repeat:no-repeat;background-size:.5em .3em;width:1.2rem}.js-touch .slick-header-menubutton.resize-offset{right:1.2rem;width:1.2rem}.slick-header-columns{border-bottom:2px solid silver}.slick-header-column{border-right:1px solid silver;font-weight:700;text-align:center}.slick-header-column-active,.slick-header-column:hover{background:#3b99ff;color:#fff}.slick-header-column>.slick-header-menubutton:hover{background-color:rgba(0,0,0,.3)}.slick-headerrow{background:#fafafa}.slick-headerrow-column{background:#fafafa;border-bottom:0;height:100%}.slick-row{background:#fff;border:0;line-height:26px;position:absolute}.slick-row.selected{background:#dfe8f6;z-index:10}.slick-cell{padding-left:4px;padding-right:4px}.slick-group{border-bottom:2px solid silver}.slick-group .slick-cell{background:#d4e4ec}.slick-group-toggle{height:9px;margin-right:5px;width:9px}.slick-group-toggle.expanded{background:url("data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIMwADCBxIUIDBgwIEChgwwECBAgQUFjBAkaJCABgxGlB4AGHCAAIQiBypEEECkScJqgwQEAA7") no-repeat 50%}.slick-group-toggle.collapsed{background:url("data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIOAADCBxIUIDBgwIEChgwAECBAgQUFjAAQIABAwoBaNSIMYCAAwIqGlSIAEHFkiQTIBCgkqDLAAEBADs=") no-repeat 50%}.slick-group-totals{background:#fff;color:gray}.slick-group-select-checkbox{display:inline-block;height:13px;margin:3px 10px 0 0;width:13px}.slick-cell.selected{background-color:#cde6f7}.slick-cell.active{border-color:#017dbe;border-style:solid}.slick-sortable-placeholder{background:silver!important}.slick-row.odd{background:#ededed}.slick-row.ui-state-active{background:#f5f7d7}.slick-row.loading{filter:alpha(opacity = 50);opacity:.5}.slick-cell.invalid{animation-duration:.2s;-moz-animation-duration:.2s;-webkit-animation-duration:.2s;animation-name:slickgrid-invalid-hilite;-moz-animation-name:slickgrid-invalid-hilite;-webkit-animation-name:slickgrid-invalid-hilite;border-color:red}@keyframes slickgrid-invalid-hilite{0%{box-shadow:0 0 6px red}to{box-shadow:none}}@-moz-keyframes slickgrid-invalid-hilite{0%{box-shadow:0 0 6px red}to{box-shadow:none}}@-webkit-keyframes slickgrid-invalid-hilite{0%{box-shadow:0 0 6px red}to{box-shadow:none}}.new-row .slick-cell{background:#3b99ff55;border-top:1px solid #aaa}.slick-header-menubutton{background-image:url("data:image/gif;base64,R0lGODlhDgAOAIABADtKYwAAACH5BAEAAAEALAAAAAAOAA4AAAISjI+py+0PHZgUsGobhTn6DxoFADs=");background-position:0;background-repeat:no-repeat;border-left:thin ridge silver;bottom:0;cursor:pointer;display:none;position:absolute;right:0;top:0;width:14px}.slick-header-menubutton.resize-offset{right:.5rem}.slick-header-column-active .slick-header-menubutton,.slick-header-column:hover>.slick-header-menubutton,.slick-header-menu{display:inline-block}.slick-header-menu{cursor:default;margin:0;position:absolute}.slick-header-menuitem{cursor:pointer;list-style:none;margin:0;padding:0}.slick-header-menuicon{background-position:50%;background-repeat:no-repeat;height:16px;margin-right:4px;width:16px}.slick-header-menucontent,.slick-header-menuicon{display:inline-block;vertical-align:middle}.slick-header-menuitem-disabled{color:silver}.slick-header-menuitem.slick-header-menuitem-divider{background-color:#cecece;border:none;cursor:default;height:1px;margin:8px 2px;overflow:hidden;padding:0}.slick-header-menuitem-divider.slick-header-menuitem:hover{background-color:#cecece}.slick-header-menu{background:#fff;border:1px solid #bebebe;box-shadow:2px 2px 2px silver;padding:2px;z-index:20}.slick-header-menuitem{border-radius:3px;padding:2px 4px}.slick-header-menuitem:hover{background:#3b99ff;color:#fff}.slick-header-menuitem-disabled{background:inherit!important;border-color:transparent!important}.slick-column-name,.slick-sort-indicator{display:inline-block;float:left;margin-bottom:100px}.slick-header-button{background-position:50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;float:right;height:15px;margin:1px 2rem 100px 1px;vertical-align:top;width:15px}.slick-header-button-hidden{-webkit-transition:width .2s;-ms-transition:width .2s;transition:width .2s;width:0}.slick-header-column:hover>.slick-header-button{width:15px}.v-r-comp,.v-r-comp .v-r-child>*{height:100%}.select-comp{border:1px solid #bdbdbd;border-radius:.2rem;box-sizing:border-box;display:inline-block;height:1.6rem;line-height:1.6rem;min-width:8rem;padding-left:.2rem;position:relative;vertical-align:middle}.select-comp.expanded{border-color:#3b99ff}.select-comp.disabled{color:#999}.select-comp .sel-result .clear-btn{background:none;border:none;color:#999;cursor:pointer;font-family:sans-serif;font-size:1.4rem;font-weight:700;line-height:1.4rem;opacity:.3;position:absolute;right:1.2rem;top:0;z-index:10}.select-comp .sel-result .clear-btn:not([disabled]):hover{color:#d00000}.select-comp .sel-result:hover .clear-btn:not([disabled]){opacity:1}.select-comp .sel-expander{background:#fff;border:none;border-bottom-right-radius:.2rem;border-top-right-radius:.2rem;bottom:0;box-sizing:border-box;cursor:pointer;font-size:.65em;opacity:.7;position:absolute;right:0;text-align:center;top:0;width:1.5rem}.select-comp .sel-expander:focus{background:#3b9aff;color:#fff;outline:0}.select-comp .sel-expander:before{border-left:1px solid #bdbdbd;bottom:2px;box-sizing:content-box;content:"";display:block;left:0;margin:0;padding:0;position:absolute;top:2px;width:0}.select-comp .sel-dd-item{display:block;height:100%;margin-right:2.6rem;overflow:hidden;white-space:nowrap}.select-comp:hover .sel-expander{background:#dadada;opacity:1}.sel-comp-dd{background:#fff;z-index:2010}.sel-comp-dd,.sel-comp-dd>div{box-sizing:border-box;position:absolute}.sel-comp-dd>div{border:1px solid #bcbcbc;border-radius:2px;bottom:0;cursor:pointer;left:0;overflow:hidden;right:0;top:0;white-space:nowrap}.sel-comp-dd .sel-search{box-sizing:border-box;height:1.8rem;overflow:hidden;padding:.1rem}.sel-comp-dd .sel-search>input{border:none;border-bottom:2px solid #c8c8c8;box-sizing:border-box;height:1.6rem;line-height:1.6rem;margin:0 2px;width:calc(100% - 4px)}.sel-comp-dd .sel-search>input:focus{outline:none}.sel-comp-dd .sel-dd-item:not(.sel-dd-group):hover{background:#d0d0d0}.sel-comp-dd .sel-dd-items .focused{background:#cce8ff}.sel-comp-dd .sel-dd-items .selected{background:#3b99ff}.sel-comp-dd .sel-dd-items.multiple .sel-dd-item{padding-left:1rem}.sel-comp-dd .sel-dd-items.multiple .sel-dd-item.selected:before{color:#404040;content:"✓";font-weight:700;left:0;position:absolute}.sel-comp-dd .sel-dd-item{height:100%;line-height:26px}.sel-comp-dd .sel-dd-group{background:#e0e0e0;font-weight:700;text-align:center}.autocomplete-suggestions{background:#fff;border:1px solid #ccc;border-top:0;box-shadow:-1px 1px 3px rgba(0,0,0,.1);box-sizing:border-box;cursor:default;display:none;max-height:254px;overflow:hidden;overflow-y:auto;position:absolute;text-align:left;z-index:9999}.autocomplete-suggestion{color:#333;font-size:1.02em;line-height:23px;overflow:hidden;padding:0 .6em;position:relative;text-overflow:ellipsis;white-space:nowrap}.autocomplete-suggestion b{color:#1f8dd6;font-weight:400}.autocomplete-suggestion.selected{background:#f0f0f0}.progress-comp{background:#bbb;border-radius:2px;height:1rem;position:relative}.progress-comp .bar{background:#3b99ff;border-radius:2px;height:100%;text-align:center}.time-comp{text-align:right;width:4em}.date-time-comp{display:inline-block}.date-time-comp input:first-child{width:6em}.expander-comp{box-shadow:0 1px 2px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.1)}.expander-comp .header{align-content:center;align-items:center;background:#3b99ff;border-radius:.3rem;color:#fff;display:flex;line-height:1.5rem;min-height:1.5rem}.expander-comp .header .toggler{background:#3b99ff;border-bottom-left-radius:.3rem;border-top-left-radius:.3rem;cursor:pointer;display:inline-block}.expander-comp .header .toggler:hover{background:#6bb1fc;color:#000}.expander-comp .header .content{border-bottom-right-radius:.3rem;border-top-right-radius:.3rem;cursor:pointer;display:inline-block;flex-grow:1;padding-left:.6em}.expander-comp .header:hover{background:#6bb1fc;color:#000}.expander-comp .expand-collapse-icon{color:#fff;opacity:.8;padding:0 .2rem;top:.2rem}.lds-dual-ring{display:inline-block;height:1em;width:1em}.lds-dual-ring:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#444 transparent;border-radius:50%;border-style:solid;border-width:.08em;content:" ";display:block;height:.75em;margin:.2em;width:.75em}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.form-field{display:block;margin-bottom:16px}.form-field .failed__valid .form-field__input{border-color:#c00!important}.form-field .failed__valid .form-field__label{color:#a00!important}.form-field--is-active .form-field__control:after{border-bottom:2px solid #3b99ff;transform:scaleX(150)}.form-field--is-active .form-field__label{color:#3b99ff}.form-field--is-active .form-field__label,.form-field--is-filled .form-field__label{font-size:.7em;transform:translateY(-14px)}.form-field__label{color:#606060;display:block;font-weight:400;left:0;margin:0;padding:1rem .5rem 0;position:absolute;top:0;transition:all .4s;width:100%}.form-field__control{background:#f6f6f6;border-radius:.3rem .3rem 0 0;overflow:hidden;position:relative;width:100%}.form-field__control:after{border-bottom:2px solid #3b99ff;bottom:0;content:"";display:block;left:0;margin:0 auto;position:absolute;right:0;transform:scaleX(0);transition:all .4s;width:1%}.form-field__input,.form-field__textarea{appearance:none;background:transparent;border:none;border-bottom:1px solid #999;box-sizing:border-box;color:#333;display:block;margin-top:1.3rem;outline:0;padding:0 .3rem .2rem;width:100%}.treeview-comp ul{list-style:none;padding-left:1em}.treeview-comp input,.treeview-comp input:checked~ul{display:none}.treeview-comp input~label{cursor:pointer;position:relative}.treeview-comp input~label:before{border-color:transparent rgba(50,50,50,.5) rgba(50,50,50,.5) transparent;border-style:solid;border-width:4px;content:"";height:0;margin-left:-1em;margin-top:.4em;position:absolute;width:0}.treeview-comp input:checked~label:before{border-color:transparent transparent transparent rgba(50,50,50,.5);border-width:5px;margin-left:-.8em}.stabcomponent .tab-header-row{display:flex}.stabcomponent .tab-header-row .tab-item{border:1px solid silver;border-bottom:1px solid #ddd;border-radius:4px 4px 0 0;box-sizing:border-box;cursor:pointer;display:inline-block;margin-right:.1rem;padding:.5rem;text-decoration:none;vertical-align:middle;vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}.stabcomponent .tab-header-row .tab-item:hover{background:#c9e2f9;color:#000}.stabcomponent .tab-header-row .tab-item .close-button{background:linear-gradient(#d9d8d6,#d9d8d6);border:1px solid #88898d;border-radius:.2rem;color:#000;cursor:pointer;float:right;margin-left:.5rem;margin-right:-.5rem;min-width:1rem;padding:.3rem;text-align:center}.stabcomponent .tab-header-row .tab-item .close-button:hover{background:linear-gradient(#ff634b,#ff3313);border-color:#000;color:#000}.stabcomponent .tab-header-row .active{background:#3b99ff;border:1px solid #747474;border-bottom-color:transparent;color:#fff;cursor:default;font-weight:700}.stabcomponent .tab-header-row .disabled{background:#d9d8d6;color:#88898d;cursor:default}.stabcomponent .tab-header-row .disabled:hover{background:#d9d8d6;color:#88898d}.stabcomponent .tab-content{border:1px solid silver;max-height:calc(100vh - 9.6rem);overflow:auto}.stabcomponent .tab-hidden{display:none}@keyframes checkbox-comp-hover-color{0%{border-color:silver}to{border-color:#3b99ff}}.checkbox-comp{display:none;position:absolute}.checkbox-comp[disabled]{cursor:not-allowed}.checkbox-comp+label{cursor:pointer;padding-left:1.5em;position:relative;vertical-align:middle}.checkbox-comp+label:hover:before{animation-duration:.4s;animation-fill-mode:both;animation-name:checkbox-comp-hover-color}.checkbox-comp+label:before{border:1px solid silver;content:"";display:inline-block;height:1em;left:0;position:absolute;top:0;width:1em}.checkbox-comp+label:after{content:"";display:none;position:absolute}.checkbox-comp[disabled]+label,.checkbox-comp[disabled]+label:after,.checkbox-comp[disabled]+label:before,.checkbox-comp[disabled]+label:hover{cursor:not-allowed}.checkbox-comp[disabled]+label:hover:before{animation-name:none;border:1px solid silver}.checkbox-comp[disabled]+label:before{border-color:silver}.checkbox-comp:checked+label:before{animation-name:none}.checkbox-comp:checked+label:after{display:block}.checkbox-comp+label:before{border-radius:.2em}.checkbox-comp+label:after{border:.15em solid #fff;border-left:0;border-top:0;box-sizing:border-box;height:.7em;left:.3em;top:.1em;transform:rotate(45deg);width:.5em}.checkbox-comp:checked+label:before{background:#3b99ff;border-color:#3b99ff}.checkbox-comp:checked[disabled]+label:before{background:#c9e2f9;border-color:#c9e2f9}.stackpanel-comp.hstackpanel{position:relative}@media (max-width:70em){.stackpanel-comp.hstackpanel.responsive>div{width:auto!important}}.stackpanel-comp.hstackpanel:not(.responsive){display:flex;position:relative;width:100%}@media (min-width:70em){.stackpanel-comp.hstackpanel{display:flex;position:relative;width:100%}}.stackpanel-comp.wrap{flex-wrap:wrap}.stackpanel-comp.vstackpanel{position:relative}.stackpanel-comp.vstackpanel>div{display:flex;flex:1;flex-direction:column;flex-grow:1;flex-shrink:1;height:100%}.stackpanel-comp.hstackpanel>.split-comp{background:#d5d5d5;cursor:w-resize;position:relative;width:14px!important}.stackpanel-comp.hstackpanel>.split-comp:before{background:#696969;border-radius:3px;content:"";height:4rem;left:3px;position:absolute;top:calc(50% - 2rem);width:7px}.stackpanel-comp.hstackpanel>.split-comp:hover{box-shadow:0 0 3px 2px rgba(0,0,0,.3)}.stackpanel-comp.vstackpanel>.split-comp{background:#d5d5d5;cursor:n-resize;flex-basis:14px;flex-grow:0;height:14px!important;position:relative}.stackpanel-comp.vstackpanel>.split-comp:before{background:#696969;border-radius:3px;content:"";height:7px;left:calc(50% - 2rem);position:absolute;top:3px;width:4rem}.stackpanel-comp.vstackpanel>.split-comp:hover{box-shadow:0 0 3px 2px rgba(0,0,0,.3)}.slick-cell .jsl-toggle{box-sizing:border-box;color:#888;cursor:pointer;display:inline-block;height:100%;width:1.2em}.slick-cell .jsl-toggle-spacer{box-sizing:border-box;display:inline-block;min-width:1.2em}.slick-cell .jsl-indent{display:inline-block;position:relative}.nav-comp{line-height:1.9rem}.nav-comp .dropdown ul{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.nav-comp .luxbar-default{position:relative}.nav-comp .luxbar-default,.nav-comp .luxbar-static{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);width:100%;z-index:1010}.nav-comp .luxbar-static{left:0;position:absolute;top:0}.nav-comp .luxbar-static .luxbar-checkbox:checked~.luxbar-menu{position:absolute}.nav-comp .luxbar-fixed{top:0}.nav-comp .luxbar-fixed,.nav-comp .luxbar-fixed-bottom{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);left:0;position:fixed;width:100%;z-index:1010}.nav-comp .luxbar-fixed-bottom{bottom:0}.nav-comp .luxbar-hamburger span,.nav-comp .luxbar-hamburger span:after,.nav-comp .luxbar-hamburger span:before{display:block;height:2px;transition:.6s ease;width:26px}.nav-comp .luxbar-checkbox:checked~.luxbar-menu li .luxbar-hamburger span{background-color:transparent}.nav-comp .luxbar-checkbox:checked~.luxbar-menu li .luxbar-hamburger span:after,.nav-comp .luxbar-checkbox:checked~.luxbar-menu li .luxbar-hamburger span:before{margin-top:0}.nav-comp .luxbar-header{align-items:center;display:flex;flex-direction:row;height:58px;justify-content:space-between}.nav-comp .luxbar-menu-left .luxbar-header,.nav-comp .luxbar-menu-left .luxbar-navigation{justify-content:flex-start}.nav-comp .luxbar-menu-right .luxbar-hamburger{margin-left:auto}.nav-comp .luxbar-brand{font-size:1.6em;padding:18px 24px}.nav-comp .luxbar-menu{min-height:58px;transition:.6s ease;width:100%}.nav-comp .luxbar-navigation{display:flex;flex-direction:column;list-style:none;margin:0;padding-left:0}.nav-comp .luxbar-item a,.nav-comp .luxbar-menu a{color:inherit;cursor:pointer;text-decoration:none}.nav-comp .luxbar-item{height:58px}.nav-comp .luxbar-item a{display:block;padding:18px 24px}.nav-comp .luxbar-hamburger{cursor:pointer;padding:18px 24px;position:absolute;right:0}.nav-comp .luxbar-hamburger span:after,.nav-comp .luxbar-hamburger span:before{content:"";position:absolute}.nav-comp .luxbar-hamburger span:before{margin-top:-8px}.nav-comp .luxbar-hamburger span:after{margin-top:8px}.nav-comp .luxbar-checkbox{display:none}.nav-comp .luxbar-checkbox:not(:checked)~.luxbar-menu{height:58px;overflow:hidden}.nav-comp .luxbar-checkbox:checked~.luxbar-menu{height:100vh;overflow:auto;transition:height .6s ease}.nav-comp .dropdown{height:auto;min-height:58px;position:relative}.nav-comp .dropdown:hover>ul{display:block;min-width:100%;position:relative}.nav-comp .dropdown>a:after{border:solid transparent;border-width:5px 5px 0;content:"";position:absolute;right:10px;top:25px}.nav-comp .dropdown>ul{display:block;list-style:none;overflow-x:hidden;padding:0}.nav-comp .dropdown>ul .luxbar-item{height:29px;min-width:100%;padding:5px 10px 5px 40px}.nav-comp .dropdown>ul .luxbar-item a{line-height:29px;min-height:29px;padding:0}@media screen and (min-width:768px){.nav-comp .luxbar-navigation{flex-flow:row;justify-content:flex-end}.nav-comp .luxbar-hamburger{display:none}.nav-comp .luxbar-checkbox:not(:checked)~.luxbar-menu{overflow:visible}.nav-comp .luxbar-checkbox:checked~.luxbar-menu{height:58px}.nav-comp .luxbar-menu .luxbar-item{border-top:0}.nav-comp .luxbar-menu-right .luxbar-header{margin-right:auto}.nav-comp .dropdown{height:58px}.nav-comp .dropdown:hover>ul{left:0;padding:0;position:absolute;top:58px}.nav-comp .dropdown>ul{display:none}.nav-comp .dropdown>ul .luxbar-item{padding:5px 10px}.nav-comp .dropdown>ul .luxbar-item a{white-space:nowrap}}.nav-comp .luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-doublespin span:before{transform:rotate(225deg)}.nav-comp .luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-doublespin span:after{transform:rotate(-225deg)}.nav-comp .luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-spin span:before{transform:rotate(45deg)}.nav-comp .luxbar-checkbox:checked+.luxbar-menu .luxbar-hamburger-spin span:after{transform:rotate(-45deg)}.nav-comp .luxbar-menu-dark,.nav-comp .luxbar-menu-dark .dropdown ul{background-color:#212121;color:#fff}.nav-comp .luxbar-menu-dark .active,.nav-comp .luxbar-menu-dark .luxbar-item:hover{background-color:#424242}.nav-comp .luxbar-menu-dark .luxbar-hamburger span,.nav-comp .luxbar-menu-dark .luxbar-hamburger span:after,.nav-comp .luxbar-menu-dark .luxbar-hamburger span:before{background-color:#fff}.nav-comp .luxbar-menu-light{background-color:#e0e0e0;color:#212121}.nav-comp .luxbar-menu-light .dropdown ul{background-color:#fff;box-shadow:0 4px 3px 0 rgba(0,0,0,.36);color:#212121}.nav-comp .luxbar-menu-light .dropdown ul li:not(:last-child){border-bottom:1px solid #e0e0e0}.nav-comp .luxbar-menu-light .active,.nav-comp .luxbar-menu-light .luxbar-item:hover{background-color:#bdbdbd}.nav-comp .luxbar-menu-light .luxbar-hamburger span,.nav-comp .luxbar-menu-light .luxbar-hamburger span:after,.nav-comp .luxbar-menu-light .luxbar-hamburger span:before{background-color:#212121}.ribbon-menu-comp{background:#fff;background:linear-gradient(90deg,#fff,#f6f6f6 20%,#f6f6f6 80%,#fff);border-bottom:1px solid #c9c9c9;border-top:1px solid #c9c9c9;box-sizing:border-box;flex-shrink:0;height:3.9rem;padding:.3rem;position:relative}.ribbon-menu-comp .ribbon-group{border-right:1px solid #c9c9c9;box-sizing:border-box;display:inline-block;height:100%;padding:0 .6rem;position:relative;vertical-align:middle}.ribbon-menu-comp .jsl-button{display:inline-block;margin:.1rem;padding-left:.25rem;padding-right:.25rem}.ribbon-menu-comp .ribbon-group>.jsl-button>img{height:1rem}.ribbon-menu-comp .ribbon-legend{bottom:0;color:#444;font-size:.8em;left:1px;position:absolute;right:1px;text-align:center}
|
|
9
9
|
/*# sourceMappingURL=index.css.map */
|