jsl-ui 9.18.2 → 9.18.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 (5) hide show
  1. package/lib/grid.css +0 -8
  2. package/lib/index.css +0 -8
  3. package/lib/index.css.map +1 -1
  4. package/lib/ui/dialog.css +5 -5
  5. package/package.json +1 -1
package/lib/grid.css CHANGED
@@ -560,15 +560,12 @@ input.editor-text, textarea.editor-text {
560
560
 
561
561
  .jsl-dialog .jsl-button {
562
562
  vertical-align: middle;
563
- color: #fff;
564
563
  cursor: pointer;
565
564
  height: 2rem;
566
565
  box-sizing: border-box;
567
566
  letter-spacing: .1rem;
568
567
  text-align: center;
569
568
  white-space: nowrap;
570
- background-color: #3b99ff;
571
- border: 1px solid #3b99ff;
572
569
  border-radius: .3rem;
573
570
  padding: 0 1rem;
574
571
  line-height: 2rem;
@@ -576,11 +573,6 @@ input.editor-text, textarea.editor-text {
576
573
  display: inline-block;
577
574
  }
578
575
 
579
- .jsl-dialog .jsl-button.jsl-button-outline {
580
- color: #444;
581
- background: #fff;
582
- }
583
-
584
576
  .dlg-close-btn {
585
577
  color: #555;
586
578
  width: 2.5rem;
package/lib/index.css CHANGED
@@ -432,15 +432,12 @@ div.jsl-fill {
432
432
 
433
433
  .jsl-dialog .jsl-button {
434
434
  vertical-align: middle;
435
- color: #fff;
436
435
  cursor: pointer;
437
436
  height: 2rem;
438
437
  box-sizing: border-box;
439
438
  letter-spacing: .1rem;
440
439
  text-align: center;
441
440
  white-space: nowrap;
442
- background-color: #3b99ff;
443
- border: 1px solid #3b99ff;
444
441
  border-radius: .3rem;
445
442
  padding: 0 1rem;
446
443
  line-height: 2rem;
@@ -448,11 +445,6 @@ div.jsl-fill {
448
445
  display: inline-block;
449
446
  }
450
447
 
451
- .jsl-dialog .jsl-button.jsl-button-outline {
452
- color: #444;
453
- background: #fff;
454
- }
455
-
456
448
  .dlg-close-btn {
457
449
  color: #555;
458
450
  width: 2.5rem;
package/lib/index.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"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","sources":["ui/base.css","interaction/resizable.css","interaction/moveable.css","ui/date.picker/css/tiny-date-picker.css","ui/dialog.css","ui/drop.down.css","ui/number.input.css","components/notification/Notification.scss","grid/slick.grid.css","grid/slick-default-theme.css","grid/plugins/slick.headermenu.css","grid/plugins/slick.headerbuttons.css","components/virtual-render/VirtualRenderStyle.scss","grid/plugins/slick.rowmovemanager.css","grid/plugins/ext.overlay.css","components/select/SelectStyle.scss","ui/auto.suggest.css","components/progress/ProgressStyle.scss","components/time/TimeComponent.scss","components/date-time/DateTimeStyle.scss","components/expander/ExpanderStyle.scss","components/loading/LoadingStyle.css","components/form-field/FormFieldStyle.scss","components/tree-view/TreeViewStyle.scss","components/tabs/TabsStyle.scss","components/checkbox/CheckBoxStyle.scss","components/stack-panel/StackPanelStyle.scss","components/stack-panel/SplitterStyle.scss","grid/slick.tree.css","components/navigation/NavigationStyle.scss","components/ribbon-menu/RibbonMenuStyle.scss","components/overlay/overlay.css"],"sourcesContent":["/* reset some browser inconsistencies */\r\n\r\nhtml\r\n{\r\n\t/* line-height:1.15; */\r\n\t-ms-text-size-adjust:100%;\r\n\t-webkit-text-size-adjust:100%\r\n}\r\n\r\nhr\r\n{\r\n\tbox-sizing:content-box;\r\n\theight:0;\r\n\toverflow:visible\r\n}\r\n\r\npre,code\r\n{\r\n\tfont-family:monospace,monospace;\r\n\tfont-size:1em\r\n}\r\n\r\na\r\n{\r\n\t-webkit-text-decoration-skip:objects\r\n}\r\n\r\nsub,sup\r\n{\r\n\tfont-size:75%;\r\n\tline-height:0;\r\n\tposition:relative;\r\n\tvertical-align:baseline\r\n}\r\n\r\nsub\r\n{\r\n\tbottom:-.25em\r\n}\r\n\r\nsup\r\n{\r\n\ttop:-.5em\r\n}\r\n\r\ninput,optgroup,select,textarea\r\n{\r\n\tfont-size:100%;\r\n\tline-height:1.15;\r\n\tmargin:0;\r\n\ttext-transform:none;\r\n}\r\n\r\nbutton,input\r\n{\r\n\toverflow:visible\r\n}\r\n\r\nbutton,html [type=\"button\"],\r\n[type=\"reset\"],[type=\"submit\"]\r\n{\r\n\t-webkit-appearance:button\r\n}\r\n\r\nbutton::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner\r\n{\r\n\tborder-style:none;\r\n\tpadding:0\r\n}\r\n\r\nbutton:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring\r\n{\r\n\toutline:1px dotted ButtonText\r\n}\r\n\r\ntextarea\r\n{\r\n\toverflow:auto\r\n}\r\n\r\n/* \r\nhtml {\r\n color: #393939;\r\n} */\r\n\r\n/* html,input,textarea,button,optgroup,select {\r\n\tfont-family: Tahoma;\r\n} */\r\n\r\n.jsl-button {\r\n\tbackground-color: #3B99FF;\r\n\tborder: 1px solid #3B99FF;\r\n\tvertical-align:middle;\r\n\tcolor: white;\r\n\t\r\n border-radius: .3rem;\r\n /* color: white; */\r\n cursor: pointer;\r\n display: inline-block;\r\n /* font-weight: 700; */\r\n\theight: 2rem;\r\n\tbox-sizing: border-box;\r\n letter-spacing: .1rem;\r\n line-height: 2rem;\r\n padding: 0rem 1.0rem;\r\n text-align: center;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n}\r\n\r\n.jsl-button.jsl-button-outline {\r\n\tbackground: white;\r\n\tcolor: #444444;\r\n}\r\n\r\n.jsl-button:active {\r\n\tbackground-color: #3B99FF;\r\n\tborder-color:black;\r\n}\r\n\r\n.jsl-button:hover {\r\n\tbackground-color: rgba(59, 154, 255, 0.5);\r\n\tborder-color: #C0C0C0;\r\n\tcolor: black;\r\n outline: 0;\r\n}\r\n\r\n.jsl-button:focus {\r\n\toutline: 0;\r\n\tborder-color: gray;\r\n}\r\n\r\n.jsl-button[disabled] {\r\n cursor: default;\r\n opacity: .5;\r\n}\r\n\r\n.right {\r\n\ttext-align: right;\r\n}\r\n\r\n.center {\r\n\ttext-align: center;\r\n}\r\n\r\ndiv.jsl-fill {\r\n\theight: 100%;\r\n\tbox-sizing: border-box;\r\n\tposition: relative;\r\n}\r\n",".resizable {\r\n position: relative;\r\n}\r\n\r\n.resizable > .rs-r {\r\n position: absolute;\r\n top:0;\r\n bottom:0;\r\n right:0;\r\n width:0.5rem;\r\n box-sizing:border-box;\r\n background:rgba(20,20,20,0.2);\r\n cursor: w-resize;\r\n}\r\n\r\n.resizable > .rs-b {\r\n position: absolute;\r\n left:0;\r\n bottom:0;\r\n right:0;\r\n height:0.5rem;\r\n box-sizing:border-box;\r\n background:rgba(20,20,20,0.2);\r\n cursor: n-resize;\r\n}\r\n\r\n.resizable > .rs-r.rs-b {\r\n top: initial;\r\n left: initial;\r\n right: 0;\r\n bottom: 0;\r\n cursor: nw-resize;\r\n}","",".dp-modal {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(255, 255, 255, 0.75);\r\n}\r\n\r\n.dp {\r\n position: relative;\r\n background: #FFF;\r\n box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25);\r\n line-height: 1.4;\r\n border-radius: 0.5rem;\r\n max-height: 400px;\r\n z-index: 2010;\r\n overflow: hidden;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n\r\n/* .dp:before {\r\n content: ' ';\r\n height: 6px;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n background: #3B99FC;\r\n background: linear-gradient(-90deg, #3B99FC 0%, #8AEFC8 100%); \r\n} */\r\n\r\n.dp-permanent .dp {\r\n padding-top: 0;\r\n border: 1px solid #EEE;\r\n box-shadow: none;\r\n}\r\n\r\n.dp-permanent .dp:before {\r\n display: none;\r\n}\r\n\r\n/* .dp-cal {\r\n min-height: 300px;\r\n} */\r\n\r\n.dp-below {\r\n position: absolute;\r\n width: 20rem;\r\n max-width: 100vw;\r\n}\r\n\r\n.dp-permanent {\r\n position: relative;\r\n width: 20rem;\r\n max-width: 100vw;\r\n z-index: 2010;\r\n}\r\n\r\n.dp-permanent .dp{\r\n z-index: 0;\r\n}\r\n\r\n.dp-modal .dp {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n max-width: 600px;\r\n width: calc(100% - 4em);\r\n transform: translate(-50%, -50%);\r\n animation: slide-up 0.3s forwards;\r\n}\r\n\r\n.dp-months {\r\n padding: 24px;\r\n}\r\n\r\n.dp-years {\r\n box-sizing: border-box;\r\n max-height: 400px;\r\n padding: 8px 0;\r\n overflow: auto !important; /* HACK for Chrome on Android */\r\n}\r\n\r\n.dp-cal-month,\r\n.dp-cal-year,\r\n.dp-day,\r\n.dp-month,\r\n.dp-year {\r\n box-sizing: border-box;\r\n text-align: center;\r\n text-decoration: none;\r\n position: relative;\r\n color: #3B404D;\r\n border-radius: 2px;\r\n border: 0;\r\n background: transparent;\r\n top: 0.2rem;\r\n}\r\n\r\n.dp-cal-header {\r\n position: relative;\r\n text-align: center;\r\n padding-bottom: 0.4rem;\r\n background: #f0f0f0;\r\n}\r\n\r\n.dp-next,\r\n.dp-prev {\r\n position: absolute;\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n overflow: hidden;\r\n top: 0.3rem;\r\n color: #777;\r\n border-radius: 2px;\r\n border: 0;\r\n background: transparent;\r\n}\r\n\r\n.dp-next:focus,\r\n.dp-prev:focus,\r\n.dp-next:hover,\r\n.dp-prev:hover {\r\n outline: none;\r\n color: inherit;\r\n}\r\n\r\n.dp-prev {\r\n left: 24px;\r\n}\r\n\r\n.dp-next {\r\n right: 24px;\r\n}\r\n\r\n.dp-prev:before,\r\n.dp-next:before {\r\n content: '';\r\n border: 2px solid;\r\n width: 0.7rem;\r\n height: 0.7rem;\r\n display: inline-block;\r\n transform: rotate(-45deg);\r\n transition: border-color 0.2s;\r\n margin: 0.5rem 0 3rem 0.3rem\r\n}\r\n\r\n.dp-prev:before {\r\n border-right: 0;\r\n border-bottom: 0;\r\n}\r\n\r\n.dp-next:before {\r\n border-left: 0;\r\n border-top: 0;\r\n margin-left: 0;\r\n margin-right: 4px;\r\n}\r\n\r\n.dp-cal-month,\r\n.dp-cal-year {\r\n display: inline-block;\r\n font-size: 1.1rem;\r\n padding: 0.4rem 0.3rem 0.3rem;\r\n outline: none;\r\n}\r\n\r\n.dp-cal-footer {\r\n text-align: center;\r\n background: #f5f5f5;\r\n}\r\n\r\n.dp-day-today:after {\r\n content: '';\r\n height: 0;\r\n width: 0;\r\n border: 7px solid #227BD7;\r\n border-bottom-color: transparent;\r\n border-left-color: transparent;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.dp-close,\r\n.dp-clear,\r\n.dp-today {\r\n box-sizing: border-box;\r\n display: inline-block;\r\n width: 33%;\r\n padding: 8px;\r\n text-decoration: none;\r\n color: inherit;\r\n border: 0;\r\n background: transparent;\r\n}\r\n\r\n.dp-permanent .dp-close,\r\n.dp-permanent .dp-clear {\r\n display: none;\r\n}\r\n\r\n.dp-close:active,\r\n.dp-clear:active,\r\n.dp-today:active,\r\n.dp-next:active,\r\n.dp-prev:active,\r\n.dp-cal-month:active,\r\n.dp-cal-year:active {\r\n background: #75BCFC;\r\n color: white;\r\n}\r\n\r\n@media screen and (min-device-width: 1200px) {\r\n .dp-close:hover,\r\n .dp-close:focus,\r\n .dp-clear:hover,\r\n .dp-clear:focus,\r\n .dp-today:hover,\r\n .dp-today:focus,\r\n .dp-next:hover,\r\n .dp-next:focus,\r\n .dp-prev:hover,\r\n .dp-prev:focus,\r\n .dp-cal-month:focus,\r\n .dp-cal-month:hover,\r\n .dp-cal-year:hover,\r\n .dp-cal-year:focus {\r\n background: #75BCFC;\r\n color: white;\r\n }\r\n}\r\n\r\n.dp-col-header,\r\n.dp-day {\r\n width: 14.28571429%;\r\n display: inline-block;\r\n padding: 8px;\r\n text-align: center;\r\n}\r\n\r\n.dp-col-header {\r\n color: #AAA;\r\n text-transform: uppercase;\r\n font-weight: 300;\r\n font-size: 0.8rem;\r\n padding: 8px 0;\r\n}\r\n\r\n.dp-month {\r\n width: 33%;\r\n display: inline-block;\r\n padding: 8px;\r\n}\r\n\r\n.dp-year {\r\n display: block;\r\n padding: 8px 40px;\r\n width: 100%;\r\n}\r\n\r\n.dp-edge-day {\r\n color: #AAA;\r\n}\r\n\r\n.dp-day:hover,\r\n.dp-month:hover,\r\n.dp-year:hover,\r\n.dp-current:focus,\r\n.dp-current,\r\n.dp-day:focus,\r\n.dp-month:focus,\r\n.dp-year:focus {\r\n outline: none;\r\n background: #75BCFC;\r\n color: white;\r\n}\r\n\r\n.dp-selected:hover,\r\n.dp-selected:focus,\r\n.dp-selected {\r\n background: #3B99FC;\r\n color: #FFF;\r\n}\r\n\r\n.dp-day-disabled {\r\n background: transparent;\r\n color: #DDD;\r\n}\r\n\r\n.dp-day-disabled:focus,\r\n.dp-day-disabled:hover {\r\n background: #DDD;\r\n}\r\n\r\n.dp-focuser {\r\n position: absolute;\r\n z-index: 0;\r\n top: 50%;\r\n left: 50%;\r\n}\r\n\r\n/* Responsive overrides */\r\n@media (max-width: 480px), (max-height: 480px) {\r\n .dp-modal .dp {\r\n /* font-size: 0.9em; */\r\n width: auto;\r\n width: 100%;\r\n }\r\n\r\n .dp-day-of-week,\r\n .dp-day {\r\n padding: 0.3rem;\r\n }\r\n}\r\n\r\n@keyframes slide-up {\r\n 0% {\r\n transform: translate(-50%, 100%);\r\n }\r\n 100% {\r\n transform: translate(-50%, -50%);\r\n }\r\n}",".jsl-dialog {\r\n position: relative;\r\n z-index: 2002;\r\n background:white;\r\n border-radius: 0.8rem;\r\n pointer-events: all;\r\n border: 2px solid #dddddd;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n\r\n.jsl-dialog .jsl-button {\r\n vertical-align: middle;\r\n color: #fff;\r\n cursor: pointer;\r\n height: 2rem;\r\n box-sizing: border-box;\r\n letter-spacing: .1rem;\r\n text-align: center;\r\n white-space: nowrap;\r\n background-color: #3b99ff;\r\n border: 1px solid #3b99ff;\r\n border-radius: .3rem;\r\n padding: 0 1rem;\r\n line-height: 2rem;\r\n text-decoration: none;\r\n display: inline-block;\r\n}\r\n\r\n.jsl-dialog .jsl-button.jsl-button-outline {\r\n color: #444;\r\n background: #fff;\r\n}\r\n\r\n.dlg-close-btn {\r\n color: #555555;\r\n font-size: 2rem;\r\n line-height: 2.8rem;\r\n font-weight: bold;\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n top: 0;\r\n width: 2.5rem;\r\n box-sizing: border-box;\r\n border-top-right-radius: 0.8rem;\r\n cursor: pointer;\r\n background: #d8d8d8;\r\n}\r\n\r\n.dlg-close-btn:hover {\r\n background: #B22121;\r\n color: white;\r\n}\r\n\r\n.jsl-dialog-overlay {\r\n position: fixed;\r\n left:0;\r\n top:0;\r\n bottom:0;\r\n right:0;\r\n z-index: 2001;\r\n background:rgba(0,0,0,0.8);\r\n height: 100vh;\r\n}\r\n\r\n.jsl-dialog > .dlg-header {\r\n\tbox-sizing: content-box;\r\n position: relative;\r\n height: 2rem;\r\n padding: 0.6rem;\r\n border-bottom: 1px solid #ededed;\r\n background: #f8f8f8;\r\n font-size: 1.5rem;\r\n border-top-right-radius: 0.8rem;\r\n border-top-left-radius: 0.8rem;\r\n text-align: center;\r\n}\r\n\r\n.jsl-dialog > .dlg-body {\r\n padding: 1rem;\r\n box-sizing: border-box;\r\n overflow: auto;\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.jsl-dialog > .dlg-footer {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3rem;\r\n box-sizing: border-box;\r\n padding: 0.5rem;\r\n border-top: 1px solid #ededed;\r\n background: #f8f8f8;\r\n border-bottom-right-radius: 0.8rem;\r\n border-bottom-left-radius: 0.8rem;\r\n text-align: right;\r\n}\r\n\r\n.jsl-dialog > .dlg-footer button {\r\n margin-left: 1rem;\r\n}\r\n\r\n.jsl-dialog .slickgrid {\r\n border-radius: 0;\r\n}\r\n","/*!\r\n * Selectr 2.4.12\r\n * http://mobius.ovh/docs/selectr\r\n *\r\n * Released under the MIT license\r\n */\r\n.jsl-container {\r\n\tposition: relative;\r\n}\r\n\r\n.jsl-container li {\r\n\tlist-style: none;\r\n}\r\n\r\n.jsl-hidden {\r\n\tposition: absolute;\r\n\toverflow: hidden;\r\n\tclip: rect(0px, 0px, 0px, 0px);\r\n\twidth: 1px;\r\n\theight: 1px;\r\n\tmargin: -1px;\r\n\tpadding: 0;\r\n\tborder: 0 none;\r\n}\r\n\r\n.jsl-visible {\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\topacity: 0;\r\n\tz-index: 11;\r\n}\r\n\r\n.jsl-desktop.multiple .jsl-visible {\r\n\tdisplay: none;\r\n}\r\n\r\n.jsl-desktop.multiple.native-open .jsl-visible {\r\n\ttop: 100%;\r\n\tmin-height: 200px !important;\r\n\theight: auto;\r\n\topacity: 1;\r\n\tdisplay: block;\r\n}\r\n\r\n.jsl-container.multiple.jsl-mobile .jsl-selected {\r\n\tz-index: 0;\r\n}\r\n\r\n.jsl-selected {\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\tbox-sizing: border-box;\r\n\twidth: 100%;\r\n\tpadding: 4px 22px 4px 4px;\r\n\tcursor: pointer;\r\n\tborder: 1px solid #999;\r\n\tborder-radius: 2px;\r\n\tbackground-color: #fff;\r\n}\r\n\r\n.jsl-selected::before {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tright: 10px;\r\n\twidth: 0;\r\n\theight: 0;\r\n\tcontent: '';\r\n\t-o-transform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t-ms-transform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t-moz-transform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t-webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t\t\ttransform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\tborder-width: 4px 4px 0 4px;\r\n\tborder-style: solid;\r\n\tborder-color: #6c7a86 transparent transparent;\r\n}\r\n\r\n.jsl-container.open .jsl-selected::before,\r\n.jsl-container.native-open .jsl-selected::before {\r\n\tborder-width: 0 4px 4px 4px;\r\n\tborder-style: solid;\r\n\tborder-color: transparent transparent #6c7a86;\r\n}\r\n\r\n.jsl-label {\r\n\tdisplay: none;\r\n\toverflow: hidden;\r\n\twidth: 100%;\r\n\twhite-space: nowrap;\r\n\ttext-overflow: ellipsis;\r\n}\r\n\r\n.jsl-placeholder {\r\n\tcolor: #6c7a86;\r\n}\r\n\r\n.jsl-tags {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\twhite-space: normal;\r\n}\r\n\r\n.has-selected .jsl-tags {\r\n\tmargin: 0 0 -2px;\r\n}\r\n\r\n.jsl-tag {\r\n\tlist-style: none;\r\n\tposition: relative;\r\n\tfloat: left;\r\n\tpadding: 0px 25px 0px 8px;\r\n\tmargin: 0 2px 2px 0;\r\n\tcursor: default;\r\n\tcolor: #fff;\r\n\tborder: medium none;\r\n\tborder-radius: 10px;\r\n\tbackground: #acb7bf none repeat scroll 0 0;\r\n}\r\n\r\n.jsl-container.multiple.has-selected .jsl-selected {\r\n\tpadding: 2px 28px 2px 2px;\r\n}\r\n\r\n.jsl-options-container {\r\n\tposition: absolute;\r\n\tz-index: 10000;\r\n\ttop: calc(100% - 1px);\r\n\tleft: 0;\r\n\tdisplay: none;\r\n\tbox-sizing: border-box;\r\n\twidth: 100%;\r\n\tborder-width: 0 1px 1px;\r\n\tborder-style: solid;\r\n\tborder-color: transparent #999 #999;\r\n\tborder-radius: 0 0 3px 3px;\r\n\tbackground-color: #fff;\r\n}\r\n\r\n.jsl-container.open .jsl-options-container {\r\n\tdisplay: block;\r\n}\r\n\r\n.jsl-input-container {\r\n\tposition: relative;\r\n\tdisplay: none;\r\n}\r\n\r\n.jsl-clear,\r\n.jsl-input-clear,\r\n.jsl-tag-remove {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tright: 22px;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tpadding: 0;\r\n\tcursor: pointer;\r\n\t-o-transform: translate3d(0px, -50%, 0px);\r\n\t-ms-transform: translate3d(0px, -50%, 0px);\r\n\t-moz-transform: translate3d(0px, -50%, 0px);\r\n\t-webkit-transform: translate3d(0px, -50%, 0px);\r\n\t\t\ttransform: translate3d(0px, -50%, 0px);\r\n\tborder: medium none;\r\n\tbackground-color: transparent;\r\n\tz-index: 11;\r\n}\r\n\r\n.jsl-clear,\r\n.jsl-input-clear {\r\n\tdisplay: none;\r\n}\r\n\r\n.jsl-container.has-selected .jsl-clear,\r\n.jsl-input-container.active .jsl-input-clear {\r\n\tdisplay: block;\r\n}\r\n\r\n.jsl-selected .jsl-tag-remove {\r\n\tright: 2px;\r\n}\r\n\r\n.jsl-clear::before,\r\n.jsl-clear::after,\r\n.jsl-input-clear::before,\r\n.jsl-input-clear::after,\r\n.jsl-tag-remove::before,\r\n.jsl-tag-remove::after {\r\n\tposition: absolute;\r\n\ttop: 5px;\r\n\tleft: 9px;\r\n\twidth: 2px;\r\n\theight: 10px;\r\n\tcontent: ' ';\r\n\tbackground-color: #6c7a86;\r\n}\r\n\r\n.jsl-tag-remove::before,\r\n.jsl-tag-remove::after {\r\n\ttop: 4px;\r\n\twidth: 3px;\r\n\theight: 12px;\r\n\tbackground-color: #fff;\r\n}\r\n\r\n.jsl-clear:before,\r\n.jsl-input-clear::before,\r\n.jsl-tag-remove::before {\r\n\t-o-transform: rotate(45deg);\r\n\t-ms-transform: rotate(45deg);\r\n\t-moz-transform: rotate(45deg);\r\n\t-webkit-transform: rotate(45deg);\r\n\ttransform: rotate(45deg);\r\n}\r\n\r\n.jsl-clear:after,\r\n.jsl-input-clear::after,\r\n.jsl-tag-remove::after {\r\n\t-o-transform: rotate(-45deg);\r\n\t-ms-transform: rotate(-45deg);\r\n\t-moz-transform: rotate(-45deg);\r\n\t-webkit-transform: rotate(-45deg);\r\n\ttransform: rotate(-45deg);\r\n}\r\n\r\n.jsl-input-container.active,\r\n.jsl-input-container.active .jsl-clear {\r\n\tdisplay: block;\r\n}\r\n\r\n.jsl-input {\r\n\ttop: 5px;\r\n\tleft: 5px;\r\n\tbox-sizing: border-box;\r\n\twidth: calc(100% - 30px);\r\n\tmargin: 4px 5px;\r\n\tpadding: 7px 30px 7px 9px;\r\n\tborder: 1px solid #999;\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.jsl-notice {\r\n\tdisplay: none;\r\n\tbox-sizing: border-box;\r\n\twidth: 100%;\r\n\tpadding: 8px 16px;\r\n\tborder-top: 1px solid #999;\r\n\tborder-radius: 0 0 3px 3px;\r\n\tbackground-color: #fff;\r\n}\r\n\r\n.jsl-container.notice .jsl-notice {\r\n\tdisplay: block;\r\n}\r\n\r\n.jsl-container.notice .jsl-selected {\r\n\tborder-radius: 3px 3px 0 0;\r\n}\r\n\r\n.jsl-options {\r\n\tposition: relative;\r\n\ttop: calc(100% + 2px);\r\n\tdisplay: none;\r\n\toverflow-x: auto;\r\n\toverflow-y: auto;\r\n\tmax-height: 200px;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n}\r\n\r\n.jsl-container.open .jsl-options,\r\n.jsl-container.open .jsl-input-container,\r\n.jsl-container.notice .jsl-options-container {\r\n\tdisplay: block;\r\n}\r\n\r\n.jsl-option {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\tpadding: 3px 4px 4px 2px;\r\n\tlist-style: outside none none;\r\n\tcursor: pointer;\r\n\tfont-weight: normal;\r\n}\r\n\r\n.jsl-options.optgroups > .jsl-option {\r\n\tpadding-left: 25px;\r\n}\r\n\r\n.jsl-optgroup {\r\n\tfont-weight: bold;\r\n\tpadding: 0;\r\n}\r\n\r\n.jsl-optgroup--label {\r\n\tfont-weight: bold;\r\n\tmargin-top: 10px;\r\n\tpadding: 5px 15px;\r\n}\r\n\r\n.jsl-match {\r\n\ttext-decoration: underline;\r\n}\r\n\r\n.jsl-option.selected {\r\n\tbackground-color: #ddd;\r\n}\r\n\r\n.jsl-option.active {\r\n\tcolor: #fff;\r\n\tbackground-color: #5897fb;\r\n}\r\n\r\n.jsl-option.disabled {\r\n\topacity: 0.4;\r\n}\r\n\r\n.jsl-option.excluded {\r\n\tdisplay: none;\r\n}\r\n\r\n.jsl-container.open .jsl-selected {\r\n\tborder-color: #999 #999 transparent #999;\r\n\tborder-radius: 3px 3px 0 0;\r\n}\r\n\r\n.jsl-container.open .jsl-selected::after {\r\n\t-o-transform: rotate(180deg) translate3d(0px, 50%, 0px);\r\n\t-ms-transform: rotate(180deg) translate3d(0px, 50%, 0px);\r\n\t-moz-transform: rotate(180deg) translate3d(0px, 50%, 0px);\r\n\t-webkit-transform: rotate(180deg) translate3d(0px, 50%, 0px);\r\n\ttransform: rotate(180deg) translate3d(0px, 50%, 0px);\r\n}\r\n\r\n.jsl-disabled {\r\n\topacity: .6;\r\n}\r\n\r\n.jsl-empty,\r\n.has-selected .jsl-placeholder {\r\n\tdisplay: none;\r\n}\r\n\r\n.has-selected .jsl-label {\r\n\tdisplay: block;\r\n}\r\n\r\n/* TAGGABLE */\r\n.taggable .jsl-selected {\r\n\tpadding: 4px 28px 4px 4px;\r\n}\r\n\r\n.taggable .jsl-selected::after {\r\n\tdisplay: table;\r\n\tcontent: \" \";\r\n\tclear: both;\r\n}\r\n\r\n.taggable .jsl-label {\r\n\twidth: auto;\r\n}\r\n\r\n.taggable .jsl-tags {\r\n\tfloat: left;\r\n\tdisplay: block;\r\n}\r\n\r\n.taggable .jsl-placeholder {\r\n\tdisplay: none;\r\n}\r\n\r\n.input-tag {\r\n\tfloat: left;\r\n\tmin-width: 90px;\r\n\twidth: auto;\r\n}\r\n\r\n.jsl-tag-input {\r\n\tborder: medium none;\r\n\tpadding: 3px 10px;\r\n\twidth: 100%;\r\n\tfont-family: inherit;\r\n\tfont-weight: inherit;\r\n\tfont-size: inherit;\r\n}\r\n\r\n.jsl-input-container.loading::after {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tright: 20px;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tcontent: '';\r\n\t-o-transform: translate3d(0px, -50%, 0px);\r\n\t-ms-transform: translate3d(0px, -50%, 0px);\r\n\t-moz-transform: translate3d(0px, -50%, 0px);\r\n\t-webkit-transform: translate3d(0px, -50%, 0px);\r\n\ttransform: translate3d(0px, -50%, 0px);\r\n\r\n\t-o-transform-origin: 50% 0 0;\r\n\t-ms-transform-origin: 50% 0 0;\r\n\t-moz-transform-origin: 50% 0 0;\r\n\t-webkit-transform-origin: 50% 0 0;\r\n\ttransform-origin: 50% 0 0;\r\n\r\n\t-moz-animation: 500ms linear 0s normal forwards infinite running spin;\r\n\t-webkit-animation: 500ms linear 0s normal forwards infinite running spin;\r\n\tanimation: 500ms linear 0s normal forwards infinite running spin;\r\n\tborder-width: 3px;\r\n\tborder-style: solid;\r\n\tborder-color: #aaa #ddd #ddd;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n@-webkit-keyframes spin {\r\n\t0% {\r\n\t\t-webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t\ttransform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t}\r\n\t100% {\r\n\t\t-webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);\r\n\t\ttransform: rotate(360deg) translate3d(0px, -50%, 0px);\r\n\t}\r\n}\r\n@keyframes spin {\r\n\t0% {\r\n\t\t-webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t\ttransform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t}\r\n\t100% {\r\n\t\t-webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);\r\n\t\ttransform: rotate(360deg) translate3d(0px, -50%, 0px);\r\n\t}\r\n}\r\n.jsl-container.open.inverted .jsl-selected {\r\n\tborder-color: transparent #999 #999;\r\n\tborder-radius: 0 0 3px 3px;\r\n}\r\n\r\n.jsl-container.inverted .jsl-options-container {\r\n\tborder-width: 1px 1px 0;\r\n\tborder-color: #999 #999 transparent;\r\n\tborder-radius: 3px 3px 0 0;\r\n\tbackground-color: #fff;\r\n}\r\n\r\n.jsl-container.inverted .jsl-options-container {\r\n\ttop: auto;\r\n\tbottom: calc(100% - 1px);\r\n}\r\n\r\n.jsl-container ::-webkit-input-placeholder {\r\n\tcolor: #6c7a86;\r\n\topacity: 1;\r\n}\r\n\r\n.jsl-container ::-moz-placeholder {\r\n\tcolor: #6c7a86;\r\n\topacity: 1;\r\n}\r\n\r\n.jsl-container :-ms-input-placeholder {\r\n\tcolor: #6c7a86;\r\n\topacity: 1;\r\n}\r\n\r\n.jsl-container ::placeholder {\r\n\tcolor: #6c7a86;\r\n\topacity: 1;\r\n}\r\n",".jsl-number {\r\n text-align: right;\r\n}",".jsl-notification-container {\r\n position: fixed;\r\n top: 1px;\r\n right: 1px;\r\n overflow: visible;\r\n z-index: 3020;\r\n\r\n .jsl-notification {\r\n box-sizing: border-box;\r\n padding: 0.5rem;\r\n min-width: 12rem;\r\n border-radius: 0.3rem;\r\n // border: 1px solid silver;\r\n color: white;\r\n background: #3B99FF;\r\n margin: 0.2rem;\r\n cursor: pointer;\r\n }\r\n}","/*\r\nIMPORTANT:\r\nIn order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.\r\nNo built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS\r\nclasses should alter those!\r\n*/\r\n\r\n.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 {\r\n width: 100%;\r\n overflow: auto;\r\n position: relative;\r\n border-left: 0px !important;\r\n background: white;\r\n}\r\n\r\n.slick-header.ui-state-default {\r\n overflow: inherit;\r\n}\r\n\r\n.slick-header::-webkit-scrollbar, .slick-headerrow::-webkit-scrollbar, .slick-footerrow::-webkit-scrollbar {\r\n display: none\r\n}\r\n\r\n.slick-header-columns, .slick-headerrow-columns, .slick-footerrow-columns, .slick-group-header-columns {\r\n position: relative;\r\n white-space: nowrap;\r\n cursor: default;\r\n overflow: hidden;\r\n}\r\n\r\n.slick-header-column.ui-state-default, .slick-group-header-column.ui-state-default {\r\n position: relative;\r\n /* display: inline-block; */\r\n box-sizing: content-box !important; /* this here only for Firefox! */ \r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n height: 20px;\r\n line-height: 20px;\r\n margin: 0;\r\n padding: 4px;\r\n border-right: 1px solid silver;\r\n border-left: 0px !important;\r\n border-top: 1px solid silver;\r\n border-bottom: 0px !important;\r\n float: left;\r\n}\r\n\r\n.slick-footerrow-column.ui-state-default {\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin: 0;\r\n padding: 4px;\r\n border-right: 1px solid silver;\r\n border-left: 0px;\r\n border-top: 0px;\r\n border-bottom: 0px;\r\n float: left;\r\n line-height: 20px;\r\n vertical-align: middle;\r\n}\r\n\r\n.slick-headerrow-column.ui-state-default, .slick-footerrow-column.ui-state-default {\r\n padding: 4px;\r\n}\r\n\r\n.slick-header-column-sorted {\r\n font-style: italic;\r\n}\r\n\r\n.slick-sort-indicator {\r\n /* display: inline-block; */\r\n width: 8px;\r\n height: 5px;\r\n margin-left: 4px;\r\n margin-top: 6px;\r\n float: left;\r\n}\r\n\r\n.slick-sort-indicator-numbered {\r\n /* display: inline-block; */\r\n width: 8px;\r\n height: 5px;\r\n margin-left: 4px;\r\n margin-top: 0;\r\n line-height: 20px;\r\n float: left;\r\n font-style: normal;\r\n font-weight: bold;\r\n color: #6190CD;\r\n}\r\n\r\n\r\n/* TODO TODOFIX */\r\n/* .slick-sort-indicator-desc {\r\n background: url(images/sort-desc.gif);\r\n}\r\n\r\n.slick-sort-indicator-asc {\r\n background: url(images/sort-asc.gif);\r\n} */\r\n\r\n/* .slick-resizable-handle {\r\n position: absolute;\r\n font-size: 0.1px;\r\n display: block;\r\n cursor: col-resize;\r\n width: 9px;\r\n right: -5px;\r\n top: 0;\r\n height: 100%;\r\n z-index: 1;\r\n} */\r\n\r\n.slick-sortable-placeholder {\r\n background: silver;\r\n}\r\n\r\n.grid-canvas {\r\n position: relative;\r\n outline: 0;\r\n}\r\n\r\n.slick-row.ui-widget-content, .slick-row.ui-state-active {\r\n position: absolute;\r\n border: 0px;\r\n width: 100%;\r\n}\r\n\r\n.slick-cell, .slick-headerrow-column , .slick-footerrow-column{\r\n position: absolute;\r\n border: 1px solid transparent;\r\n /*border-right: 1px dotted silver;\r\n border-bottom-color: silver; */\r\n border-right: 1px dotted silver;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n vertical-align: middle;\r\n z-index: 1;\r\n padding: 1px 2px 2px 1px;\r\n margin: 0;\r\n white-space: nowrap;\r\n cursor: default;\r\n}\r\n/*.slick-cell, */.slick-headerrow-column{\r\n border-bottom-color: silver;\r\n}\r\n.slick-footerrow-column {\r\n border-top-color: silver;\r\n}\r\n\r\n.slick-group-toggle {\r\n display: inline-block;\r\n}\r\n\r\n.slick-cell.highlighted {\r\n background: lightskyblue;\r\n background: rgba(0, 0, 255, 0.2);\r\n -webkit-transition: all 0.5s;\r\n -moz-transition: all 0.5s;\r\n -o-transition: all 0.5s;\r\n transition: all 0.5s;\r\n}\r\n\r\n.slick-cell.flashing {\r\n border: 1px solid red !important;\r\n}\r\n\r\n.slick-cell.editable {\r\n z-index: 11;\r\n overflow: visible;\r\n /* background: white;\r\n border-color: black;\r\n border-style: solid; */\r\n}\r\n\r\n.slick-cell:focus {\r\n outline: none;\r\n}\r\n\r\n.slick-reorder-proxy {\r\n display: inline-block;\r\n background: blue;\r\n opacity: 0.15;\r\n filter: alpha(opacity = 15);\r\n cursor: move;\r\n}\r\n\r\n.slick-reorder-guide {\r\n display: inline-block;\r\n height: 2px;\r\n background: blue;\r\n opacity: 0.7;\r\n filter: alpha(opacity = 70);\r\n}\r\n\r\n.slick-selection {\r\n z-index: 10;\r\n position: absolute;\r\n border: 2px dashed black;\r\n}\r\n\r\n.slick-pane {\r\n position: absolute;\r\n outline: 0;\r\n overflow: hidden;\r\n width: 100%;\r\n}\r\n\r\n.slick-pane-header {\r\n display: block;\r\n}\r\n\r\n.slick-header, .slick-headerrow, .slick-top-panel-scroller {\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.slick-top-panel {\r\n width: 10000px\r\n}\r\n\r\n.slick-viewport {\r\n position: relative;\r\n outline: 0;\r\n width: 100%;\r\n background: white;\r\n}\r\n\r\n.slick-wrap {\r\n white-space: normal;\r\n}\r\n\r\n/* Slick.Editors.Text, Slick.Editors.Date */\r\ninput.editor-text, textarea.editor-text {\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n margin: 0;\r\n background: transparent;\r\n outline: 0;\r\n padding: 0;\r\n resize: none;\r\n}\r\n\r\n.slick-cell .jsl-container {\r\n position: absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n top:0;\r\n}\r\n\r\n.slick-cell .jsl-container .jsl-selected {\r\n padding: 0;\r\n}\r\n\r\n.slickgrid {\r\n box-sizing: border-box;\r\n border: solid 1px #b0b0b0;\r\n border-radius: 3px;\r\n}\r\n\r\n.slick-col-ghost {\r\n box-sizing: content-box;\r\n position: absolute;\r\n pointer-events: none;\r\n}\r\n\r\n.slick-ghost-content {\r\n border: solid 2px #bbbbbb;\r\n background: rgba(200,200,200,0.5);\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n}\r\n\r\n.editor-text {\r\n font-size: 100%;\r\n}\r\n\r\n.slick-filtered-header {\r\n color: #3B99FF;\r\n background: #e7e7e7;\r\n}\r\n\r\n.slick-preheader-panel .slick-column-name {\r\n text-align: center;\r\n float: none;\r\n}\r\n\r\n.slick-header-column.resizable > .rs-r {\r\n background: none;\r\n}\r\n\r\n/* .slick-header-column:hover.resizable > .rs-r {\r\n background: rgba(20,20,20,0.3);\r\n} */\r\n\r\n.js-touch .slick-header-column > .slick-header-menubutton {\r\n display: inline-block;\r\n}\r\n\r\n.js-touch .slick-header-column.resizable>.rs-r {\r\n /* background: rgba(20,20,20,.3);\r\n background-size: 0.9em 0.5em;\r\n background-position: center center; */\r\n\r\n background: rgba(0,0,0,0.04);\r\n background-size: 0.5em 0.3em;\r\n background-position: right center;\r\n\r\n background: transparent;\r\n background-size: 0.5em 0.3em;\r\n background-position: right center;\r\n\r\n width: 1.2rem;\r\n 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');\r\n background-repeat: no-repeat;\r\n}\r\n.js-touch .slick-header-menubutton.resize-offset {\r\n right: 1.2rem;\r\n width: 1.2rem;\r\n}\r\n","/*\r\nIMPORTANT:\r\nIn order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.\r\nNo built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS\r\nclasses should alter those!\r\n*/\r\n\r\n.slick-header-columns {\r\n border-bottom: 2px solid silver;\r\n}\r\n\r\n.slick-header-column {\r\n border-right: 1px solid silver;\r\n text-align: center;\r\n font-weight: bold;\r\n}\r\n\r\n.slick-header-column:hover, .slick-header-column-active {\r\n background: #3B99FF;\r\n color: #ffffff;\r\n}\r\n\r\n\r\n.slick-header-column > .slick-header-menubutton:hover {\r\n background-color: rgba(0,0,0,0.3);\r\n}\r\n\r\n.slick-headerrow {\r\n background: #fafafa;\r\n}\r\n\r\n.slick-headerrow-column {\r\n background: #fafafa;\r\n border-bottom: 0;\r\n height: 100%;\r\n}\r\n\r\n.slick-row.ui-state-active {\r\n background: #F5F7D7;\r\n}\r\n\r\n.slick-row {\r\n position: absolute;\r\n background: white;\r\n border: 0px;\r\n line-height: 26px;\r\n}\r\n\r\n/* what is this used for ? */\r\n.slick-row.selected {\r\n z-index: 10;\r\n background: #DFE8F6;\r\n}\r\n\r\n.slick-cell {\r\n padding-left: 4px;\r\n padding-right: 4px;\r\n}\r\n\r\n.slick-group {\r\n border-bottom: 2px solid silver;\r\n}\r\n\r\n.slick-group .slick-cell {\r\n background:#D4E4EC;\r\n}\r\n\r\n.slick-group-toggle {\r\n width: 9px;\r\n height: 9px;\r\n margin-right: 5px;\r\n}\r\n\r\n.slick-group-toggle.expanded {\r\n background: url('data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIMwADCBxIUIDBgwIEChgwwECBAgQUFjBAkaJCABgxGlB4AGHCAAIQiBypEEECkScJqgwQEAA7') no-repeat center center;}\r\n\r\n.slick-group-toggle.collapsed { \r\n background: url('data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIOAADCBxIUIDBgwIEChgwAECBAgQUFjAAQIABAwoBaNSIMYCAAwIqGlSIAEHFkiQTIBCgkqDLAAEBADs=') no-repeat center center;\r\n}\r\n\r\n.slick-group-totals {\r\n color: gray;\r\n background: white;\r\n}\r\n\r\n.slick-group-select-checkbox {\r\n width: 13px;\r\n height: 13px;\r\n margin: 3px 10px 0 0;\r\n display: inline-block;\r\n}\r\n\r\n.slick-cell.selected {\r\n background-color: #CDE6F7;\r\n}\r\n\r\n.slick-cell.active {\r\n border-color: #017DBE;\r\n border-style: solid;\r\n}\r\n\r\n.slick-sortable-placeholder {\r\n background: silver !important;\r\n}\r\n\r\n.slick-row.odd {\r\n background: #ededed;\r\n}\r\n\r\n.slick-row.ui-state-active {\r\n background: #F5F7D7;\r\n}\r\n\r\n.slick-row.loading {\r\n opacity: 0.5;\r\n filter: alpha(opacity = 50);\r\n}\r\n\r\n.slick-cell.invalid {\r\n border-color: red;\r\n animation-duration: 0.2s;\r\n -moz-animation-duration: 0.2s;\r\n -webkit-animation-duration: 0.2s;\r\n animation-name: slickgrid-invalid-hilite;\r\n -moz-animation-name: slickgrid-invalid-hilite;\r\n -webkit-animation-name: slickgrid-invalid-hilite; \r\n}\r\n\r\n@keyframes slickgrid-invalid-hilite {\r\n from { box-shadow: 0 0 6px red; }\r\n to { box-shadow: none; }\r\n}\r\n\r\n@-moz-keyframes slickgrid-invalid-hilite {\r\n from { box-shadow: 0 0 6px red; }\r\n to { box-shadow: none; }\r\n}\r\n\r\n@-webkit-keyframes slickgrid-invalid-hilite {\r\n from { box-shadow: 0 0 6px red; }\r\n to { box-shadow: none; }\r\n}\r\n\r\n/* .slick-grid {\r\n background: white;\r\n outline: 0;\r\n border: 1px solid #a0a0a0;\r\n border-radius: 3px;\r\n} */\r\n\r\n.new-row .slick-cell {\r\n border-top: solid 1px #aaaaaa;\r\n background: #3B99FF55;\r\n}\r\n","/* Menu button */\r\n.slick-header-menubutton {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 14px;\r\n background-repeat: no-repeat;\r\n background-position: left center;\r\n background-image: url('data:image/gif;base64,R0lGODlhDgAOAIABADtKYwAAACH5BAEAAAEALAAAAAAOAA4AAAISjI+py+0PHZgUsGobhTn6DxoFADs=');\r\n cursor: pointer;\r\n\r\n display: none;\r\n border-left: thin ridge silver;\r\n}\r\n\r\n.slick-header-menubutton.resize-offset {\r\n right: 0.5rem;\r\n}\r\n\r\n.slick-header-column:hover > .slick-header-menubutton,\r\n.slick-header-column-active .slick-header-menubutton {\r\n display: inline-block;\r\n}\r\n\r\n/* Menu */\r\n.slick-header-menu {\r\n position: absolute;\r\n display: inline-block;\r\n margin: 0;\r\n padding: 2px;\r\n cursor: default;\r\n}\r\n\r\n\r\n/* Menu items */\r\n.slick-header-menuitem {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n cursor: pointer;\r\n}\r\n\r\n.slick-header-menuicon {\r\n display: inline-block;\r\n width: 16px;\r\n height: 16px;\r\n vertical-align: middle;\r\n margin-right: 4px;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n}\r\n\r\n.slick-header-menucontent {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n\r\n\r\n/* Disabled */\r\n.slick-header-menuitem-disabled {\r\n color: silver;\r\n}\r\n\r\n/* Divider */\r\n.slick-header-menuitem.slick-header-menuitem-divider {\r\n cursor: default;\r\n border: none;\r\n overflow: hidden;\r\n padding: 0;\r\n height: 1px;\r\n margin: 8px 2px;\r\n background-color: #cecece;\r\n}\r\n.slick-header-menuitem-divider.slick-header-menuitem:hover {\r\n background-color: #cecece;\r\n}\r\n\r\n.slick-header-menu {\r\n border: 1px solid #bebebe;\r\n background: #ffffff;\r\n padding: 2px;\r\n box-shadow: 2px 2px 2px silver;\r\n z-index: 20;\r\n}\r\n\r\n\r\n.slick-header-menuitem {\r\n padding: 2px 4px;\r\n border-radius: 3px;\r\n}\r\n\r\n.slick-header-menuitem:hover {\r\n background: #3B99FF;\r\n color:white;\r\n}\r\n\r\n.slick-header-menuitem-disabled {\r\n border-color: transparent !important;\r\n background: inherit !important;\r\n}",".slick-column-name,\r\n.slick-sort-indicator {\r\n /**\r\n * This makes all \"float:right\" elements after it that spill over to the next line\r\n * display way below the lower boundary of the column thus hiding them.\r\n */\r\n display: inline-block;\r\n float: left;\r\n margin-bottom: 100px;\r\n}\r\n\r\n.slick-header-button {\r\n display: inline-block;\r\n float: right;\r\n vertical-align: top;\r\n margin: 1px;\r\n margin-right: 2rem;\r\n /**\r\n * This makes all \"float:right\" elements after it that spill over to the next line\r\n * display way below the lower boundary of the column thus hiding them.\r\n */\r\n margin-bottom: 100px;\r\n height: 15px;\r\n width: 15px;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n cursor: pointer;\r\n}\r\n\r\n.slick-header-button-hidden {\r\n width: 0;\r\n\r\n -webkit-transition: 0.2s width;\r\n -ms-transition: 0.2s width;\r\n transition: 0.2s width;\r\n}\r\n\r\n.slick-header-column:hover > .slick-header-button {\r\n width: 15px;\r\n}",".v-r-comp {\r\n\r\n height:100%;\r\n\r\n .v-r-child > * {\r\n height: 100%;\r\n }\r\n\r\n}",".cell-reorder {\r\n cursor: move;\r\n /* background: red; */\r\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAADAFBMVEUAAACWlpbY2NgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADmpIfcAAABAHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AU/cHJQAAABlJREFUCNdj+I8EGFA5jHAA5DDBAW2VIQEAmyRUB6U7kZIAAAAASUVORK5CYII=);\r\n background-repeat: no-repeat;\r\n background-position-x: center;\r\n background-position-y: center;\r\n}","\r\n.header-overlay {\r\n background-color: #217346;\r\n}\r\n\r\n.cell-overlay,\r\n.selection-cell-overlay {\r\n display: block;\r\n position: absolute;\r\n z-index: 20;\r\n background-color: #217346;\r\n}\r\n\r\n.handle-overlay {\r\n border: 1px solid white;\r\n padding: 3px;\r\n background-color: #217346;\r\n position: absolute;\r\n width: 2px;\r\n height: 2px;\r\n z-index: 20;\r\n cursor: crosshair;\r\n}\r\n\r\n.overlay-handle-decorator {\r\n border: 2px solid #217346;\r\n z-index: 20;\r\n}\r\n",".select-comp {\r\n border: solid 1px #bdbdbd;\r\n border-radius: 0.2rem;\r\n position: relative;\r\n min-width: 8rem;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n padding-left: 0.2rem;\r\n height: 1.6rem;\r\n line-height: 1.6rem;\r\n vertical-align: middle;\r\n\r\n &.expanded {\r\n border-color: #3B99FF;\r\n }\r\n\r\n &.disabled {\r\n color:#999999;\r\n }\r\n\r\n .sel-result {\r\n\r\n .clear-btn {\r\n position: absolute;\r\n right: 1.2rem;\r\n top: 0;\r\n font-size: 1.4rem;\r\n line-height: 1.4rem;\r\n font-weight: bold;\r\n color: #999999;\r\n font-family: sans-serif;\r\n cursor: pointer;\r\n opacity: 0.3;\r\n z-index: 10;\r\n border: none;\r\n background: none;\r\n\r\n &:not([disabled]):hover {\r\n color:#d00000;\r\n }\r\n }\r\n\r\n &:hover .clear-btn:not([disabled]) {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .sel-expander {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n width: 1.5rem;\r\n box-sizing: border-box;\r\n border: none;\r\n // border-left: solid 2px #bdbdbd;\r\n // border-bottom-left-radius: 3px;\r\n // border-top-left-radius: 3px;\r\n text-align: center;\r\n border-bottom-right-radius: 0.2rem;\r\n border-top-right-radius: 0.2rem;\r\n background: white;\r\n opacity: 0.7;\r\n cursor: pointer;\r\n font-size: 0.65em;\r\n\r\n &:focus {\r\n outline:0;\r\n color: white;\r\n background: #3b9aff;\r\n }\r\n }\r\n\r\n .sel-expander::before {\r\n content: \"\";\r\n display: block;\r\n position: absolute;\r\n left: 0;\r\n top: 2px;\r\n bottom: 2px;\r\n width: 0;\r\n box-sizing: content-box;\r\n padding: 0;\r\n margin: 0;\r\n border-left: solid 1px #bdbdbd;\r\n // box-shadow: -1px 0px 1px 1px #f0f0f0;\r\n }\r\n\r\n .sel-dd-item {\r\n overflow: hidden;\r\n display: block;\r\n height: 100%;\r\n margin-right: 2.6rem;\r\n white-space: nowrap;\r\n }\r\n \r\n &:hover .sel-expander {\r\n opacity: 1;\r\n background: #dadada;\r\n }\r\n}\r\n\r\n.sel-comp-dd {\r\n position: absolute;\r\n // overflow: hidden;\r\n box-sizing: border-box;\r\n background: white;\r\n z-index:2010;\r\n\r\n > div {\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n box-sizing: border-box;\r\n border: solid 1px #bcbcbc;\r\n border-radius: 2px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n cursor: pointer;\r\n }\r\n\r\n .sel-search {\r\n height: 1.8rem;\r\n padding: 0.1rem;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n }\r\n\r\n .sel-search > input {\r\n height: 1.6rem;\r\n line-height: 1.6rem;\r\n border: none;\r\n border-bottom: 2px solid #c8c8c8;\r\n margin: 0 2px;\r\n width: calc(100% - 4px);\r\n box-sizing: border-box;\r\n \r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n\r\n .sel-dd-item:not(.sel-dd-group) {\r\n &:hover {\r\n background: #d0d0d0;\r\n }\r\n }\r\n\r\n .sel-dd-items {\r\n\r\n .focused {\r\n background: #CCE8FF;\r\n }\r\n .selected {\r\n background: #3B99FF;\r\n }\r\n }\r\n\r\n .sel-dd-items.multiple {\r\n .sel-dd-item {\r\n padding-left: 1rem;\r\n }\r\n .sel-dd-item.selected {\r\n // padding-left: 0;\r\n &::before {\r\n content: \"✓\";\r\n position: absolute;\r\n color: #404040;\r\n font-weight: bold;\r\n left: 0;\r\n }\r\n }\r\n }\r\n\r\n .sel-dd-item {\r\n height: 100%;\r\n line-height: 26px;\r\n }\r\n\r\n .sel-dd-group {\r\n font-weight: bold;\r\n background: #e0e0e0;\r\n text-align: center;\r\n // &:hover {\r\n // background: #d0d0d0;\r\n // }\r\n }\r\n}",".autocomplete-suggestions {\r\n text-align: left;\r\n cursor: default;\r\n border: 1px solid #ccc;\r\n border-top: 0;\r\n background: #fff;\r\n box-shadow: -1px 1px 3px rgba(0,0,0,.1);\r\n\r\n /* core styles should not be changed */\r\n position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;\r\n}\r\n.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }\r\n.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }\r\n.autocomplete-suggestion.selected { background: #f0f0f0; }",".progress-comp {\r\n\r\n background: #bbbbbb;\r\n height: 1rem;\r\n position: relative;\r\n border-radius: 2px;\r\n\r\n .bar {\r\n background: #3B99FF;\r\n height: 100%;\r\n text-align: center;\r\n border-radius: 2px;\r\n }\r\n\r\n}",".time-comp {\r\n width: 4em;\r\n text-align: right;\r\n}\r\n",".date-time-comp {\r\n display: inline-block;\r\n}\r\n\r\n.date-time-comp input:first-child {\r\n width:6em;\r\n}\r\n",".expander-comp {\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);\r\n .header {\r\n background: #3B99FF;\r\n color: #fff;\r\n border-radius: 0.3rem;\r\n display: flex;\r\n align-content: center;\r\n min-height: 1.5rem;\r\n line-height: 1.5rem;\r\n align-items: center;\r\n\r\n .toggler {\r\n border-top-left-radius: 0.3rem;\r\n border-bottom-left-radius: 0.3rem;\r\n cursor: pointer;\r\n display: inline-block;\r\n background: #3B99FF;\r\n \r\n &:hover {\r\n background: #6bb1fc;\r\n color: black;\r\n }\r\n }\r\n\r\n .content {\r\n border-top-right-radius: 0.3rem;\r\n border-bottom-right-radius: 0.3rem;\r\n cursor: pointer;\r\n display: inline-block;\r\n flex-grow: 1;\r\n padding-left: 0.6em;\r\n }\r\n \r\n \r\n &:hover {\r\n background: #6bb1fc;\r\n color: black;\r\n }\r\n }\r\n .expand-collapse-icon {\r\n top: 0.2rem;\r\n color: #fff;\r\n opacity: 0.8;\r\n padding:0 0.2rem 0 0.2rem;\r\n }\r\n}\r\n",".lds-dual-ring {\r\n display: inline-block;\r\n /* width: 80px;\r\n height: 80px; */\r\n width: 1em;\r\n height: 1em;\r\n}\r\n.lds-dual-ring:after {\r\n content: \" \";\r\n display: block;\r\n width: 0.75em;\r\n height: 0.75em;\r\n margin: 0.2em;\r\n /* width: 64px;\r\n height: 64px;\r\n margin: 8px; */\r\n border-radius: 50%;\r\n border: 0.08em solid #444444;\r\n border-color: #444444 transparent #444444 transparent;\r\n animation: lds-dual-ring 1.2s linear infinite;\r\n}\r\n@keyframes lds-dual-ring {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n","\r\n$primary-color: #3B99FF;\r\n$animation-duration: 0.4s;\r\n\r\n@mixin label-active() {\r\n font-size: 0.7em;\r\n transform: translateY(-14px);\r\n}\r\n\r\n.form-field {\r\n display: block;\r\n margin-bottom: 16px;\r\n\r\n .failed__valid {\r\n .form-field__input {\r\n border-color: #cc0000!important;\r\n }\r\n .form-field__label {\r\n color: #aa0000!important;\r\n }\r\n }\r\n \r\n &--is-active {\r\n .form-field__control {\r\n &::after {\r\n border-bottom: 2px solid $primary-color;\r\n transform: scaleX(150);\r\n }\r\n }\r\n .form-field__label {\r\n color: $primary-color;\r\n @include label-active();\r\n }\r\n }\r\n &--is-filled {\r\n .form-field__label {\r\n @include label-active();\r\n }\r\n }\r\n}\r\n.form-field__label {\r\n color:#606060;\r\n display: block;\r\n font-weight: normal;\r\n left: 0;\r\n margin: 0;\r\n padding: 1rem 0.5rem 0 ;\r\n position: absolute;\r\n top: 0;\r\n transition: all $animation-duration;\r\n width: 100%;\r\n}\r\n.form-field__control {\r\n background: #f6f6f6;\r\n border-radius: 0.3rem 0.3rem 0 0;\r\n overflow: hidden;\r\n position: relative;\r\n width: 100%;\r\n \r\n &::after {\r\n border-bottom: 2px solid $primary-color;\r\n bottom: 0;\r\n content: \"\";\r\n display: block;\r\n left: 0;\r\n margin: 0 auto;\r\n position: absolute;\r\n right: 0;\r\n transform: scaleX(0);\r\n transition: all $animation-duration;\r\n width: 1%;\r\n }\r\n}\r\n.form-field__input,\r\n.form-field__textarea {\r\n box-sizing: border-box;\r\n border:none;\r\n appearance: none;\r\n background: transparent;\r\n border-bottom: 1px solid #999;\r\n color: #333;\r\n display: block;\r\n margin-top: 1.3rem;\r\n outline: 0;\r\n padding: 0 0.3rem 0.2rem 0.3rem;\r\n width: 100%;\r\n}\r\n","\r\n$defaultColor: rgba(50,50,50, 0.5);\r\n// $hoverColor: #3B99FF;\r\n\r\n// @mixin transition-duration($duration: 1s){\r\n// -webkit-transition-duration: $duration;\r\n// -moz-transition-duration: $duration;\r\n// -ms-transition-duration: $duration;\r\n// -o-transition-duration: $duration;\r\n// transition-duration: $duration;\r\n// }\r\n\r\n// @mixin transition-property($property){\r\n// -webkit-transition-property: $property;\r\n// -moz-transition-property: $property;\r\n// -ms-transition-property: $property;\r\n// -o-transition-property: $property;\r\n// transition-property: $property;\r\n// }\r\n\r\n// @mixin user-select($select: none){\r\n// -webkit-user-select: $select;\r\n// -moz-user-select: $select;\r\n// -ms-user-select: $select;\r\n// -o-user-select: $select;\r\n// user-select: $select;\r\n// }\r\n\r\n.treeview-comp {\r\n // float: left;\r\n // @include user-select;\r\n\r\n // &:hover input ~ label:before,\r\n // &.hover input ~ label:before{\r\n // opacity: 1.0;\r\n // @include transition-duration(0.5s);\r\n // }\r\n \r\n .tv-ul {\r\n // @include transition-duration;\r\n list-style: none;\r\n padding-left: 1em;\r\n \r\n // li {\r\n // span{\r\n // @include transition-property(color);\r\n // @include transition-duration;\r\n \r\n // &:hover {\r\n // color: $hoverColor;\r\n // @include transition-duration(0.3s);\r\n // }\r\n // }\r\n // }\r\n }\r\n \r\n .tv-input{\r\n display: none;\r\n \r\n &:checked ~ ul {\r\n display: none;\r\n }\r\n \r\n & ~ label {\r\n cursor: pointer;\r\n position: relative;\r\n }\r\n \r\n & ~ label:before {\r\n content: '';\r\n width: 0;\r\n height: 0;\r\n position: absolute;\r\n margin-left: -1em;\r\n margin-top: 0.4em;\r\n border-width: 4px;\r\n border-style: solid;\r\n border-top-color: transparent;\r\n border-right-color: $defaultColor;\r\n border-bottom-color: $defaultColor;\r\n border-left-color: transparent;\r\n // opacity: 0.0;\r\n // @include transition-property(opacity);\r\n // @include transition-duration;\r\n }\r\n\r\n &:checked ~ label:before {\r\n margin-left: -0.8em;\r\n border-width: 5px;\r\n border-top-color: transparent;\r\n border-right-color: transparent;\r\n border-bottom-color: transparent;\r\n border-left-color: $defaultColor;\r\n }\r\n }\r\n}","\r\n.stabcomponent {\r\n .tab-header-row {\r\n display: flex;\r\n .tab-item {\r\n display: inline-block;\r\n margin-right: 0.1rem;\r\n padding: 0.5rem 0.5rem 0.5rem 0.5rem;\r\n box-sizing: border-box;\r\n border: 1px solid transparent;\r\n border-radius: 4px 4px 0 0;\r\n text-decoration: none;\r\n border-color: #C0C0C0;\r\n border-bottom: 1px solid #ddd;\r\n vertical-align: middle;\r\n vertical-align: -webkit-baseline-middle;\r\n vertical-align: -moz-middle-with-baseline;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background:#c9e2f9;\r\n color: black;\r\n }\r\n\r\n .close-button {\r\n background: linear-gradient(#d9d8d6, #d9d8d6);\r\n border: 1px solid #88898d;\r\n border-radius: 0.2rem;\r\n color: #000;\r\n cursor: pointer;\r\n float: right;\r\n padding: 0.3rem;\r\n min-width: 1rem;\r\n text-align: center;\r\n margin-left: 0.5rem;\r\n margin-right: -0.5rem;\r\n\r\n &:hover {\r\n color: #000;\r\n border-color: #000;\r\n background: linear-gradient(#ff634b, #ff3313);\r\n }\r\n }\r\n }\r\n\r\n .active {\r\n cursor: default;\r\n background: #3B99FF;\r\n color: white;\r\n font-weight: bold;\r\n border: 1px solid rgb(116, 116, 116);\r\n border-bottom-color: transparent;\r\n }\r\n\r\n .disabled {\r\n cursor: default;\r\n color: #88898d;\r\n background: #d9d8d6;\r\n \r\n &:hover {\r\n color: #88898d;\r\n background: #d9d8d6;\r\n }\r\n }\r\n }\r\n\r\n .tab-content {\r\n max-height: calc(100vh - 9.6rem);\r\n overflow:auto;\r\n border:1px solid #C0C0C0;\r\n }\r\n\r\n .tab-hidden {\r\n display: none;\r\n }\r\n}\r\n","@keyframes checkbox-comp-hover-color{\r\n from{\r\n border-color:#C0C0C0;\r\n }\r\n to{\r\n border-color:#3B99FF;\r\n }\r\n}\r\n.checkbox-comp{\r\n position:absolute;\r\n display:none;\r\n}\r\n.checkbox-comp[disabled]{\r\n cursor:not-allowed\r\n}\r\n.checkbox-comp+label{\r\n position:relative;\r\n // display:block;\r\n padding-left:1.5em;\r\n cursor:pointer;\r\n vertical-align:middle;\r\n}\r\n.checkbox-comp+label:hover:before{\r\n animation-duration:.4s;\r\n animation-fill-mode:both;\r\n animation-name:checkbox-comp-hover-color;\r\n}\r\n.checkbox-comp+label:before{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n display:inline-block;\r\n width:1em;\r\n height:1em;\r\n content:'';\r\n border:1px solid #C0C0C0;\r\n}\r\n.checkbox-comp+label:after{\r\n position:absolute;\r\n display:none;\r\n content:''\r\n}\r\n.checkbox-comp[disabled]+label{\r\n cursor:not-allowed;\r\n // color:#C0C0C0;\r\n}\r\n.checkbox-comp[disabled]+label:hover,.checkbox-comp[disabled]+label:before,.checkbox-comp[disabled]+label:after{\r\n cursor:not-allowed\r\n}\r\n.checkbox-comp[disabled]+label:hover:before{\r\n border:1px solid #C0C0C0;\r\n animation-name:none\r\n}\r\n.checkbox-comp[disabled]+label:before{\r\n border-color:#C0C0C0;\r\n}\r\n.checkbox-comp:checked+label:before{\r\n animation-name:none\r\n}\r\n.checkbox-comp:checked+label:after{\r\n display:block\r\n}\r\n.checkbox-comp+label:before{\r\n border-radius:0.2em;\r\n}\r\n.checkbox-comp+label:after{\r\n top:0.1em; //2px;\r\n left:0.3em; //7px;\r\n box-sizing:border-box;\r\n width:0.5em; //6px;\r\n height:0.7em; //12px;\r\n transform:rotate(45deg);\r\n border-width:0.15em;\r\n border-style:solid;\r\n border-color:#fff;\r\n border-top:0;\r\n border-left:0\r\n}\r\n.checkbox-comp:checked+label:before{\r\n border-color:#3B99FF;\r\n background:#3B99FF;\r\n}\r\n.checkbox-comp:checked[disabled]+label:before{\r\n border-color:#c9e2f9;\r\n background:#c9e2f9\r\n}\r\n","\r\n.stackpanel-comp.hstackpanel {\r\n position: relative;\r\n}\r\n\r\n@media (max-width: 70em) {\r\n .stackpanel-comp.hstackpanel.responsive > div {\r\n width: auto!important;\r\n }\r\n}\r\n\r\n.stackpanel-comp.hstackpanel:not(.responsive) {\r\n // flex-grow: 1;\r\n position: relative;\r\n display: flex;\r\n width: 100%;\r\n}\r\n\r\n// .stackpanel-comp.hstackpanel:not(.responsive) > div {\r\n// display: flex;\r\n// }\r\n\r\n@media (min-width: 70em) {\r\n\r\n .stackpanel-comp.hstackpanel {\r\n // flex-grow: 1;\r\n position: relative;\r\n display: flex;\r\n width: 100%;\r\n }\r\n \r\n}\r\n\r\n.stackpanel-comp.wrap {\r\n flex-wrap: wrap;\r\n}\r\n\r\n.stackpanel-comp.vstackpanel {\r\n position: relative;\r\n}\r\n\r\n// .stackpanel-comp.vstackpanel > div {\r\n// display: block;\r\n// }\r\n\r\n.stackpanel-comp.vstackpanel > div {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex-basis: auto;\r\n flex-grow: 1;\r\n flex-shrink: 1;\r\n }\r\n",".stackpanel-comp.hstackpanel > .split-comp {\r\n width: 14px !important;\r\n background: #d5d5d5;\r\n cursor: w-resize;\r\n position: relative;\r\n\r\n &::before {\r\n height: 4rem;\r\n background: #696969;\r\n width: 7px;\r\n position: absolute;\r\n top: calc(50% - 2rem);\r\n content: \"\";\r\n left: 3px;\r\n border-radius: 3px;\r\n }\r\n\r\n &:hover {\r\n box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.3);\r\n }\r\n}\r\n\r\n.stackpanel-comp.vstackpanel > .split-comp {\r\n height: 14px !important;\r\n flex-basis: 14px;\r\n flex-grow: 0;\r\n background: #d5d5d5;\r\n cursor: n-resize;\r\n position: relative;\r\n\r\n &::before {\r\n background: #696969;\r\n height: 7px;\r\n width: 4rem;\r\n position: absolute;\r\n left: calc(50% - 2rem);\r\n content: \"\";\r\n top: 3px;\r\n border-radius: 3px;\r\n }\r\n\r\n &:hover {\r\n box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.3);\r\n }\r\n}\r\n",".slick-cell .jsl-toggle {\r\n color: #888888;\r\n /* font-size: 0.8em; */\r\n width: 1.2em;\r\n box-sizing: border-box;\r\n display: inline-block;\r\n cursor: pointer;\r\n height: 100%;\r\n}\r\n\r\n.slick-cell .jsl-toggle-spacer {\r\n min-width: 1.2em;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n}\r\n\r\n.slick-cell .jsl-indent {\r\n display: inline-block;\r\n position: relative;\r\n}",".nav-comp {\r\n\r\n line-height: 1.9rem;\r\n\r\n .dropdown ul {\r\n border-bottom-left-radius: 6px;\r\n border-bottom-right-radius: 6px;\r\n }\r\n\r\n.luxbar-default {\r\n width: 100%;\r\n position: relative;\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\r\n z-index: 1010; }\r\n \r\n .luxbar-static {\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\r\n width: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 1010; }\r\n .luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu {\r\n position: absolute; }\r\n \r\n .luxbar-fixed {\r\n width: 100%;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1010;\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }\r\n \r\n .luxbar-fixed-bottom {\r\n width: 100%;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 1010;\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }\r\n \r\n .luxbar-hamburger span, .luxbar-hamburger span::before, .luxbar-hamburger span::after {\r\n display: block;\r\n height: 2px;\r\n width: 26px;\r\n transition: 0.6s ease; }\r\n \r\n .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span {\r\n background-color: transparent; }\r\n .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before, .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after {\r\n margin-top: 0; }\r\n \r\n .luxbar-header {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 58px; }\r\n \r\n .luxbar-menu-left .luxbar-navigation,\r\n .luxbar-menu-left .luxbar-header {\r\n justify-content: flex-start; }\r\n \r\n .luxbar-menu-right .luxbar-hamburger {\r\n margin-left: auto; }\r\n \r\n .luxbar-brand {\r\n font-size: 1.6em;\r\n padding: 18px 24px 18px 24px; }\r\n \r\n .luxbar-menu {\r\n min-height: 58px;\r\n transition: 0.6s ease;\r\n width: 100%; }\r\n \r\n .luxbar-navigation {\r\n display: flex;\r\n flex-direction: column;\r\n list-style: none;\r\n padding-left: 0;\r\n margin: 0; }\r\n \r\n .luxbar-menu a,\r\n .luxbar-item a {\r\n text-decoration: none;\r\n color: inherit;\r\n cursor: pointer; }\r\n \r\n .luxbar-item {\r\n height: 58px; }\r\n .luxbar-item a {\r\n padding: 18px 24px 18px 24px;\r\n display: block; }\r\n \r\n .luxbar-hamburger {\r\n padding: 18px 24px 18px 24px;\r\n position: absolute;\r\n right: 0;\r\n cursor: pointer; }\r\n .luxbar-hamburger span::before, .luxbar-hamburger span::after {\r\n content: '';\r\n position: absolute; }\r\n .luxbar-hamburger span::before {\r\n margin-top: -8px; }\r\n .luxbar-hamburger span::after {\r\n margin-top: 8px; }\r\n \r\n .luxbar-checkbox {\r\n display: none; }\r\n .luxbar-checkbox:not(:checked) ~ .luxbar-menu {\r\n overflow: hidden;\r\n height: 58px; }\r\n .luxbar-checkbox:checked ~ .luxbar-menu {\r\n transition: height 0.6s ease;\r\n height: 100vh;\r\n overflow: auto; }\r\n \r\n .dropdown {\r\n position: relative;\r\n height: auto;\r\n min-height: 58px;\r\n }\r\n\r\n .dropdown:hover > ul {\r\n position: relative;\r\n display: block;\r\n min-width: 100%; }\r\n .dropdown > a::after {\r\n position: absolute;\r\n content: '';\r\n right: 10px;\r\n top: 25px;\r\n border-width: 5px 5px 0;\r\n border-color: transparent;\r\n border-style: solid; }\r\n .dropdown > ul {\r\n display: block;\r\n overflow-x: hidden;\r\n list-style: none;\r\n padding: 0; }\r\n .dropdown > ul .luxbar-item {\r\n min-width: 100%;\r\n height: 29px;\r\n padding: 5px 10px 5px 40px; }\r\n .dropdown > ul .luxbar-item a {\r\n min-height: 29px;\r\n line-height: 29px;\r\n padding: 0; }\r\n \r\n @media screen and (min-width: 768px) {\r\n .luxbar-navigation {\r\n flex-flow: row;\r\n justify-content: flex-end; }\r\n \r\n .luxbar-hamburger {\r\n display: none; }\r\n \r\n .luxbar-checkbox:not(:checked) ~ .luxbar-menu {\r\n overflow: visible; }\r\n .luxbar-checkbox:checked ~ .luxbar-menu {\r\n height: 58px; }\r\n \r\n .luxbar-menu .luxbar-item {\r\n border-top: 0; }\r\n \r\n .luxbar-menu-right .luxbar-header {\r\n margin-right: auto; }\r\n \r\n .dropdown {\r\n height: 58px; }\r\n .dropdown:hover > ul {\r\n position: absolute;\r\n left: 0;\r\n top: 58px;\r\n padding: 0; }\r\n .dropdown > ul {\r\n display: none; }\r\n .dropdown > ul .luxbar-item {\r\n padding: 5px 10px; }\r\n .dropdown > ul .luxbar-item a {\r\n white-space: nowrap; } }\r\n .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::before {\r\n transform: rotate(225deg); }\r\n .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::after {\r\n transform: rotate(-225deg); }\r\n .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::before {\r\n transform: rotate(45deg); }\r\n .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::after {\r\n transform: rotate(-45deg); }\r\n \r\n .luxbar-menu-dark,\r\n .luxbar-menu-dark .dropdown ul {\r\n background-color: #212121;\r\n color: #fff; }\r\n \r\n .luxbar-menu-dark .active,\r\n .luxbar-menu-dark .luxbar-item:hover {\r\n background-color: #424242; }\r\n .luxbar-menu-dark .luxbar-hamburger span,\r\n .luxbar-menu-dark .luxbar-hamburger span::before,\r\n .luxbar-menu-dark .luxbar-hamburger span::after {\r\n background-color: #fff; }\r\n \r\n .luxbar-menu-light {\r\n background-color: #e0e0e0;\r\n color: #212121;\r\n }\r\n\r\n .luxbar-menu-light .dropdown ul {\r\n background-color: #ffffff;\r\n color: #212121;\r\n // border: 1px solid #e0e0e0;\r\n box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.36);\r\n li:not(:last-child) {\r\n border-bottom: 1px solid #e0e0e0;\r\n }\r\n }\r\n \r\n .luxbar-menu-light .active,\r\n .luxbar-menu-light .luxbar-item:hover {\r\n background-color: #bdbdbd; }\r\n .luxbar-menu-light .luxbar-hamburger span,\r\n .luxbar-menu-light .luxbar-hamburger span::before,\r\n .luxbar-menu-light .luxbar-hamburger span::after {\r\n background-color: #212121; }\r\n }","\r\n.ribbon-menu-comp {\r\n box-sizing: border-box;\r\n height: 3.9rem;\r\n position: relative;\r\n background: white;\r\n padding: 0.3rem;\r\n border-bottom: 1px solid #c9c9c9;\r\n border-top: 1px solid #c9c9c9;\r\n flex-shrink: 0;\r\n background: linear-gradient(90deg,\r\n rgb(255,255,255) 0%,\r\n rgb(246,246,246) 20%,\r\n rgb(246,246,246) 80%,\r\n rgb(255,255,255) 100%);\r\n \r\n .ribbon-group {\r\n position: relative;\r\n box-sizing: border-box;\r\n border-right: 1px solid #c9c9c9;\r\n display: inline-block;\r\n height: 100%;\r\n padding: 0 0.6rem 0 0.6rem;\r\n vertical-align: middle;\r\n }\r\n \r\n .jsl-button {\r\n margin: 0.1rem;\r\n // box-sizing: border-box;\r\n // padding: 0.25rem;\r\n padding-left: 0.25rem;\r\n padding-right: 0.25rem;\r\n // background: #ebebf0;\r\n // border: 1px solid #ebebf0;\r\n // border-radius: 2px;\r\n display: inline-block;\r\n // cursor: pointer;\r\n // color:black;\r\n }\r\n \r\n // .jsl-button:hover {\r\n // border-color: #aaaaaa;\r\n // background: #aaaaaa;\r\n // }\r\n \r\n // .jsl-button-disabled {\r\n // background: #ebebf0!important;\r\n // border-color: #ebebf0!important;\r\n // color:#aaaaaa;\r\n // cursor: default;\r\n // }\r\n \r\n // .jsl-button.ui-state-active {\r\n // background: #017DBE;\r\n // border-color: #017DBE;\r\n // color: white;\r\n // }\r\n \r\n // .jsl-button:focus {\r\n // border-color: #999999;\r\n // }\r\n \r\n .ribbon-group > .jsl-button > img {\r\n height: 1rem;\r\n }\r\n \r\n .ribbon-legend {\r\n position: absolute;\r\n bottom: 0;\r\n left: 1px;\r\n right: 1px;\r\n text-align: center;\r\n font-size: 0.8em;\r\n color: #444444;\r\n }\r\n}\r\n",".jsl-overlay-overlay {\r\n position: fixed;\r\n left: 0;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n z-index: 2001;\r\n background: rgba(255, 255, 255, 0.6);\r\n height: 100vh;\r\n}\r\n\r\n.overl-header {\r\n position:absolute;\r\n right: 0;\r\n top: 0;\r\n}\r\n\r\n.overl-body {\r\n position: absolute;\r\n overflow: auto;\r\n background: rgb(255, 255, 255);\r\n}\r\n\r\n.overl-body-left {\r\n left:0;\r\n top:0;\r\n bottom:0;\r\n min-width: 50%;\r\n box-shadow: 5px 0px 6px 0px rgba(34, 34, 34, 0.2);\r\n}\r\n\r\n.overl-body-top {\r\n left:0;\r\n top:0;\r\n right:0;\r\n min-height: 50%;\r\n box-shadow: 0px 5px 4px 0px rgba(34,34,34,0.2);\r\n}\r\n\r\n\r\n.overl-close-btn {\r\n color: #555555;\r\n font-size: 2rem;\r\n line-height: 2.2rem;\r\n font-weight: bold;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n width: 2.2rem;\r\n box-sizing: border-box;\r\n border-top-right-radius: 0.8rem;\r\n cursor: pointer;\r\n}\r\n\r\n.overl-close-btn:hover {\r\n color: #B22121;\r\n}\r\n"],"names":[],"version":3,"file":"index.css.map"}
1
+ {"mappings":"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","sources":["ui/base.css","interaction/resizable.css","interaction/moveable.css","ui/date.picker/css/tiny-date-picker.css","ui/dialog.css","ui/drop.down.css","ui/number.input.css","components/notification/Notification.scss","grid/slick.grid.css","grid/slick-default-theme.css","grid/plugins/slick.headermenu.css","grid/plugins/slick.headerbuttons.css","components/virtual-render/VirtualRenderStyle.scss","grid/plugins/slick.rowmovemanager.css","grid/plugins/ext.overlay.css","components/select/SelectStyle.scss","ui/auto.suggest.css","components/progress/ProgressStyle.scss","components/time/TimeComponent.scss","components/date-time/DateTimeStyle.scss","components/expander/ExpanderStyle.scss","components/loading/LoadingStyle.css","components/form-field/FormFieldStyle.scss","components/tree-view/TreeViewStyle.scss","components/tabs/TabsStyle.scss","components/checkbox/CheckBoxStyle.scss","components/stack-panel/StackPanelStyle.scss","components/stack-panel/SplitterStyle.scss","grid/slick.tree.css","components/navigation/NavigationStyle.scss","components/ribbon-menu/RibbonMenuStyle.scss","components/overlay/overlay.css"],"sourcesContent":["/* reset some browser inconsistencies */\r\n\r\nhtml\r\n{\r\n\t/* line-height:1.15; */\r\n\t-ms-text-size-adjust:100%;\r\n\t-webkit-text-size-adjust:100%\r\n}\r\n\r\nhr\r\n{\r\n\tbox-sizing:content-box;\r\n\theight:0;\r\n\toverflow:visible\r\n}\r\n\r\npre,code\r\n{\r\n\tfont-family:monospace,monospace;\r\n\tfont-size:1em\r\n}\r\n\r\na\r\n{\r\n\t-webkit-text-decoration-skip:objects\r\n}\r\n\r\nsub,sup\r\n{\r\n\tfont-size:75%;\r\n\tline-height:0;\r\n\tposition:relative;\r\n\tvertical-align:baseline\r\n}\r\n\r\nsub\r\n{\r\n\tbottom:-.25em\r\n}\r\n\r\nsup\r\n{\r\n\ttop:-.5em\r\n}\r\n\r\ninput,optgroup,select,textarea\r\n{\r\n\tfont-size:100%;\r\n\tline-height:1.15;\r\n\tmargin:0;\r\n\ttext-transform:none;\r\n}\r\n\r\nbutton,input\r\n{\r\n\toverflow:visible\r\n}\r\n\r\nbutton,html [type=\"button\"],\r\n[type=\"reset\"],[type=\"submit\"]\r\n{\r\n\t-webkit-appearance:button\r\n}\r\n\r\nbutton::-moz-focus-inner,[type=\"button\"]::-moz-focus-inner,[type=\"reset\"]::-moz-focus-inner,[type=\"submit\"]::-moz-focus-inner\r\n{\r\n\tborder-style:none;\r\n\tpadding:0\r\n}\r\n\r\nbutton:-moz-focusring,[type=\"button\"]:-moz-focusring,[type=\"reset\"]:-moz-focusring,[type=\"submit\"]:-moz-focusring\r\n{\r\n\toutline:1px dotted ButtonText\r\n}\r\n\r\ntextarea\r\n{\r\n\toverflow:auto\r\n}\r\n\r\n/* \r\nhtml {\r\n color: #393939;\r\n} */\r\n\r\n/* html,input,textarea,button,optgroup,select {\r\n\tfont-family: Tahoma;\r\n} */\r\n\r\n.jsl-button {\r\n\tbackground-color: #3B99FF;\r\n\tborder: 1px solid #3B99FF;\r\n\tvertical-align:middle;\r\n\tcolor: white;\r\n\t\r\n border-radius: .3rem;\r\n /* color: white; */\r\n cursor: pointer;\r\n display: inline-block;\r\n /* font-weight: 700; */\r\n\theight: 2rem;\r\n\tbox-sizing: border-box;\r\n letter-spacing: .1rem;\r\n line-height: 2rem;\r\n padding: 0rem 1.0rem;\r\n text-align: center;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n}\r\n\r\n.jsl-button.jsl-button-outline {\r\n\tbackground: white;\r\n\tcolor: #444444;\r\n}\r\n\r\n.jsl-button:active {\r\n\tbackground-color: #3B99FF;\r\n\tborder-color:black;\r\n}\r\n\r\n.jsl-button:hover {\r\n\tbackground-color: rgba(59, 154, 255, 0.5);\r\n\tborder-color: #C0C0C0;\r\n\tcolor: black;\r\n outline: 0;\r\n}\r\n\r\n.jsl-button:focus {\r\n\toutline: 0;\r\n\tborder-color: gray;\r\n}\r\n\r\n.jsl-button[disabled] {\r\n cursor: default;\r\n opacity: .5;\r\n}\r\n\r\n.right {\r\n\ttext-align: right;\r\n}\r\n\r\n.center {\r\n\ttext-align: center;\r\n}\r\n\r\ndiv.jsl-fill {\r\n\theight: 100%;\r\n\tbox-sizing: border-box;\r\n\tposition: relative;\r\n}\r\n",".resizable {\r\n position: relative;\r\n}\r\n\r\n.resizable > .rs-r {\r\n position: absolute;\r\n top:0;\r\n bottom:0;\r\n right:0;\r\n width:0.5rem;\r\n box-sizing:border-box;\r\n background:rgba(20,20,20,0.2);\r\n cursor: w-resize;\r\n}\r\n\r\n.resizable > .rs-b {\r\n position: absolute;\r\n left:0;\r\n bottom:0;\r\n right:0;\r\n height:0.5rem;\r\n box-sizing:border-box;\r\n background:rgba(20,20,20,0.2);\r\n cursor: n-resize;\r\n}\r\n\r\n.resizable > .rs-r.rs-b {\r\n top: initial;\r\n left: initial;\r\n right: 0;\r\n bottom: 0;\r\n cursor: nw-resize;\r\n}","",".dp-modal {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(255, 255, 255, 0.75);\r\n}\r\n\r\n.dp {\r\n position: relative;\r\n background: #FFF;\r\n box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.25);\r\n line-height: 1.4;\r\n border-radius: 0.5rem;\r\n max-height: 400px;\r\n z-index: 2010;\r\n overflow: hidden;\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n\r\n\r\n/* .dp:before {\r\n content: ' ';\r\n height: 6px;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n background: #3B99FC;\r\n background: linear-gradient(-90deg, #3B99FC 0%, #8AEFC8 100%); \r\n} */\r\n\r\n.dp-permanent .dp {\r\n padding-top: 0;\r\n border: 1px solid #EEE;\r\n box-shadow: none;\r\n}\r\n\r\n.dp-permanent .dp:before {\r\n display: none;\r\n}\r\n\r\n/* .dp-cal {\r\n min-height: 300px;\r\n} */\r\n\r\n.dp-below {\r\n position: absolute;\r\n width: 20rem;\r\n max-width: 100vw;\r\n}\r\n\r\n.dp-permanent {\r\n position: relative;\r\n width: 20rem;\r\n max-width: 100vw;\r\n z-index: 2010;\r\n}\r\n\r\n.dp-permanent .dp{\r\n z-index: 0;\r\n}\r\n\r\n.dp-modal .dp {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n max-width: 600px;\r\n width: calc(100% - 4em);\r\n transform: translate(-50%, -50%);\r\n animation: slide-up 0.3s forwards;\r\n}\r\n\r\n.dp-months {\r\n padding: 24px;\r\n}\r\n\r\n.dp-years {\r\n box-sizing: border-box;\r\n max-height: 400px;\r\n padding: 8px 0;\r\n overflow: auto !important; /* HACK for Chrome on Android */\r\n}\r\n\r\n.dp-cal-month,\r\n.dp-cal-year,\r\n.dp-day,\r\n.dp-month,\r\n.dp-year {\r\n box-sizing: border-box;\r\n text-align: center;\r\n text-decoration: none;\r\n position: relative;\r\n color: #3B404D;\r\n border-radius: 2px;\r\n border: 0;\r\n background: transparent;\r\n top: 0.2rem;\r\n}\r\n\r\n.dp-cal-header {\r\n position: relative;\r\n text-align: center;\r\n padding-bottom: 0.4rem;\r\n background: #f0f0f0;\r\n}\r\n\r\n.dp-next,\r\n.dp-prev {\r\n position: absolute;\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n overflow: hidden;\r\n top: 0.3rem;\r\n color: #777;\r\n border-radius: 2px;\r\n border: 0;\r\n background: transparent;\r\n}\r\n\r\n.dp-next:focus,\r\n.dp-prev:focus,\r\n.dp-next:hover,\r\n.dp-prev:hover {\r\n outline: none;\r\n color: inherit;\r\n}\r\n\r\n.dp-prev {\r\n left: 24px;\r\n}\r\n\r\n.dp-next {\r\n right: 24px;\r\n}\r\n\r\n.dp-prev:before,\r\n.dp-next:before {\r\n content: '';\r\n border: 2px solid;\r\n width: 0.7rem;\r\n height: 0.7rem;\r\n display: inline-block;\r\n transform: rotate(-45deg);\r\n transition: border-color 0.2s;\r\n margin: 0.5rem 0 3rem 0.3rem\r\n}\r\n\r\n.dp-prev:before {\r\n border-right: 0;\r\n border-bottom: 0;\r\n}\r\n\r\n.dp-next:before {\r\n border-left: 0;\r\n border-top: 0;\r\n margin-left: 0;\r\n margin-right: 4px;\r\n}\r\n\r\n.dp-cal-month,\r\n.dp-cal-year {\r\n display: inline-block;\r\n font-size: 1.1rem;\r\n padding: 0.4rem 0.3rem 0.3rem;\r\n outline: none;\r\n}\r\n\r\n.dp-cal-footer {\r\n text-align: center;\r\n background: #f5f5f5;\r\n}\r\n\r\n.dp-day-today:after {\r\n content: '';\r\n height: 0;\r\n width: 0;\r\n border: 7px solid #227BD7;\r\n border-bottom-color: transparent;\r\n border-left-color: transparent;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.dp-close,\r\n.dp-clear,\r\n.dp-today {\r\n box-sizing: border-box;\r\n display: inline-block;\r\n width: 33%;\r\n padding: 8px;\r\n text-decoration: none;\r\n color: inherit;\r\n border: 0;\r\n background: transparent;\r\n}\r\n\r\n.dp-permanent .dp-close,\r\n.dp-permanent .dp-clear {\r\n display: none;\r\n}\r\n\r\n.dp-close:active,\r\n.dp-clear:active,\r\n.dp-today:active,\r\n.dp-next:active,\r\n.dp-prev:active,\r\n.dp-cal-month:active,\r\n.dp-cal-year:active {\r\n background: #75BCFC;\r\n color: white;\r\n}\r\n\r\n@media screen and (min-device-width: 1200px) {\r\n .dp-close:hover,\r\n .dp-close:focus,\r\n .dp-clear:hover,\r\n .dp-clear:focus,\r\n .dp-today:hover,\r\n .dp-today:focus,\r\n .dp-next:hover,\r\n .dp-next:focus,\r\n .dp-prev:hover,\r\n .dp-prev:focus,\r\n .dp-cal-month:focus,\r\n .dp-cal-month:hover,\r\n .dp-cal-year:hover,\r\n .dp-cal-year:focus {\r\n background: #75BCFC;\r\n color: white;\r\n }\r\n}\r\n\r\n.dp-col-header,\r\n.dp-day {\r\n width: 14.28571429%;\r\n display: inline-block;\r\n padding: 8px;\r\n text-align: center;\r\n}\r\n\r\n.dp-col-header {\r\n color: #AAA;\r\n text-transform: uppercase;\r\n font-weight: 300;\r\n font-size: 0.8rem;\r\n padding: 8px 0;\r\n}\r\n\r\n.dp-month {\r\n width: 33%;\r\n display: inline-block;\r\n padding: 8px;\r\n}\r\n\r\n.dp-year {\r\n display: block;\r\n padding: 8px 40px;\r\n width: 100%;\r\n}\r\n\r\n.dp-edge-day {\r\n color: #AAA;\r\n}\r\n\r\n.dp-day:hover,\r\n.dp-month:hover,\r\n.dp-year:hover,\r\n.dp-current:focus,\r\n.dp-current,\r\n.dp-day:focus,\r\n.dp-month:focus,\r\n.dp-year:focus {\r\n outline: none;\r\n background: #75BCFC;\r\n color: white;\r\n}\r\n\r\n.dp-selected:hover,\r\n.dp-selected:focus,\r\n.dp-selected {\r\n background: #3B99FC;\r\n color: #FFF;\r\n}\r\n\r\n.dp-day-disabled {\r\n background: transparent;\r\n color: #DDD;\r\n}\r\n\r\n.dp-day-disabled:focus,\r\n.dp-day-disabled:hover {\r\n background: #DDD;\r\n}\r\n\r\n.dp-focuser {\r\n position: absolute;\r\n z-index: 0;\r\n top: 50%;\r\n left: 50%;\r\n}\r\n\r\n/* Responsive overrides */\r\n@media (max-width: 480px), (max-height: 480px) {\r\n .dp-modal .dp {\r\n /* font-size: 0.9em; */\r\n width: auto;\r\n width: 100%;\r\n }\r\n\r\n .dp-day-of-week,\r\n .dp-day {\r\n padding: 0.3rem;\r\n }\r\n}\r\n\r\n@keyframes slide-up {\r\n 0% {\r\n transform: translate(-50%, 100%);\r\n }\r\n 100% {\r\n transform: translate(-50%, -50%);\r\n }\r\n}",".jsl-dialog {\r\n position: relative;\r\n z-index: 2002;\r\n background:white;\r\n border-radius: 0.8rem;\r\n pointer-events: all;\r\n border: 2px solid #dddddd;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n}\r\n\r\n.jsl-dialog .jsl-button {\r\n vertical-align: middle;\r\n /* color: #fff;\r\n background-color: #3b99ff;\r\n border: 1px solid #3b99ff; */\r\n cursor: pointer;\r\n height: 2rem;\r\n box-sizing: border-box;\r\n letter-spacing: .1rem;\r\n text-align: center;\r\n white-space: nowrap;\r\n border-radius: .3rem;\r\n padding: 0 1rem;\r\n line-height: 2rem;\r\n text-decoration: none;\r\n display: inline-block;\r\n}\r\n\r\n/* .jsl-dialog .jsl-button.jsl-button-outline {\r\n color: #444;\r\n background: #fff;\r\n} */\r\n\r\n.dlg-close-btn {\r\n color: #555555;\r\n font-size: 2rem;\r\n line-height: 2.8rem;\r\n font-weight: bold;\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n top: 0;\r\n width: 2.5rem;\r\n box-sizing: border-box;\r\n border-top-right-radius: 0.8rem;\r\n cursor: pointer;\r\n background: #d8d8d8;\r\n}\r\n\r\n.dlg-close-btn:hover {\r\n background: #B22121;\r\n color: white;\r\n}\r\n\r\n.jsl-dialog-overlay {\r\n position: fixed;\r\n left:0;\r\n top:0;\r\n bottom:0;\r\n right:0;\r\n z-index: 2001;\r\n background:rgba(0,0,0,0.8);\r\n height: 100vh;\r\n}\r\n\r\n.jsl-dialog > .dlg-header {\r\n\tbox-sizing: content-box;\r\n position: relative;\r\n height: 2rem;\r\n padding: 0.6rem;\r\n border-bottom: 1px solid #ededed;\r\n background: #f8f8f8;\r\n font-size: 1.5rem;\r\n border-top-right-radius: 0.8rem;\r\n border-top-left-radius: 0.8rem;\r\n text-align: center;\r\n}\r\n\r\n.jsl-dialog > .dlg-body {\r\n padding: 1rem;\r\n box-sizing: border-box;\r\n overflow: auto;\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.jsl-dialog > .dlg-footer {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3rem;\r\n box-sizing: border-box;\r\n padding: 0.5rem;\r\n border-top: 1px solid #ededed;\r\n background: #f8f8f8;\r\n border-bottom-right-radius: 0.8rem;\r\n border-bottom-left-radius: 0.8rem;\r\n text-align: right;\r\n}\r\n\r\n.jsl-dialog > .dlg-footer button {\r\n margin-left: 1rem;\r\n}\r\n\r\n.jsl-dialog .slickgrid {\r\n border-radius: 0;\r\n}\r\n","/*!\r\n * Selectr 2.4.12\r\n * http://mobius.ovh/docs/selectr\r\n *\r\n * Released under the MIT license\r\n */\r\n.jsl-container {\r\n\tposition: relative;\r\n}\r\n\r\n.jsl-container li {\r\n\tlist-style: none;\r\n}\r\n\r\n.jsl-hidden {\r\n\tposition: absolute;\r\n\toverflow: hidden;\r\n\tclip: rect(0px, 0px, 0px, 0px);\r\n\twidth: 1px;\r\n\theight: 1px;\r\n\tmargin: -1px;\r\n\tpadding: 0;\r\n\tborder: 0 none;\r\n}\r\n\r\n.jsl-visible {\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\topacity: 0;\r\n\tz-index: 11;\r\n}\r\n\r\n.jsl-desktop.multiple .jsl-visible {\r\n\tdisplay: none;\r\n}\r\n\r\n.jsl-desktop.multiple.native-open .jsl-visible {\r\n\ttop: 100%;\r\n\tmin-height: 200px !important;\r\n\theight: auto;\r\n\topacity: 1;\r\n\tdisplay: block;\r\n}\r\n\r\n.jsl-container.multiple.jsl-mobile .jsl-selected {\r\n\tz-index: 0;\r\n}\r\n\r\n.jsl-selected {\r\n\tposition: relative;\r\n\tz-index: 1;\r\n\tbox-sizing: border-box;\r\n\twidth: 100%;\r\n\tpadding: 4px 22px 4px 4px;\r\n\tcursor: pointer;\r\n\tborder: 1px solid #999;\r\n\tborder-radius: 2px;\r\n\tbackground-color: #fff;\r\n}\r\n\r\n.jsl-selected::before {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tright: 10px;\r\n\twidth: 0;\r\n\theight: 0;\r\n\tcontent: '';\r\n\t-o-transform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t-ms-transform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t-moz-transform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t-webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t\t\ttransform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\tborder-width: 4px 4px 0 4px;\r\n\tborder-style: solid;\r\n\tborder-color: #6c7a86 transparent transparent;\r\n}\r\n\r\n.jsl-container.open .jsl-selected::before,\r\n.jsl-container.native-open .jsl-selected::before {\r\n\tborder-width: 0 4px 4px 4px;\r\n\tborder-style: solid;\r\n\tborder-color: transparent transparent #6c7a86;\r\n}\r\n\r\n.jsl-label {\r\n\tdisplay: none;\r\n\toverflow: hidden;\r\n\twidth: 100%;\r\n\twhite-space: nowrap;\r\n\ttext-overflow: ellipsis;\r\n}\r\n\r\n.jsl-placeholder {\r\n\tcolor: #6c7a86;\r\n}\r\n\r\n.jsl-tags {\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\twhite-space: normal;\r\n}\r\n\r\n.has-selected .jsl-tags {\r\n\tmargin: 0 0 -2px;\r\n}\r\n\r\n.jsl-tag {\r\n\tlist-style: none;\r\n\tposition: relative;\r\n\tfloat: left;\r\n\tpadding: 0px 25px 0px 8px;\r\n\tmargin: 0 2px 2px 0;\r\n\tcursor: default;\r\n\tcolor: #fff;\r\n\tborder: medium none;\r\n\tborder-radius: 10px;\r\n\tbackground: #acb7bf none repeat scroll 0 0;\r\n}\r\n\r\n.jsl-container.multiple.has-selected .jsl-selected {\r\n\tpadding: 2px 28px 2px 2px;\r\n}\r\n\r\n.jsl-options-container {\r\n\tposition: absolute;\r\n\tz-index: 10000;\r\n\ttop: calc(100% - 1px);\r\n\tleft: 0;\r\n\tdisplay: none;\r\n\tbox-sizing: border-box;\r\n\twidth: 100%;\r\n\tborder-width: 0 1px 1px;\r\n\tborder-style: solid;\r\n\tborder-color: transparent #999 #999;\r\n\tborder-radius: 0 0 3px 3px;\r\n\tbackground-color: #fff;\r\n}\r\n\r\n.jsl-container.open .jsl-options-container {\r\n\tdisplay: block;\r\n}\r\n\r\n.jsl-input-container {\r\n\tposition: relative;\r\n\tdisplay: none;\r\n}\r\n\r\n.jsl-clear,\r\n.jsl-input-clear,\r\n.jsl-tag-remove {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tright: 22px;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tpadding: 0;\r\n\tcursor: pointer;\r\n\t-o-transform: translate3d(0px, -50%, 0px);\r\n\t-ms-transform: translate3d(0px, -50%, 0px);\r\n\t-moz-transform: translate3d(0px, -50%, 0px);\r\n\t-webkit-transform: translate3d(0px, -50%, 0px);\r\n\t\t\ttransform: translate3d(0px, -50%, 0px);\r\n\tborder: medium none;\r\n\tbackground-color: transparent;\r\n\tz-index: 11;\r\n}\r\n\r\n.jsl-clear,\r\n.jsl-input-clear {\r\n\tdisplay: none;\r\n}\r\n\r\n.jsl-container.has-selected .jsl-clear,\r\n.jsl-input-container.active .jsl-input-clear {\r\n\tdisplay: block;\r\n}\r\n\r\n.jsl-selected .jsl-tag-remove {\r\n\tright: 2px;\r\n}\r\n\r\n.jsl-clear::before,\r\n.jsl-clear::after,\r\n.jsl-input-clear::before,\r\n.jsl-input-clear::after,\r\n.jsl-tag-remove::before,\r\n.jsl-tag-remove::after {\r\n\tposition: absolute;\r\n\ttop: 5px;\r\n\tleft: 9px;\r\n\twidth: 2px;\r\n\theight: 10px;\r\n\tcontent: ' ';\r\n\tbackground-color: #6c7a86;\r\n}\r\n\r\n.jsl-tag-remove::before,\r\n.jsl-tag-remove::after {\r\n\ttop: 4px;\r\n\twidth: 3px;\r\n\theight: 12px;\r\n\tbackground-color: #fff;\r\n}\r\n\r\n.jsl-clear:before,\r\n.jsl-input-clear::before,\r\n.jsl-tag-remove::before {\r\n\t-o-transform: rotate(45deg);\r\n\t-ms-transform: rotate(45deg);\r\n\t-moz-transform: rotate(45deg);\r\n\t-webkit-transform: rotate(45deg);\r\n\ttransform: rotate(45deg);\r\n}\r\n\r\n.jsl-clear:after,\r\n.jsl-input-clear::after,\r\n.jsl-tag-remove::after {\r\n\t-o-transform: rotate(-45deg);\r\n\t-ms-transform: rotate(-45deg);\r\n\t-moz-transform: rotate(-45deg);\r\n\t-webkit-transform: rotate(-45deg);\r\n\ttransform: rotate(-45deg);\r\n}\r\n\r\n.jsl-input-container.active,\r\n.jsl-input-container.active .jsl-clear {\r\n\tdisplay: block;\r\n}\r\n\r\n.jsl-input {\r\n\ttop: 5px;\r\n\tleft: 5px;\r\n\tbox-sizing: border-box;\r\n\twidth: calc(100% - 30px);\r\n\tmargin: 4px 5px;\r\n\tpadding: 7px 30px 7px 9px;\r\n\tborder: 1px solid #999;\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.jsl-notice {\r\n\tdisplay: none;\r\n\tbox-sizing: border-box;\r\n\twidth: 100%;\r\n\tpadding: 8px 16px;\r\n\tborder-top: 1px solid #999;\r\n\tborder-radius: 0 0 3px 3px;\r\n\tbackground-color: #fff;\r\n}\r\n\r\n.jsl-container.notice .jsl-notice {\r\n\tdisplay: block;\r\n}\r\n\r\n.jsl-container.notice .jsl-selected {\r\n\tborder-radius: 3px 3px 0 0;\r\n}\r\n\r\n.jsl-options {\r\n\tposition: relative;\r\n\ttop: calc(100% + 2px);\r\n\tdisplay: none;\r\n\toverflow-x: auto;\r\n\toverflow-y: auto;\r\n\tmax-height: 200px;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n}\r\n\r\n.jsl-container.open .jsl-options,\r\n.jsl-container.open .jsl-input-container,\r\n.jsl-container.notice .jsl-options-container {\r\n\tdisplay: block;\r\n}\r\n\r\n.jsl-option {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\tpadding: 3px 4px 4px 2px;\r\n\tlist-style: outside none none;\r\n\tcursor: pointer;\r\n\tfont-weight: normal;\r\n}\r\n\r\n.jsl-options.optgroups > .jsl-option {\r\n\tpadding-left: 25px;\r\n}\r\n\r\n.jsl-optgroup {\r\n\tfont-weight: bold;\r\n\tpadding: 0;\r\n}\r\n\r\n.jsl-optgroup--label {\r\n\tfont-weight: bold;\r\n\tmargin-top: 10px;\r\n\tpadding: 5px 15px;\r\n}\r\n\r\n.jsl-match {\r\n\ttext-decoration: underline;\r\n}\r\n\r\n.jsl-option.selected {\r\n\tbackground-color: #ddd;\r\n}\r\n\r\n.jsl-option.active {\r\n\tcolor: #fff;\r\n\tbackground-color: #5897fb;\r\n}\r\n\r\n.jsl-option.disabled {\r\n\topacity: 0.4;\r\n}\r\n\r\n.jsl-option.excluded {\r\n\tdisplay: none;\r\n}\r\n\r\n.jsl-container.open .jsl-selected {\r\n\tborder-color: #999 #999 transparent #999;\r\n\tborder-radius: 3px 3px 0 0;\r\n}\r\n\r\n.jsl-container.open .jsl-selected::after {\r\n\t-o-transform: rotate(180deg) translate3d(0px, 50%, 0px);\r\n\t-ms-transform: rotate(180deg) translate3d(0px, 50%, 0px);\r\n\t-moz-transform: rotate(180deg) translate3d(0px, 50%, 0px);\r\n\t-webkit-transform: rotate(180deg) translate3d(0px, 50%, 0px);\r\n\ttransform: rotate(180deg) translate3d(0px, 50%, 0px);\r\n}\r\n\r\n.jsl-disabled {\r\n\topacity: .6;\r\n}\r\n\r\n.jsl-empty,\r\n.has-selected .jsl-placeholder {\r\n\tdisplay: none;\r\n}\r\n\r\n.has-selected .jsl-label {\r\n\tdisplay: block;\r\n}\r\n\r\n/* TAGGABLE */\r\n.taggable .jsl-selected {\r\n\tpadding: 4px 28px 4px 4px;\r\n}\r\n\r\n.taggable .jsl-selected::after {\r\n\tdisplay: table;\r\n\tcontent: \" \";\r\n\tclear: both;\r\n}\r\n\r\n.taggable .jsl-label {\r\n\twidth: auto;\r\n}\r\n\r\n.taggable .jsl-tags {\r\n\tfloat: left;\r\n\tdisplay: block;\r\n}\r\n\r\n.taggable .jsl-placeholder {\r\n\tdisplay: none;\r\n}\r\n\r\n.input-tag {\r\n\tfloat: left;\r\n\tmin-width: 90px;\r\n\twidth: auto;\r\n}\r\n\r\n.jsl-tag-input {\r\n\tborder: medium none;\r\n\tpadding: 3px 10px;\r\n\twidth: 100%;\r\n\tfont-family: inherit;\r\n\tfont-weight: inherit;\r\n\tfont-size: inherit;\r\n}\r\n\r\n.jsl-input-container.loading::after {\r\n\tposition: absolute;\r\n\ttop: 50%;\r\n\tright: 20px;\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tcontent: '';\r\n\t-o-transform: translate3d(0px, -50%, 0px);\r\n\t-ms-transform: translate3d(0px, -50%, 0px);\r\n\t-moz-transform: translate3d(0px, -50%, 0px);\r\n\t-webkit-transform: translate3d(0px, -50%, 0px);\r\n\ttransform: translate3d(0px, -50%, 0px);\r\n\r\n\t-o-transform-origin: 50% 0 0;\r\n\t-ms-transform-origin: 50% 0 0;\r\n\t-moz-transform-origin: 50% 0 0;\r\n\t-webkit-transform-origin: 50% 0 0;\r\n\ttransform-origin: 50% 0 0;\r\n\r\n\t-moz-animation: 500ms linear 0s normal forwards infinite running spin;\r\n\t-webkit-animation: 500ms linear 0s normal forwards infinite running spin;\r\n\tanimation: 500ms linear 0s normal forwards infinite running spin;\r\n\tborder-width: 3px;\r\n\tborder-style: solid;\r\n\tborder-color: #aaa #ddd #ddd;\r\n\tborder-radius: 50%;\r\n}\r\n\r\n@-webkit-keyframes spin {\r\n\t0% {\r\n\t\t-webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t\ttransform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t}\r\n\t100% {\r\n\t\t-webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);\r\n\t\ttransform: rotate(360deg) translate3d(0px, -50%, 0px);\r\n\t}\r\n}\r\n@keyframes spin {\r\n\t0% {\r\n\t\t-webkit-transform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t\ttransform: rotate(0deg) translate3d(0px, -50%, 0px);\r\n\t}\r\n\t100% {\r\n\t\t-webkit-transform: rotate(360deg) translate3d(0px, -50%, 0px);\r\n\t\ttransform: rotate(360deg) translate3d(0px, -50%, 0px);\r\n\t}\r\n}\r\n.jsl-container.open.inverted .jsl-selected {\r\n\tborder-color: transparent #999 #999;\r\n\tborder-radius: 0 0 3px 3px;\r\n}\r\n\r\n.jsl-container.inverted .jsl-options-container {\r\n\tborder-width: 1px 1px 0;\r\n\tborder-color: #999 #999 transparent;\r\n\tborder-radius: 3px 3px 0 0;\r\n\tbackground-color: #fff;\r\n}\r\n\r\n.jsl-container.inverted .jsl-options-container {\r\n\ttop: auto;\r\n\tbottom: calc(100% - 1px);\r\n}\r\n\r\n.jsl-container ::-webkit-input-placeholder {\r\n\tcolor: #6c7a86;\r\n\topacity: 1;\r\n}\r\n\r\n.jsl-container ::-moz-placeholder {\r\n\tcolor: #6c7a86;\r\n\topacity: 1;\r\n}\r\n\r\n.jsl-container :-ms-input-placeholder {\r\n\tcolor: #6c7a86;\r\n\topacity: 1;\r\n}\r\n\r\n.jsl-container ::placeholder {\r\n\tcolor: #6c7a86;\r\n\topacity: 1;\r\n}\r\n",".jsl-number {\r\n text-align: right;\r\n}",".jsl-notification-container {\r\n position: fixed;\r\n top: 1px;\r\n right: 1px;\r\n overflow: visible;\r\n z-index: 3020;\r\n\r\n .jsl-notification {\r\n box-sizing: border-box;\r\n padding: 0.5rem;\r\n min-width: 12rem;\r\n border-radius: 0.3rem;\r\n // border: 1px solid silver;\r\n color: white;\r\n background: #3B99FF;\r\n margin: 0.2rem;\r\n cursor: pointer;\r\n }\r\n}","/*\r\nIMPORTANT:\r\nIn order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.\r\nNo built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS\r\nclasses should alter those!\r\n*/\r\n\r\n.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 {\r\n width: 100%;\r\n overflow: auto;\r\n position: relative;\r\n border-left: 0px !important;\r\n background: white;\r\n}\r\n\r\n.slick-header.ui-state-default {\r\n overflow: inherit;\r\n}\r\n\r\n.slick-header::-webkit-scrollbar, .slick-headerrow::-webkit-scrollbar, .slick-footerrow::-webkit-scrollbar {\r\n display: none\r\n}\r\n\r\n.slick-header-columns, .slick-headerrow-columns, .slick-footerrow-columns, .slick-group-header-columns {\r\n position: relative;\r\n white-space: nowrap;\r\n cursor: default;\r\n overflow: hidden;\r\n}\r\n\r\n.slick-header-column.ui-state-default, .slick-group-header-column.ui-state-default {\r\n position: relative;\r\n /* display: inline-block; */\r\n box-sizing: content-box !important; /* this here only for Firefox! */ \r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n height: 20px;\r\n line-height: 20px;\r\n margin: 0;\r\n padding: 4px;\r\n border-right: 1px solid silver;\r\n border-left: 0px !important;\r\n border-top: 1px solid silver;\r\n border-bottom: 0px !important;\r\n float: left;\r\n}\r\n\r\n.slick-footerrow-column.ui-state-default {\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin: 0;\r\n padding: 4px;\r\n border-right: 1px solid silver;\r\n border-left: 0px;\r\n border-top: 0px;\r\n border-bottom: 0px;\r\n float: left;\r\n line-height: 20px;\r\n vertical-align: middle;\r\n}\r\n\r\n.slick-headerrow-column.ui-state-default, .slick-footerrow-column.ui-state-default {\r\n padding: 4px;\r\n}\r\n\r\n.slick-header-column-sorted {\r\n font-style: italic;\r\n}\r\n\r\n.slick-sort-indicator {\r\n /* display: inline-block; */\r\n width: 8px;\r\n height: 5px;\r\n margin-left: 4px;\r\n margin-top: 6px;\r\n float: left;\r\n}\r\n\r\n.slick-sort-indicator-numbered {\r\n /* display: inline-block; */\r\n width: 8px;\r\n height: 5px;\r\n margin-left: 4px;\r\n margin-top: 0;\r\n line-height: 20px;\r\n float: left;\r\n font-style: normal;\r\n font-weight: bold;\r\n color: #6190CD;\r\n}\r\n\r\n\r\n/* TODO TODOFIX */\r\n/* .slick-sort-indicator-desc {\r\n background: url(images/sort-desc.gif);\r\n}\r\n\r\n.slick-sort-indicator-asc {\r\n background: url(images/sort-asc.gif);\r\n} */\r\n\r\n/* .slick-resizable-handle {\r\n position: absolute;\r\n font-size: 0.1px;\r\n display: block;\r\n cursor: col-resize;\r\n width: 9px;\r\n right: -5px;\r\n top: 0;\r\n height: 100%;\r\n z-index: 1;\r\n} */\r\n\r\n.slick-sortable-placeholder {\r\n background: silver;\r\n}\r\n\r\n.grid-canvas {\r\n position: relative;\r\n outline: 0;\r\n}\r\n\r\n.slick-row.ui-widget-content, .slick-row.ui-state-active {\r\n position: absolute;\r\n border: 0px;\r\n width: 100%;\r\n}\r\n\r\n.slick-cell, .slick-headerrow-column , .slick-footerrow-column{\r\n position: absolute;\r\n border: 1px solid transparent;\r\n /*border-right: 1px dotted silver;\r\n border-bottom-color: silver; */\r\n border-right: 1px dotted silver;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n vertical-align: middle;\r\n z-index: 1;\r\n padding: 1px 2px 2px 1px;\r\n margin: 0;\r\n white-space: nowrap;\r\n cursor: default;\r\n}\r\n/*.slick-cell, */.slick-headerrow-column{\r\n border-bottom-color: silver;\r\n}\r\n.slick-footerrow-column {\r\n border-top-color: silver;\r\n}\r\n\r\n.slick-group-toggle {\r\n display: inline-block;\r\n}\r\n\r\n.slick-cell.highlighted {\r\n background: lightskyblue;\r\n background: rgba(0, 0, 255, 0.2);\r\n -webkit-transition: all 0.5s;\r\n -moz-transition: all 0.5s;\r\n -o-transition: all 0.5s;\r\n transition: all 0.5s;\r\n}\r\n\r\n.slick-cell.flashing {\r\n border: 1px solid red !important;\r\n}\r\n\r\n.slick-cell.editable {\r\n z-index: 11;\r\n overflow: visible;\r\n /* background: white;\r\n border-color: black;\r\n border-style: solid; */\r\n}\r\n\r\n.slick-cell:focus {\r\n outline: none;\r\n}\r\n\r\n.slick-reorder-proxy {\r\n display: inline-block;\r\n background: blue;\r\n opacity: 0.15;\r\n filter: alpha(opacity = 15);\r\n cursor: move;\r\n}\r\n\r\n.slick-reorder-guide {\r\n display: inline-block;\r\n height: 2px;\r\n background: blue;\r\n opacity: 0.7;\r\n filter: alpha(opacity = 70);\r\n}\r\n\r\n.slick-selection {\r\n z-index: 10;\r\n position: absolute;\r\n border: 2px dashed black;\r\n}\r\n\r\n.slick-pane {\r\n position: absolute;\r\n outline: 0;\r\n overflow: hidden;\r\n width: 100%;\r\n}\r\n\r\n.slick-pane-header {\r\n display: block;\r\n}\r\n\r\n.slick-header, .slick-headerrow, .slick-top-panel-scroller {\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n.slick-top-panel {\r\n width: 10000px\r\n}\r\n\r\n.slick-viewport {\r\n position: relative;\r\n outline: 0;\r\n width: 100%;\r\n background: white;\r\n}\r\n\r\n.slick-wrap {\r\n white-space: normal;\r\n}\r\n\r\n/* Slick.Editors.Text, Slick.Editors.Date */\r\ninput.editor-text, textarea.editor-text {\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n margin: 0;\r\n background: transparent;\r\n outline: 0;\r\n padding: 0;\r\n resize: none;\r\n}\r\n\r\n.slick-cell .jsl-container {\r\n position: absolute;\r\n left:0;\r\n right:0;\r\n bottom:0;\r\n top:0;\r\n}\r\n\r\n.slick-cell .jsl-container .jsl-selected {\r\n padding: 0;\r\n}\r\n\r\n.slickgrid {\r\n box-sizing: border-box;\r\n border: solid 1px #b0b0b0;\r\n border-radius: 3px;\r\n}\r\n\r\n.slick-col-ghost {\r\n box-sizing: content-box;\r\n position: absolute;\r\n pointer-events: none;\r\n}\r\n\r\n.slick-ghost-content {\r\n border: solid 2px #bbbbbb;\r\n background: rgba(200,200,200,0.5);\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n}\r\n\r\n.editor-text {\r\n font-size: 100%;\r\n}\r\n\r\n.slick-filtered-header {\r\n color: #3B99FF;\r\n background: #e7e7e7;\r\n}\r\n\r\n.slick-preheader-panel .slick-column-name {\r\n text-align: center;\r\n float: none;\r\n}\r\n\r\n.slick-header-column.resizable > .rs-r {\r\n background: none;\r\n}\r\n\r\n/* .slick-header-column:hover.resizable > .rs-r {\r\n background: rgba(20,20,20,0.3);\r\n} */\r\n\r\n.js-touch .slick-header-column > .slick-header-menubutton {\r\n display: inline-block;\r\n}\r\n\r\n.js-touch .slick-header-column.resizable>.rs-r {\r\n /* background: rgba(20,20,20,.3);\r\n background-size: 0.9em 0.5em;\r\n background-position: center center; */\r\n\r\n background: rgba(0,0,0,0.04);\r\n background-size: 0.5em 0.3em;\r\n background-position: right center;\r\n\r\n background: transparent;\r\n background-size: 0.5em 0.3em;\r\n background-position: right center;\r\n\r\n width: 1.2rem;\r\n 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');\r\n background-repeat: no-repeat;\r\n}\r\n.js-touch .slick-header-menubutton.resize-offset {\r\n right: 1.2rem;\r\n width: 1.2rem;\r\n}\r\n","/*\r\nIMPORTANT:\r\nIn order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.\r\nNo built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS\r\nclasses should alter those!\r\n*/\r\n\r\n.slick-header-columns {\r\n border-bottom: 2px solid silver;\r\n}\r\n\r\n.slick-header-column {\r\n border-right: 1px solid silver;\r\n text-align: center;\r\n font-weight: bold;\r\n}\r\n\r\n.slick-header-column:hover, .slick-header-column-active {\r\n background: #3B99FF;\r\n color: #ffffff;\r\n}\r\n\r\n\r\n.slick-header-column > .slick-header-menubutton:hover {\r\n background-color: rgba(0,0,0,0.3);\r\n}\r\n\r\n.slick-headerrow {\r\n background: #fafafa;\r\n}\r\n\r\n.slick-headerrow-column {\r\n background: #fafafa;\r\n border-bottom: 0;\r\n height: 100%;\r\n}\r\n\r\n.slick-row.ui-state-active {\r\n background: #F5F7D7;\r\n}\r\n\r\n.slick-row {\r\n position: absolute;\r\n background: white;\r\n border: 0px;\r\n line-height: 26px;\r\n}\r\n\r\n/* what is this used for ? */\r\n.slick-row.selected {\r\n z-index: 10;\r\n background: #DFE8F6;\r\n}\r\n\r\n.slick-cell {\r\n padding-left: 4px;\r\n padding-right: 4px;\r\n}\r\n\r\n.slick-group {\r\n border-bottom: 2px solid silver;\r\n}\r\n\r\n.slick-group .slick-cell {\r\n background:#D4E4EC;\r\n}\r\n\r\n.slick-group-toggle {\r\n width: 9px;\r\n height: 9px;\r\n margin-right: 5px;\r\n}\r\n\r\n.slick-group-toggle.expanded {\r\n background: url('data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIMwADCBxIUIDBgwIEChgwwECBAgQUFjBAkaJCABgxGlB4AGHCAAIQiBypEEECkScJqgwQEAA7') no-repeat center center;}\r\n\r\n.slick-group-toggle.collapsed { \r\n background: url('data:image/gif;base64,R0lGODlhCQAJAPcAAAFGeoCAgNXz/+v5/+v6/+z5/+36//L7//X8//j9/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAACQAJAAAIOAADCBxIUIDBgwIEChgwAECBAgQUFjAAQIABAwoBaNSIMYCAAwIqGlSIAEHFkiQTIBCgkqDLAAEBADs=') no-repeat center center;\r\n}\r\n\r\n.slick-group-totals {\r\n color: gray;\r\n background: white;\r\n}\r\n\r\n.slick-group-select-checkbox {\r\n width: 13px;\r\n height: 13px;\r\n margin: 3px 10px 0 0;\r\n display: inline-block;\r\n}\r\n\r\n.slick-cell.selected {\r\n background-color: #CDE6F7;\r\n}\r\n\r\n.slick-cell.active {\r\n border-color: #017DBE;\r\n border-style: solid;\r\n}\r\n\r\n.slick-sortable-placeholder {\r\n background: silver !important;\r\n}\r\n\r\n.slick-row.odd {\r\n background: #ededed;\r\n}\r\n\r\n.slick-row.ui-state-active {\r\n background: #F5F7D7;\r\n}\r\n\r\n.slick-row.loading {\r\n opacity: 0.5;\r\n filter: alpha(opacity = 50);\r\n}\r\n\r\n.slick-cell.invalid {\r\n border-color: red;\r\n animation-duration: 0.2s;\r\n -moz-animation-duration: 0.2s;\r\n -webkit-animation-duration: 0.2s;\r\n animation-name: slickgrid-invalid-hilite;\r\n -moz-animation-name: slickgrid-invalid-hilite;\r\n -webkit-animation-name: slickgrid-invalid-hilite; \r\n}\r\n\r\n@keyframes slickgrid-invalid-hilite {\r\n from { box-shadow: 0 0 6px red; }\r\n to { box-shadow: none; }\r\n}\r\n\r\n@-moz-keyframes slickgrid-invalid-hilite {\r\n from { box-shadow: 0 0 6px red; }\r\n to { box-shadow: none; }\r\n}\r\n\r\n@-webkit-keyframes slickgrid-invalid-hilite {\r\n from { box-shadow: 0 0 6px red; }\r\n to { box-shadow: none; }\r\n}\r\n\r\n/* .slick-grid {\r\n background: white;\r\n outline: 0;\r\n border: 1px solid #a0a0a0;\r\n border-radius: 3px;\r\n} */\r\n\r\n.new-row .slick-cell {\r\n border-top: solid 1px #aaaaaa;\r\n background: #3B99FF55;\r\n}\r\n","/* Menu button */\r\n.slick-header-menubutton {\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n width: 14px;\r\n background-repeat: no-repeat;\r\n background-position: left center;\r\n background-image: url('data:image/gif;base64,R0lGODlhDgAOAIABADtKYwAAACH5BAEAAAEALAAAAAAOAA4AAAISjI+py+0PHZgUsGobhTn6DxoFADs=');\r\n cursor: pointer;\r\n\r\n display: none;\r\n border-left: thin ridge silver;\r\n}\r\n\r\n.slick-header-menubutton.resize-offset {\r\n right: 0.5rem;\r\n}\r\n\r\n.slick-header-column:hover > .slick-header-menubutton,\r\n.slick-header-column-active .slick-header-menubutton {\r\n display: inline-block;\r\n}\r\n\r\n/* Menu */\r\n.slick-header-menu {\r\n position: absolute;\r\n display: inline-block;\r\n margin: 0;\r\n padding: 2px;\r\n cursor: default;\r\n}\r\n\r\n\r\n/* Menu items */\r\n.slick-header-menuitem {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n cursor: pointer;\r\n}\r\n\r\n.slick-header-menuicon {\r\n display: inline-block;\r\n width: 16px;\r\n height: 16px;\r\n vertical-align: middle;\r\n margin-right: 4px;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n}\r\n\r\n.slick-header-menucontent {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n\r\n\r\n/* Disabled */\r\n.slick-header-menuitem-disabled {\r\n color: silver;\r\n}\r\n\r\n/* Divider */\r\n.slick-header-menuitem.slick-header-menuitem-divider {\r\n cursor: default;\r\n border: none;\r\n overflow: hidden;\r\n padding: 0;\r\n height: 1px;\r\n margin: 8px 2px;\r\n background-color: #cecece;\r\n}\r\n.slick-header-menuitem-divider.slick-header-menuitem:hover {\r\n background-color: #cecece;\r\n}\r\n\r\n.slick-header-menu {\r\n border: 1px solid #bebebe;\r\n background: #ffffff;\r\n padding: 2px;\r\n box-shadow: 2px 2px 2px silver;\r\n z-index: 20;\r\n}\r\n\r\n\r\n.slick-header-menuitem {\r\n padding: 2px 4px;\r\n border-radius: 3px;\r\n}\r\n\r\n.slick-header-menuitem:hover {\r\n background: #3B99FF;\r\n color:white;\r\n}\r\n\r\n.slick-header-menuitem-disabled {\r\n border-color: transparent !important;\r\n background: inherit !important;\r\n}",".slick-column-name,\r\n.slick-sort-indicator {\r\n /**\r\n * This makes all \"float:right\" elements after it that spill over to the next line\r\n * display way below the lower boundary of the column thus hiding them.\r\n */\r\n display: inline-block;\r\n float: left;\r\n margin-bottom: 100px;\r\n}\r\n\r\n.slick-header-button {\r\n display: inline-block;\r\n float: right;\r\n vertical-align: top;\r\n margin: 1px;\r\n margin-right: 2rem;\r\n /**\r\n * This makes all \"float:right\" elements after it that spill over to the next line\r\n * display way below the lower boundary of the column thus hiding them.\r\n */\r\n margin-bottom: 100px;\r\n height: 15px;\r\n width: 15px;\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n cursor: pointer;\r\n}\r\n\r\n.slick-header-button-hidden {\r\n width: 0;\r\n\r\n -webkit-transition: 0.2s width;\r\n -ms-transition: 0.2s width;\r\n transition: 0.2s width;\r\n}\r\n\r\n.slick-header-column:hover > .slick-header-button {\r\n width: 15px;\r\n}",".v-r-comp {\r\n\r\n height:100%;\r\n\r\n .v-r-child > * {\r\n height: 100%;\r\n }\r\n\r\n}",".cell-reorder {\r\n cursor: move;\r\n /* background: red; */\r\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAADAFBMVEUAAACWlpbY2NgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADmpIfcAAABAHRSTlP///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AU/cHJQAAABlJREFUCNdj+I8EGFA5jHAA5DDBAW2VIQEAmyRUB6U7kZIAAAAASUVORK5CYII=);\r\n background-repeat: no-repeat;\r\n background-position-x: center;\r\n background-position-y: center;\r\n}","\r\n.header-overlay {\r\n background-color: #217346;\r\n}\r\n\r\n.cell-overlay,\r\n.selection-cell-overlay {\r\n display: block;\r\n position: absolute;\r\n z-index: 20;\r\n background-color: #217346;\r\n}\r\n\r\n.handle-overlay {\r\n border: 1px solid white;\r\n padding: 3px;\r\n background-color: #217346;\r\n position: absolute;\r\n width: 2px;\r\n height: 2px;\r\n z-index: 20;\r\n cursor: crosshair;\r\n}\r\n\r\n.overlay-handle-decorator {\r\n border: 2px solid #217346;\r\n z-index: 20;\r\n}\r\n",".select-comp {\r\n border: solid 1px #bdbdbd;\r\n border-radius: 0.2rem;\r\n position: relative;\r\n min-width: 8rem;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n padding-left: 0.2rem;\r\n height: 1.6rem;\r\n line-height: 1.6rem;\r\n vertical-align: middle;\r\n\r\n &.expanded {\r\n border-color: #3B99FF;\r\n }\r\n\r\n &.disabled {\r\n color:#999999;\r\n }\r\n\r\n .sel-result {\r\n\r\n .clear-btn {\r\n position: absolute;\r\n right: 1.2rem;\r\n top: 0;\r\n font-size: 1.4rem;\r\n line-height: 1.4rem;\r\n font-weight: bold;\r\n color: #999999;\r\n font-family: sans-serif;\r\n cursor: pointer;\r\n opacity: 0.3;\r\n z-index: 10;\r\n border: none;\r\n background: none;\r\n\r\n &:not([disabled]):hover {\r\n color:#d00000;\r\n }\r\n }\r\n\r\n &:hover .clear-btn:not([disabled]) {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .sel-expander {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n width: 1.5rem;\r\n box-sizing: border-box;\r\n border: none;\r\n // border-left: solid 2px #bdbdbd;\r\n // border-bottom-left-radius: 3px;\r\n // border-top-left-radius: 3px;\r\n text-align: center;\r\n border-bottom-right-radius: 0.2rem;\r\n border-top-right-radius: 0.2rem;\r\n background: white;\r\n opacity: 0.7;\r\n cursor: pointer;\r\n font-size: 0.65em;\r\n\r\n &:focus {\r\n outline:0;\r\n color: white;\r\n background: #3b9aff;\r\n }\r\n }\r\n\r\n .sel-expander::before {\r\n content: \"\";\r\n display: block;\r\n position: absolute;\r\n left: 0;\r\n top: 2px;\r\n bottom: 2px;\r\n width: 0;\r\n box-sizing: content-box;\r\n padding: 0;\r\n margin: 0;\r\n border-left: solid 1px #bdbdbd;\r\n // box-shadow: -1px 0px 1px 1px #f0f0f0;\r\n }\r\n\r\n .sel-dd-item {\r\n overflow: hidden;\r\n display: block;\r\n height: 100%;\r\n margin-right: 2.6rem;\r\n white-space: nowrap;\r\n }\r\n \r\n &:hover .sel-expander {\r\n opacity: 1;\r\n background: #dadada;\r\n }\r\n}\r\n\r\n.sel-comp-dd {\r\n position: absolute;\r\n // overflow: hidden;\r\n box-sizing: border-box;\r\n background: white;\r\n z-index:2010;\r\n\r\n > div {\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n box-sizing: border-box;\r\n border: solid 1px #bcbcbc;\r\n border-radius: 2px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n cursor: pointer;\r\n }\r\n\r\n .sel-search {\r\n height: 1.8rem;\r\n padding: 0.1rem;\r\n overflow: hidden;\r\n box-sizing: border-box;\r\n }\r\n\r\n .sel-search > input {\r\n height: 1.6rem;\r\n line-height: 1.6rem;\r\n border: none;\r\n border-bottom: 2px solid #c8c8c8;\r\n margin: 0 2px;\r\n width: calc(100% - 4px);\r\n box-sizing: border-box;\r\n \r\n &:focus {\r\n outline: none;\r\n }\r\n }\r\n\r\n .sel-dd-item:not(.sel-dd-group) {\r\n &:hover {\r\n background: #d0d0d0;\r\n }\r\n }\r\n\r\n .sel-dd-items {\r\n\r\n .focused {\r\n background: #CCE8FF;\r\n }\r\n .selected {\r\n background: #3B99FF;\r\n }\r\n }\r\n\r\n .sel-dd-items.multiple {\r\n .sel-dd-item {\r\n padding-left: 1rem;\r\n }\r\n .sel-dd-item.selected {\r\n // padding-left: 0;\r\n &::before {\r\n content: \"✓\";\r\n position: absolute;\r\n color: #404040;\r\n font-weight: bold;\r\n left: 0;\r\n }\r\n }\r\n }\r\n\r\n .sel-dd-item {\r\n height: 100%;\r\n line-height: 26px;\r\n }\r\n\r\n .sel-dd-group {\r\n font-weight: bold;\r\n background: #e0e0e0;\r\n text-align: center;\r\n // &:hover {\r\n // background: #d0d0d0;\r\n // }\r\n }\r\n}",".autocomplete-suggestions {\r\n text-align: left;\r\n cursor: default;\r\n border: 1px solid #ccc;\r\n border-top: 0;\r\n background: #fff;\r\n box-shadow: -1px 1px 3px rgba(0,0,0,.1);\r\n\r\n /* core styles should not be changed */\r\n position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;\r\n}\r\n.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }\r\n.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }\r\n.autocomplete-suggestion.selected { background: #f0f0f0; }",".progress-comp {\r\n\r\n background: #bbbbbb;\r\n height: 1rem;\r\n position: relative;\r\n border-radius: 2px;\r\n\r\n .bar {\r\n background: #3B99FF;\r\n height: 100%;\r\n text-align: center;\r\n border-radius: 2px;\r\n }\r\n\r\n}",".time-comp {\r\n width: 4em;\r\n text-align: right;\r\n}\r\n",".date-time-comp {\r\n display: inline-block;\r\n}\r\n\r\n.date-time-comp input:first-child {\r\n width:6em;\r\n}\r\n",".expander-comp {\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);\r\n .header {\r\n background: #3B99FF;\r\n color: #fff;\r\n border-radius: 0.3rem;\r\n display: flex;\r\n align-content: center;\r\n min-height: 1.5rem;\r\n line-height: 1.5rem;\r\n align-items: center;\r\n\r\n .toggler {\r\n border-top-left-radius: 0.3rem;\r\n border-bottom-left-radius: 0.3rem;\r\n cursor: pointer;\r\n display: inline-block;\r\n background: #3B99FF;\r\n \r\n &:hover {\r\n background: #6bb1fc;\r\n color: black;\r\n }\r\n }\r\n\r\n .content {\r\n border-top-right-radius: 0.3rem;\r\n border-bottom-right-radius: 0.3rem;\r\n cursor: pointer;\r\n display: inline-block;\r\n flex-grow: 1;\r\n padding-left: 0.6em;\r\n }\r\n \r\n \r\n &:hover {\r\n background: #6bb1fc;\r\n color: black;\r\n }\r\n }\r\n .expand-collapse-icon {\r\n top: 0.2rem;\r\n color: #fff;\r\n opacity: 0.8;\r\n padding:0 0.2rem 0 0.2rem;\r\n }\r\n}\r\n",".lds-dual-ring {\r\n display: inline-block;\r\n /* width: 80px;\r\n height: 80px; */\r\n width: 1em;\r\n height: 1em;\r\n}\r\n.lds-dual-ring:after {\r\n content: \" \";\r\n display: block;\r\n width: 0.75em;\r\n height: 0.75em;\r\n margin: 0.2em;\r\n /* width: 64px;\r\n height: 64px;\r\n margin: 8px; */\r\n border-radius: 50%;\r\n border: 0.08em solid #444444;\r\n border-color: #444444 transparent #444444 transparent;\r\n animation: lds-dual-ring 1.2s linear infinite;\r\n}\r\n@keyframes lds-dual-ring {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n","\r\n$primary-color: #3B99FF;\r\n$animation-duration: 0.4s;\r\n\r\n@mixin label-active() {\r\n font-size: 0.7em;\r\n transform: translateY(-14px);\r\n}\r\n\r\n.form-field {\r\n display: block;\r\n margin-bottom: 16px;\r\n\r\n .failed__valid {\r\n .form-field__input {\r\n border-color: #cc0000!important;\r\n }\r\n .form-field__label {\r\n color: #aa0000!important;\r\n }\r\n }\r\n \r\n &--is-active {\r\n .form-field__control {\r\n &::after {\r\n border-bottom: 2px solid $primary-color;\r\n transform: scaleX(150);\r\n }\r\n }\r\n .form-field__label {\r\n color: $primary-color;\r\n @include label-active();\r\n }\r\n }\r\n &--is-filled {\r\n .form-field__label {\r\n @include label-active();\r\n }\r\n }\r\n}\r\n.form-field__label {\r\n color:#606060;\r\n display: block;\r\n font-weight: normal;\r\n left: 0;\r\n margin: 0;\r\n padding: 1rem 0.5rem 0 ;\r\n position: absolute;\r\n top: 0;\r\n transition: all $animation-duration;\r\n width: 100%;\r\n}\r\n.form-field__control {\r\n background: #f6f6f6;\r\n border-radius: 0.3rem 0.3rem 0 0;\r\n overflow: hidden;\r\n position: relative;\r\n width: 100%;\r\n \r\n &::after {\r\n border-bottom: 2px solid $primary-color;\r\n bottom: 0;\r\n content: \"\";\r\n display: block;\r\n left: 0;\r\n margin: 0 auto;\r\n position: absolute;\r\n right: 0;\r\n transform: scaleX(0);\r\n transition: all $animation-duration;\r\n width: 1%;\r\n }\r\n}\r\n.form-field__input,\r\n.form-field__textarea {\r\n box-sizing: border-box;\r\n border:none;\r\n appearance: none;\r\n background: transparent;\r\n border-bottom: 1px solid #999;\r\n color: #333;\r\n display: block;\r\n margin-top: 1.3rem;\r\n outline: 0;\r\n padding: 0 0.3rem 0.2rem 0.3rem;\r\n width: 100%;\r\n}\r\n","\r\n$defaultColor: rgba(50,50,50, 0.5);\r\n// $hoverColor: #3B99FF;\r\n\r\n// @mixin transition-duration($duration: 1s){\r\n// -webkit-transition-duration: $duration;\r\n// -moz-transition-duration: $duration;\r\n// -ms-transition-duration: $duration;\r\n// -o-transition-duration: $duration;\r\n// transition-duration: $duration;\r\n// }\r\n\r\n// @mixin transition-property($property){\r\n// -webkit-transition-property: $property;\r\n// -moz-transition-property: $property;\r\n// -ms-transition-property: $property;\r\n// -o-transition-property: $property;\r\n// transition-property: $property;\r\n// }\r\n\r\n// @mixin user-select($select: none){\r\n// -webkit-user-select: $select;\r\n// -moz-user-select: $select;\r\n// -ms-user-select: $select;\r\n// -o-user-select: $select;\r\n// user-select: $select;\r\n// }\r\n\r\n.treeview-comp {\r\n // float: left;\r\n // @include user-select;\r\n\r\n // &:hover input ~ label:before,\r\n // &.hover input ~ label:before{\r\n // opacity: 1.0;\r\n // @include transition-duration(0.5s);\r\n // }\r\n \r\n .tv-ul {\r\n // @include transition-duration;\r\n list-style: none;\r\n padding-left: 1em;\r\n \r\n // li {\r\n // span{\r\n // @include transition-property(color);\r\n // @include transition-duration;\r\n \r\n // &:hover {\r\n // color: $hoverColor;\r\n // @include transition-duration(0.3s);\r\n // }\r\n // }\r\n // }\r\n }\r\n \r\n .tv-input{\r\n display: none;\r\n \r\n &:checked ~ ul {\r\n display: none;\r\n }\r\n \r\n & ~ label {\r\n cursor: pointer;\r\n position: relative;\r\n }\r\n \r\n & ~ label:before {\r\n content: '';\r\n width: 0;\r\n height: 0;\r\n position: absolute;\r\n margin-left: -1em;\r\n margin-top: 0.4em;\r\n border-width: 4px;\r\n border-style: solid;\r\n border-top-color: transparent;\r\n border-right-color: $defaultColor;\r\n border-bottom-color: $defaultColor;\r\n border-left-color: transparent;\r\n // opacity: 0.0;\r\n // @include transition-property(opacity);\r\n // @include transition-duration;\r\n }\r\n\r\n &:checked ~ label:before {\r\n margin-left: -0.8em;\r\n border-width: 5px;\r\n border-top-color: transparent;\r\n border-right-color: transparent;\r\n border-bottom-color: transparent;\r\n border-left-color: $defaultColor;\r\n }\r\n }\r\n}","\r\n.stabcomponent {\r\n .tab-header-row {\r\n display: flex;\r\n .tab-item {\r\n display: inline-block;\r\n margin-right: 0.1rem;\r\n padding: 0.5rem 0.5rem 0.5rem 0.5rem;\r\n box-sizing: border-box;\r\n border: 1px solid transparent;\r\n border-radius: 4px 4px 0 0;\r\n text-decoration: none;\r\n border-color: #C0C0C0;\r\n border-bottom: 1px solid #ddd;\r\n vertical-align: middle;\r\n vertical-align: -webkit-baseline-middle;\r\n vertical-align: -moz-middle-with-baseline;\r\n cursor: pointer;\r\n\r\n &:hover {\r\n background:#c9e2f9;\r\n color: black;\r\n }\r\n\r\n .close-button {\r\n background: linear-gradient(#d9d8d6, #d9d8d6);\r\n border: 1px solid #88898d;\r\n border-radius: 0.2rem;\r\n color: #000;\r\n cursor: pointer;\r\n float: right;\r\n padding: 0.3rem;\r\n min-width: 1rem;\r\n text-align: center;\r\n margin-left: 0.5rem;\r\n margin-right: -0.5rem;\r\n\r\n &:hover {\r\n color: #000;\r\n border-color: #000;\r\n background: linear-gradient(#ff634b, #ff3313);\r\n }\r\n }\r\n }\r\n\r\n .active {\r\n cursor: default;\r\n background: #3B99FF;\r\n color: white;\r\n font-weight: bold;\r\n border: 1px solid rgb(116, 116, 116);\r\n border-bottom-color: transparent;\r\n }\r\n\r\n .disabled {\r\n cursor: default;\r\n color: #88898d;\r\n background: #d9d8d6;\r\n \r\n &:hover {\r\n color: #88898d;\r\n background: #d9d8d6;\r\n }\r\n }\r\n }\r\n\r\n .tab-content {\r\n max-height: calc(100vh - 9.6rem);\r\n overflow:auto;\r\n border:1px solid #C0C0C0;\r\n }\r\n\r\n .tab-hidden {\r\n display: none;\r\n }\r\n}\r\n","@keyframes checkbox-comp-hover-color{\r\n from{\r\n border-color:#C0C0C0;\r\n }\r\n to{\r\n border-color:#3B99FF;\r\n }\r\n}\r\n.checkbox-comp{\r\n position:absolute;\r\n display:none;\r\n}\r\n.checkbox-comp[disabled]{\r\n cursor:not-allowed\r\n}\r\n.checkbox-comp+label{\r\n position:relative;\r\n // display:block;\r\n padding-left:1.5em;\r\n cursor:pointer;\r\n vertical-align:middle;\r\n}\r\n.checkbox-comp+label:hover:before{\r\n animation-duration:.4s;\r\n animation-fill-mode:both;\r\n animation-name:checkbox-comp-hover-color;\r\n}\r\n.checkbox-comp+label:before{\r\n position:absolute;\r\n top:0;\r\n left:0;\r\n display:inline-block;\r\n width:1em;\r\n height:1em;\r\n content:'';\r\n border:1px solid #C0C0C0;\r\n}\r\n.checkbox-comp+label:after{\r\n position:absolute;\r\n display:none;\r\n content:''\r\n}\r\n.checkbox-comp[disabled]+label{\r\n cursor:not-allowed;\r\n // color:#C0C0C0;\r\n}\r\n.checkbox-comp[disabled]+label:hover,.checkbox-comp[disabled]+label:before,.checkbox-comp[disabled]+label:after{\r\n cursor:not-allowed\r\n}\r\n.checkbox-comp[disabled]+label:hover:before{\r\n border:1px solid #C0C0C0;\r\n animation-name:none\r\n}\r\n.checkbox-comp[disabled]+label:before{\r\n border-color:#C0C0C0;\r\n}\r\n.checkbox-comp:checked+label:before{\r\n animation-name:none\r\n}\r\n.checkbox-comp:checked+label:after{\r\n display:block\r\n}\r\n.checkbox-comp+label:before{\r\n border-radius:0.2em;\r\n}\r\n.checkbox-comp+label:after{\r\n top:0.1em; //2px;\r\n left:0.3em; //7px;\r\n box-sizing:border-box;\r\n width:0.5em; //6px;\r\n height:0.7em; //12px;\r\n transform:rotate(45deg);\r\n border-width:0.15em;\r\n border-style:solid;\r\n border-color:#fff;\r\n border-top:0;\r\n border-left:0\r\n}\r\n.checkbox-comp:checked+label:before{\r\n border-color:#3B99FF;\r\n background:#3B99FF;\r\n}\r\n.checkbox-comp:checked[disabled]+label:before{\r\n border-color:#c9e2f9;\r\n background:#c9e2f9\r\n}\r\n","\r\n.stackpanel-comp.hstackpanel {\r\n position: relative;\r\n}\r\n\r\n@media (max-width: 70em) {\r\n .stackpanel-comp.hstackpanel.responsive > div {\r\n width: auto!important;\r\n }\r\n}\r\n\r\n.stackpanel-comp.hstackpanel:not(.responsive) {\r\n // flex-grow: 1;\r\n position: relative;\r\n display: flex;\r\n width: 100%;\r\n}\r\n\r\n// .stackpanel-comp.hstackpanel:not(.responsive) > div {\r\n// display: flex;\r\n// }\r\n\r\n@media (min-width: 70em) {\r\n\r\n .stackpanel-comp.hstackpanel {\r\n // flex-grow: 1;\r\n position: relative;\r\n display: flex;\r\n width: 100%;\r\n }\r\n \r\n}\r\n\r\n.stackpanel-comp.wrap {\r\n flex-wrap: wrap;\r\n}\r\n\r\n.stackpanel-comp.vstackpanel {\r\n position: relative;\r\n}\r\n\r\n// .stackpanel-comp.vstackpanel > div {\r\n// display: block;\r\n// }\r\n\r\n.stackpanel-comp.vstackpanel > div {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100%;\r\n flex-basis: auto;\r\n flex-grow: 1;\r\n flex-shrink: 1;\r\n }\r\n",".stackpanel-comp.hstackpanel > .split-comp {\r\n width: 14px !important;\r\n background: #d5d5d5;\r\n cursor: w-resize;\r\n position: relative;\r\n\r\n &::before {\r\n height: 4rem;\r\n background: #696969;\r\n width: 7px;\r\n position: absolute;\r\n top: calc(50% - 2rem);\r\n content: \"\";\r\n left: 3px;\r\n border-radius: 3px;\r\n }\r\n\r\n &:hover {\r\n box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.3);\r\n }\r\n}\r\n\r\n.stackpanel-comp.vstackpanel > .split-comp {\r\n height: 14px !important;\r\n flex-basis: 14px;\r\n flex-grow: 0;\r\n background: #d5d5d5;\r\n cursor: n-resize;\r\n position: relative;\r\n\r\n &::before {\r\n background: #696969;\r\n height: 7px;\r\n width: 4rem;\r\n position: absolute;\r\n left: calc(50% - 2rem);\r\n content: \"\";\r\n top: 3px;\r\n border-radius: 3px;\r\n }\r\n\r\n &:hover {\r\n box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.3);\r\n }\r\n}\r\n",".slick-cell .jsl-toggle {\r\n color: #888888;\r\n /* font-size: 0.8em; */\r\n width: 1.2em;\r\n box-sizing: border-box;\r\n display: inline-block;\r\n cursor: pointer;\r\n height: 100%;\r\n}\r\n\r\n.slick-cell .jsl-toggle-spacer {\r\n min-width: 1.2em;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n}\r\n\r\n.slick-cell .jsl-indent {\r\n display: inline-block;\r\n position: relative;\r\n}",".nav-comp {\r\n\r\n line-height: 1.9rem;\r\n\r\n .dropdown ul {\r\n border-bottom-left-radius: 6px;\r\n border-bottom-right-radius: 6px;\r\n }\r\n\r\n.luxbar-default {\r\n width: 100%;\r\n position: relative;\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\r\n z-index: 1010; }\r\n \r\n .luxbar-static {\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);\r\n width: 100%;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 1010; }\r\n .luxbar-static .luxbar-checkbox:checked ~ .luxbar-menu {\r\n position: absolute; }\r\n \r\n .luxbar-fixed {\r\n width: 100%;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1010;\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }\r\n \r\n .luxbar-fixed-bottom {\r\n width: 100%;\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 1010;\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }\r\n \r\n .luxbar-hamburger span, .luxbar-hamburger span::before, .luxbar-hamburger span::after {\r\n display: block;\r\n height: 2px;\r\n width: 26px;\r\n transition: 0.6s ease; }\r\n \r\n .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span {\r\n background-color: transparent; }\r\n .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::before, .luxbar-checkbox:checked ~ .luxbar-menu li .luxbar-hamburger span::after {\r\n margin-top: 0; }\r\n \r\n .luxbar-header {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n height: 58px; }\r\n \r\n .luxbar-menu-left .luxbar-navigation,\r\n .luxbar-menu-left .luxbar-header {\r\n justify-content: flex-start; }\r\n \r\n .luxbar-menu-right .luxbar-hamburger {\r\n margin-left: auto; }\r\n \r\n .luxbar-brand {\r\n font-size: 1.6em;\r\n padding: 18px 24px 18px 24px; }\r\n \r\n .luxbar-menu {\r\n min-height: 58px;\r\n transition: 0.6s ease;\r\n width: 100%; }\r\n \r\n .luxbar-navigation {\r\n display: flex;\r\n flex-direction: column;\r\n list-style: none;\r\n padding-left: 0;\r\n margin: 0; }\r\n \r\n .luxbar-menu a,\r\n .luxbar-item a {\r\n text-decoration: none;\r\n color: inherit;\r\n cursor: pointer; }\r\n \r\n .luxbar-item {\r\n height: 58px; }\r\n .luxbar-item a {\r\n padding: 18px 24px 18px 24px;\r\n display: block; }\r\n \r\n .luxbar-hamburger {\r\n padding: 18px 24px 18px 24px;\r\n position: absolute;\r\n right: 0;\r\n cursor: pointer; }\r\n .luxbar-hamburger span::before, .luxbar-hamburger span::after {\r\n content: '';\r\n position: absolute; }\r\n .luxbar-hamburger span::before {\r\n margin-top: -8px; }\r\n .luxbar-hamburger span::after {\r\n margin-top: 8px; }\r\n \r\n .luxbar-checkbox {\r\n display: none; }\r\n .luxbar-checkbox:not(:checked) ~ .luxbar-menu {\r\n overflow: hidden;\r\n height: 58px; }\r\n .luxbar-checkbox:checked ~ .luxbar-menu {\r\n transition: height 0.6s ease;\r\n height: 100vh;\r\n overflow: auto; }\r\n \r\n .dropdown {\r\n position: relative;\r\n height: auto;\r\n min-height: 58px;\r\n }\r\n\r\n .dropdown:hover > ul {\r\n position: relative;\r\n display: block;\r\n min-width: 100%; }\r\n .dropdown > a::after {\r\n position: absolute;\r\n content: '';\r\n right: 10px;\r\n top: 25px;\r\n border-width: 5px 5px 0;\r\n border-color: transparent;\r\n border-style: solid; }\r\n .dropdown > ul {\r\n display: block;\r\n overflow-x: hidden;\r\n list-style: none;\r\n padding: 0; }\r\n .dropdown > ul .luxbar-item {\r\n min-width: 100%;\r\n height: 29px;\r\n padding: 5px 10px 5px 40px; }\r\n .dropdown > ul .luxbar-item a {\r\n min-height: 29px;\r\n line-height: 29px;\r\n padding: 0; }\r\n \r\n @media screen and (min-width: 768px) {\r\n .luxbar-navigation {\r\n flex-flow: row;\r\n justify-content: flex-end; }\r\n \r\n .luxbar-hamburger {\r\n display: none; }\r\n \r\n .luxbar-checkbox:not(:checked) ~ .luxbar-menu {\r\n overflow: visible; }\r\n .luxbar-checkbox:checked ~ .luxbar-menu {\r\n height: 58px; }\r\n \r\n .luxbar-menu .luxbar-item {\r\n border-top: 0; }\r\n \r\n .luxbar-menu-right .luxbar-header {\r\n margin-right: auto; }\r\n \r\n .dropdown {\r\n height: 58px; }\r\n .dropdown:hover > ul {\r\n position: absolute;\r\n left: 0;\r\n top: 58px;\r\n padding: 0; }\r\n .dropdown > ul {\r\n display: none; }\r\n .dropdown > ul .luxbar-item {\r\n padding: 5px 10px; }\r\n .dropdown > ul .luxbar-item a {\r\n white-space: nowrap; } }\r\n .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::before {\r\n transform: rotate(225deg); }\r\n .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-doublespin span::after {\r\n transform: rotate(-225deg); }\r\n .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::before {\r\n transform: rotate(45deg); }\r\n .luxbar-checkbox:checked + .luxbar-menu .luxbar-hamburger-spin span::after {\r\n transform: rotate(-45deg); }\r\n \r\n .luxbar-menu-dark,\r\n .luxbar-menu-dark .dropdown ul {\r\n background-color: #212121;\r\n color: #fff; }\r\n \r\n .luxbar-menu-dark .active,\r\n .luxbar-menu-dark .luxbar-item:hover {\r\n background-color: #424242; }\r\n .luxbar-menu-dark .luxbar-hamburger span,\r\n .luxbar-menu-dark .luxbar-hamburger span::before,\r\n .luxbar-menu-dark .luxbar-hamburger span::after {\r\n background-color: #fff; }\r\n \r\n .luxbar-menu-light {\r\n background-color: #e0e0e0;\r\n color: #212121;\r\n }\r\n\r\n .luxbar-menu-light .dropdown ul {\r\n background-color: #ffffff;\r\n color: #212121;\r\n // border: 1px solid #e0e0e0;\r\n box-shadow: 0px 4px 3px 0px rgba(0,0,0,0.36);\r\n li:not(:last-child) {\r\n border-bottom: 1px solid #e0e0e0;\r\n }\r\n }\r\n \r\n .luxbar-menu-light .active,\r\n .luxbar-menu-light .luxbar-item:hover {\r\n background-color: #bdbdbd; }\r\n .luxbar-menu-light .luxbar-hamburger span,\r\n .luxbar-menu-light .luxbar-hamburger span::before,\r\n .luxbar-menu-light .luxbar-hamburger span::after {\r\n background-color: #212121; }\r\n }","\r\n.ribbon-menu-comp {\r\n box-sizing: border-box;\r\n height: 3.9rem;\r\n position: relative;\r\n background: white;\r\n padding: 0.3rem;\r\n border-bottom: 1px solid #c9c9c9;\r\n border-top: 1px solid #c9c9c9;\r\n flex-shrink: 0;\r\n background: linear-gradient(90deg,\r\n rgb(255,255,255) 0%,\r\n rgb(246,246,246) 20%,\r\n rgb(246,246,246) 80%,\r\n rgb(255,255,255) 100%);\r\n \r\n .ribbon-group {\r\n position: relative;\r\n box-sizing: border-box;\r\n border-right: 1px solid #c9c9c9;\r\n display: inline-block;\r\n height: 100%;\r\n padding: 0 0.6rem 0 0.6rem;\r\n vertical-align: middle;\r\n }\r\n \r\n .jsl-button {\r\n margin: 0.1rem;\r\n // box-sizing: border-box;\r\n // padding: 0.25rem;\r\n padding-left: 0.25rem;\r\n padding-right: 0.25rem;\r\n // background: #ebebf0;\r\n // border: 1px solid #ebebf0;\r\n // border-radius: 2px;\r\n display: inline-block;\r\n // cursor: pointer;\r\n // color:black;\r\n }\r\n \r\n // .jsl-button:hover {\r\n // border-color: #aaaaaa;\r\n // background: #aaaaaa;\r\n // }\r\n \r\n // .jsl-button-disabled {\r\n // background: #ebebf0!important;\r\n // border-color: #ebebf0!important;\r\n // color:#aaaaaa;\r\n // cursor: default;\r\n // }\r\n \r\n // .jsl-button.ui-state-active {\r\n // background: #017DBE;\r\n // border-color: #017DBE;\r\n // color: white;\r\n // }\r\n \r\n // .jsl-button:focus {\r\n // border-color: #999999;\r\n // }\r\n \r\n .ribbon-group > .jsl-button > img {\r\n height: 1rem;\r\n }\r\n \r\n .ribbon-legend {\r\n position: absolute;\r\n bottom: 0;\r\n left: 1px;\r\n right: 1px;\r\n text-align: center;\r\n font-size: 0.8em;\r\n color: #444444;\r\n }\r\n}\r\n",".jsl-overlay-overlay {\r\n position: fixed;\r\n left: 0;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n z-index: 2001;\r\n background: rgba(255, 255, 255, 0.6);\r\n height: 100vh;\r\n}\r\n\r\n.overl-header {\r\n position:absolute;\r\n right: 0;\r\n top: 0;\r\n}\r\n\r\n.overl-body {\r\n position: absolute;\r\n overflow: auto;\r\n background: rgb(255, 255, 255);\r\n}\r\n\r\n.overl-body-left {\r\n left:0;\r\n top:0;\r\n bottom:0;\r\n min-width: 50%;\r\n box-shadow: 5px 0px 6px 0px rgba(34, 34, 34, 0.2);\r\n}\r\n\r\n.overl-body-top {\r\n left:0;\r\n top:0;\r\n right:0;\r\n min-height: 50%;\r\n box-shadow: 0px 5px 4px 0px rgba(34,34,34,0.2);\r\n}\r\n\r\n\r\n.overl-close-btn {\r\n color: #555555;\r\n font-size: 2rem;\r\n line-height: 2.2rem;\r\n font-weight: bold;\r\n position: absolute;\r\n right: 0;\r\n top: 0;\r\n width: 2.2rem;\r\n box-sizing: border-box;\r\n border-top-right-radius: 0.8rem;\r\n cursor: pointer;\r\n}\r\n\r\n.overl-close-btn:hover {\r\n color: #B22121;\r\n}\r\n"],"names":[],"version":3,"file":"index.css.map"}
package/lib/ui/dialog.css CHANGED
@@ -12,15 +12,15 @@
12
12
 
13
13
  .jsl-dialog .jsl-button {
14
14
  vertical-align: middle;
15
- color: #fff;
15
+ /* color: #fff;
16
+ background-color: #3b99ff;
17
+ border: 1px solid #3b99ff; */
16
18
  cursor: pointer;
17
19
  height: 2rem;
18
20
  box-sizing: border-box;
19
21
  letter-spacing: .1rem;
20
22
  text-align: center;
21
23
  white-space: nowrap;
22
- background-color: #3b99ff;
23
- border: 1px solid #3b99ff;
24
24
  border-radius: .3rem;
25
25
  padding: 0 1rem;
26
26
  line-height: 2rem;
@@ -28,10 +28,10 @@
28
28
  display: inline-block;
29
29
  }
30
30
 
31
- .jsl-dialog .jsl-button.jsl-button-outline {
31
+ /* .jsl-dialog .jsl-button.jsl-button-outline {
32
32
  color: #444;
33
33
  background: #fff;
34
- }
34
+ } */
35
35
 
36
36
  .dlg-close-btn {
37
37
  color: #555555;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jsl-ui",
3
- "version": "9.18.2",
3
+ "version": "9.18.4",
4
4
  "description": "javascript UI library",
5
5
  "main": "lib/index.js",
6
6
  "files": [