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