jsl-ui 9.28.2 → 9.28.3

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.
Files changed (170) hide show
  1. package/lib/components/IntervalComponent.d.ts +17 -17
  2. package/lib/components/IntervalComponent.js +65 -68
  3. package/lib/components/auto-suggest/AutoSuggestComponent.d.ts +22 -22
  4. package/lib/components/auto-suggest/AutoSuggestComponent.js +47 -49
  5. package/lib/components/button/ButtonComponent.d.ts +18 -18
  6. package/lib/components/button/ButtonComponent.js +29 -46
  7. package/lib/components/checkbox/CheckBoxComponent.d.ts +28 -28
  8. package/lib/components/checkbox/CheckBoxComponent.js +81 -98
  9. package/lib/components/date/DateComponent.d.ts +32 -32
  10. package/lib/components/date/DateComponent.js +89 -106
  11. package/lib/components/date-range/DateRangeComponent.d.ts +35 -35
  12. package/lib/components/date-range/DateRangeComponent.js +123 -136
  13. package/lib/components/date-time/DateTimeComponent.d.ts +15 -15
  14. package/lib/components/date-time/DateTimeComponent.js +39 -53
  15. package/lib/components/dialog/DialogComponent.d.ts +67 -67
  16. package/lib/components/dialog/DialogComponent.js +198 -251
  17. package/lib/components/drop-down/DropDownComponent.d.ts +27 -27
  18. package/lib/components/drop-down/DropDownComponent.js +60 -74
  19. package/lib/components/expander/ExpanderComponent.d.ts +27 -27
  20. package/lib/components/expander/ExpanderComponent.js +89 -90
  21. package/lib/components/form-field/FormComponent.d.ts +12 -12
  22. package/lib/components/form-field/FormComponent.js +23 -26
  23. package/lib/components/form-field/FormFieldComponent.d.ts +39 -39
  24. package/lib/components/form-field/FormFieldComponent.js +138 -140
  25. package/lib/components/grid/GridComponent.d.ts +26 -26
  26. package/lib/components/grid/GridComponent.js +110 -116
  27. package/lib/components/input/InputComponent.d.ts +33 -33
  28. package/lib/components/input/InputComponent.js +126 -147
  29. package/lib/components/loading/LoadingComponent.d.ts +8 -8
  30. package/lib/components/loading/LoadingComponent.js +20 -22
  31. package/lib/components/navigation/NavigationComponent.d.ts +34 -34
  32. package/lib/components/navigation/NavigationComponent.js +45 -70
  33. package/lib/components/notification/Notification.d.ts +19 -19
  34. package/lib/components/notification/Notification.js +65 -69
  35. package/lib/components/number/NumberComponent.d.ts +26 -26
  36. package/lib/components/number/NumberComponent.js +80 -98
  37. package/lib/components/overlay/OverlayComponent.d.ts +27 -27
  38. package/lib/components/overlay/OverlayComponent.js +137 -149
  39. package/lib/components/progress/ProgressComponent.d.ts +18 -18
  40. package/lib/components/progress/ProgressComponent.js +40 -42
  41. package/lib/components/ribbon-menu/RibbonMenuComponent.d.ts +12 -12
  42. package/lib/components/ribbon-menu/RibbonMenuComponent.js +23 -34
  43. package/lib/components/select/SelectComponent.d.ts +79 -79
  44. package/lib/components/select/SelectComponent.js +356 -369
  45. package/lib/components/select/SelectDDAreaComponent.d.ts +32 -32
  46. package/lib/components/select/SelectDDAreaComponent.js +303 -317
  47. package/lib/components/slider/nouislider.d.ts +44 -44
  48. package/lib/components/slider/nouislider.js +2158 -2158
  49. package/lib/components/stack-panel/SplitterComponent.d.ts +21 -21
  50. package/lib/components/stack-panel/SplitterComponent.js +124 -126
  51. package/lib/components/stack-panel/StackPanelComponent.d.ts +20 -20
  52. package/lib/components/stack-panel/StackPanelComponent.js +50 -64
  53. package/lib/components/tabs/TabsComponent.d.ts +40 -40
  54. package/lib/components/tabs/TabsComponent.js +200 -204
  55. package/lib/components/time/TimeComponent.d.ts +29 -29
  56. package/lib/components/time/TimeComponent.js +104 -113
  57. package/lib/components/tree-view/TreeViewComponent.d.ts +23 -23
  58. package/lib/components/tree-view/TreeViewComponent.js +43 -45
  59. package/lib/components/virtual-render/VirtualRenderComponent.d.ts +30 -30
  60. package/lib/components/virtual-render/VirtualRenderComponent.js +92 -104
  61. package/lib/core/culture.d.ts +5 -5
  62. package/lib/core/culture.js +385 -385
  63. package/lib/core/date.d.ts +14 -14
  64. package/lib/core/date.js +346 -350
  65. package/lib/core/helper.d.ts +13 -13
  66. package/lib/core/helper.js +100 -104
  67. package/lib/core/jq.d.ts +37 -37
  68. package/lib/core/jq.js +362 -371
  69. package/lib/core/lang.d.ts +24 -24
  70. package/lib/core/lang.js +24 -28
  71. package/lib/core/numeric.d.ts +7 -7
  72. package/lib/core/numeric.js +139 -143
  73. package/lib/core/polyfills.js +22 -22
  74. package/lib/core.d.ts +6 -6
  75. package/lib/core.js +6 -6
  76. package/lib/grid/filterDialogs/dateRangeFilter.d.ts +7 -7
  77. package/lib/grid/filterDialogs/dateRangeFilter.js +106 -156
  78. package/lib/grid/filterDialogs/excelFilter.d.ts +9 -9
  79. package/lib/grid/filterDialogs/excelFilter.js +250 -316
  80. package/lib/grid/plugins/ext.overlay.d.ts +2 -2
  81. package/lib/grid/plugins/ext.overlay.js +295 -295
  82. package/lib/grid/plugins/slick.cellrangedecorator.d.ts +12 -12
  83. package/lib/grid/plugins/slick.cellrangedecorator.js +68 -68
  84. package/lib/grid/plugins/slick.cellrangeselector.d.ts +1 -1
  85. package/lib/grid/plugins/slick.cellrangeselector.js +144 -144
  86. package/lib/grid/plugins/slick.cellselectionmodel.d.ts +1 -1
  87. package/lib/grid/plugins/slick.cellselectionmodel.js +194 -194
  88. package/lib/grid/plugins/slick.headerbuttons.d.ts +55 -55
  89. package/lib/grid/plugins/slick.headerbuttons.js +156 -156
  90. package/lib/grid/plugins/slick.headermenu.d.ts +74 -74
  91. package/lib/grid/plugins/slick.headermenu.js +260 -260
  92. package/lib/grid/plugins/slick.rowmovemanager.d.ts +18 -18
  93. package/lib/grid/plugins/slick.rowmovemanager.js +249 -249
  94. package/lib/grid/plugins/slick.rowselectionmodel.d.ts +1 -1
  95. package/lib/grid/plugins/slick.rowselectionmodel.js +167 -167
  96. package/lib/grid/slick.core.d.ts +91 -91
  97. package/lib/grid/slick.core.js +574 -574
  98. package/lib/grid/slick.creator.d.ts +81 -81
  99. package/lib/grid/slick.creator.js +726 -726
  100. package/lib/grid/slick.dataview.d.ts +71 -71
  101. package/lib/grid/slick.dataview.js +1069 -1080
  102. package/lib/grid/slick.editors.core.d.ts +4 -4
  103. package/lib/grid/slick.editors.core.js +235 -235
  104. package/lib/grid/slick.editors.date.d.ts +2 -2
  105. package/lib/grid/slick.editors.date.js +125 -125
  106. package/lib/grid/slick.editors.lookup.d.ts +14 -14
  107. package/lib/grid/slick.editors.lookup.js +352 -353
  108. package/lib/grid/slick.editors.nav.d.ts +6 -6
  109. package/lib/grid/slick.editors.nav.js +22 -22
  110. package/lib/grid/slick.formatters.d.ts +17 -17
  111. package/lib/grid/slick.formatters.js +144 -144
  112. package/lib/grid/slick.grid.d.ts +285 -285
  113. package/lib/grid/slick.grid.js +5409 -5412
  114. package/lib/grid/slick.groupitemmetadataprovider.d.ts +39 -39
  115. package/lib/grid/slick.groupitemmetadataprovider.js +165 -165
  116. package/lib/grid/slick.tree.d.ts +33 -33
  117. package/lib/grid/slick.tree.js +208 -220
  118. package/lib/grid.css +1 -705
  119. package/lib/grid.d.ts +13 -13
  120. package/lib/grid.js +13 -13
  121. package/lib/index.css +8 -2195
  122. package/lib/index.css.map +1 -1
  123. package/lib/index.d.ts +56 -55
  124. package/lib/index.js +61 -61
  125. package/lib/index.js.map +1 -1
  126. package/lib/interaction/dataconverter.d.ts +4 -4
  127. package/lib/interaction/dataconverter.js +0 -1
  128. package/lib/interaction/eventhandler.d.ts +13 -13
  129. package/lib/interaction/eventhandler.js +39 -42
  130. package/lib/interaction/moveable.d.ts +39 -39
  131. package/lib/interaction/moveable.js +160 -174
  132. package/lib/interaction/resizable.d.ts +37 -37
  133. package/lib/interaction/resizable.js +109 -123
  134. package/lib/ui/auto.suggest.d.ts +18 -18
  135. package/lib/ui/auto.suggest.js +244 -259
  136. package/lib/ui/date.picker/date-picker-options.d.ts +11 -11
  137. package/lib/ui/date.picker/date-picker-options.js +76 -76
  138. package/lib/ui/date.picker/lib/date-manip.d.ts +74 -74
  139. package/lib/ui/date.picker/lib/date-manip.js +120 -120
  140. package/lib/ui/date.picker/lib/dom.d.ts +23 -23
  141. package/lib/ui/date.picker/lib/dom.js +28 -28
  142. package/lib/ui/date.picker/lib/emitter.d.ts +13 -13
  143. package/lib/ui/date.picker/lib/emitter.js +49 -49
  144. package/lib/ui/date.picker/lib/fns.d.ts +23 -23
  145. package/lib/ui/date.picker/lib/fns.js +39 -43
  146. package/lib/ui/date.picker/mode/base-mode.d.ts +26 -26
  147. package/lib/ui/date.picker/mode/base-mode.js +248 -248
  148. package/lib/ui/date.picker/mode/dropdown-mode.d.ts +28 -28
  149. package/lib/ui/date.picker/mode/dropdown-mode.js +50 -50
  150. package/lib/ui/date.picker/mode/index.d.ts +28 -28
  151. package/lib/ui/date.picker/mode/index.js +18 -18
  152. package/lib/ui/date.picker/mode/modal-mode.d.ts +25 -25
  153. package/lib/ui/date.picker/mode/modal-mode.js +17 -17
  154. package/lib/ui/date.picker/mode/permanent-mode.d.ts +29 -29
  155. package/lib/ui/date.picker/mode/permanent-mode.js +19 -19
  156. package/lib/ui/date.picker/views/day-picker.d.ts +40 -40
  157. package/lib/ui/date.picker/views/day-picker.js +155 -155
  158. package/lib/ui/date.picker/views/month-picker.d.ts +26 -26
  159. package/lib/ui/date.picker/views/month-picker.js +65 -65
  160. package/lib/ui/date.picker/views/year-picker.d.ts +20 -20
  161. package/lib/ui/date.picker/views/year-picker.js +66 -66
  162. package/lib/ui/date.picker.d.ts +66 -66
  163. package/lib/ui/date.picker.js +32 -32
  164. package/lib/ui/dialog.d.ts +22 -22
  165. package/lib/ui/dialog.js +98 -113
  166. package/lib/ui/drop.down.d.ts +52 -52
  167. package/lib/ui/drop.down.js +2112 -2112
  168. package/lib/ui/number.input.d.ts +13 -13
  169. package/lib/ui/number.input.js +56 -67
  170. package/package.json +1 -1
