jsl-ui 9.28.3 → 9.28.4

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