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