package/lib/index.css CHANGED
@@ -1,2196 +1,9 @@
1
- html {
2
- -webkit-text-size-adjust: 100%;
3
- -ms-text-size-adjust: 100%;
4
- }
5
-
6
- hr {
7
- box-sizing: content-box;
8
- height: 0;
9
- overflow: visible;
10
- }
11
-
12
- pre, code {
13
- font-family: monospace;
14
- font-size: 1em;
15
- }
16
-
17
- a {
18
- -webkit-text-decoration-skip: objects;
19
- }
20
-
21
- sub, sup {
22
- vertical-align: baseline;
23
- font-size: 75%;
24
- line-height: 0;
25
- position: relative;
26
- }
27
-
28
- sub {
29
- bottom: -.25em;
30
- }
31
-
32
- sup {
33
- top: -.5em;
34
- }
35
-
36
- input, optgroup, select, textarea {
37
- text-transform: none;
38
- margin: 0;
39
- font-size: 100%;
40
- line-height: 1.15;
41
- }
42
-
43
- button, input {
44
- overflow: visible;
45
- }
46
-
47
- button, html [type="button"], [type="reset"], [type="submit"] {
48
- -webkit-appearance: button;
49
- }
50
-
51
- button::-moz-focus-inner {
52
- border-style: none;
53
- padding: 0;
54
- }
55
-
56
- [type="button"]::-moz-focus-inner {
57
- border-style: none;
58
- padding: 0;
59
- }
60
-
61
- [type="reset"]::-moz-focus-inner {
62
- border-style: none;
63
- padding: 0;
64
- }
65
-
66
- [type="submit"]::-moz-focus-inner {
67
- border-style: none;
68
- padding: 0;
69
- }
70
-
71
- button:-moz-focusring {
72
- outline: 1px dotted buttontext;
73
- }
74
-
75
- [type="button"]:-moz-focusring {
76
- outline: 1px dotted buttontext;
77
- }
78
-
79
- [type="reset"]:-moz-focusring {
80
- outline: 1px dotted buttontext;
81
- }
82
-
83
- [type="submit"]:-moz-focusring {
84
- outline: 1px dotted buttontext;
85
- }
86
-
87
- textarea {
88
- overflow: auto;
89
- }
90
-
91
- .jsl-button {
92
- vertical-align: middle;
93
- color: #fff;
94
- cursor: pointer;
95
- box-sizing: border-box;
96
- letter-spacing: .1rem;
97
- text-align: center;
98
- white-space: nowrap;
99
- background-color: #3b99ff;
100
- border: 1px solid #3b99ff;
101
- border-radius: .3rem;
102
- height: 2rem;
103
- padding: 0 1rem;
104
- line-height: 2rem;
105
- text-decoration: none;
106
- display: inline-block;
107
- }
108
-
109
- .jsl-button.jsl-button-outline {
110
- color: #444;
111
- background: #fff;
112
- }
113
-
114
- .jsl-button:active {
115
- background-color: #3b99ff;
116
- border-color: #000;
117
- }
118
-
119
- .jsl-button:hover {
120
- color: #000;
121
- background-color: #3b9aff80;
122
- border-color: silver;
123
- outline: 0;
124
- }
125
-
126
- .jsl-button:focus {
127
- border-color: gray;
128
- outline: 0;
129
- }
130
-
131
- .jsl-button[disabled] {
132
- cursor: default;
133
- opacity: .5;
134
- }
135
-
136
- .right {
137
- text-align: right;
138
- }
139
-
140
- .center {
141
- text-align: center;
142
- }
143
-
144
- div.jsl-fill {
145
- box-sizing: border-box;
146
- height: 100%;
147
- position: relative;
148
- }
149
-
150
- .resizable {
151
- position: relative;
152
- }
153
-
154
- .resizable > .rs-r {
155
- box-sizing: border-box;
156
- cursor: w-resize;
157
- background: #14141433;
158
- width: .5rem;
159
- position: absolute;
160
- top: 0;
161
- bottom: 0;
162
- right: 0;
163
- }
164
-
165
- .resizable > .rs-b {
166
- box-sizing: border-box;
167
- cursor: n-resize;
168
- background: #14141433;
169
- height: .5rem;
170
- position: absolute;
171
- bottom: 0;
172
- left: 0;
173
- right: 0;
174
- }
175
-
176
- .resizable > .rs-r.rs-b {
177
- top: initial;
178
- left: initial;
179
- cursor: nw-resize;
180
- bottom: 0;
181
- right: 0;
182
- }
183
-
184
- .dp-modal {
185
- background: #ffffffbf;
186
- position: fixed;
187
- inset: 0;
188
- }
189
-
190
- .dp {
191
- z-index: 2010;
192
- -webkit-tap-highlight-color: transparent;
193
- background: #fff;
194
- border-radius: .5rem;
195
- max-height: 400px;
196
- line-height: 1.4;
197
- position: relative;
198
- overflow: hidden;
199
- box-shadow: 2px 2px 16px #00000040;
200
- }
201
-
202
- .dp-permanent .dp {
203
- box-shadow: none;
204
- border: 1px solid #eee;
205
- padding-top: 0;
206
- }
207
-
208
- .dp-permanent .dp:before {
209
- display: none;
210
- }
211
-
212
- .dp-below {
213
- width: 20rem;
214
- max-width: 100vw;
215
- position: absolute;
216
- }
217
-
218
- .dp-permanent {
219
- z-index: 2010;
220
- width: 20rem;
221
- max-width: 100vw;
222
- position: relative;
223
- }
224
-
225
- .dp-permanent .dp {
226
- z-index: 0;
227
- }
228
-
229
- .dp-modal .dp {
230
- width: calc(100% - 4em);
231
- max-width: 600px;
232
- animation: .3s forwards slide-up;
233
- position: absolute;
234
- top: 50%;
235
- left: 50%;
236
- transform: translate(-50%, -50%);
237
- }
238
-
239
- .dp-months {
240
- padding: 24px;
241
- }
242
-
243
- .dp-years {
244
- box-sizing: border-box;
245
- max-height: 400px;
246
- padding: 8px 0;
247
- overflow: auto !important;
248
- }
249
-
250
- .dp-cal-month, .dp-cal-year, .dp-day, .dp-month, .dp-year {
251
- box-sizing: border-box;
252
- text-align: center;
253
- color: #3b404d;
254
- background: none;
255
- border: 0;
256
- border-radius: 2px;
257
- text-decoration: none;
258
- position: relative;
259
- top: .2rem;
260
- }
261
-
262
- .dp-cal-header {
263
- text-align: center;
264
- background: #f0f0f0;
265
- padding-bottom: .4rem;
266
- position: relative;
267
- }
268
-
269
- .dp-next, .dp-prev {
270
- color: #777;
271
- background: none;
272
- border: 0;
273
- border-radius: 2px;
274
- width: 1.8rem;
275
- height: 1.8rem;
276
- position: absolute;
277
- top: .3rem;
278
- overflow: hidden;
279
- }
280
-
281
- .dp-next:focus, .dp-prev:focus, .dp-next:hover, .dp-prev:hover {
282
- color: inherit;
283
- outline: none;
284
- }
285
-
286
- .dp-prev {
287
- left: 24px;
288
- }
289
-
290
- .dp-next {
291
- right: 24px;
292
- }
293
-
294
- .dp-prev:before, .dp-next:before {
295
- content: "";
296
- border: 2px solid;
297
- width: .7rem;
298
- height: .7rem;
299
- margin: .5rem 0 3rem .3rem;
300
- transition: border-color .2s;
301
- display: inline-block;
302
- transform: rotate(-45deg);
303
- }
304
-
305
- .dp-prev:before {
306
- border-bottom: 0;
307
- border-right: 0;
308
- }
309
-
310
- .dp-next:before {
311
- border-top: 0;
312
- border-left: 0;
313
- margin-left: 0;
314
- margin-right: 4px;
315
- }
316
-
317
- .dp-cal-month, .dp-cal-year {
318
- outline: none;
319
- padding: .4rem .3rem .3rem;
320
- font-size: 1.1rem;
321
- display: inline-block;
322
- }
323
-
324
- .dp-cal-footer {
325
- text-align: center;
326
- background: #f5f5f5;
327
- }
328
-
329
- .dp-day-today:after {
330
- content: "";
331
- border: 7px solid #227bd7;
332
- border-color: #227bd7 #227bd7 #0000 #0000;
333
- width: 0;
334
- height: 0;
335
- position: absolute;
336
- top: 0;
337
- right: 0;
338
- }
339
-
340
- .dp-close, .dp-clear, .dp-today {
341
- box-sizing: border-box;
342
- width: 33%;
343
- color: inherit;
344
- background: none;
345
- border: 0;
346
- padding: 8px;
347
- text-decoration: none;
348
- display: inline-block;
349
- }
350
-
351
- .dp-permanent .dp-close, .dp-permanent .dp-clear {
352
- display: none;
353
- }
354
-
355
- .dp-close:active, .dp-clear:active, .dp-today:active, .dp-next:active, .dp-prev:active, .dp-cal-month:active, .dp-cal-year:active {
356
- color: #fff;
357
- background: #75bcfc;
358
- }
359
-
360
- @media screen and (device-width >= 1200px) {
361
- .dp-close:hover, .dp-close:focus, .dp-clear:hover, .dp-clear:focus, .dp-today:hover, .dp-today:focus, .dp-next:hover, .dp-next:focus, .dp-prev:hover, .dp-prev:focus, .dp-cal-month:focus, .dp-cal-month:hover, .dp-cal-year:hover, .dp-cal-year:focus {
362
- color: #fff;
363
- background: #75bcfc;
364
- }
365
- }
366
-
367
- .dp-col-header, .dp-day {
368
- text-align: center;
369
- width: 14.2857%;
370
- padding: 8px;
371
- display: inline-block;
372
- }
373
-
374
- .dp-col-header {
375
- color: #aaa;
376
- text-transform: uppercase;
377
- padding: 8px 0;
378
- font-size: .8rem;
379
- font-weight: 300;
380
- }
381
-
382
- .dp-month {
383
- width: 33%;
384
- padding: 8px;
385
- display: inline-block;
386
- }
387
-
388
- .dp-year {
389
- width: 100%;
390
- padding: 8px 40px;
391
- display: block;
392
- }
393
-
394
- .dp-edge-day {
395
- color: #aaa;
396
- }
397
-
398
- .dp-day:hover, .dp-month:hover, .dp-year:hover, .dp-current:focus, .dp-current, .dp-day:focus, .dp-month:focus, .dp-year:focus {
399
- color: #fff;
400
- background: #75bcfc;
401
- outline: none;
402
- }
403
-
404
- .dp-selected:hover, .dp-selected:focus, .dp-selected {
405
- color: #fff;
406
- background: #3b99fc;
407
- }
408
-
409
- .dp-day-disabled {
410
- color: #ddd;
411
- background: none;
412
- }
413
-
414
- .dp-day-disabled:focus, .dp-day-disabled:hover {
415
- background: #ddd;
416
- }
417
-
418
- .dp-focuser {
419
- z-index: 0;
420
- position: absolute;
421
- top: 50%;
422
- left: 50%;
423
- }
424
-
425
- @media (width <= 480px), (height <= 480px) {
426
- .dp-modal .dp {
427
- width: 100%;
428
- }
429
-
430
- .dp-day-of-week, .dp-day {
431
- padding: .3rem;
432
- }
433
- }
434
-
435
- @keyframes slide-up {
436
- 0% {
437
- transform: translate(-50%, 100%);
438
- }
439
-
440
- 100% {
441
- transform: translate(-50%, -50%);
442
- }
443
- }
444
-
445
- .jsl-dialog {
446
- z-index: 2002;
447
- pointer-events: all;
448
- background: #fff;
449
- border: 2px solid #ddd;
450
- border-radius: .8rem;
451
- position: relative;
452
- top: 50%;
453
- left: 50%;
454
- transform: translate(-50%, -50%);
455
- }
456
-
457
- .jsl-dialog .jsl-button {
458
- vertical-align: middle;
459
- cursor: pointer;
460
- box-sizing: border-box;
461
- letter-spacing: .1rem;
462
- text-align: center;
463
- white-space: nowrap;
464
- border-radius: .3rem;
465
- height: 2rem;
466
- padding: 0 1rem;
467
- line-height: 2rem;
468
- text-decoration: none;
469
- display: inline-block;
470
- }
471
-
472
- .dlg-close-btn {
473
- color: #555;
474
- box-sizing: border-box;
475
- cursor: pointer;
476
- background: #d8d8d8;
477
- border-top-right-radius: .8rem;
478
- width: 2.5rem;
479
- font-size: 2rem;
480
- font-weight: bold;
481
- line-height: 2.8rem;
482
- position: absolute;
483
- top: 0;
484
- bottom: 0;
485
- right: 0;
486
- }
487
-
488
- .dlg-close-btn:hover {
489
- color: #fff;
490
- background: #b22121;
491
- }
492
-
493
- .jsl-dialog-overlay {
494
- z-index: 2001;
495
- background: #000c;
496
- height: 100vh;
497
- position: fixed;
498
- inset: 0;
499
- }
500
-
501
- .jsl-dialog > .dlg-header {
502
- box-sizing: content-box;
503
- text-align: center;
504
- background: #f8f8f8;
505
- border-bottom: 1px solid #ededed;
506
- border-top-left-radius: .8rem;
507
- border-top-right-radius: .8rem;
508
- height: 2rem;
509
- padding: .6rem;
510
- font-size: 1.5rem;
511
- position: relative;
512
- }
513
-
514
- .jsl-dialog > .dlg-body {
515
- box-sizing: border-box;
516
- margin-bottom: 3rem;
517
- padding: 1rem;
518
- overflow: auto;
519
- }
520
-
521
- .jsl-dialog > .dlg-footer {
522
- box-sizing: border-box;
523
- text-align: right;
524
- background: #f8f8f8;
525
- border-top: 1px solid #ededed;
526
- border-bottom-right-radius: .8rem;
527
- border-bottom-left-radius: .8rem;
528
- height: 3rem;
529
- padding: .5rem;
530
- position: absolute;
531
- bottom: 0;
532
- left: 0;
533
- right: 0;
534
- }
535
-
536
- .jsl-dialog > .dlg-footer button {
537
- margin-left: 1rem;
538
- }
539
-
540
- .jsl-dialog .slickgrid {
541
- border-radius: 0;
542
- }
543
-
544
- .jsl-number {
545
- text-align: right;
546
- }
547
-
548
- .jsl-notification-container {
549
- z-index: 3020;
550
- position: fixed;
551
- top: 1px;
552
- right: 1px;
553
- overflow: visible;
554
- }
555
-
556
- .jsl-notification-container .jsl-notification {
557
- box-sizing: border-box;
558
- color: #fff;
559
- cursor: pointer;
560
- background: #3b99ff;
561
- border-radius: .3rem;
562
- min-width: 12rem;
563
- margin: .2rem;
564
- padding: .5rem;
565
- }
566
-
567
- .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 {
568
- background: #fff;
569
- width: 100%;
570
- position: relative;
571
- overflow: auto;
572
- border-left: 0 !important;
573
- }
574
-
575
- .slick-header.ui-state-default {
576
- overflow: inherit;
577
- }
578
-
579
- .slick-header::-webkit-scrollbar {
580
- display: none;
581
- }
582
-
583
- .slick-headerrow::-webkit-scrollbar {
584
- display: none;
585
- }
586
-
587
- .slick-footerrow::-webkit-scrollbar {
588
- display: none;
589
- }
590
-
591
- .slick-header-columns, .slick-headerrow-columns, .slick-footerrow-columns, .slick-group-header-columns {
592
- white-space: nowrap;
593
- cursor: default;
594
- position: relative;
595
- overflow: hidden;
596
- }
597
-
598
- .slick-header-column.ui-state-default, .slick-group-header-column.ui-state-default {
599
- text-overflow: ellipsis;
600
- float: left;
601
- border-top: 1px solid silver;
602
- border-right: 1px solid silver;
603
- height: 20px;
604
- margin: 0;
605
- padding: 4px;
606
- line-height: 20px;
607
- position: relative;
608
- overflow: hidden;
609
- box-sizing: content-box !important;
610
- border-bottom: 0 !important;
611
- border-left: 0 !important;
612
- }
613
-
614
- .slick-footerrow-column.ui-state-default {
615
- text-overflow: ellipsis;
616
- float: left;
617
- vertical-align: middle;
618
- border: 0;
619
- border-right: 1px solid silver;
620
- margin: 0;
621
- padding: 4px;
622
- line-height: 20px;
623
- }
624
-
625
- .slick-headerrow-column.ui-state-default, .slick-footerrow-column.ui-state-default {
626
- padding: 4px;
627
- }
628
-
629
- .slick-header-column-sorted {
630
- font-style: italic;
631
- }
632
-
633
- .slick-sort-indicator {
634
- float: left;
635
- width: 8px;
636
- height: 5px;
637
- margin-top: 6px;
638
- margin-left: 4px;
639
- }
640
-
641
- .slick-sort-indicator-numbered {
642
- float: left;
643
- color: #6190cd;
644
- width: 8px;
645
- height: 5px;
646
- margin-top: 0;
647
- margin-left: 4px;
648
- font-style: normal;
649
- font-weight: bold;
650
- line-height: 20px;
651
- }
652
-
653
- .grid-canvas {
654
- outline: 0;
655
- position: relative;
656
- }
657
-
658
- .slick-row.ui-widget-content, .slick-row.ui-state-active {
659
- border: 0;
660
- width: 100%;
661
- position: absolute;
662
- }
663
-
664
- .slick-cell, .slick-headerrow-column, .slick-footerrow-column {
665
- text-overflow: ellipsis;
666
- vertical-align: middle;
667
- z-index: 1;
668
- white-space: nowrap;
669
- cursor: default;
670
- border: 1px solid #0000;
671
- border-right: 1px dotted silver;
672
- margin: 0;
673
- padding: 1px 2px 2px 1px;
674
- position: absolute;
675
- overflow: hidden;
676
- }
677
-
678
- .slick-headerrow-column {
679
- border-bottom-color: silver;
680
- }
681
-
682
- .slick-footerrow-column {
683
- border-top-color: silver;
684
- }
685
-
686
- .slick-group-toggle {
687
- display: inline-block;
688
- }
689
-
690
- .slick-cell.highlighted {
691
- -o-transition: all .5s;
692
- background: #00f3;
693
- transition: all .5s;
694
- }
695
-
696
- .slick-cell.flashing {
697
- border: 1px solid red !important;
698
- }
699
-
700
- .slick-cell.editable {
701
- z-index: 11;
702
- overflow: visible;
703
- }
704
-
705
- .slick-cell:focus {
706
- outline: none;
707
- }
708
-
709
- .slick-reorder-proxy {
710
- opacity: .15;
711
- filter: alpha(opacity= 15);
712
- cursor: move;
713
- background: #00f;
714
- display: inline-block;
715
- }
716
-
717
- .slick-reorder-guide {
718
- opacity: .7;
719
- height: 2px;
720
- filter: alpha(opacity= 70);
721
- background: #00f;
722
- display: inline-block;
723
- }
724
-
725
- .slick-selection {
726
- z-index: 10;
727
- border: 2px dashed #000;
728
- position: absolute;
729
- }
730
-
731
- .slick-pane {
732
- outline: 0;
733
- width: 100%;
734
- position: absolute;
735
- overflow: hidden;
736
- }
737
-
738
- .slick-pane-header {
739
- display: block;
740
- }
741
-
742
- .slick-header, .slick-headerrow, .slick-top-panel-scroller {
743
- position: relative;
744
- overflow: hidden;
745
- }
746
-
747
- .slick-top-panel {
748
- width: 10000px;
749
- }
750
-
751
- .slick-viewport {
752
- background: #fff;
753
- outline: 0;
754
- width: 100%;
755
- position: relative;
756
- }
757
-
758
- .slick-wrap {
759
- white-space: normal;
760
- }
761
-
762
- input.editor-text, textarea.editor-text {
763
- resize: none;
764
- background: none;
765
- border: 0;
766
- outline: 0;
767
- width: 100%;
768
- height: 100%;
769
- margin: 0;
770
- padding: 0;
771
- }
772
-
773
- .slick-cell .jsl-container {
774
- position: absolute;
775
- inset: 0;
776
- }
777
-
778
- .slick-cell .jsl-container .jsl-selected {
779
- padding: 0;
780
- }
781
-
782
- .slickgrid {
783
- box-sizing: border-box;
784
- border: 1px solid #b0b0b0;
785
- border-radius: 3px;
786
- }
787
-
788
- .slick-col-ghost {
789
- box-sizing: content-box;
790
- pointer-events: none;
791
- position: absolute;
792
- }
793
-
794
- .slick-ghost-content {
795
- background: #c8c8c880;
796
- border: 2px solid #bbb;
797
- position: absolute;
798
- left: 0;
799
- right: 0;
800
- }
801
-
802
- .editor-text {
803
- font-size: 100%;
804
- }
805
-
806
- .slick-filtered-header {
807
- color: #3b99ff;
808
- background: #e7e7e7;
809
- }
810
-
811
- .slick-preheader-panel .slick-column-name {
812
- text-align: center;
813
- float: none;
814
- }
815
-
816
- .slick-header-column.resizable > .rs-r {
817
- background: none;
818
- }
819
-
820
- .js-touch .slick-header-column > .slick-header-menubutton {
821
- display: inline-block;
822
- }
823
-
824
- .js-touch .slick-header-column.resizable > .rs-r {
825
- background: 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") 100% / .5em .3em no-repeat;
826
- width: 1.2rem;
827
- }
828
-
829
- .js-touch .slick-header-menubutton.resize-offset {
830
- width: 1.2rem;
831
- right: 1.2rem;
832
- }
833
-
834
- .slick-header-columns {
835
- border-bottom: 2px solid silver;
836
- }
837
-
838
- .slick-header-column {
839
- text-align: center;
840
- border-right: 1px solid silver;
841
- font-weight: bold;
842
- }
843
-
844
- .slick-header-column:hover, .slick-header-column-active {
845
- color: #fff;
846
- background: #3b99ff;
847
- }
848
-
849
- .slick-header-column > .slick-header-menubutton:hover {
850
- background-color: #0000004d;
851
- }
852
-
853
- .slick-headerrow {
854
- background: #fafafa;
855
- }
856
-
857
- .slick-headerrow-column {
858
- background: #fafafa;
859
- border-bottom: 0;
860
- height: 100%;
861
- }
862
-
863
- .slick-row {
864
- background: #fff;
865
- border: 0;
866
- line-height: 26px;
867
- position: absolute;
868
- }
869
-
870
- .slick-row.selected {
871
- z-index: 10;
872
- background: #dfe8f6;
873
- }
874
-
875
- .slick-cell {
876
- padding-left: 4px;
877
- padding-right: 4px;
878
- }
879
-
880
- .slick-group {
881
- border-bottom: 2px solid silver;
882
- }
883
-
884
- .slick-group .slick-cell {
885
- background: #d4e4ec;
886
- }
887
-
888
- .slick-group-toggle {
889
- vertical-align: middle;
890
- width: 20px;
891
- height: 20px;
892
- margin-right: 5px;
893
- }
894
-
895
- .slick-group-toggle.expanded {
896
- background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 119.8'%3E%3Cpath d='M23.59,0h75.7a23.63,23.63,0,0,1,23.59,23.59V96.21A23.64,23.64,0,0,1,99.29,119.8H23.59a23.53,23.53,0,0,1-16.67-6.93l-.38-.42A23.49,23.49,0,0,1,0,96.21V23.59A23.63,23.63,0,0,1,23.59,0Zm59.7,53.51a6.39,6.39,0,1,1,0,12.77H39.59a6.39,6.39,0,1,1,0-12.77Zm16-40.74H23.59A10.86,10.86,0,0,0,12.77,23.59V96.21a10.77,10.77,0,0,0,2.9,7.37l.28.26A10.76,10.76,0,0,0,23.59,107h75.7a10.87,10.87,0,0,0,10.82-10.82V23.59A10.86,10.86,0,0,0,99.29,12.77Z'/%3E%3C/svg%3E") center no-repeat;
897
- }
898
-
899
- .slick-group-toggle.collapsed {
900
- background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 122.88 119.72' style='enable-background:new 0 0 122.88 119.72' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M22.72,0h77.45c6.25,0,11.93,2.56,16.05,6.67c4.11,4.11,6.67,9.79,6.67,16.05v74.29c0,6.25-2.56,11.93-6.67,16.05 l-0.32,0.29c-4.09,3.94-9.64,6.38-15.73,6.38H22.72c-6.25,0-11.93-2.56-16.05-6.67l-0.3-0.32C2.43,108.64,0,103.09,0,97.01V22.71 c0-6.25,2.55-11.93,6.67-16.05C10.78,2.55,16.46,0,22.72,0L22.72,0z M55.47,38.34c0-3.3,2.67-5.97,5.97-5.97 c3.3,0,5.97,2.67,5.97,5.97v15.55h15.55c3.3,0,5.97,2.67,5.97,5.97c0,3.3-2.67,5.97-5.97,5.97H67.41v15.55 c0,3.3-2.67,5.97-5.97,5.97c-3.3,0-5.97-2.67-5.97-5.97V65.83H39.91c-3.3,0-5.97-2.67-5.97-5.97c0-3.3,2.67-5.97,5.97-5.97h15.55 V38.34L55.47,38.34z M100.16,10.24H22.72c-3.43,0-6.54,1.41-8.81,3.67c-2.26,2.26-3.67,5.38-3.67,8.81v74.29 c0,3.33,1.31,6.35,3.43,8.59l0.24,0.22c2.26,2.26,5.38,3.67,8.81,3.67h77.45c3.32,0,6.35-1.31,8.59-3.44l0.21-0.23 c2.26-2.26,3.67-5.38,3.67-8.81V22.71c0-3.42-1.41-6.54-3.67-8.81C106.71,11.65,103.59,10.24,100.16,10.24L100.16,10.24z'/%3E%3C/g%3E%3C/svg%3E") center no-repeat;
901
- }
902
-
903
- .slick-group-totals {
904
- color: gray;
905
- background: #fff;
906
- }
907
-
908
- .slick-group-select-checkbox {
909
- width: 13px;
910
- height: 13px;
911
- margin: 3px 10px 0 0;
912
- display: inline-block;
913
- }
914
-
915
- .slick-cell.selected {
916
- background-color: #cde6f7;
917
- }
918
-
919
- .slick-cell.active {
920
- border-style: solid;
921
- border-color: #017dbe;
922
- }
923
-
924
- .slick-sortable-placeholder {
925
- background: silver !important;
926
- }
927
-
928
- .slick-row.odd {
929
- background: #ededed;
930
- }
931
-
932
- .slick-row.ui-state-active {
933
- background: #f5f7d7;
934
- }
935
-
936
- .slick-row.loading {
937
- opacity: .5;
938
- filter: alpha(opacity= 50);
939
- }
940
-
941
- .slick-cell.invalid {
942
- border-color: red;
943
- animation-name: slickgrid-invalid-hilite;
944
- animation-duration: .2s;
945
- }
946
-
947
- @keyframes slickgrid-invalid-hilite {
948
- from {
949
- box-shadow: 0 0 6px red;
950
- }
951
-
952
- to {
953
- box-shadow: none;
954
- }
955
- }
956
-
957
- .new-row .slick-cell {
958
- background: #3b99ff55;
959
- border-top: 1px solid #aaa;
960
- }
961
-
962
- .slick-header-menubutton {
963
- cursor: pointer;
964
- background-image: url("data:image/gif;base64,R0lGODlhDgAOAIABADtKYwAAACH5BAEAAAEALAAAAAAOAA4AAAISjI+py+0PHZgUsGobhTn6DxoFADs=");
965
- background-position: 0;
966
- background-repeat: no-repeat;
967
- border-left: thin ridge silver;
968
- width: 14px;
969
- display: none;
970
- position: absolute;
971
- top: 0;
972
- bottom: 0;
973
- right: 0;
974
- }
975
-
976
- .slick-header-menubutton.resize-offset {
977
- right: .5rem;
978
- }
979
-
980
- .slick-header-column:hover > .slick-header-menubutton, .slick-header-column-active .slick-header-menubutton {
981
- display: inline-block;
982
- }
983
-
984
- .slick-header-menu {
985
- cursor: default;
986
- margin: 0;
987
- padding: 2px;
988
- display: inline-block;
989
- position: absolute;
990
- }
991
-
992
- .slick-header-menuitem {
993
- cursor: pointer;
994
- margin: 0;
995
- padding: 0;
996
- list-style: none;
997
- }
998
-
999
- .slick-header-menuicon {
1000
- vertical-align: middle;
1001
- background-position: center;
1002
- background-repeat: no-repeat;
1003
- width: 16px;
1004
- height: 16px;
1005
- margin-right: 4px;
1006
- display: inline-block;
1007
- }
1008
-
1009
- .slick-header-menucontent {
1010
- vertical-align: middle;
1011
- display: inline-block;
1012
- }
1013
-
1014
- .slick-header-menuitem-disabled {
1015
- color: silver;
1016
- }
1017
-
1018
- .slick-header-menuitem.slick-header-menuitem-divider {
1019
- cursor: default;
1020
- background-color: #cecece;
1021
- border: none;
1022
- height: 1px;
1023
- margin: 8px 2px;
1024
- padding: 0;
1025
- overflow: hidden;
1026
- }
1027
-
1028
- .slick-header-menuitem-divider.slick-header-menuitem:hover {
1029
- background-color: #cecece;
1030
- }
1031
-
1032
- .slick-header-menu {
1033
- z-index: 20;
1034
- background: #fff;
1035
- border: 1px solid #bebebe;
1036
- padding: 2px;
1037
- box-shadow: 2px 2px 2px silver;
1038
- }
1039
-
1040
- .slick-header-menuitem {
1041
- border-radius: 3px;
1042
- padding: 2px 4px;
1043
- }
1044
-
1045
- .slick-header-menuitem:hover {
1046
- color: #fff;
1047
- background: #3b99ff;
1048
- }
1049
-
1050
- .slick-header-menuitem-disabled {
1051
- background: inherit !important;
1052
- border-color: #0000 !important;
1053
- }
1054
-
1055
- .slick-column-name, .slick-sort-indicator {
1056
- float: left;
1057
- margin-bottom: 100px;
1058
- display: inline-block;
1059
- }
1060
-
1061
- .slick-header-button {
1062
- float: right;
1063
- vertical-align: top;
1064
- cursor: pointer;
1065
- background-position: center;
1066
- background-repeat: no-repeat;
1067
- width: 15px;
1068
- height: 15px;
1069
- margin: 1px 2rem 100px 1px;
1070
- display: inline-block;
1071
- }
1072
-
1073
- .slick-header-button-hidden {
1074
- width: 0;
1075
- transition: width .2s;
1076
- }
1077
-
1078
- .slick-header-column:hover > .slick-header-button {
1079
- width: 15px;
1080
- }
1081
-
1082
- .v-r-comp, .v-r-comp .v-r-child > * {
1083
- height: 100%;
1084
- }
1085
-
1086
- .cell-reorder {
1087
- cursor: move;
1088
- background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAADAFBMVEUAAACWlpbY2NgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADmpIfcAAABAHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AU/cHJQAAABlJREFUCNdj+I8EGFA5jHAA5DDBAW2VIQEAmyRUB6U7kZIAAAAASUVORK5CYII=");
1089
- background-position: center;
1090
- background-repeat: no-repeat;
1091
- }
1092
-
1093
- .header-overlay {
1094
- background-color: #217346;
1095
- }
1096
-
1097
- .cell-overlay, .selection-cell-overlay {
1098
- z-index: 20;
1099
- background-color: #217346;
1100
- display: block;
1101
- position: absolute;
1102
- }
1103
-
1104
- .handle-overlay {
1105
- z-index: 20;
1106
- cursor: crosshair;
1107
- background-color: #217346;
1108
- border: 1px solid #fff;
1109
- width: 2px;
1110
- height: 2px;
1111
- padding: 3px;
1112
- position: absolute;
1113
- }
1114
-
1115
- .overlay-handle-decorator {
1116
- z-index: 20;
1117
- border: 2px solid #217346;
1118
- }
1119
-
1120
- .select-comp {
1121
- box-sizing: border-box;
1122
- vertical-align: middle;
1123
- border: 1px solid #bdbdbd;
1124
- border-radius: .2rem;
1125
- min-width: 8rem;
1126
- height: 1.6rem;
1127
- padding-left: .2rem;
1128
- line-height: 1.6rem;
1129
- display: inline-block;
1130
- position: relative;
1131
- }
1132
-
1133
- .select-comp.expanded {
1134
- border-color: #3b99ff;
1135
- }
1136
-
1137
- .select-comp.disabled {
1138
- color: #999;
1139
- }
1140
-
1141
- .select-comp .sel-result .clear-btn {
1142
- color: #999;
1143
- cursor: pointer;
1144
- opacity: .3;
1145
- z-index: 10;
1146
- background: none;
1147
- border: none;
1148
- font-family: sans-serif;
1149
- font-size: 1.4rem;
1150
- font-weight: bold;
1151
- line-height: 1.4rem;
1152
- position: absolute;
1153
- top: 0;
1154
- right: 1.2rem;
1155
- }
1156
-
1157
- .select-comp .sel-result .clear-btn:not([disabled]):hover {
1158
- color: #d00000;
1159
- }
1160
-
1161
- .select-comp .sel-result:hover .clear-btn:not([disabled]) {
1162
- opacity: 1;
1163
- }
1164
-
1165
- .select-comp .sel-expander {
1166
- box-sizing: border-box;
1167
- text-align: center;
1168
- opacity: .7;
1169
- cursor: pointer;
1170
- background: #fff;
1171
- border: none;
1172
- border-top-right-radius: .2rem;
1173
- border-bottom-right-radius: .2rem;
1174
- width: 1.5rem;
1175
- font-size: .65em;
1176
- position: absolute;
1177
- top: 0;
1178
- bottom: 0;
1179
- right: 0;
1180
- }
1181
-
1182
- .select-comp .sel-expander:focus {
1183
- color: #fff;
1184
- background: #3b9aff;
1185
- outline: 0;
1186
- }
1187
-
1188
- .select-comp .sel-expander:before {
1189
- content: "";
1190
- box-sizing: content-box;
1191
- border-left: 1px solid #bdbdbd;
1192
- width: 0;
1193
- margin: 0;
1194
- padding: 0;
1195
- display: block;
1196
- position: absolute;
1197
- top: 2px;
1198
- bottom: 2px;
1199
- left: 0;
1200
- }
1201
-
1202
- .select-comp .sel-dd-item {
1203
- white-space: nowrap;
1204
- height: 100%;
1205
- margin-right: 2.6rem;
1206
- display: block;
1207
- overflow: hidden;
1208
- }
1209
-
1210
- .select-comp:hover .sel-expander {
1211
- opacity: 1;
1212
- background: #dadada;
1213
- }
1214
-
1215
- .sel-comp-dd {
1216
- box-sizing: border-box;
1217
- z-index: 2010;
1218
- background: #fff;
1219
- position: absolute;
1220
- }
1221
-
1222
- .sel-comp-dd > div {
1223
- box-sizing: border-box;
1224
- white-space: nowrap;
1225
- cursor: pointer;
1226
- border: 1px solid #bcbcbc;
1227
- border-radius: 2px;
1228
- position: absolute;
1229
- inset: 0;
1230
- overflow: hidden;
1231
- }
1232
-
1233
- .sel-comp-dd .sel-search {
1234
- box-sizing: border-box;
1235
- height: 1.8rem;
1236
- padding: .1rem;
1237
- overflow: hidden;
1238
- }
1239
-
1240
- .sel-comp-dd .sel-search > input {
1241
- box-sizing: border-box;
1242
- border: none;
1243
- border-bottom: 2px solid #c8c8c8;
1244
- width: calc(100% - 4px);
1245
- height: 1.6rem;
1246
- margin: 0 2px;
1247
- line-height: 1.6rem;
1248
- }
1249
-
1250
- .sel-comp-dd .sel-search > input:focus {
1251
- outline: none;
1252
- }
1253
-
1254
- .sel-comp-dd .sel-dd-item:not(.sel-dd-group):hover {
1255
- background: #d0d0d0;
1256
- }
1257
-
1258
- .sel-comp-dd .sel-dd-items .focused {
1259
- background: #cce8ff;
1260
- }
1261
-
1262
- .sel-comp-dd .sel-dd-items .selected {
1263
- background: #3b99ff;
1264
- }
1265
-
1266
- .sel-comp-dd .sel-dd-items.multiple .sel-dd-item {
1267
- padding-left: 1rem;
1268
- }
1269
-
1270
- .sel-comp-dd .sel-dd-items.multiple .sel-dd-item.selected:before {
1271
- content: "✓";
1272
- color: #404040;
1273
- font-weight: bold;
1274
- position: absolute;
1275
- left: 0;
1276
- }
1277
-
1278
- .sel-comp-dd .sel-dd-item {
1279
- height: 100%;
1280
- line-height: 26px;
1281
- }
1282
-
1283
- .sel-comp-dd .sel-dd-group {
1284
- text-align: center;
1285
- background: #e0e0e0;
1286
- font-weight: bold;
1287
- }
1288
-
1289
- .autocomplete-suggestions {
1290
- text-align: left;
1291
- cursor: default;
1292
- z-index: 9999;
1293
- box-sizing: border-box;
1294
- background: #fff;
1295
- border: 1px solid #ccc;
1296
- border-top: 0;
1297
- max-height: 254px;
1298
- display: none;
1299
- position: absolute;
1300
- overflow: hidden auto;
1301
- box-shadow: -1px 1px 3px #0000001a;
1302
- }
1303
-
1304
- .autocomplete-suggestion {
1305
- white-space: nowrap;
1306
- text-overflow: ellipsis;
1307
- color: #333;
1308
- padding: 0 .6em;
1309
- font-size: 1.02em;
1310
- line-height: 23px;
1311
- position: relative;
1312
- overflow: hidden;
1313
- }
1314
-
1315
- .autocomplete-suggestion b {
1316
- color: #1f8dd6;
1317
- font-weight: normal;
1318
- }
1319
-
1320
- .autocomplete-suggestion.selected {
1321
- background: #f0f0f0;
1322
- }
1323
-
1324
- .progress-comp {
1325
- background: #bbb;
1326
- border-radius: 2px;
1327
- height: 1rem;
1328
- position: relative;
1329
- }
1330
-
1331
- .progress-comp .bar {
1332
- text-align: center;
1333
- background: #3b99ff;
1334
- border-radius: 2px;
1335
- height: 100%;
1336
- }
1337
-
1338
- .time-comp {
1339
- text-align: right;
1340
- width: 4em;
1341
- }
1342
-
1343
- .date-time-comp {
1344
- display: inline-block;
1345
- }
1346
-
1347
- .date-time-comp input:first-child {
1348
- width: 6em;
1349
- }
1350
-
1351
- .expander-comp {
1352
- box-shadow: 0 1px 2px #0003, 0 1px 2px #0000001a;
1353
- }
1354
-
1355
- .expander-comp .header {
1356
- color: #fff;
1357
- background: #3b99ff;
1358
- border-radius: .3rem;
1359
- align-content: center;
1360
- align-items: center;
1361
- min-height: 1.5rem;
1362
- line-height: 1.5rem;
1363
- display: flex;
1364
- }
1365
-
1366
- .expander-comp .header .toggler {
1367
- cursor: pointer;
1368
- background: #3b99ff;
1369
- border-top-left-radius: .3rem;
1370
- border-bottom-left-radius: .3rem;
1371
- display: inline-block;
1372
- }
1373
-
1374
- .expander-comp .header .toggler:hover {
1375
- color: #000;
1376
- background: #6bb1fc;
1377
- }
1378
-
1379
- .expander-comp .header .content {
1380
- cursor: pointer;
1381
- border-top-right-radius: .3rem;
1382
- border-bottom-right-radius: .3rem;
1383
- flex-grow: 1;
1384
- padding-left: .6em;
1385
- display: inline-block;
1386
- }
1387
-
1388
- .expander-comp .header:hover {
1389
- color: #000;
1390
- background: #6bb1fc;
1391
- }
1392
-
1393
- .expander-comp .expand-collapse-icon {
1394
- color: #fff;
1395
- opacity: .8;
1396
- padding: 0 .2rem;
1397
- top: .2rem;
1398
- }
1399
-
1400
- .lds-dual-ring {
1401
- width: 1em;
1402
- height: 1em;
1403
- display: inline-block;
1404
- }
1405
-
1406
- .lds-dual-ring:after {
1407
- content: " ";
1408
- border: .08em solid #444;
1409
- border-color: #444 #0000;
1410
- border-radius: 50%;
1411
- width: .75em;
1412
- height: .75em;
1413
- margin: .2em;
1414
- animation: 1.2s linear infinite lds-dual-ring;
1415
- display: block;
1416
- }
1417
-
1418
- @keyframes lds-dual-ring {
1419
- 0% {
1420
- transform: rotate(0);
1421
- }
1422
-
1423
- 100% {
1424
- transform: rotate(360deg);
1425
- }
1426
- }
1427
-
1428
- .form-field {
1429
- margin-bottom: 16px;
1430
- display: block;
1431
- }
1432
-
1433
- .form-field .failed__valid .form-field__input {
1434
- border-color: #c00 !important;
1435
- }
1436
-
1437
- .form-field .failed__valid .form-field__label {
1438
- color: #a00 !important;
1439
- }
1440
-
1441
- .form-field--is-active .form-field__control:after {
1442
- border-bottom: 2px solid #3b99ff;
1443
- transform: scaleX(150);
1444
- }
1445
-
1446
- .form-field--is-active .form-field__label {
1447
- color: #3b99ff;
1448
- font-size: .7em;
1449
- transform: translateY(-14px);
1450
- }
1451
-
1452
- .form-field--is-filled .form-field__label {
1453
- font-size: .7em;
1454
- transform: translateY(-14px);
1455
- }
1456
-
1457
- .form-field__label {
1458
- color: #606060;
1459
- width: 100%;
1460
- margin: 0;
1461
- padding: 1rem .5rem 0;
1462
- font-weight: normal;
1463
- transition: all .4s;
1464
- display: block;
1465
- position: absolute;
1466
- top: 0;
1467
- left: 0;
1468
- }
1469
-
1470
- .form-field__control {
1471
- background: #f6f6f6;
1472
- border-radius: .3rem .3rem 0 0;
1473
- width: 100%;
1474
- position: relative;
1475
- overflow: hidden;
1476
- }
1477
-
1478
- .form-field__control:after {
1479
- content: "";
1480
- border-bottom: 2px solid #3b99ff;
1481
- width: 1%;
1482
- margin: 0 auto;
1483
- transition: all .4s;
1484
- display: block;
1485
- position: absolute;
1486
- bottom: 0;
1487
- left: 0;
1488
- right: 0;
1489
- transform: scaleX(0);
1490
- }
1491
-
1492
- .form-field__input, .form-field__textarea {
1493
- box-sizing: border-box;
1494
- appearance: none;
1495
- color: #333;
1496
- background: none;
1497
- border: none;
1498
- border-bottom: 1px solid #999;
1499
- outline: 0;
1500
- width: 100%;
1501
- margin-top: 1.3rem;
1502
- padding: 0 .3rem .2rem;
1503
- display: block;
1504
- }
1505
-
1506
- .treeview-comp .tv-ul {
1507
- padding-left: 1em;
1508
- list-style: none;
1509
- }
1510
-
1511
- .treeview-comp .tv-input, .treeview-comp .tv-input:checked ~ ul {
1512
- display: none;
1513
- }
1514
-
1515
- .treeview-comp .tv-input ~ label {
1516
- cursor: pointer;
1517
- position: relative;
1518
- }
1519
-
1520
- .treeview-comp .tv-input ~ label:before {
1521
- content: "";
1522
- border: 4px solid #32323280;
1523
- border-color: #0000 #32323280 #32323280 #0000;
1524
- width: 0;
1525
- height: 0;
1526
- margin-top: .4em;
1527
- margin-left: -1em;
1528
- position: absolute;
1529
- }
1530
-
1531
- .treeview-comp .tv-input:checked ~ label:before {
1532
- border-width: 5px;
1533
- border-color: #0000 #0000 #0000 #32323280;
1534
- margin-left: -.8em;
1535
- }
1536
-
1537
- .stabcomponent .tab-header-row {
1538
- display: flex;
1539
- }
1540
-
1541
- .stabcomponent .tab-header-row .tab-item {
1542
- box-sizing: border-box;
1543
- vertical-align: middle;
1544
- vertical-align: -webkit-baseline-middle;
1545
- vertical-align: -moz-middle-with-baseline;
1546
- cursor: pointer;
1547
- border: 1px solid silver;
1548
- border-bottom-color: #ddd;
1549
- border-radius: 4px 4px 0 0;
1550
- margin-right: .1rem;
1551
- padding: .5rem;
1552
- text-decoration: none;
1553
- display: inline-block;
1554
- }
1555
-
1556
- .stabcomponent .tab-header-row .tab-item:hover {
1557
- color: #000;
1558
- background: #c9e2f9;
1559
- }
1560
-
1561
- .stabcomponent .tab-header-row .tab-item .close-button {
1562
- color: #000;
1563
- cursor: pointer;
1564
- float: right;
1565
- text-align: center;
1566
- background: linear-gradient(#d9d8d6, #d9d8d6);
1567
- border: 1px solid #88898d;
1568
- border-radius: .2rem;
1569
- min-width: 1rem;
1570
- margin-left: .5rem;
1571
- margin-right: -.5rem;
1572
- padding: .3rem;
1573
- }
1574
-
1575
- .stabcomponent .tab-header-row .tab-item .close-button:hover {
1576
- color: #000;
1577
- background: linear-gradient(#ff634b, #ff3313);
1578
- border-color: #000;
1579
- }
1580
-
1581
- .stabcomponent .tab-header-row .active {
1582
- cursor: default;
1583
- color: #fff;
1584
- background: #3b99ff;
1585
- border: 1px solid #747474;
1586
- border-bottom-color: #0000;
1587
- font-weight: bold;
1588
- }
1589
-
1590
- .stabcomponent .tab-header-row .disabled {
1591
- cursor: default;
1592
- color: #88898d;
1593
- background: #d9d8d6;
1594
- }
1595
-
1596
- .stabcomponent .tab-header-row .disabled:hover {
1597
- color: #88898d;
1598
- background: #d9d8d6;
1599
- }
1600
-
1601
- .stabcomponent .tab-content {
1602
- border: 1px solid silver;
1603
- max-height: calc(100vh - 9.6rem);
1604
- overflow: auto;
1605
- }
1606
-
1607
- .stabcomponent .tab-hidden {
1608
- display: none;
1609
- }
1610
-
1611
- @keyframes checkbox-comp-hover-color {
1612
- from {
1613
- border-color: silver;
1614
- }
1615
-
1616
- to {
1617
- border-color: #3b99ff;
1618
- }
1619
- }
1620
-
1621
- .checkbox-comp {
1622
- display: none;
1623
- position: absolute;
1624
- }
1625
-
1626
- .checkbox-comp[disabled] {
1627
- cursor: not-allowed;
1628
- }
1629
-
1630
- .checkbox-comp + label {
1631
- cursor: pointer;
1632
- vertical-align: middle;
1633
- padding-left: 1.5em;
1634
- position: relative;
1635
- }
1636
-
1637
- .checkbox-comp + label:hover:before {
1638
- animation-name: checkbox-comp-hover-color;
1639
- animation-duration: .4s;
1640
- animation-fill-mode: both;
1641
- }
1642
-
1643
- .checkbox-comp + label:before {
1644
- content: "";
1645
- border: 1px solid silver;
1646
- width: 1em;
1647
- height: 1em;
1648
- display: inline-block;
1649
- position: absolute;
1650
- top: 0;
1651
- left: 0;
1652
- }
1653
-
1654
- .checkbox-comp + label:after {
1655
- content: "";
1656
- display: none;
1657
- position: absolute;
1658
- }
1659
-
1660
- .checkbox-comp[disabled] + label, .checkbox-comp[disabled] + label:hover, .checkbox-comp[disabled] + label:before, .checkbox-comp[disabled] + label:after {
1661
- cursor: not-allowed;
1662
- }
1663
-
1664
- .checkbox-comp[disabled] + label:hover:before {
1665
- border: 1px solid silver;
1666
- animation-name: none;
1667
- }
1668
-
1669
- .checkbox-comp[disabled] + label:before {
1670
- border-color: silver;
1671
- }
1672
-
1673
- .checkbox-comp:checked + label:before {
1674
- animation-name: none;
1675
- }
1676
-
1677
- .checkbox-comp:checked + label:after {
1678
- display: block;
1679
- }
1680
-
1681
- .checkbox-comp + label:before {
1682
- border-radius: .2em;
1683
- }
1684
-
1685
- .checkbox-comp + label:after {
1686
- box-sizing: border-box;
1687
- border: .15em solid #fff;
1688
- border-top: 0;
1689
- border-left: 0;
1690
- width: .5em;
1691
- height: .7em;
1692
- top: .1em;
1693
- left: .3em;
1694
- transform: rotate(45deg);
1695
- }
1696
-
1697
- .checkbox-comp:checked + label:before {
1698
- background: #3b99ff;
1699
- border-color: #3b99ff;
1700
- }
1701
-
1702
- .checkbox-comp:checked[disabled] + label:before {
1703
- background: #c9e2f9;
1704
- border-color: #c9e2f9;
1705
- }
1706
-
1707
- .stackpanel-comp.hstackpanel {
1708
- position: relative;
1709
- }
1710
-
1711
- @media (width <= 70em) {
1712
- .stackpanel-comp.hstackpanel.responsive > div {
1713
- width: auto !important;
1714
- }
1715
- }
1716
-
1717
- .stackpanel-comp.hstackpanel:not(.responsive) {
1718
- width: 100%;
1719
- display: flex;
1720
- position: relative;
1721
- }
1722
-
1723
- @media (width >= 70em) {
1724
- .stackpanel-comp.hstackpanel {
1725
- width: 100%;
1726
- display: flex;
1727
- position: relative;
1728
- }
1729
- }
1730
-
1731
- .stackpanel-comp.wrap {
1732
- flex-wrap: wrap;
1733
- }
1734
-
1735
- .stackpanel-comp.vstackpanel {
1736
- position: relative;
1737
- }
1738
-
1739
- .stackpanel-comp.vstackpanel > div {
1740
- flex-direction: column;
1741
- flex: auto;
1742
- height: 100%;
1743
- display: flex;
1744
- }
1745
-
1746
- .stackpanel-comp.hstackpanel > .split-comp {
1747
- cursor: w-resize;
1748
- background: #d5d5d5;
1749
- position: relative;
1750
- width: 14px !important;
1751
- }
1752
-
1753
- .stackpanel-comp.hstackpanel > .split-comp:before {
1754
- content: "";
1755
- background: #696969;
1756
- border-radius: 3px;
1757
- width: 7px;
1758
- height: 4rem;
1759
- position: absolute;
1760
- top: calc(50% - 2rem);
1761
- left: 3px;
1762
- }
1763
-
1764
- .stackpanel-comp.hstackpanel > .split-comp:hover {
1765
- box-shadow: 0 0 3px 2px #0000004d;
1766
- }
1767
-
1768
- .stackpanel-comp.vstackpanel > .split-comp {
1769
- cursor: n-resize;
1770
- background: #d5d5d5;
1771
- flex-grow: 0;
1772
- flex-basis: 14px;
1773
- position: relative;
1774
- height: 14px !important;
1775
- }
1776
-
1777
- .stackpanel-comp.vstackpanel > .split-comp:before {
1778
- content: "";
1779
- background: #696969;
1780
- border-radius: 3px;
1781
- width: 4rem;
1782
- height: 7px;
1783
- position: absolute;
1784
- top: 3px;
1785
- left: calc(50% - 2rem);
1786
- }
1787
-
1788
- .stackpanel-comp.vstackpanel > .split-comp:hover {
1789
- box-shadow: 0 0 3px 2px #0000004d;
1790
- }
1791
-
1792
- .slick-cell .jsl-toggle {
1793
- color: #888;
1794
- box-sizing: border-box;
1795
- cursor: pointer;
1796
- width: 1.2em;
1797
- height: 100%;
1798
- display: inline-block;
1799
- }
1800
-
1801
- .slick-cell .jsl-toggle-spacer {
1802
- box-sizing: border-box;
1803
- min-width: 1.2em;
1804
- display: inline-block;
1805
- }
1806
-
1807
- .slick-cell .jsl-indent {
1808
- display: inline-block;
1809
- position: relative;
1810
- }
1811
-
1812
- .nav-comp {
1813
- line-height: 1.9rem;
1814
- }
1815
-
1816
- .nav-comp .dropdown ul {
1817
- border-bottom-right-radius: 6px;
1818
- border-bottom-left-radius: 6px;
1819
- }
1820
-
1821
- .nav-comp .luxbar-default {
1822
- z-index: 1010;
1823
- width: 100%;
1824
- position: relative;
1825
- box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
1826
- }
1827
-
1828
- .nav-comp .luxbar-static {
1829
- z-index: 1010;
1830
- width: 100%;
1831
- position: absolute;
1832
- top: 0;
1833
- left: 0;
1834
- box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
1835
- }
1836
-
1837
- .nav-comp .luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu {
1838
- position: absolute;
1839
- }
1840
-
1841
- .nav-comp .luxbar-fixed {
1842
- z-index: 1010;
1843
- width: 100%;
1844
- position: fixed;
1845
- top: 0;
1846
- left: 0;
1847
- box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
1848
- }
1849
-
1850
- .nav-comp .luxbar-fixed-bottom {
1851
- z-index: 1010;
1852
- width: 100%;
1853
- position: fixed;
1854
- bottom: 0;
1855
- left: 0;
1856
- box-shadow: 0 1px 3px #0000001f, 0 1px 2px #0000003d;
1857
- }
1858
-
1859
- .nav-comp .luxbar-hamburger span, .nav-comp .luxbar-hamburger span:before, .nav-comp .luxbar-hamburger span:after {
1860
- width: 26px;
1861
- height: 2px;
1862
- transition: all .6s;
1863
- display: block;
1864
- }
1865
-
1866
- .nav-comp .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span {
1867
- background-color: #0000;
1868
- }
1869
-
1870
- .nav-comp .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span:before, .nav-comp .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span:after {
1871
- margin-top: 0;
1872
- }
1873
-
1874
- .nav-comp .luxbar-header {
1875
- flex-direction: row;
1876
- justify-content: space-between;
1877
- align-items: center;
1878
- height: 58px;
1879
- display: flex;
1880
- }
1881
-
1882
- .nav-comp .luxbar-menu-left .luxbar-navigation, .nav-comp .luxbar-menu-left .luxbar-header {
1883
- justify-content: flex-start;
1884
- }
1885
-
1886
- .nav-comp .luxbar-menu-right .luxbar-hamburger {
1887
- margin-left: auto;
1888
- }
1889
-
1890
- .nav-comp .luxbar-brand {
1891
- padding: 18px 24px;
1892
- font-size: 1.6em;
1893
- }
1894
-
1895
- .nav-comp .luxbar-menu {
1896
- width: 100%;
1897
- min-height: 58px;
1898
- transition: all .6s;
1899
- }
1900
-
1901
- .nav-comp .luxbar-navigation {
1902
- flex-direction: column;
1903
- margin: 0;
1904
- padding-left: 0;
1905
- list-style: none;
1906
- display: flex;
1907
- }
1908
-
1909
- .nav-comp .luxbar-menu a, .nav-comp .luxbar-item a {
1910
- color: inherit;
1911
- cursor: pointer;
1912
- text-decoration: none;
1913
- }
1914
-
1915
- .nav-comp .luxbar-item {
1916
- height: 58px;
1917
- }
1918
-
1919
- .nav-comp .luxbar-item a {
1920
- padding: 18px 24px;
1921
- display: block;
1922
- }
1923
-
1924
- .nav-comp .luxbar-hamburger {
1925
- cursor: pointer;
1926
- padding: 18px 24px;
1927
- position: absolute;
1928
- right: 0;
1929
- }
1930
-
1931
- .nav-comp .luxbar-hamburger span:before, .nav-comp .luxbar-hamburger span:after {
1932
- content: "";
1933
- position: absolute;
1934
- }
1935
-
1936
- .nav-comp .luxbar-hamburger span:before {
1937
- margin-top: -8px;
1938
- }
1939
-
1940
- .nav-comp .luxbar-hamburger span:after {
1941
- margin-top: 8px;
1942
- }
1943
-
1944
- .nav-comp .luxbar-checkbox {
1945
- display: none;
1946
- }
1947
-
1948
- .nav-comp .luxbar-checkbox:not(:checked) ~ .luxbar-menu {
1949
- height: 58px;
1950
- overflow: hidden;
1951
- }
1952
-
1953
- .nav-comp .luxbar-checkbox:checked ~ .luxbar-menu {
1954
- height: 100vh;
1955
- transition: height .6s;
1956
- overflow: auto;
1957
- }
1958
-
1959
- .nav-comp .dropdown {
1960
- height: auto;
1961
- min-height: 58px;
1962
- position: relative;
1963
- }
1964
-
1965
- .nav-comp .dropdown:hover > ul {
1966
- min-width: 100%;
1967
- display: block;
1968
- position: relative;
1969
- }
1970
-
1971
- .nav-comp .dropdown > a:after {
1972
- content: "";
1973
- border: 5px solid #0000;
1974
- border-bottom-width: 0;
1975
- position: absolute;
1976
- top: 25px;
1977
- right: 10px;
1978
- }
1979
-
1980
- .nav-comp .dropdown > ul {
1981
- padding: 0;
1982
- list-style: none;
1983
- display: block;
1984
- overflow-x: hidden;
1985
- }
1986
-
1987
- .nav-comp .dropdown > ul .luxbar-item {
1988
- min-width: 100%;
1989
- height: 29px;
1990
- padding: 5px 10px 5px 40px;
1991
- }
1992
-
1993
- .nav-comp .dropdown > ul .luxbar-item a {
1994
- min-height: 29px;
1995
- padding: 0;
1996
- line-height: 29px;
1997
- }
1998
-
1999
- @media screen and (width >= 768px) {
2000
- .nav-comp .luxbar-navigation {
2001
- flex-flow: row;
2002
- justify-content: flex-end;
2003
- }
2004
-
2005
- .nav-comp .luxbar-hamburger {
2006
- display: none;
2007
- }
2008
-
2009
- .nav-comp .luxbar-checkbox:not(:checked) ~ .luxbar-menu {
2010
- overflow: visible;
2011
- }
2012
-
2013
- .nav-comp .luxbar-checkbox:checked ~ .luxbar-menu {
2014
- height: 58px;
2015
- }
2016
-
2017
- .nav-comp .luxbar-menu .luxbar-item {
2018
- border-top: 0;
2019
- }
2020
-
2021
- .nav-comp .luxbar-menu-right .luxbar-header {
2022
- margin-right: auto;
2023
- }
2024
-
2025
- .nav-comp .dropdown {
2026
- height: 58px;
2027
- }
2028
-
2029
- .nav-comp .dropdown:hover > ul {
2030
- padding: 0;
2031
- position: absolute;
2032
- top: 58px;
2033
- left: 0;
2034
- }
2035
-
2036
- .nav-comp .dropdown > ul {
2037
- display: none;
2038
- }
2039
-
2040
- .nav-comp .dropdown > ul .luxbar-item {
2041
- padding: 5px 10px;
2042
- }
2043
-
2044
- .nav-comp .dropdown > ul .luxbar-item a {
2045
- white-space: nowrap;
2046
- }
2047
- }
2048
-
2049
- .nav-comp .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span:before {
2050
- transform: rotate(225deg);
2051
- }
2052
-
2053
- .nav-comp .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span:after {
2054
- transform: rotate(-225deg);
2055
- }
2056
-
2057
- .nav-comp .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span:before {
2058
- transform: rotate(45deg);
2059
- }
2060
-
2061
- .nav-comp .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span:after {
2062
- transform: rotate(-45deg);
2063
- }
2064
-
2065
- .nav-comp .luxbar-menu-dark, .nav-comp .luxbar-menu-dark .dropdown ul {
2066
- color: #fff;
2067
- background-color: #212121;
2068
- }
2069
-
2070
- .nav-comp .luxbar-menu-dark .active, .nav-comp .luxbar-menu-dark .luxbar-item:hover {
2071
- background-color: #424242;
2072
- }
2073
-
2074
- .nav-comp .luxbar-menu-dark .luxbar-hamburger span, .nav-comp .luxbar-menu-dark .luxbar-hamburger span:before, .nav-comp .luxbar-menu-dark .luxbar-hamburger span:after {
2075
- background-color: #fff;
2076
- }
2077
-
2078
- .nav-comp .luxbar-menu-light {
2079
- color: #212121;
2080
- background-color: #e0e0e0;
2081
- }
2082
-
2083
- .nav-comp .luxbar-menu-light .dropdown ul {
2084
- color: #212121;
2085
- background-color: #fff;
2086
- box-shadow: 0 4px 3px #0000005c;
2087
- }
2088
-
2089
- .nav-comp .luxbar-menu-light .dropdown ul li:not(:last-child) {
2090
- border-bottom: 1px solid #e0e0e0;
2091
- }
2092
-
2093
- .nav-comp .luxbar-menu-light .active, .nav-comp .luxbar-menu-light .luxbar-item:hover {
2094
- background-color: #bdbdbd;
2095
- }
2096
-
2097
- .nav-comp .luxbar-menu-light .luxbar-hamburger span, .nav-comp .luxbar-menu-light .luxbar-hamburger span:before, .nav-comp .luxbar-menu-light .luxbar-hamburger span:after {
2098
- background-color: #212121;
2099
- }
2100
-
2101
- .ribbon-menu-comp {
2102
- box-sizing: border-box;
2103
- background: linear-gradient(90deg, #fff 0%, #f6f6f6 20% 80%, #fff 100%);
2104
- border-top: 1px solid #c9c9c9;
2105
- border-bottom: 1px solid #c9c9c9;
2106
- flex-shrink: 0;
2107
- height: 3.9rem;
2108
- padding: .3rem;
2109
- position: relative;
2110
- }
2111
-
2112
- .ribbon-menu-comp .ribbon-group {
2113
- box-sizing: border-box;
2114
- vertical-align: middle;
2115
- border-right: 1px solid #c9c9c9;
2116
- height: 100%;
2117
- padding: 0 .6rem;
2118
- display: inline-block;
2119
- position: relative;
2120
- }
2121
-
2122
- .ribbon-menu-comp .jsl-button {
2123
- margin: .1rem;
2124
- padding-left: .25rem;
2125
- padding-right: .25rem;
2126
- display: inline-block;
2127
- }
2128
-
2129
- .ribbon-menu-comp .ribbon-group > .jsl-button > img {
2130
- height: 1rem;
2131
- }
2132
-
2133
- .ribbon-menu-comp .ribbon-legend {
2134
- text-align: center;
2135
- color: #444;
2136
- font-size: .8em;
2137
- position: absolute;
2138
- bottom: 0;
2139
- left: 1px;
2140
- right: 1px;
2141
- }
2142
-
2143
- .jsl-overlay-overlay {
2144
- z-index: 2001;
2145
- background: #fff9;
2146
- height: 100vh;
2147
- position: fixed;
2148
- inset: 0;
2149
- }
2150
-
2151
- .overl-header {
2152
- position: absolute;
2153
- top: 0;
2154
- right: 0;
2155
- }
2156
-
2157
- .overl-body {
2158
- background: #fff;
2159
- position: absolute;
2160
- overflow: auto;
2161
- }
2162
-
2163
- .overl-body-left {
2164
- min-width: 50%;
2165
- top: 0;
2166
- bottom: 0;
2167
- left: 0;
2168
- box-shadow: 5px 0 6px #2223;
2169
- }
2170
-
2171
- .overl-body-top {
2172
- min-height: 50%;
2173
- top: 0;
2174
- left: 0;
2175
- right: 0;
2176
- box-shadow: 0 5px 4px #2223;
2177
- }
2178
-
2179
- .overl-close-btn {
2180
- color: #555;
2181
- box-sizing: border-box;
2182
- cursor: pointer;
2183
- border-top-right-radius: .8rem;
2184
- width: 2.2rem;
2185
- font-size: 2rem;
2186
- font-weight: bold;
2187
- line-height: 2.2rem;
2188
- position: absolute;
2189
- top: 0;
2190
- right: 0;
2191
- }
2192
-
2193
- .overl-close-btn:hover {
2194
- color: #b22121;
2195
- }
1
+ @charset "UTF-8";html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}hr{box-sizing:content-box;height:0;overflow:visible}code,pre{font-family:monospace,monospace;font-size:1em}a{-webkit-text-decoration-skip:objects}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0;text-transform:none}button,input{overflow:visible}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}textarea{overflow:auto}.jsl-button{background-color:#3b99ff;border:1px solid #3b99ff;vertical-align:middle;color:#fff;border-radius:.3rem;cursor:pointer;display:inline-block;height:2rem;box-sizing:border-box;letter-spacing:.1rem;line-height:2rem;padding:0 1rem;text-align:center;text-decoration:none;white-space:nowrap}.jsl-button.jsl-button-outline{background:#fff;color:#444}.jsl-button:active{background-color:#3b99ff;border-color:#000}.jsl-button:hover{background-color:rgba(59,154,255,.5);border-color:silver;color:#000;outline:0}.jsl-button:focus{outline:0;border-color:grey}.jsl-button[disabled]{cursor:default;opacity:.5}.right{text-align:right}.center{text-align:center}div.jsl-fill{height:100%;box-sizing:border-box}.resizable,div.jsl-fill{position:relative}.resizable>.rs-r{top:0;width:.5rem;cursor:w-resize}.resizable>.rs-b,.resizable>.rs-r{position:absolute;bottom:0;right:0;box-sizing:border-box;background:rgba(20,20,20,.2)}.resizable>.rs-b{left:0;height:.5rem;cursor:n-resize}.resizable>.rs-r.rs-b{top:auto;left:auto;right:0;bottom:0;cursor:nw-resize}.dp-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.75)}.dp{position:relative;background:#fff;box-shadow:2px 2px 16px rgba(0,0,0,.25);line-height:1.4;border-radius:.5rem;max-height:400px;z-index:2010;overflow:hidden;-webkit-tap-highlight-color:transparent}.dp-permanent .dp{padding-top:0;border:1px solid #eee;box-shadow:none}.dp-permanent .dp:before{display:none}.dp-below{position:absolute}.dp-below,.dp-permanent{width:20rem;max-width:100vw}.dp-permanent{position:relative;z-index:2010}.dp-permanent .dp{z-index:0}.dp-modal .dp{position:absolute;top:50%;left:50%;max-width:600px;width:calc(100% - 4em);transform:translate(-50%,-50%);animation:slide-up .3s forwards}.dp-months{padding:24px}.dp-years{box-sizing:border-box;max-height:400px;padding:8px 0;overflow:auto!important}.dp-cal-month,.dp-cal-year,.dp-day,.dp-month,.dp-year{box-sizing:border-box;text-align:center;text-decoration:none;position:relative;color:#3b404d;border-radius:2px;border:0;background:transparent;top:.2rem}.dp-cal-header{position:relative;text-align:center;padding-bottom:.4rem;background:#f0f0f0}.dp-next,.dp-prev{position:absolute;width:1.8rem;height:1.8rem;overflow:hidden;top:.3rem;color:#777;border-radius:2px;border:0;background:transparent}.dp-next:focus,.dp-next:hover,.dp-prev:focus,.dp-prev:hover{outline:none;color:inherit}.dp-prev{left:24px}.dp-next{right:24px}.dp-next:before,.dp-prev:before{content:"";border:2px solid;width:.7rem;height:.7rem;display:inline-block;transform:rotate(-45deg);transition:border-color .2s;margin:.5rem 0 3rem .3rem}.dp-prev:before{border-right:0;border-bottom:0}.dp-next:before{border-left:0;border-top:0;margin-left:0;margin-right:4px}.dp-cal-month,.dp-cal-year{display:inline-block;font-size:1.1rem;padding:.4rem .3rem .3rem;outline:none}.dp-cal-footer{text-align:center;background:#f5f5f5}.dp-day-today:after{content:"";height:0;width:0;border-color:#227bd7 #227bd7 transparent transparent;border-style:solid;border-width:7px;position:absolute;top:0;right:0}.dp-clear,.dp-close,.dp-today{box-sizing:border-box;display:inline-block;width:33%;padding:8px;text-decoration:none;color:inherit;border:0;background:transparent}.dp-permanent .dp-clear,.dp-permanent .dp-close{display:none}.dp-cal-month:active,.dp-cal-year:active,.dp-clear:active,.dp-close:active,.dp-next:active,.dp-prev:active,.dp-today:active{background:#75bcfc;color:#fff}@media screen and (min-device-width:1200px){.dp-cal-month:focus,.dp-cal-month:hover,.dp-cal-year:focus,.dp-cal-year:hover,.dp-clear:focus,.dp-clear:hover,.dp-close:focus,.dp-close:hover,.dp-next:focus,.dp-next:hover,.dp-prev:focus,.dp-prev:hover,.dp-today:focus,.dp-today:hover{background:#75bcfc;color:#fff}}.dp-col-header,.dp-day{width:14.28571429%;display:inline-block;padding:8px;text-align:center}.dp-col-header{color:#aaa;text-transform:uppercase;font-weight:300;font-size:.8rem;padding:8px 0}.dp-month{width:33%;display:inline-block;padding:8px}.dp-year{display:block;padding:8px 40px;width:100%}.dp-edge-day{color:#aaa}.dp-current,.dp-current:focus,.dp-day:focus,.dp-day:hover,.dp-month:focus,.dp-month:hover,.dp-year:focus,.dp-year:hover{outline:none;background:#75bcfc;color:#fff}.dp-selected,.dp-selected:focus,.dp-selected:hover{background:#3b99fc;color:#fff}.dp-day-disabled{background:transparent;color:#ddd}.dp-day-disabled:focus,.dp-day-disabled:hover{background:#ddd}.dp-focuser{position:absolute;z-index:0;top:50%;left:50%}@media (max-height:480px),(max-width:480px){.dp-modal .dp{width:auto;width:100%}.dp-day,.dp-day-of-week{padding:.3rem}}@keyframes slide-up{0%{transform:translate(-50%,100%)}to{transform:translate(-50%,-50%)}}.jsl-dialog{position:relative;z-index:2002;background:#fff;border-radius:.8rem;pointer-events:all;border:2px solid #ddd;top:50%;left:50%;transform:translate(-50%,-50%)}.jsl-dialog .jsl-button{vertical-align:middle;cursor:pointer;height:2rem;box-sizing:border-box;letter-spacing:.1rem;text-align:center;white-space:nowrap;border-radius:.3rem;padding:0 1rem;line-height:2rem;text-decoration:none;display:inline-block}.dlg-close-btn{color:#555;font-size:2rem;line-height:2.8rem;font-weight:700;position:absolute;right:0;bottom:0;top:0;width:2.5rem;box-sizing:border-box;border-top-right-radius:.8rem;cursor:pointer;background:#d8d8d8}.dlg-close-btn:hover{background:#b22121;color:#fff}.jsl-dialog-overlay{position:fixed;left:0;top:0;bottom:0;right:0;z-index:2001;background:rgba(0,0,0,.8);height:100vh}.jsl-dialog>.dlg-header{box-sizing:content-box;position:relative;height:2rem;padding:.6rem;border-bottom:1px solid #ededed;background:#f8f8f8;font-size:1.5rem;border-top-right-radius:.8rem;border-top-left-radius:.8rem;text-align:center}.jsl-dialog>.dlg-body{padding:1rem;box-sizing:border-box;overflow:auto;margin-bottom:3rem}.jsl-dialog>.dlg-footer{position:absolute;bottom:0;left:0;right:0;height:3rem;box-sizing:border-box;padding:.5rem;border-top:1px solid #ededed;background:#f8f8f8;border-bottom-right-radius:.8rem;border-bottom-left-radius:.8rem;text-align:right}.jsl-dialog>.dlg-footer button{margin-left:1rem}.jsl-dialog .slickgrid{border-radius:0}
2
+
3
+ /*!
4
+ * Selectr 2.4.12
5
+ * http://mobius.ovh/docs/selectr
6
+ *
7
+ * Released under the MIT license
8
+ */.jsl-container{position:relative}.jsl-container li{list-style:none}.jsl-hidden{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.jsl-visible{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:11}.jsl-desktop.multiple .jsl-visible{display:none}.jsl-desktop.multiple.native-open .jsl-visible{top:100%;min-height:200px!important;height:auto;opacity:1;display:block}.jsl-container.multiple.jsl-mobile .jsl-selected{z-index:0}.jsl-selected{position:relative;z-index:1;box-sizing:border-box;width:100%;padding:4px 22px 4px 4px;cursor:pointer;border:1px solid #999;border-radius:2px;background-color:#fff}.jsl-selected:before{position:absolute;top:50%;right:10px;width:0;height:0;content:"";-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);border-color:#6c7a86 transparent transparent;border-style:solid;border-width:4px 4px 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;width:100%;white-space:nowrap;text-overflow:ellipsis}.jsl-placeholder{color:#6c7a86}.jsl-tags{margin:0;padding:0;white-space:normal}.has-selected .jsl-tags{margin:0 0 -2px}.jsl-tag{list-style:none;position:relative;float:left;padding:0 25px 0 8px;margin:0 2px 2px 0;cursor:default;color:#fff;border:none;border-radius:10px;background:#acb7bf none repeat scroll 0 0}.jsl-container.multiple.has-selected .jsl-selected{padding:2px 28px 2px 2px}.jsl-options-container{position:absolute;z-index:10000;top:calc(100% - 1px);left:0;display:none;box-sizing:border-box;width:100%;border:1px solid #999;border-top:0 solid transparent;border-radius:0 0 3px 3px;background-color:#fff}.jsl-container.open .jsl-options-container{display:block}.jsl-input-container{position:relative;display:none}.jsl-clear,.jsl-input-clear,.jsl-tag-remove{position:absolute;top:50%;right:22px;width:20px;height:20px;padding:0;cursor:pointer;-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);border:none;background-color:transparent;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{position:absolute;top:5px;left:9px;width:2px;height:10px;content:" ";background-color:#6c7a86}.jsl-tag-remove:after,.jsl-tag-remove:before{top:4px;width:3px;height:12px;background-color:#fff}.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{top:5px;left:5px;box-sizing:border-box;width:calc(100% - 30px);margin:4px 5px;padding:7px 30px 7px 9px;border:1px solid #999;border-radius:3px}.jsl-notice{display:none;box-sizing:border-box;width:100%;padding:8px 16px;border-top:1px solid #999;border-radius:0 0 3px 3px;background-color:#fff}.jsl-container.notice .jsl-notice{display:block}.jsl-container.notice .jsl-selected{border-radius:3px 3px 0 0}.jsl-options{position:relative;top:calc(100% + 2px);display:none;overflow-x:auto;overflow-y:auto;max-height:200px;margin:0;padding:0}.jsl-container.notice .jsl-options-container,.jsl-container.open .jsl-input-container,.jsl-container.open .jsl-options,.jsl-option{display:block}.jsl-option{position:relative;padding:3px 4px 4px 2px;list-style:outside none none;cursor:pointer;font-weight:400}.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{color:#fff;background-color:#5897fb}.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{display:table;content:" ";clear:both}.taggable .jsl-label{width:auto}.taggable .jsl-tags{float:left;display:block}.taggable .jsl-placeholder{display:none}.input-tag{float:left;min-width:90px;width:auto}.jsl-tag-input{border:none;padding:3px 10px;width:100%;font-family:inherit;font-weight:inherit;font-size:inherit}.jsl-input-container.loading:after{position:absolute;top:50%;right:20px;width:20px;height:20px;content:"";-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;-moz-animation:.5s linear 0s normal forwards infinite running spin;-webkit-animation:spin .5s linear 0s infinite normal forwards running;animation:spin .5s linear 0s infinite normal forwards running;border:3px solid #ddd;border-top-color:#aaa;border-radius:50%}@-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{border-width:1px 1px 0;border-color:#999 #999 transparent;border-radius:3px 3px 0 0;background-color:#fff;top:auto;bottom:calc(100% - 1px)}.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{position:fixed;top:1px;right:1px;overflow:visible;z-index:3020}.jsl-notification-container .jsl-notification{box-sizing:border-box;padding:.5rem;min-width:12rem;border-radius:.3rem;color:#fff;background:#3b99ff;margin:.2rem;cursor:pointer}.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{width:100%;overflow:auto;position:relative;border-left:0!important;background:#fff}.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{position:relative;white-space:nowrap;cursor:default;overflow:hidden}.slick-group-header-column.ui-state-default,.slick-header-column.ui-state-default{position:relative;box-sizing:content-box!important;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;height:20px;line-height:20px;margin:0;padding:4px;border-right:1px solid silver;border-left:0!important;border-top:1px solid silver;border-bottom:0!important;float:left}.slick-footerrow-column.ui-state-default{-o-text-overflow:ellipsis;text-overflow:ellipsis;margin:0;padding:4px;border:0;border-right:1px solid silver;float:left;line-height:20px;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{width:8px;height:5px;margin-left:4px;margin-top:6px;float:left}.slick-sort-indicator-numbered{width:8px;height:5px;margin-left:4px;margin-top:0;line-height:20px;float:left;font-style:normal;font-weight:700;color:#6190cd}.slick-sortable-placeholder{background:silver}.grid-canvas{position:relative;outline:0}.slick-row.ui-state-active,.slick-row.ui-widget-content{position:absolute;border:0;width:100%}.slick-cell,.slick-footerrow-column,.slick-headerrow-column{position:absolute;border:1px solid transparent;border-right:1px dotted silver;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;vertical-align:middle;z-index:1;padding:1px 2px 2px 1px;margin:0;white-space:nowrap;cursor:default}.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{z-index:11;overflow:visible}.slick-cell:focus{outline:none}.slick-reorder-proxy{display:inline-block;background:#00f;opacity:.15;filter:alpha(opacity = 15);cursor:move}.slick-reorder-guide{display:inline-block;height:2px;background:#00f;opacity:.7;filter:alpha(opacity = 70)}.slick-selection{z-index:10;position:absolute;border:2px dashed #000}.slick-pane{position:absolute;outline:0;overflow:hidden;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{position:relative;outline:0;width:100%;background:#fff}.slick-wrap{white-space:normal}input.editor-text,textarea.editor-text{width:100%;height:100%;border:0;margin:0;background:transparent;outline:0;padding:0;resize:none}.slick-cell .jsl-container{position:absolute;left:0;right:0;bottom:0;top:0}.slick-cell .jsl-container .jsl-selected{padding:0}.slickgrid{box-sizing:border-box;border:1px solid #b0b0b0;border-radius:3px}.slick-col-ghost{box-sizing:content-box;position:absolute;pointer-events:none}.slick-ghost-content{border:2px solid #bbb;background:hsla(0,0%,78.4%,.5);position:absolute;left:0;right:0}.editor-text{font-size:100%}.slick-filtered-header{color:#3b99ff;background:#e7e7e7}.slick-preheader-panel .slick-column-name{text-align:center;float:none}.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-size:.5em .3em;background-position:100%;width:1.2rem;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-repeat:no-repeat}.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;text-align:center;font-weight:700}.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{position:absolute;background:#fff;border:0;line-height:26px}.slick-row.selected{z-index:10;background:#dfe8f6}.slick-cell{padding-left:4px;padding-right:4px}.slick-group{border-bottom:2px solid silver}.slick-group .slick-cell{background:#d4e4ec}.slick-group-toggle{width:20px;height:20px;vertical-align:middle;margin-right:5px}.slick-group-toggle.expanded{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 119.8'%3E%3Cpath d='M23.59 0h75.7a23.63 23.63 0 0123.59 23.59v72.62a23.64 23.64 0 01-23.59 23.59h-75.7a23.53 23.53 0 01-16.67-6.93l-.38-.42A23.49 23.49 0 010 96.21V23.59A23.63 23.63 0 0123.59 0zm59.7 53.51a6.39 6.39 0 110 12.77h-43.7a6.39 6.39 0 110-12.77zm16-40.74h-75.7a10.86 10.86 0 00-10.82 10.82v72.62a10.77 10.77 0 002.9 7.37l.28.26a10.76 10.76 0 007.64 3.16h75.7a10.87 10.87 0 0010.82-10.82V23.59a10.86 10.86 0 00-10.82-10.82z'/%3E%3C/svg%3E") no-repeat 50%}.slick-group-toggle.collapsed{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.88 119.72'%3E%3Cpath d='M22.72 0h77.45c6.25 0 11.93 2.56 16.05 6.67 4.11 4.11 6.67 9.79 6.67 16.05v74.29c0 6.25-2.56 11.93-6.67 16.05l-.32.29c-4.09 3.94-9.64 6.38-15.73 6.38H22.72c-6.25 0-11.93-2.56-16.05-6.67l-.3-.32C2.43 108.64 0 103.09 0 97.01v-74.3c0-6.25 2.55-11.93 6.67-16.05C10.78 2.55 16.46 0 22.72 0zm32.75 38.34c0-3.3 2.67-5.97 5.97-5.97s5.97 2.67 5.97 5.97v15.55h15.55c3.3 0 5.97 2.67 5.97 5.97s-2.67 5.97-5.97 5.97H67.41v15.55c0 3.3-2.67 5.97-5.97 5.97s-5.97-2.67-5.97-5.97V65.83H39.91c-3.3 0-5.97-2.67-5.97-5.97s2.67-5.97 5.97-5.97h15.55V38.34h.01zm44.69-28.1H22.72c-3.43 0-6.54 1.41-8.81 3.67-2.26 2.26-3.67 5.38-3.67 8.81v74.29c0 3.33 1.31 6.35 3.43 8.59l.24.22c2.26 2.26 5.38 3.67 8.81 3.67h77.45c3.32 0 6.35-1.31 8.59-3.44l.21-.23c2.26-2.26 3.67-5.38 3.67-8.81v-74.3c0-3.42-1.41-6.54-3.67-8.81-2.26-2.25-5.38-3.66-8.81-3.66z'/%3E%3C/svg%3E") no-repeat 50%}.slick-group-totals{color:grey;background:#fff}.slick-group-select-checkbox{width:13px;height:13px;margin:3px 10px 0 0;display:inline-block}.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{opacity:.5;filter:alpha(opacity = 50)}.slick-cell.invalid{border-color:red;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}@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{border-top:1px solid #aaa;background:rgba(59,153,255,.3333333333333333)}.slick-header-menubutton{position:absolute;right:0;top:0;bottom:0;width:14px;background-repeat:no-repeat;background-position:0;background-image:url("data:image/gif;base64,R0lGODlhDgAOAIABADtKYwAAACH5BAEAAAEALAAAAAAOAA4AAAISjI+py+0PHZgUsGobhTn6DxoFADs=");cursor:pointer;display:none;border-left:thin ridge silver}.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{position:absolute;margin:0;cursor:default}.slick-header-menuitem{list-style:none;margin:0;padding:0;cursor:pointer}.slick-header-menuicon{width:16px;height:16px;margin-right:4px;background-repeat:no-repeat;background-position:50%}.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{cursor:default;border:none;overflow:hidden;padding:0;height:1px;margin:8px 2px;background-color:#cecece}.slick-header-menuitem-divider.slick-header-menuitem:hover{background-color:#cecece}.slick-header-menu{border:1px solid #bebebe;background:#fff;padding:2px;box-shadow:2px 2px 2px silver;z-index:20}.slick-header-menuitem{padding:2px 4px;border-radius:3px}.slick-header-menuitem:hover{background:#3b99ff;color:#fff}.slick-header-menuitem-disabled{border-color:transparent!important;background:inherit!important}.slick-column-name,.slick-sort-indicator{display:inline-block;float:left;margin-bottom:100px}.slick-header-button{display:inline-block;float:right;vertical-align:top;margin:1px 2rem 100px 1px;height:15px;width:15px;background-repeat:no-repeat;background-position:50%;cursor:pointer}.slick-header-button-hidden{width:0;-webkit-transition:width .2s;-ms-transition:.2s width;transition:width .2s}.slick-header-column:hover>.slick-header-button{width:15px}.v-r-comp,.v-r-comp .v-r-child>*{height:100%}.cell-reorder{cursor:move;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAADAFBMVEUAAACWlpbY2NgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADmpIfcAAABAHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AU/cHJQAAABlJREFUCNdj+I8EGFA5jHAA5DDBAW2VIQEAmyRUB6U7kZIAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position-x:center;background-position-y:center}.header-overlay{background-color:#217346}.cell-overlay,.selection-cell-overlay{display:block;position:absolute;z-index:20;background-color:#217346}.handle-overlay{border:1px solid #fff;padding:3px;background-color:#217346;position:absolute;width:2px;height:2px;z-index:20;cursor:crosshair}.overlay-handle-decorator{border:2px solid #217346;z-index:20}.select-comp{border:1px solid #bdbdbd;border-radius:.2rem;position:relative;min-width:8rem;display:inline-block;box-sizing:border-box;padding-left:.2rem;height:1.6rem;line-height:1.6rem;vertical-align:middle}.select-comp.expanded{border-color:#3b99ff}.select-comp.disabled{color:#999}.select-comp .sel-result .clear-btn{position:absolute;right:1.2rem;top:0;font-size:1.4rem;line-height:1.4rem;font-weight:700;color:#999;font-family:sans-serif;cursor:pointer;opacity:.3;z-index:10;border:none;background:none}.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{position:absolute;top:0;right:0;bottom:0;width:1.5rem;box-sizing:border-box;border:none;text-align:center;border-bottom-right-radius:.2rem;border-top-right-radius:.2rem;background:#fff;opacity:.7;cursor:pointer;font-size:.65em}.select-comp .sel-expander:focus{outline:0;color:#fff;background:#3b9aff}.select-comp .sel-expander:before{content:"";display:block;position:absolute;left:0;top:2px;bottom:2px;width:0;box-sizing:content-box;padding:0;margin:0;border-left:1px solid #bdbdbd}.select-comp .sel-dd-item{overflow:hidden;display:block;height:100%;margin-right:2.6rem;white-space:nowrap}.select-comp:hover .sel-expander{opacity:1;background:#dadada}.sel-comp-dd{background:#fff;z-index:2010}.sel-comp-dd,.sel-comp-dd>div{position:absolute;box-sizing:border-box}.sel-comp-dd>div{top:0;left:0;right:0;bottom:0;border:1px solid #bcbcbc;border-radius:2px;white-space:nowrap;overflow:hidden;cursor:pointer}.sel-comp-dd .sel-search{height:1.8rem;padding:.1rem;overflow:hidden;box-sizing:border-box}.sel-comp-dd .sel-search>input{height:1.6rem;line-height:1.6rem;border:none;border-bottom:2px solid #c8c8c8;margin:0 2px;width:calc(100% - 4px);box-sizing:border-box}.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{content:"✓";position:absolute;color:#404040;font-weight:700;left:0}.sel-comp-dd .sel-dd-item{height:100%;line-height:26px}.sel-comp-dd .sel-dd-group{font-weight:700;background:#e0e0e0;text-align:center}.autocomplete-suggestions{text-align:left;cursor:default;border:1px solid #ccc;border-top:0;background:#fff;box-shadow:-1px 1px 3px rgba(0,0,0,.1);position:absolute;display:none;z-index:9999;max-height:254px;overflow:hidden;overflow-y:auto;box-sizing:border-box}.autocomplete-suggestion{position:relative;padding:0 .6em;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.02em;color:#333}.autocomplete-suggestion b{font-weight:400;color:#1f8dd6}.autocomplete-suggestion.selected{background:#f0f0f0}.progress-comp{background:#bbb;height:1rem;position:relative;border-radius:2px}.progress-comp .bar{background:#3b99ff;height:100%;text-align:center;border-radius:2px}.time-comp{width:4em;text-align:right}.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{background:#3b99ff;color:#fff;border-radius:.3rem;display:flex;align-content:center;min-height:1.5rem;line-height:1.5rem;align-items:center}.expander-comp .header .toggler{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem;cursor:pointer;display:inline-block;background:#3b99ff}.expander-comp .header .toggler:hover{background:#6bb1fc;color:#000}.expander-comp .header .content{border-top-right-radius:.3rem;border-bottom-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{top:.2rem;color:#fff;opacity:.8;padding:0 .2rem}.lds-dual-ring{display:inline-block;width:1em;height:1em}.lds-dual-ring:after{content:" ";display:block;width:.75em;height:.75em;margin:.2em;border-radius:50%;border-color:#444 transparent;border-style:solid;border-width:.08em;animation:lds-dual-ring 1.2s linear infinite}@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{box-sizing:border-box;appearance:none;background:transparent;border:none;border-bottom:1px solid #999;color:#333;display:block;margin-top:1.3rem;outline:0;padding:0 .3rem .2rem;width:100%}.treeview-comp .tv-ul{list-style:none;padding-left:1em}.treeview-comp .tv-input,.treeview-comp .tv-input:checked~ul{display:none}.treeview-comp .tv-input~label{cursor:pointer;position:relative}.treeview-comp .tv-input~label:before{content:"";width:0;height:0;position:absolute;margin-left:-1em;margin-top:.4em;border-color:transparent rgba(50,50,50,.5) rgba(50,50,50,.5) transparent;border-style:solid;border-width:4px}.treeview-comp .tv-input:checked~label:before{margin-left:-.8em;border-width:5px;border-color:transparent transparent transparent rgba(50,50,50,.5)}.stabcomponent .tab-header-row{display:flex}.stabcomponent .tab-header-row .tab-item{display:inline-block;margin-right:.1rem;padding:.5rem;box-sizing:border-box;border-radius:4px 4px 0 0;text-decoration:none;border:1px solid silver;border-bottom:1px solid #ddd;vertical-align:middle;vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;cursor:pointer}.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;padding:.3rem;min-width:1rem;text-align:center;margin-left:.5rem;margin-right:-.5rem}.stabcomponent .tab-header-row .tab-item .close-button:hover{color:#000;border-color:#000;background:linear-gradient(#ff634b,#ff3313)}.stabcomponent .tab-header-row .active{cursor:default;background:#3b99ff;color:#fff;font-weight:700;border:1px solid #747474;border-bottom-color:transparent}.stabcomponent .tab-header-row .disabled{cursor:default;color:#88898d;background:#d9d8d6}.stabcomponent .tab-header-row .disabled:hover{color:#88898d;background:#d9d8d6}.stabcomponent .tab-content{max-height:calc(100vh - 9.6rem);overflow:auto;border:1px solid silver}.stabcomponent .tab-hidden{display:none}@keyframes checkbox-comp-hover-color{0%{border-color:silver}to{border-color:#3b99ff}}.checkbox-comp{position:absolute;display:none}.checkbox-comp[disabled]{cursor:not-allowed}.checkbox-comp+label{position:relative;padding-left:1.5em;cursor:pointer;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{position:absolute;top:0;left:0;display:inline-block;width:1em;height:1em;content:"";border:1px solid silver}.checkbox-comp+label:after{position:absolute;display:none;content:""}.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{border:1px solid silver;animation-name:none}.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{top:.1em;left:.3em;box-sizing:border-box;width:.5em;height:.7em;transform:rotate(45deg);border:.15em solid #fff;border-top:0;border-left:0}.checkbox-comp:checked+label:before{border-color:#3b99ff;background:#3b99ff}.checkbox-comp:checked[disabled]+label:before{border-color:#c9e2f9;background:#c9e2f9}.stackpanel-comp.hstackpanel{position:relative}@media (max-width:70em){.stackpanel-comp.hstackpanel.responsive>div{width:auto!important}}.stackpanel-comp.hstackpanel:not(.responsive){position:relative;display:flex;width:100%}@media (min-width:70em){.stackpanel-comp.hstackpanel{position:relative;display:flex;width:100%}}.stackpanel-comp.wrap{flex-wrap:wrap}.stackpanel-comp.vstackpanel{position:relative}.stackpanel-comp.vstackpanel>div{display:flex;flex-direction:column;height:100%;flex-basis:auto;flex-grow:1;flex-shrink:1}.stackpanel-comp.hstackpanel>.split-comp{width:14px!important;background:#d5d5d5;cursor:w-resize;position:relative}.stackpanel-comp.hstackpanel>.split-comp:before{height:4rem;background:#696969;width:7px;position:absolute;top:calc(50% - 2rem);content:"";left:3px;border-radius:3px}.stackpanel-comp.hstackpanel>.split-comp:hover{box-shadow:0 0 3px 2px rgba(0,0,0,.3)}.stackpanel-comp.vstackpanel>.split-comp{height:14px!important;flex-basis:14px;flex-grow:0;background:#d5d5d5;cursor:n-resize;position:relative}.stackpanel-comp.vstackpanel>.split-comp:before{background:#696969;height:7px;width:4rem;position:absolute;left:calc(50% - 2rem);content:"";top:3px;border-radius:3px}.stackpanel-comp.vstackpanel>.split-comp:hover{box-shadow:0 0 3px 2px rgba(0,0,0,.3)}.slick-cell .jsl-toggle{color:#888;width:1.2em;box-sizing:border-box;display:inline-block;cursor:pointer;height:100%}.slick-cell .jsl-toggle-spacer{min-width:1.2em;display:inline-block;box-sizing:border-box}.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{width:100%;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);z-index:1010}.nav-comp .luxbar-static{position:absolute;top:0;left: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{width:100%;position:fixed;left:0;z-index:1010;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.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;width:26px;transition:.6s ease}.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{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:58px}.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;padding-left:0;margin:0}.nav-comp .luxbar-item a,.nav-comp .luxbar-menu a{text-decoration:none;color:inherit;cursor:pointer}.nav-comp .luxbar-item{height:58px}.nav-comp .luxbar-item a{padding:18px 24px;display:block}.nav-comp .luxbar-hamburger{padding:18px 24px;position:absolute;right:0;cursor:pointer}.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{overflow:hidden;height:58px}.nav-comp .luxbar-checkbox:checked~.luxbar-menu{transition:height .6s ease;height:100vh;overflow:auto}.nav-comp .dropdown{position:relative;height:auto;min-height:58px}.nav-comp .dropdown:hover>ul{position:relative;display:block;min-width:100%}.nav-comp .dropdown>a:after{position:absolute;content:"";right:10px;top:25px;border:solid transparent;border-width:5px 5px 0}.nav-comp .dropdown>ul{display:block;overflow-x:hidden;list-style:none;padding:0}.nav-comp .dropdown>ul .luxbar-item{min-width:100%;height:29px;padding:5px 10px 5px 40px}.nav-comp .dropdown>ul .luxbar-item a{min-height:29px;line-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{position:absolute;left:0;top:58px;padding:0}.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;color:#212121;box-shadow:0 4px 3px 0 rgba(0,0,0,.36)}.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{box-sizing:border-box;height:3.9rem;position:relative;background:#fff;padding:.3rem;border-bottom:1px solid #c9c9c9;border-top:1px solid #c9c9c9;flex-shrink:0;background:linear-gradient(90deg,#fff,#f6f6f6 20%,#f6f6f6 80%,#fff)}.ribbon-menu-comp .ribbon-group{position:relative;box-sizing:border-box;border-right:1px solid #c9c9c9;display:inline-block;height:100%;padding:0 .6rem;vertical-align:middle}.ribbon-menu-comp .jsl-button{margin:.1rem;padding-left:.25rem;padding-right:.25rem;display:inline-block}.ribbon-menu-comp .ribbon-group>.jsl-button>img{height:1rem}.ribbon-menu-comp .ribbon-legend{position:absolute;bottom:0;left:1px;right:1px;text-align:center;font-size:.8em;color:#444}.jsl-overlay-overlay{position:fixed;left:0;top:0;bottom:0;right:0;z-index:2001;background:hsla(0,0%,100%,.6);height:100vh}.overl-header{position:absolute;right:0;top:0}.overl-body{position:absolute;overflow:auto;background:#fff}.overl-body-left{left:0;top:0;bottom:0;min-width:50%;box-shadow:5px 0 6px 0 rgba(34,34,34,.2)}.overl-body-top{left:0;top:0;right:0;min-height:50%;box-shadow:0 5px 4px 0 rgba(34,34,34,.2)}.overl-close-btn{color:#555;font-size:2rem;line-height:2.2rem;font-weight:700;position:absolute;right:0;top:0;width:2.2rem;box-sizing:border-box;border-top-right-radius:.8rem;cursor:pointer}.overl-close-btn:hover{color:#b22121}
2196
9
  /*# sourceMappingURL=index.css.map */