PluginProbe
Visualizer – Tables & Charts Manager with Built-in AI Generator / 3.4.2
Visualizer – Tables & Charts Manager with Built-in AI Generator v3.4.2
4.0.8 4.0.7 4.0.6 4.0.5 4.0.4 4.0.3 3.0.5 3.0.6 3.0.7 3.0.8 3.0.9 3.1.0 3.1.1 3.1.2 3.1.3 3.10.0 3.10.1 3.10.10 3.10.11 3.10.12 3.10.13 3.10.14 3.10.15 3.10.2 3.10.3 All 149 releases
visualizer / classes / Visualizer / Gutenberg / build / handsontable.css

handsontable.css in Visualizer – Tables & Charts Manager with Built-in AI Generator 3.4.2, at classes/Visualizer/Gutenberg/build/handsontable.css

1,334 lines 31.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 /*!
3 * (The MIT License)
4 *
5 * Copyright (c) 2012-2014 Marcin Warpechowski
6 * Copyright (c) 2015 Handsoncode sp. z o.o. <hello@handsoncode.net>
7 *
8 * Permission is hereby granted, free of charge, to any person obtaining
9 * a copy of this software and associated documentation files (the
10 * 'Software'), to deal in the Software without restriction, including
11 * without limitation the rights to use, copy, modify, merge, publish,
12 * distribute, sublicense, and/or sell copies of the Software, and to
13 * permit persons to whom the Software is furnished to do so, subject to
14 * the following conditions:
15 *
16 * The above copyright notice and this permission notice shall be
17 * included in all copies or substantial portions of the Software.
18 *
19 * THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
20 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
21 * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
22 * IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
23 * CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
24 * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
25 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
26 *
27 * Version: 5.0.2
28 * Release date: 12/09/2018 (built at 11/09/2018 09:55:19)
29 */
30 /**
31 * Fix for bootstrap styles
32 */
33 .handsontable .table th, .handsontable .table td {
34 border-top: none; }
35
36 .handsontable tr {
37 background: #fff; }
38
39 .handsontable td {
40 background-color: inherit; }
41
42 .handsontable .table caption + thead tr:first-child th,
43 .handsontable .table caption + thead tr:first-child td,
44 .handsontable .table colgroup + thead tr:first-child th,
45 .handsontable .table colgroup + thead tr:first-child td,
46 .handsontable .table thead:first-child tr:first-child th,
47 .handsontable .table thead:first-child tr:first-child td {
48 border-top: 1px solid #CCCCCC; }
49
50 /* table-bordered */
51 .handsontable .table-bordered {
52 border: 0;
53 border-collapse: separate; }
54
55 .handsontable .table-bordered th,
56 .handsontable .table-bordered td {
57 border-left: none; }
58
59 .handsontable .table-bordered th:first-child,
60 .handsontable .table-bordered td:first-child {
61 border-left: 1px solid #CCCCCC; }
62
63 .handsontable .table > tbody > tr > td,
64 .handsontable .table > tbody > tr > th,
65 .handsontable .table > tfoot > tr > td,
66 .handsontable .table > tfoot > tr > th,
67 .handsontable .table > thead > tr > td,
68 .handsontable .table > thead > tr > th {
69 line-height: 21px;
70 padding: 0 4px; }
71
72 .col-lg-1.handsontable, .col-lg-10.handsontable, .col-lg-11.handsontable, .col-lg-12.handsontable,
73 .col-lg-2.handsontable, .col-lg-3.handsontable, .col-lg-4.handsontable, .col-lg-5.handsontable, .col-lg-6.handsontable, .col-lg-7.handsontable, .col-lg-8.handsontable, .col-lg-9.handsontable,
74 .col-md-1.handsontable, .col-md-10.handsontable, .col-md-11.handsontable, .col-md-12.handsontable,
75 .col-md-2.handsontable, .col-md-3.handsontable, .col-md-4.handsontable, .col-md-5.handsontable, .col-md-6.handsontable, .col-md-7.handsontable, .col-md-8.handsontable, .col-md-9.handsontable
76 .col-sm-1.handsontable, .col-sm-10.handsontable, .col-sm-11.handsontable, .col-sm-12.handsontable,
77 .col-sm-2.handsontable, .col-sm-3.handsontable, .col-sm-4.handsontable, .col-sm-5.handsontable, .col-sm-6.handsontable, .col-sm-7.handsontable, .col-sm-8.handsontable, .col-sm-9.handsontable
78 .col-xs-1.handsontable, .col-xs-10.handsontable, .col-xs-11.handsontable, .col-xs-12.handsontable,
79 .col-xs-2.handsontable, .col-xs-3.handsontable, .col-xs-4.handsontable, .col-xs-5.handsontable, .col-xs-6.handsontable, .col-xs-7.handsontable, .col-xs-8.handsontable, .col-xs-9.handsontable {
80 padding-left: 0;
81 padding-right: 0; }
82
83 .handsontable .table-striped > tbody > tr:nth-of-type(even) {
84 background-color: #FFF; }
85
86 .handsontable {
87 position: relative; }
88
89 .handsontable .hide {
90 display: none; }
91
92 .handsontable .relative {
93 position: relative; }
94
95 .handsontable.htAutoSize {
96 visibility: hidden;
97 left: -99000px;
98 position: absolute;
99 top: -99000px; }
100
101 .handsontable .wtHider {
102 width: 0; }
103
104 .handsontable .wtSpreader {
105 position: relative;
106 width: 0;
107 /*must be 0, otherwise blank space appears in scroll demo after scrolling max to the right */
108 height: auto; }
109
110 .handsontable table,
111 .handsontable tbody,
112 .handsontable thead,
113 .handsontable td,
114 .handsontable th,
115 .handsontable input,
116 .handsontable textarea,
117 .handsontable div {
118 box-sizing: content-box;
119 -webkit-box-sizing: content-box;
120 -moz-box-sizing: content-box; }
121
122 .handsontable input,
123 .handsontable textarea {
124 min-height: initial; }
125
126 .handsontable table.htCore {
127 border-collapse: separate;
128 /* it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit */
129 /* this actually only changes appearance of user selection - does not make text unselectable */
130 /* -webkit-user-select: none;
131 -khtml-user-select: none;
132 -moz-user-select: none;
133 -o-user-select: none;
134 -ms-user-select: none;
135 user-select: none; */
136 /* no browser supports unprefixed version */
137 border-spacing: 0;
138 margin: 0;
139 border-width: 0;
140 table-layout: fixed;
141 width: 0;
142 outline-width: 0;
143 cursor: default;
144 /* reset bootstrap table style. for more info see: https://github.com/handsontable/handsontable/issues/224 */
145 max-width: none;
146 max-height: none; }
147
148 .handsontable col {
149 width: 50px; }
150
151 .handsontable col.rowHeader {
152 width: 50px; }
153
154 .handsontable th,
155 .handsontable td {
156 border-top-width: 0;
157 border-left-width: 0;
158 border-right: 1px solid #CCC;
159 border-bottom: 1px solid #CCC;
160 height: 22px;
161 empty-cells: show;
162 line-height: 21px;
163 padding: 0 4px 0 4px;
164 /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
165 background-color: #FFF;
166 vertical-align: top;
167 overflow: hidden;
168 outline-width: 0;
169 white-space: pre-line;
170 /* preserve new line character in cell */
171 background-clip: padding-box; }
172
173 .handsontable td.htInvalid {
174 background-color: #ff4c42 !important;
175 /*gives priority over td.area selection background*/ }
176
177 .handsontable td.htNoWrap {
178 white-space: nowrap; }
179
180 .handsontable th:last-child {
181 /*Foundation framework fix*/
182 border-right: 1px solid #CCC;
183 border-bottom: 1px solid #CCC; }
184
185 .handsontable tr:first-child th.htNoFrame,
186 .handsontable th:first-child.htNoFrame,
187 .handsontable th.htNoFrame {
188 border-left-width: 0;
189 background-color: white;
190 border-color: #FFF; }
191
192 .handsontable th:first-child,
193 .handsontable th:nth-child(2),
194 .handsontable td:first-of-type,
195 .handsontable .htNoFrame + th,
196 .handsontable .htNoFrame + td {
197 border-left: 1px solid #CCC; }
198
199 .handsontable.htRowHeaders thead tr th:nth-child(2) {
200 border-left: 1px solid #CCC; }
201
202 .handsontable tr:first-child th,
203 .handsontable tr:first-child td {
204 border-top: 1px solid #CCC; }
205
206 .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable tbody tr th,
207 .ht_master:not(.innerBorderLeft):not(.emptyColumns) ~ .handsontable:not(.ht_clone_top) thead tr th:first-child {
208 border-right-width: 0; }
209
210 .ht_master:not(.innerBorderTop) thead tr:last-child th,
211 .ht_master:not(.innerBorderTop) ~ .handsontable thead tr:last-child th,
212 .ht_master:not(.innerBorderTop) thead tr.lastChild th,
213 .ht_master:not(.innerBorderTop) ~ .handsontable thead tr.lastChild th {
214 border-bottom-width: 0; }
215
216 .handsontable th {
217 background-color: #f0f0f0;
218 color: #222;
219 text-align: center;
220 font-weight: normal;
221 white-space: nowrap; }
222
223 .handsontable thead th {
224 padding: 0; }
225
226 .handsontable th.active {
227 background-color: #CCC; }
228
229 .handsontable thead th .relative {
230 padding: 2px 4px; }
231
232 #hot-display-license-info {
233 font-size: 10px;
234 color: #323232;
235 padding: 5px 0 3px 0;
236 font-family: Helvetica, Arial, sans-serif;
237 text-align: left; }
238
239 /* plugins */
240 /* row + column resizer*/
241 .handsontable .manualColumnResizer {
242 position: fixed;
243 top: 0;
244 cursor: col-resize;
245 z-index: 110;
246 width: 5px;
247 height: 25px; }
248
249 .handsontable .manualRowResizer {
250 position: fixed;
251 left: 0;
252 cursor: row-resize;
253 z-index: 110;
254 height: 5px;
255 width: 50px; }
256
257 .handsontable .manualColumnResizer:hover,
258 .handsontable .manualColumnResizer.active,
259 .handsontable .manualRowResizer:hover,
260 .handsontable .manualRowResizer.active {
261 background-color: #34a9db; }
262
263 .handsontable .manualColumnResizerGuide {
264 position: fixed;
265 right: 0;
266 top: 0;
267 background-color: #34a9db;
268 display: none;
269 width: 0;
270 border-right: 1px dashed #777;
271 margin-left: 5px; }
272
273 .handsontable .manualRowResizerGuide {
274 position: fixed;
275 left: 0;
276 bottom: 0;
277 background-color: #34a9db;
278 display: none;
279 height: 0;
280 border-bottom: 1px dashed #777;
281 margin-top: 5px; }
282
283 .handsontable .manualColumnResizerGuide.active,
284 .handsontable .manualRowResizerGuide.active {
285 display: block;
286 z-index: 199; }
287
288 .handsontable .columnSorting {
289 position: relative; }
290
291 .handsontable .columnSorting:hover {
292 text-decoration: underline;
293 cursor: pointer; }
294
295 .handsontable .columnSorting.ascending::after {
296 content: '\25B2';
297 color: #5f5f5f;
298 position: absolute;
299 right: -15px; }
300
301 .handsontable .columnSorting.descending::after {
302 content: '\25BC';
303 color: #5f5f5f;
304 position: absolute;
305 right: -15px; }
306
307 /* Selection */
308 .handsontable .wtBorder {
309 position: absolute;
310 font-size: 0; }
311
312 .handsontable .wtBorder.hidden {
313 display: none !important; }
314
315 /* A layer order of the selection types */
316 .handsontable .wtBorder.current {
317 z-index: 10; }
318
319 .handsontable .wtBorder.area {
320 z-index: 8; }
321
322 .handsontable .wtBorder.fill {
323 z-index: 6; }
324
325 .handsontable td.area,
326 .handsontable td.area-1,
327 .handsontable td.area-2,
328 .handsontable td.area-3,
329 .handsontable td.area-4,
330 .handsontable td.area-5,
331 .handsontable td.area-6,
332 .handsontable td.area-7 {
333 position: relative; }
334
335 .handsontable td.area:before,
336 .handsontable td.area-1:before,
337 .handsontable td.area-2:before,
338 .handsontable td.area-3:before,
339 .handsontable td.area-4:before,
340 .handsontable td.area-5:before,
341 .handsontable td.area-6:before,
342 .handsontable td.area-7:before {
343 content: '';
344 position: absolute;
345 top: 0;
346 left: 0;
347 right: 0;
348 bottom: 0;
349 bottom: -100%\9;
350 /* Fix for IE9 to spread the ":before" pseudo element to 100% height of the parent element */
351 background: #005eff; }
352
353 /* Fix for IE10 and IE11 to spread the ":before" pseudo element to 100% height of the parent element */
354 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
355 .handsontable td.area:before,
356 .handsontable td.area-1:before,
357 .handsontable td.area-2:before,
358 .handsontable td.area-3:before,
359 .handsontable td.area-4:before,
360 .handsontable td.area-5:before,
361 .handsontable td.area-6:before,
362 .handsontable td.area-7:before {
363 bottom: -100%; } }
364
365 .handsontable td.area:before {
366 opacity: 0.1; }
367
368 .handsontable td.area-1:before {
369 opacity: 0.2; }
370
371 .handsontable td.area-2:before {
372 opacity: 0.27; }
373
374 .handsontable td.area-3:before {
375 opacity: 0.35; }
376
377 .handsontable td.area-4:before {
378 opacity: 0.41; }
379
380 .handsontable td.area-5:before {
381 opacity: 0.47; }
382
383 .handsontable td.area-6:before {
384 opacity: 0.54; }
385
386 .handsontable td.area-7:before {
387 opacity: 0.58; }
388
389 .handsontable tbody th.ht__highlight,
390 .handsontable thead th.ht__highlight {
391 background-color: #dcdcdc; }
392
393 .handsontable tbody th.ht__active_highlight,
394 .handsontable thead th.ht__active_highlight {
395 background-color: #8eb0e7;
396 color: #000; }
397
398 /* fill handle */
399 .handsontable .wtBorder.corner {
400 font-size: 0;
401 cursor: crosshair; }
402
403 .handsontable .htBorder.htFillBorder {
404 background: red;
405 width: 1px;
406 height: 1px; }
407
408 .handsontableInput {
409 border: none;
410 outline-width: 0;
411 margin: 0;
412 padding: 1px 5px 0 5px;
413 font-family: inherit;
414 line-height: 21px;
415 font-size: inherit;
416 box-shadow: 0 0 0 2px #5292F7 inset;
417 resize: none;
418 /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
419 display: block;
420 color: #000;
421 border-radius: 0;
422 background-color: #FFF;
423 /*overwrite styles potentionally made by a framework*/ }
424
425 .handsontableInputHolder {
426 position: absolute;
427 top: 0;
428 left: 0;
429 z-index: 104; }
430
431 .htSelectEditor {
432 -webkit-appearance: menulist-button !important;
433 position: absolute;
434 width: auto; }
435
436 /*
437 TextRenderer readOnly cell
438 */
439 .handsontable .htDimmed {
440 color: #777; }
441
442 .handsontable .htSubmenu {
443 position: relative; }
444
445 .handsontable .htSubmenu :after {
446 content: '\25B6';
447 color: #777;
448 position: absolute;
449 right: 5px;
450 font-size: 9px; }
451
452 /*
453 TextRenderer horizontal alignment
454 */
455 .handsontable .htLeft {
456 text-align: left; }
457
458 .handsontable .htCenter {
459 text-align: center; }
460
461 .handsontable .htRight {
462 text-align: right; }
463
464 .handsontable .htJustify {
465 text-align: justify; }
466
467 /*
468 TextRenderer vertical alignment
469 */
470 .handsontable .htTop {
471 vertical-align: top; }
472
473 .handsontable .htMiddle {
474 vertical-align: middle; }
475
476 .handsontable .htBottom {
477 vertical-align: bottom; }
478
479 /*
480 TextRenderer placeholder value
481 */
482 .handsontable .htPlaceholder {
483 color: #999; }
484
485 /*
486 AutocompleteRenderer down arrow
487 */
488 .handsontable .htAutocompleteArrow {
489 float: right;
490 font-size: 10px;
491 color: #EEE;
492 cursor: default;
493 width: 16px;
494 text-align: center; }
495
496 .handsontable td .htAutocompleteArrow:hover {
497 color: #777; }
498
499 .handsontable td.area .htAutocompleteArrow {
500 color: #d3d3d3; }
501
502 /*
503 CheckboxRenderer
504 */
505 .handsontable .htCheckboxRendererInput {
506 display: inline-block;
507 vertical-align: middle; }
508
509 .handsontable .htCheckboxRendererInput.noValue {
510 opacity: 0.5; }
511
512 .handsontable .htCheckboxRendererLabel {
513 cursor: pointer;
514 display: inline-block;
515 width: 100%; }
516
517 /**
518 * Handsontable in Handsontable
519 */
520 .handsontable .handsontable.ht_clone_top .wtHider {
521 padding: 0 0 5px 0; }
522
523 /**
524 * Autocomplete Editor
525 */
526 .handsontable .autocompleteEditor.handsontable {
527 padding-right: 17px; }
528
529 .handsontable .autocompleteEditor.handsontable.htMacScroll {
530 padding-right: 15px; }
531
532 /**
533 * Handsontable listbox theme
534 */
535 .handsontable.listbox {
536 margin: 0; }
537
538 .handsontable.listbox .ht_master table {
539 border: 1px solid #ccc;
540 border-collapse: separate;
541 background: white; }
542
543 .handsontable.listbox th,
544 .handsontable.listbox tr:first-child th,
545 .handsontable.listbox tr:last-child th,
546 .handsontable.listbox tr:first-child td,
547 .handsontable.listbox td {
548 border-color: transparent; }
549
550 .handsontable.listbox th,
551 .handsontable.listbox td {
552 white-space: nowrap;
553 text-overflow: ellipsis; }
554
555 .handsontable.listbox td.htDimmed {
556 cursor: default;
557 color: inherit;
558 font-style: inherit; }
559
560 .handsontable.listbox .wtBorder {
561 visibility: hidden; }
562
563 .handsontable.listbox tr td.current,
564 .handsontable.listbox tr:hover td {
565 background: #eee; }
566
567 .ht_clone_top {
568 z-index: 101; }
569
570 .ht_clone_left {
571 z-index: 102; }
572
573 .ht_clone_top_left_corner,
574 .ht_clone_bottom_left_corner {
575 z-index: 103; }
576
577 .ht_clone_debug {
578 z-index: 103; }
579
580 .handsontable td.htSearchResult {
581 background: #fcedd9;
582 color: #583707; }
583
584 /*
585 Cell borders
586 */
587 .htBordered {
588 /*box-sizing: border-box !important;*/
589 border-width: 1px; }
590
591 .htBordered.htTopBorderSolid {
592 border-top-style: solid;
593 border-top-color: #000; }
594
595 .htBordered.htRightBorderSolid {
596 border-right-style: solid;
597 border-right-color: #000; }
598
599 .htBordered.htBottomBorderSolid {
600 border-bottom-style: solid;
601 border-bottom-color: #000; }
602
603 .htBordered.htLeftBorderSolid {
604 border-left-style: solid;
605 border-left-color: #000; }
606
607 .handsontable tbody tr th:nth-last-child(2) {
608 border-right: 1px solid #CCC; }
609
610 .handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
611 border-bottom: 1px solid #CCC;
612 padding-bottom: 5px; }
613
614 .ht_clone_top_left_corner thead tr th:nth-last-child(2) {
615 border-right: 1px solid #CCC; }
616
617 .htCollapseButton {
618 width: 10px;
619 height: 10px;
620 line-height: 10px;
621 text-align: center;
622 border-radius: 5px;
623 border: 1px solid #f3f3f3;
624 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
625 cursor: pointer;
626 margin-bottom: 3px;
627 position: relative; }
628
629 .htCollapseButton:after {
630 content: "";
631 height: 300%;
632 width: 1px;
633 display: block;
634 background: #ccc;
635 margin-left: 4px;
636 position: absolute;
637 /*top: -300%;*/
638 bottom: 10px; }
639
640 thead .htCollapseButton {
641 right: 5px;
642 position: absolute;
643 top: 5px;
644 background: #fff; }
645
646 thead .htCollapseButton:after {
647 height: 1px;
648 width: 700%;
649 right: 10px;
650 top: 4px; }
651
652 .handsontable tr th .htExpandButton {
653 position: absolute;
654 width: 10px;
655 height: 10px;
656 line-height: 10px;
657 text-align: center;
658 border-radius: 5px;
659 border: 1px solid #f3f3f3;
660 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
661 cursor: pointer;
662 top: 0;
663 display: none; }
664
665 .handsontable thead tr th .htExpandButton {
666 /*left: 5px;*/
667 top: 5px; }
668
669 .handsontable tr th .htExpandButton.clickable {
670 display: block; }
671
672 .collapsibleIndicator {
673 position: absolute;
674 top: 50%;
675 -webkit-transform: translate(0%, -50%);
676 transform: translate(0%, -50%);
677 right: 5px;
678 border: 1px solid #A6A6A6;
679 line-height: 10px;
680 color: #222;
681 border-radius: 10px;
682 font-size: 10px;
683 width: 10px;
684 height: 10px;
685 cursor: pointer;
686 box-shadow: 0 0 0 6px #eeeeee;
687 background: #eee; }
688
689 .handsontable col.hidden {
690 width: 0 !important; }
691
692 .handsontable table tr th.lightRightBorder {
693 border-right: 1px solid #E6E6E6; }
694
695 .handsontable tr.hidden,
696 .handsontable tr.hidden td,
697 .handsontable tr.hidden th {
698 display: none; }
699
700 .ht_master,
701 .ht_clone_left,
702 .ht_clone_top,
703 .ht_clone_bottom {
704 overflow: hidden; }
705
706 .ht_master .wtHolder {
707 overflow: auto; }
708
709 .handsontable .ht_master thead,
710 .handsontable .ht_master tr th,
711 .handsontable .ht_clone_left thead {
712 visibility: hidden; }
713
714 .ht_clone_top .wtHolder,
715 .ht_clone_left .wtHolder,
716 .ht_clone_bottom .wtHolder {
717 overflow: hidden; }
718
719 /*
720
721 Handsontable Mobile Text Editor stylesheet
722
723 */
724 .handsontable.mobile,
725 .handsontable.mobile .wtHolder {
726 -webkit-touch-callout: none;
727 -webkit-user-select: none;
728 -moz-user-select: none;
729 -ms-user-select: none;
730 user-select: none;
731 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
732 -webkit-overflow-scrolling: touch; }
733
734 .htMobileEditorContainer {
735 display: none;
736 position: absolute;
737 top: 0;
738 width: 70%;
739 height: 54pt;
740 background: #f8f8f8;
741 border-radius: 20px;
742 border: 1px solid #ebebeb;
743 z-index: 999;
744 box-sizing: border-box;
745 -webkit-box-sizing: border-box;
746 -webkit-text-size-adjust: none; }
747
748 .topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle),
749 .topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea) {
750 z-index: 9999; }
751
752 /* Initial left/top coordinates - overwritten when actual position is set */
753 .topLeftSelectionHandle,
754 .topLeftSelectionHandle-HitArea,
755 .bottomRightSelectionHandle,
756 .bottomRightSelectionHandle-HitArea {
757 left: -10000px;
758 top: -10000px; }
759
760 .htMobileEditorContainer.active {
761 display: block; }
762
763 .htMobileEditorContainer .inputs {
764 position: absolute;
765 right: 210pt;
766 bottom: 10pt;
767 top: 10pt;
768 left: 14px;
769 height: 34pt; }
770
771 .htMobileEditorContainer .inputs textarea {
772 font-size: 13pt;
773 border: 1px solid #a1a1a1;
774 -webkit-appearance: none;
775 box-shadow: none;
776 position: absolute;
777 left: 14px;
778 right: 14px;
779 top: 0;
780 bottom: 0;
781 padding: 7pt; }
782
783 .htMobileEditorContainer .cellPointer {
784 position: absolute;
785 top: -13pt;
786 height: 0;
787 width: 0;
788 left: 30px;
789 border-left: 13pt solid transparent;
790 border-right: 13pt solid transparent;
791 border-bottom: 13pt solid #ebebeb; }
792
793 .htMobileEditorContainer .cellPointer.hidden {
794 display: none; }
795
796 .htMobileEditorContainer .cellPointer:before {
797 content: '';
798 display: block;
799 position: absolute;
800 top: 2px;
801 height: 0;
802 width: 0;
803 left: -13pt;
804 border-left: 13pt solid transparent;
805 border-right: 13pt solid transparent;
806 border-bottom: 13pt solid #f8f8f8; }
807
808 .htMobileEditorContainer .moveHandle {
809 position: absolute;
810 top: 10pt;
811 left: 5px;
812 width: 30px;
813 bottom: 0px;
814 cursor: move;
815 z-index: 9999; }
816
817 .htMobileEditorContainer .moveHandle:after {
818 content: "..\A..\A..\A..";
819 white-space: pre;
820 line-height: 10px;
821 font-size: 20pt;
822 display: inline-block;
823 margin-top: -8px;
824 color: #ebebeb; }
825
826 .htMobileEditorContainer .positionControls {
827 width: 205pt;
828 position: absolute;
829 right: 5pt;
830 top: 0;
831 bottom: 0; }
832
833 .htMobileEditorContainer .positionControls > div {
834 width: 50pt;
835 height: 100%;
836 float: left; }
837
838 .htMobileEditorContainer .positionControls > div:after {
839 content: " ";
840 display: block;
841 width: 15pt;
842 height: 15pt;
843 text-align: center;
844 line-height: 50pt; }
845
846 .htMobileEditorContainer .leftButton:after,
847 .htMobileEditorContainer .rightButton:after,
848 .htMobileEditorContainer .upButton:after,
849 .htMobileEditorContainer .downButton:after {
850 transform-origin: 5pt 5pt;
851 -webkit-transform-origin: 5pt 5pt;
852 margin: 21pt 0 0 21pt; }
853
854 .htMobileEditorContainer .leftButton:after {
855 border-top: 2px solid #288ffe;
856 border-left: 2px solid #288ffe;
857 -webkit-transform: rotate(-45deg);
858 /*margin-top: 17pt;*/
859 /*margin-left: 20pt;*/ }
860
861 .htMobileEditorContainer .leftButton:active:after {
862 border-color: #cfcfcf; }
863
864 .htMobileEditorContainer .rightButton:after {
865 border-top: 2px solid #288ffe;
866 border-left: 2px solid #288ffe;
867 -webkit-transform: rotate(135deg);
868 /*margin-top: 17pt;*/
869 /*margin-left: 10pt;*/ }
870
871 .htMobileEditorContainer .rightButton:active:after {
872 border-color: #cfcfcf; }
873
874 .htMobileEditorContainer .upButton:after {
875 /*border-top: 2px solid #cfcfcf;*/
876 border-top: 2px solid #288ffe;
877 border-left: 2px solid #288ffe;
878 -webkit-transform: rotate(45deg);
879 /*margin-top: 22pt;*/
880 /*margin-left: 15pt;*/ }
881
882 .htMobileEditorContainer .upButton:active:after {
883 border-color: #cfcfcf; }
884
885 .htMobileEditorContainer .downButton:after {
886 border-top: 2px solid #288ffe;
887 border-left: 2px solid #288ffe;
888 -webkit-transform: rotate(225deg);
889 /*margin-top: 15pt;*/
890 /*margin-left: 15pt;*/ }
891
892 .htMobileEditorContainer .downButton:active:after {
893 border-color: #cfcfcf; }
894
895 .handsontable.hide-tween {
896 -webkit-animation: opacity-hide 0.3s;
897 animation: opacity-hide 0.3s;
898 animation-fill-mode: forwards;
899 -webkit-animation-fill-mode: forwards; }
900
901 .handsontable.show-tween {
902 -webkit-animation: opacity-show 0.3s;
903 animation: opacity-show 0.3s;
904 animation-fill-mode: forwards;
905 -webkit-animation-fill-mode: forwards; }
906
907 /*!
908 * Pikaday
909 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
910 */
911 .pika-single {
912 z-index: 9999;
913 display: block;
914 position: relative;
915 color: #333;
916 background: #fff;
917 border: 1px solid #ccc;
918 border-bottom-color: #bbb;
919 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
920
921 /*
922 clear child float (pika-lendar), using the famous micro clearfix hack
923 http://nicolasgallagher.com/micro-clearfix-hack/
924 */
925 .pika-single:before,
926 .pika-single:after {
927 content: " ";
928 display: table; }
929
930 .pika-single:after {
931 clear: both; }
932
933 .pika-single {
934 *zoom: 1; }
935
936 .pika-single.is-hidden {
937 display: none; }
938
939 .pika-single.is-bound {
940 position: absolute;
941 box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }
942
943 .pika-lendar {
944 float: left;
945 width: 240px;
946 margin: 8px; }
947
948 .pika-title {
949 position: relative;
950 text-align: center; }
951
952 .pika-label {
953 display: inline-block;
954 *display: inline;
955 position: relative;
956 z-index: 9999;
957 overflow: hidden;
958 margin: 0;
959 padding: 5px 3px;
960 font-size: 14px;
961 line-height: 20px;
962 font-weight: bold;
963 background-color: #fff; }
964
965 .pika-title select {
966 cursor: pointer;
967 position: absolute;
968 z-index: 9998;
969 margin: 0;
970 left: 0;
971 top: 5px;
972 filter: alpha(opacity=0);
973 opacity: 0; }
974
975 .pika-prev,
976 .pika-next {
977 display: block;
978 cursor: pointer;
979 position: relative;
980 outline: none;
981 border: 0;
982 padding: 0;
983 width: 20px;
984 height: 30px;
985 /* hide text using text-indent trick, using width value (it's enough) */
986 text-indent: 20px;
987 white-space: nowrap;
988 overflow: hidden;
989 background-color: transparent;
990 background-position: center center;
991 background-repeat: no-repeat;
992 background-size: 75% 75%;
993 opacity: .5;
994 *position: absolute;
995 *top: 0; }
996
997 .pika-prev:hover,
998 .pika-next:hover {
999 opacity: 1; }
1000
1001 .pika-prev,
1002 .is-rtl .pika-next {
1003 float: left;
1004 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
1005 *left: 0; }
1006
1007 .pika-next,
1008 .is-rtl .pika-prev {
1009 float: right;
1010 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
1011 *right: 0; }
1012
1013 .pika-prev.is-disabled,
1014 .pika-next.is-disabled {
1015 cursor: default;
1016 opacity: .2; }
1017
1018 .pika-select {
1019 display: inline-block;
1020 *display: inline; }
1021
1022 .pika-table {
1023 width: 100%;
1024 border-collapse: collapse;
1025 border-spacing: 0;
1026 border: 0; }
1027
1028 .pika-table th,
1029 .pika-table td {
1030 width: 14.285714285714286%;
1031 padding: 0; }
1032
1033 .pika-table th {
1034 color: #999;
1035 font-size: 12px;
1036 line-height: 25px;
1037 font-weight: bold;
1038 text-align: center; }
1039
1040 .pika-button {
1041 cursor: pointer;
1042 display: block;
1043 box-sizing: border-box;
1044 -moz-box-sizing: border-box;
1045 outline: none;
1046 border: 0;
1047 margin: 0;
1048 width: 100%;
1049 padding: 5px;
1050 color: #666;
1051 font-size: 12px;
1052 line-height: 15px;
1053 text-align: right;
1054 background: #f5f5f5; }
1055
1056 .pika-week {
1057 font-size: 11px;
1058 color: #999; }
1059
1060 .is-today .pika-button {
1061 color: #33aaff;
1062 font-weight: bold; }
1063
1064 .is-selected .pika-button {
1065 color: #fff;
1066 font-weight: bold;
1067 background: #33aaff;
1068 box-shadow: inset 0 1px 3px #178fe5;
1069 border-radius: 3px; }
1070
1071 .is-inrange .pika-button {
1072 background: #D5E9F7; }
1073
1074 .is-startrange .pika-button {
1075 color: #fff;
1076 background: #6CB31D;
1077 box-shadow: none;
1078 border-radius: 3px; }
1079
1080 .is-endrange .pika-button {
1081 color: #fff;
1082 background: #33aaff;
1083 box-shadow: none;
1084 border-radius: 3px; }
1085
1086 .is-disabled .pika-button,
1087 .is-outside-current-month .pika-button {
1088 pointer-events: none;
1089 cursor: default;
1090 color: #999;
1091 opacity: .3; }
1092
1093 .pika-button:hover {
1094 color: #fff;
1095 background: #ff8000;
1096 box-shadow: none;
1097 border-radius: 3px; }
1098
1099 /* styling for abbr */
1100 .pika-table abbr {
1101 border-bottom: none;
1102 cursor: help; }
1103
1104 .htCommentCell {
1105 position: relative; }
1106
1107 .htCommentCell:after {
1108 content: '';
1109 position: absolute;
1110 top: 0;
1111 right: 0;
1112 border-left: 6px solid transparent;
1113 border-top: 6px solid black; }
1114
1115 .htComments {
1116 display: none;
1117 z-index: 1059;
1118 position: absolute; }
1119
1120 .htCommentTextArea {
1121 box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px;
1122 box-sizing: border-box;
1123 border: none;
1124 border-left: 3px solid #ccc;
1125 background-color: #fff;
1126 width: 215px;
1127 height: 90px;
1128 font-size: 12px;
1129 padding: 5px;
1130 outline: 0px !important;
1131 -webkit-appearance: none; }
1132
1133 .htCommentTextArea:focus {
1134 box-shadow: rgba(0, 0, 0, 0.117647) 0 1px 3px, rgba(0, 0, 0, 0.239216) 0 1px 2px, inset 0 0 0 1px #5292f7;
1135 border-left: 3px solid #5292f7; }
1136
1137 /*!
1138 * Handsontable ContextMenu
1139 */
1140 .htContextMenu:not(.htGhostTable) {
1141 display: none;
1142 position: absolute;
1143 z-index: 1060;
1144 /* needs to be higher than 1050 - z-index for Twitter Bootstrap modal (#1569) */ }
1145
1146 .htContextMenu .ht_clone_top,
1147 .htContextMenu .ht_clone_left,
1148 .htContextMenu .ht_clone_corner,
1149 .htContextMenu .ht_clone_debug {
1150 display: none; }
1151
1152 .htContextMenu table.htCore {
1153 border: 1px solid #ccc;
1154 border-bottom-width: 2px;
1155 border-right-width: 2px; }
1156
1157 .htContextMenu .wtBorder {
1158 visibility: hidden; }
1159
1160 .htContextMenu table tbody tr td {
1161 background: white;
1162 border-width: 0;
1163 padding: 4px 6px 0 6px;
1164 cursor: pointer;
1165 overflow: hidden;
1166 white-space: nowrap;
1167 text-overflow: ellipsis; }
1168
1169 .htContextMenu table tbody tr td:first-child {
1170 border: 0; }
1171
1172 .htContextMenu table tbody tr td.htDimmed {
1173 font-style: normal;
1174 color: #323232; }
1175
1176 .htContextMenu table tbody tr td.current,
1177 .htContextMenu table tbody tr td.zeroclipboard-is-hover {
1178 background: #f3f3f3; }
1179
1180 .htContextMenu table tbody tr td.htSeparator {
1181 border-top: 1px solid #e6e6e6;
1182 height: 0;
1183 padding: 0;
1184 cursor: default; }
1185
1186 .htContextMenu table tbody tr td.htDisabled {
1187 color: #999;
1188 cursor: default; }
1189
1190 .htContextMenu table tbody tr td.htDisabled:hover {
1191 background: #fff;
1192 color: #999;
1193 cursor: default; }
1194
1195 .htContextMenu table tbody tr.htHidden {
1196 display: none; }
1197
1198 .htContextMenu table tbody tr td .htItemWrapper {
1199 margin-left: 10px;
1200 margin-right: 6px; }
1201
1202 .htContextMenu table tbody tr td div span.selected {
1203 margin-top: -2px;
1204 position: absolute;
1205 left: 4px; }
1206
1207 .htContextMenu .ht_master .wtHolder {
1208 overflow: hidden; }
1209
1210 textarea#HandsontableCopyPaste {
1211 position: fixed !important;
1212 top: 0 !important;
1213 right: 100% !important;
1214 overflow: hidden;
1215 opacity: 0;
1216 outline: 0 none !important; }
1217
1218 .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_top_left_corner th:nth-child(2),
1219 .htRowHeaders .ht_master.innerBorderLeft ~ .ht_clone_left td:first-of-type {
1220 border-left: 0 none; }
1221
1222 .handsontable .wtHider {
1223 position: relative; }
1224
1225 .handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight {
1226 cursor: move;
1227 cursor: -webkit-grab;
1228 cursor: grab; }
1229
1230 .handsontable.ht__manualColumnMove.on-moving--columns,
1231 .handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight {
1232 cursor: move;
1233 cursor: -webkit-grabbing;
1234 cursor: grabbing; }
1235
1236 .handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer {
1237 display: none; }
1238
1239 .handsontable .ht__manualColumnMove--guideline,
1240 .handsontable .ht__manualColumnMove--backlight {
1241 position: absolute;
1242 height: 100%;
1243 display: none; }
1244
1245 .handsontable .ht__manualColumnMove--guideline {
1246 background: #757575;
1247 width: 2px;
1248 top: 0;
1249 margin-left: -1px;
1250 z-index: 105; }
1251
1252 .handsontable .ht__manualColumnMove--backlight {
1253 background: #343434;
1254 background: rgba(52, 52, 52, 0.25);
1255 display: none;
1256 z-index: 105;
1257 pointer-events: none; }
1258
1259 .handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline,
1260 .handsontable.on-moving--columns .ht__manualColumnMove--backlight {
1261 display: block; }
1262
1263 .handsontable .wtHider {
1264 position: relative; }
1265
1266 .handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight {
1267 cursor: move;
1268 cursor: -webkit-grab;
1269 cursor: grab; }
1270
1271 .handsontable.ht__manualRowMove.on-moving--rows,
1272 .handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight {
1273 cursor: move;
1274 cursor: -webkit-grabbing;
1275 cursor: grabbing; }
1276
1277 .handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer {
1278 display: none; }
1279
1280 .handsontable .ht__manualRowMove--guideline,
1281 .handsontable .ht__manualRowMove--backlight {
1282 position: absolute;
1283 width: 100%;
1284 display: none; }
1285
1286 .handsontable .ht__manualRowMove--guideline {
1287 background: #757575;
1288 height: 2px;
1289 left: 0;
1290 margin-top: -1px;
1291 z-index: 105; }
1292
1293 .handsontable .ht__manualRowMove--backlight {
1294 background: #343434;
1295 background: rgba(52, 52, 52, 0.25);
1296 display: none;
1297 z-index: 105;
1298 pointer-events: none; }
1299
1300 .handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline,
1301 .handsontable.on-moving--rows .ht__manualRowMove--backlight {
1302 display: block; }
1303
1304 .handsontable tbody td[rowspan][class*="area"][class*="highlight"]:not([class*="fullySelectedMergedCell"]):before {
1305 opacity: 0; }
1306
1307 .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-multiple"]:before {
1308 opacity: 0.1; }
1309
1310 .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-0"]:before {
1311 opacity: 0.1; }
1312
1313 .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-1"]:before {
1314 opacity: 0.2; }
1315
1316 .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-2"]:before {
1317 opacity: 0.27; }
1318
1319 .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-3"]:before {
1320 opacity: 0.35; }
1321
1322 .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-4"]:before {
1323 opacity: 0.41; }
1324
1325 .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-5"]:before {
1326 opacity: 0.47; }
1327
1328 .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-6"]:before {
1329 opacity: 0.54; }
1330
1331 .handsontable tbody td[rowspan][class*="area"][class*="highlight"][class*="fullySelectedMergedCell-7"]:before {
1332 opacity: 0.58; }
1333
1334