CoCalc -- tabulator_semanticui.css

GitHub Repository: quarto-dev/quarto-cli
Path: blob/main/dev-docs/feature-format-matrix/dist/css/tabulator_semanticui.css
³⁵⁶² views
1
/*******************************
2
         Site Settings
3
*******************************/
4

5
/*-------------------
6
       Fonts
7
--------------------*/
8

9
/*-------------------
10
      Base Sizes
11
--------------------*/
12

13
/* This is the single variable that controls them all */
14

15
/* The size of page text  */
16

17
/*-------------------
18
  Exact Pixel Values
19
--------------------*/
20

21
/*
22
  These are used to specify exact pixel values in em
23
  for things like borders that remain constantly
24
  sized as emSize adjusts
25

26
  Since there are many more sizes than names for sizes,
27
  these are named by their original pixel values.
28

29
*/
30

31
/*-------------------
32
    Border Radius
33
--------------------*/
34

35
/* See Power-user section below
36
   for explanation of $px variables
37
*/
38

39
/*-------------------
40
      Site Colors
41
--------------------*/
42

43
/*---  Colors  ---*/
44

45
/*---  Light Colors  ---*/
46

47
/*---   Neutrals  ---*/
48

49
/*--- Colored Backgrounds ---*/
50

51
/*--- Colored Text ---*/
52

53
/*--- Colored Headers ---*/
54

55
/*--- Colored Border ---*/
56

57
/*-------------------
58
     Alpha Colors
59
--------------------*/
60

61
/*-------------------
62
    Brand Colors
63
--------------------*/
64

65
/*--------------
66
  Page Heading
67
---------------*/
68

69
/*-------------------
70
        Page
71
--------------------*/
72

73
/*--------------
74
   Form Input
75
---------------*/
76

77
/* This adjusts the default form input across all elements */
78

79
/* Input Text Color */
80

81
/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
82

83
/*-------------------
84
    Focused Input
85
--------------------*/
86

87
/* Used on inputs, textarea etc */
88

89
/* Used on dropdowns, other larger blocks */
90

91
/*-------------------
92
        Sizes
93
--------------------*/
94

95
/*
96
  Sizes are all expressed in terms of 14px/em (default em)
97
  This ensures these "ratios" remain constant despite changes in EM
98
*/
99

100
/*-------------------
101
      Paragraph
102
--------------------*/
103

104
/*-------------------
105
       Links
106
--------------------*/
107

108
/*-------------------
109
  Highlighted Text
110
--------------------*/
111

112
/*-------------------
113
       Em Sizes
114
--------------------*/
115

116
/*
117
  This rounds $size values to the closest pixel then expresses that value in (r)em.
118
  This ensures all size values round to exact pixels
119
*/
120

121
/* em */
122

123
/* rem */
124

125
/*-------------------
126
       Loader
127
--------------------*/
128

129
/*-------------------
130
        Grid
131
--------------------*/
132

133
/*-------------------
134
     Transitions
135
--------------------*/
136

137
/*-------------------
138
     Breakpoints
139
--------------------*/
140

141
/* Columns */
142

143
/*******************************
144
           Power-User
145
*******************************/
146

147
/*-------------------
148
    Emotive Colors
149
--------------------*/
150

151
/* Positive */
152

153
/* Negative */
154

155
/* Info */
156

157
/* Warning */
158

159
/*-------------------
160
        Paths
161
--------------------*/
162

163
/* For source only. Modified in gulp for dist */
164

165
/*-------------------
166
       Icons
167
--------------------*/
168

169
/* Maximum Glyph Width of Icon */
170

171
/*-------------------
172
     Neutral Text
173
--------------------*/
174

175
/*-------------------
176
     Brand Colors
177
--------------------*/
178

179
/*-------------------
180
      Borders
181
--------------------*/
182

183
/*-------------------
184
       Accents
185
--------------------*/
186

187
/* Differentiating Neutrals */
188

189
/* Differentiating Layers */
190

191
/*-------------------
192
    Derived Values
193
--------------------*/
194

195
/* Loaders Position Offset */
196

197
/* Rendered Scrollbar Width */
198

199
/* Maximum Single Character Glyph Width, aka Capital "W" */
200

201
/* Used to match floats with text */
202

203
/* Header Spacing */
204

205
/* Minimum Mobile Width */
206

207
/* Positive / Negative Dupes */
208

209
/* Responsive */
210

211
/*******************************
212
             States
213
*******************************/
214

215
/*-------------------
216
      Disabled
217
--------------------*/
218

219
/*-------------------
220
        Hover
221
--------------------*/
222

223
/*---  Shadows  ---*/
224

225
/*---  Colors  ---*/
226

227
/*---  Emotive  ---*/
228

229
/*---  Brand   ---*/
230

231
/*---  Dark Tones  ---*/
232

233
/*---  Light Tones  ---*/
234

235
/*-------------------
236
        Focus
237
--------------------*/
238

239
/*---  Colors  ---*/
240

241
/*---  Emotive  ---*/
242

243
/*---  Brand   ---*/
244

245
/*---  Dark Tones  ---*/
246

247
/*---  Light Tones  ---*/
248

249
/*-------------------
250
    Down (:active)
251
--------------------*/
252

253
/*---  Colors  ---*/
254

255
/*---  Emotive  ---*/
256

257
/*---  Brand   ---*/
258

259
/*---  Dark Tones  ---*/
260

261
/*---  Light Tones  ---*/
262

263
/*-------------------
264
        Active
265
--------------------*/
266

267
/*---  Colors  ---*/
268

269
/*---  Emotive  ---*/
270

271
/*---  Brand   ---*/
272

273
/*---  Dark Tones  ---*/
274

275
/*---  Light Tones  ---*/
276

277
/*******************************
278
             Table
279
*******************************/
280

281
/*-------------------
282
       Element
283
--------------------*/
284

285
/*--------------
286
     Parts
287
---------------*/
288

289
/* Table Row */
290

291
/* Table Cell */
292

293
/* Table Header */
294

295
/* Table Footer */
296

297
/* Responsive Size */
298

299
/*-------------------
300
       Types
301
--------------------*/
302

303
/* Definition */
304

305
/*--------------
306
    Couplings
307
---------------*/
308

309
/*--------------
310
     States
311
---------------*/
312

313
/* Positive */
314

315
/* Negative */
316

317
/* Error */
318

319
/* Warning */
320

321
/* Active */
322

323
/*--------------
324
     Types
325
---------------*/
326

327
/* Attached */
328

329
/* Striped */
330

331
/* Selectable */
332

333
/* Sortable */
334

335
/* Colors */
336

337
/* Inverted */
338

339
/* Basic */
340

341
/* Padded */
342

343
/* Compact */
344

345
/* Sizes */
346

347
.tabulator {
348
  position: relative;
349
  border: 1px solid rgba(34, 36, 38, 0.15);
350
  background-color: #FFFFFF;
351
  font-size: 14px;
352
  text-align: left;
353
  overflow: hidden;
354
  -webkit-transform: translateZ(0);
355
  -moz-transform: translateZ(0);
356
  -ms-transform: translateZ(0);
357
  -o-transform: translateZ(0);
358
  transform: translateZ(0);
359
}
360

361
.tabulator[tabulator-layout="fitDataFill"] .tabulator-tableholder .tabulator-table {
362
  min-width: 100%;
363
}
364

365
.tabulator[tabulator-layout="fitDataTable"] {
366
  display: inline-block;
367
}
368

369
.tabulator.tabulator-block-select {
370
  user-select: none;
371
}
372

373
.tabulator .tabulator-header {
374
  position: relative;
375
  box-sizing: border-box;
376
  width: 100%;
377
  border-bottom: 1px solid #999;
378
  background-color: #F9FAFB;
379
  color: rgba(0, 0, 0, 0.87);
380
  font-weight: bold;
381
  white-space: nowrap;
382
  overflow: hidden;
383
  -moz-user-select: none;
384
  -khtml-user-select: none;
385
  -webkit-user-select: none;
386
  -o-user-select: none;
387
}
388

389
.tabulator .tabulator-header.tabulator-header-hidden {
390
  display: none;
391
}
392

393
.tabulator .tabulator-header .tabulator-header-contents {
394
  position: relative;
395
  overflow: hidden;
396
}
397

398
.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
399
  display: inline-block;
400
}
401

402
.tabulator .tabulator-header .tabulator-col {
403
  display: inline-flex;
404
  position: relative;
405
  box-sizing: border-box;
406
  flex-direction: column;
407
  justify-content: flex-start;
408
  border-right: 1px solid #ddd;
409
  background: #F9FAFB;
410
  text-align: left;
411
  vertical-align: bottom;
412
  overflow: hidden;
413
}
414

415
.tabulator .tabulator-header .tabulator-col.tabulator-moving {
416
  position: absolute;
417
  border: 1px solid #999;
418
  background: #dae1e7;
419
  pointer-events: none;
420
}
421

422
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
423
  box-sizing: border-box;
424
  position: relative;
425
  padding: 4px;
426
}
427

428
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
429
  padding: 0 8px;
430
}
431

432
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover {
433
  cursor: pointer;
434
  opacity: .6;
435
}
436

437
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
438
  position: relative;
439
}
440

441
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
442
  box-sizing: border-box;
443
  width: 100%;
444
  white-space: nowrap;
445
  overflow: hidden;
446
  text-overflow: ellipsis;
447
  vertical-align: bottom;
448
}
449

450
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap {
451
  white-space: normal;
452
  text-overflow: initial;
453
}
454

455
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
456
  box-sizing: border-box;
457
  width: 100%;
458
  border: 1px solid #999;
459
  padding: 1px;
460
  background: #fff;
461
}
462

463
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button + .tabulator-title-editor {
464
  width: calc(100% - 22px);
465
}
466

467
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
468
  display: flex;
469
  align-items: center;
470
  position: absolute;
471
  top: 0;
472
  bottom: 0;
473
  right: 4px;
474
}
475

476
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
477
  width: 0;
478
  height: 0;
479
  border-left: 6px solid transparent;
480
  border-right: 6px solid transparent;
481
  border-bottom: 6px solid #bbb;
482
}
483

484
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
485
  position: relative;
486
  display: flex;
487
  border-top: 1px solid #ddd;
488
  overflow: hidden;
489
  margin-right: -1px;
490
}
491

492
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
493
  position: relative;
494
  box-sizing: border-box;
495
  margin-top: 2px;
496
  width: 100%;
497
  text-align: center;
498
}
499

500
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
501
  height: auto !important;
502
}
503

504
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
505
  margin-top: 3px;
506
}
507

508
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
509
  width: 0;
510
  height: 0;
511
}
512

513
.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
514
  padding-right: 25px;
515
}
516

517
@media (hover: hover) and (pointer: fine) {
518
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
519
    cursor: pointer;
520
    background-color: #dae1e7;
521
  }
522
}
523

524
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter {
525
  color: #bbb;
526
}
527

528
@media (hover: hover) and (pointer: fine) {
529
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
530
    cursor: pointer;
531
    border-bottom: 6px solid #555;
532
  }
533
}
534

535
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
536
  border-top: none;
537
  border-bottom: 6px solid #bbb;
538
}
539

540
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter {
541
  color: #666;
542
}
543

544
@media (hover: hover) and (pointer: fine) {
545
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
546
    cursor: pointer;
547
    border-bottom: 6px solid #555;
548
  }
549
}
550

551
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
552
  border-top: none;
553
  border-bottom: 6px solid #666;
554
}
555

556
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter {
557
  color: #666;
558
}
559

560
@media (hover: hover) and (pointer: fine) {
561
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
562
    cursor: pointer;
563
    border-top: 6px solid #555;
564
  }
565
}
566

567
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
568
  border-bottom: none;
569
  border-top: 6px solid #666;
570
  color: #666;
571
}
572

573
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
574
  writing-mode: vertical-rl;
575
  text-orientation: mixed;
576
  display: flex;
577
  align-items: center;
578
  justify-content: center;
579
}
580

581
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
582
  transform: rotate(180deg);
583
}
584

585
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
586
  padding-right: 0;
587
  padding-top: 20px;
588
}
589

590
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
591
  padding-right: 0;
592
  padding-bottom: 20px;
593
}
594

595
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
596
  justify-content: center;
597
  left: 0;
598
  right: 0;
599
  top: 4px;
600
  bottom: auto;
601
}
602

603
.tabulator .tabulator-header .tabulator-frozen {
604
  position: sticky;
605
  left: 0;
606
  z-index: 11;
607
}
608

609
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
610
  border-right: 2px solid #ddd;
611
}
612

613
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
614
  border-left: 2px solid #ddd;
615
}
616

617
.tabulator .tabulator-header .tabulator-calcs-holder {
618
  box-sizing: border-box;
619
  background: white !important;
620
  border-top: 1px solid #ddd;
621
  border-bottom: 1px solid #ddd;
622
}
623

624
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
625
  background: white !important;
626
}
627

628
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
629
  display: none;
630
}
631

632
.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
633
  display: none;
634
}
635

636
.tabulator .tabulator-tableholder {
637
  position: relative;
638
  width: 100%;
639
  white-space: nowrap;
640
  overflow: auto;
641
  -webkit-overflow-scrolling: touch;
642
}
643

644
.tabulator .tabulator-tableholder:focus {
645
  outline: none;
646
}
647

648
.tabulator .tabulator-tableholder .tabulator-placeholder {
649
  box-sizing: border-box;
650
  display: flex;
651
  align-items: center;
652
  justify-content: center;
653
  width: 100%;
654
}
655

656
.tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode="virtual"] {
657
  min-height: 100%;
658
  min-width: 100%;
659
}
660

661
.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
662
  display: inline-block;
663
  text-align: center;
664
  padding: 10px;
665
  color: #ccc;
666
  font-weight: bold;
667
  font-size: 20px;
668
  white-space: normal;
669
}
670

671
.tabulator .tabulator-tableholder .tabulator-table {
672
  position: relative;
673
  display: inline-block;
674
  background-color: #fff;
675
  white-space: nowrap;
676
  overflow: visible;
677
  color: #333;
678
}
679

680
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
681
  font-weight: bold;
682
  background: #e2e2e2 !important;
683
}
684

685
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
686
  border-bottom: 2px solid #ddd;
687
}
688

689
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
690
  border-top: 2px solid #ddd;
691
}
692

693
.tabulator .tabulator-footer {
694
  border-top: 1px solid #999;
695
  background-color: #fff;
696
  color: #555;
697
  font-weight: bold;
698
  white-space: nowrap;
699
  user-select: none;
700
  -moz-user-select: none;
701
  -khtml-user-select: none;
702
  -webkit-user-select: none;
703
  -o-user-select: none;
704
}
705

706
.tabulator .tabulator-footer .tabulator-footer-contents {
707
  display: flex;
708
  flex-direction: row;
709
  align-items: center;
710
  justify-content: space-between;
711
  padding: 5px 10px;
712
}
713

714
.tabulator .tabulator-footer .tabulator-footer-contents:empty {
715
  display: none;
716
}
717

718
.tabulator .tabulator-footer .tabulator-calcs-holder {
719
  box-sizing: border-box;
720
  width: 100%;
721
  text-align: left;
722
  background: white !important;
723
  border-bottom: 1px solid #ddd;
724
  border-top: 1px solid #ddd;
725
  overflow: hidden;
726
}
727

728
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
729
  display: inline-block;
730
  background: white !important;
731
}
732

733
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
734
  display: none;
735
}
736

737
.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
738
  margin-bottom: -5px;
739
  border-bottom: none;
740
}
741

742
.tabulator .tabulator-footer > * + .tabulator-page-counter {
743
  margin-left: 10px;
744
}
745

746
.tabulator .tabulator-footer .tabulator-page-counter {
747
  font-weight: normal;
748
}
749

750
.tabulator .tabulator-footer .tabulator-paginator {
751
  flex: 1;
752
  text-align: right;
753
  color: #555;
754
  font-family: inherit;
755
  font-weight: inherit;
756
  font-size: inherit;
757
}
758

759
.tabulator .tabulator-footer .tabulator-page-size {
760
  display: inline-block;
761
  margin: 0 5px;
762
  padding: 2px 5px;
763
  border: 1px solid #aaa;
764
  border-radius: 3px;
765
}
766

767
.tabulator .tabulator-footer .tabulator-pages {
768
  margin: 0 7px;
769
}
770

771
.tabulator .tabulator-footer .tabulator-page {
772
  display: inline-block;
773
  margin: 0 2px;
774
  padding: 2px 5px;
775
  border: 1px solid #aaa;
776
  border-radius: 3px;
777
  background: rgba(255, 255, 255, 0.2);
778
}
779

780
.tabulator .tabulator-footer .tabulator-page.active {
781
  color: #d00;
782
}
783

784
.tabulator .tabulator-footer .tabulator-page:disabled {
785
  opacity: .5;
786
}
787

788
@media (hover: hover) and (pointer: fine) {
789
  .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
790
    cursor: pointer;
791
    background: rgba(0, 0, 0, 0.2);
792
    color: #fff;
793
  }
794
}
795

796
.tabulator .tabulator-col-resize-handle {
797
  position: relative;
798
  display: inline-block;
799
  width: 6px;
800
  margin-left: -3px;
801
  margin-right: -3px;
802
  z-index: 10;
803
  vertical-align: middle;
804
}
805

806
@media (hover: hover) and (pointer: fine) {
807
  .tabulator .tabulator-col-resize-handle:hover {
808
    cursor: ew-resize;
809
  }
810
}
811

812
.tabulator .tabulator-col-resize-handle:last-of-type {
813
  width: 3px;
814
  margin-right: 0;
815
}
816

817
.tabulator .tabulator-alert {
818
  position: absolute;
819
  display: flex;
820
  align-items: center;
821
  top: 0;
822
  left: 0;
823
  z-index: 100;
824
  height: 100%;
825
  width: 100%;
826
  background: rgba(0, 0, 0, 0.4);
827
  text-align: center;
828
}
829

830
.tabulator .tabulator-alert .tabulator-alert-msg {
831
  display: inline-block;
832
  margin: 0 auto;
833
  padding: 10px 20px;
834
  border-radius: 10px;
835
  background: #fff;
836
  font-weight: bold;
837
  font-size: 16px;
838
}
839

840
.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
841
  border: 4px solid #333;
842
  color: #000;
843
}
844

845
.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {
846
  border: 4px solid #D00;
847
  color: #590000;
848
}
849

850
.tabulator-row {
851
  position: relative;
852
  box-sizing: border-box;
853
  min-height: 22px;
854
  background-color: #fff;
855
}
856

857
.tabulator-row.tabulator-row-even {
858
  background-color: #EFEFEF;
859
}
860

861
@media (hover: hover) and (pointer: fine) {
862
  .tabulator-row.tabulator-selectable:hover {
863
    background-color: #bbb;
864
    cursor: pointer;
865
  }
866
}
867

868
.tabulator-row.tabulator-selected {
869
  background-color: #9ABCEA;
870
}
871

872
@media (hover: hover) and (pointer: fine) {
873
  .tabulator-row.tabulator-selected:hover {
874
    background-color: #769BCC;
875
    cursor: pointer;
876
  }
877
}
878

879
.tabulator-row.tabulator-row-moving {
880
  border: 1px solid #000;
881
  background: #fff;
882
}
883

884
.tabulator-row.tabulator-moving {
885
  position: absolute;
886
  border-top: 1px solid #ddd;
887
  border-bottom: 1px solid #ddd;
888
  pointer-events: none;
889
  z-index: 15;
890
}
891

892
.tabulator-row .tabulator-row-resize-handle {
893
  position: absolute;
894
  right: 0;
895
  bottom: 0;
896
  left: 0;
897
  height: 5px;
898
}
899

900
.tabulator-row .tabulator-row-resize-handle.prev {
901
  top: 0;
902
  bottom: auto;
903
}
904

905
@media (hover: hover) and (pointer: fine) {
906
  .tabulator-row .tabulator-row-resize-handle:hover {
907
    cursor: ns-resize;
908
  }
909
}
910

911
.tabulator-row .tabulator-responsive-collapse {
912
  box-sizing: border-box;
913
  padding: 5px;
914
  border-top: 1px solid #ddd;
915
  border-bottom: 1px solid #ddd;
916
}
917

918
.tabulator-row .tabulator-responsive-collapse:empty {
919
  display: none;
920
}
921

922
.tabulator-row .tabulator-responsive-collapse table {
923
  font-size: 14px;
924
}
925

926
.tabulator-row .tabulator-responsive-collapse table tr td {
927
  position: relative;
928
}
929

930
.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
931
  padding-right: 10px;
932
}
933

934
.tabulator-row .tabulator-cell {
935
  display: inline-block;
936
  position: relative;
937
  box-sizing: border-box;
938
  padding: 4px;
939
  border-right: 1px solid #ddd;
940
  vertical-align: middle;
941
  white-space: nowrap;
942
  overflow: hidden;
943
  text-overflow: ellipsis;
944
}
945

946
.tabulator-row .tabulator-cell.tabulator-frozen {
947
  display: inline-block;
948
  position: sticky;
949
  left: 0;
950
  background-color: inherit;
951
  z-index: 11;
952
}
953

954
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
955
  border-right: 2px solid #ddd;
956
}
957

958
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
959
  border-left: 2px solid #ddd;
960
}
961

962
.tabulator-row .tabulator-cell.tabulator-editing {
963
  border: 1px solid #1D68CD;
964
  outline: none;
965
  padding: 0;
966
}
967

968
.tabulator-row .tabulator-cell.tabulator-editing input,
969
.tabulator-row .tabulator-cell.tabulator-editing select {
970
  border: 1px;
971
  background: transparent;
972
  outline: none;
973
}
974

975
.tabulator-row .tabulator-cell.tabulator-validation-fail {
976
  border: 1px solid #DB2828;
977
}
978

979
.tabulator-row .tabulator-cell.tabulator-validation-fail input,
980
.tabulator-row .tabulator-cell.tabulator-validation-fail select {
981
  border: 1px;
982
  background: transparent;
983
  color: #DB2828;
984
}
985

986
.tabulator-row .tabulator-cell.tabulator-row-handle {
987
  display: inline-flex;
988
  align-items: center;
989
  justify-content: center;
990
  -moz-user-select: none;
991
  -khtml-user-select: none;
992
  -webkit-user-select: none;
993
  -o-user-select: none;
994
}
995

996
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
997
  width: 80%;
998
}
999

1000
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
1001
  width: 100%;
1002
  height: 3px;
1003
  margin-top: 2px;
1004
  background: #666;
1005
}
1006

1007
.tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty {
1008
  display: inline-block;
1009
  width: 7px;
1010
}
1011

1012
.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
1013
  display: inline-block;
1014
  vertical-align: middle;
1015
  height: 9px;
1016
  width: 7px;
1017
  margin-top: -9px;
1018
  margin-right: 5px;
1019
  border-bottom-left-radius: 1px;
1020
  border-left: 2px solid #ddd;
1021
  border-bottom: 2px solid #ddd;
1022
}
1023

1024
.tabulator-row .tabulator-cell .tabulator-data-tree-control {
1025
  display: inline-flex;
1026
  justify-content: center;
1027
  align-items: center;
1028
  vertical-align: middle;
1029
  height: 11px;
1030
  width: 11px;
1031
  margin-right: 5px;
1032
  border: 1px solid #333;
1033
  border-radius: 2px;
1034
  background: rgba(0, 0, 0, 0.1);
1035
  overflow: hidden;
1036
}
1037

1038
@media (hover: hover) and (pointer: fine) {
1039
  .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
1040
    cursor: pointer;
1041
    background: rgba(0, 0, 0, 0.2);
1042
  }
1043
}
1044

1045
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
1046
  display: inline-block;
1047
  position: relative;
1048
  height: 7px;
1049
  width: 1px;
1050
  background: transparent;
1051
}
1052

1053
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
1054
  position: absolute;
1055
  content: "";
1056
  left: -3px;
1057
  top: 3px;
1058
  height: 1px;
1059
  width: 7px;
1060
  background: #333;
1061
}
1062

1063
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
1064
  display: inline-block;
1065
  position: relative;
1066
  height: 7px;
1067
  width: 1px;
1068
  background: #333;
1069
}
1070

1071
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
1072
  position: absolute;
1073
  content: "";
1074
  left: -3px;
1075
  top: 3px;
1076
  height: 1px;
1077
  width: 7px;
1078
  background: #333;
1079
}
1080

1081
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
1082
  display: inline-flex;
1083
  align-items: center;
1084
  justify-content: center;
1085
  -moz-user-select: none;
1086
  -khtml-user-select: none;
1087
  -webkit-user-select: none;
1088
  -o-user-select: none;
1089
  height: 15px;
1090
  width: 15px;
1091
  border-radius: 20px;
1092
  background: #666;
1093
  color: #fff;
1094
  font-weight: bold;
1095
  font-size: 1.1em;
1096
}
1097

1098
@media (hover: hover) and (pointer: fine) {
1099
  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
1100
    opacity: .7;
1101
    cursor: pointer;
1102
  }
1103
}
1104

1105
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
1106
  display: initial;
1107
}
1108

1109
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
1110
  display: none;
1111
}
1112

1113
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {
1114
  stroke: #fff;
1115
}
1116

1117
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
1118
  display: none;
1119
}
1120

1121
.tabulator-row .tabulator-cell .tabulator-traffic-light {
1122
  display: inline-block;
1123
  height: 14px;
1124
  width: 14px;
1125
  border-radius: 14px;
1126
}
1127

1128
.tabulator-row.tabulator-group {
1129
  box-sizing: border-box;
1130
  border-bottom: 1px solid #999;
1131
  border-right: 1px solid #ddd;
1132
  border-top: 1px solid #999;
1133
  padding: 5px;
1134
  padding-left: 10px;
1135
  background: #ccc;
1136
  font-weight: bold;
1137
  min-width: 100%;
1138
}
1139

1140
@media (hover: hover) and (pointer: fine) {
1141
  .tabulator-row.tabulator-group:hover {
1142
    cursor: pointer;
1143
    background-color: rgba(0, 0, 0, 0.1);
1144
  }
1145
}
1146

1147
.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
1148
  margin-right: 10px;
1149
  border-left: 6px solid transparent;
1150
  border-right: 6px solid transparent;
1151
  border-top: 6px solid #666;
1152
  border-bottom: 0;
1153
}
1154

1155
.tabulator-row.tabulator-group.tabulator-group-level-1 {
1156
  padding-left: 30px;
1157
}
1158

1159
.tabulator-row.tabulator-group.tabulator-group-level-2 {
1160
  padding-left: 50px;
1161
}
1162

1163
.tabulator-row.tabulator-group.tabulator-group-level-3 {
1164
  padding-left: 70px;
1165
}
1166

1167
.tabulator-row.tabulator-group.tabulator-group-level-4 {
1168
  padding-left: 90px;
1169
}
1170

1171
.tabulator-row.tabulator-group.tabulator-group-level-5 {
1172
  padding-left: 110px;
1173
}
1174

1175
.tabulator-row.tabulator-group .tabulator-group-toggle {
1176
  display: inline-block;
1177
}
1178

1179
.tabulator-row.tabulator-group .tabulator-arrow {
1180
  display: inline-block;
1181
  width: 0;
1182
  height: 0;
1183
  margin-right: 16px;
1184
  border-top: 6px solid transparent;
1185
  border-bottom: 6px solid transparent;
1186
  border-right: 0;
1187
  border-left: 6px solid #666;
1188
  vertical-align: middle;
1189
}
1190

1191
.tabulator-row.tabulator-group span {
1192
  margin-left: 10px;
1193
  color: #d00;
1194
}
1195

1196
.tabulator-popup-container {
1197
  position: absolute;
1198
  display: inline-block;
1199
  box-sizing: border-box;
1200
  background: #fff;
1201
  border: 1px solid #ddd;
1202
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
1203
  font-size: 14px;
1204
  overflow-y: auto;
1205
  -webkit-overflow-scrolling: touch;
1206
  z-index: 10000;
1207
}
1208

1209
.tabulator-popup {
1210
  padding: 5px;
1211
  border-radius: 3px;
1212
}
1213

1214
.tabulator-tooltip {
1215
  max-width: Min(500px, 100%);
1216
  padding: 3px 5px;
1217
  border-radius: 2px;
1218
  box-shadow: none;
1219
  font-size: 12px;
1220
  pointer-events: none;
1221
}
1222

1223
.tabulator-menu .tabulator-menu-item {
1224
  position: relative;
1225
  box-sizing: border-box;
1226
  padding: 5px 10px;
1227
  user-select: none;
1228
}
1229

1230
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
1231
  opacity: .5;
1232
}
1233

1234
@media (hover: hover) and (pointer: fine) {
1235
  .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
1236
    cursor: pointer;
1237
    background: #EFEFEF;
1238
  }
1239
}
1240

1241
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
1242
  padding-right: 25px;
1243
}
1244

1245
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu::after {
1246
  display: inline-block;
1247
  position: absolute;
1248
  top: calc(5px + .4em);
1249
  right: 10px;
1250
  height: 7px;
1251
  width: 7px;
1252
  content: '';
1253
  border-width: 1px 1px 0 0;
1254
  border-style: solid;
1255
  border-color: #ddd;
1256
  vertical-align: top;
1257
  transform: rotate(45deg);
1258
}
1259

1260
.tabulator-menu .tabulator-menu-separator {
1261
  border-top: 1px solid #ddd;
1262
}
1263

1264
.tabulator-edit-list {
1265
  max-height: 200px;
1266
  font-size: 14px;
1267
  overflow-y: auto;
1268
  -webkit-overflow-scrolling: touch;
1269
}
1270

1271
.tabulator-edit-list .tabulator-edit-list-item {
1272
  padding: 4px;
1273
  color: #333;
1274
  outline: none;
1275
}
1276

1277
.tabulator-edit-list .tabulator-edit-list-item.active {
1278
  color: #fff;
1279
  background: #1D68CD;
1280
}
1281

1282
.tabulator-edit-list .tabulator-edit-list-item.active.focused {
1283
  outline: 1px solid rgba(255, 255, 255, 0.5);
1284
}
1285

1286
.tabulator-edit-list .tabulator-edit-list-item.focused {
1287
  outline: 1px solid #1D68CD;
1288
}
1289

1290
@media (hover: hover) and (pointer: fine) {
1291
  .tabulator-edit-list .tabulator-edit-list-item:hover {
1292
    cursor: pointer;
1293
    color: #fff;
1294
    background: #1D68CD;
1295
  }
1296
}
1297

1298
.tabulator-edit-list .tabulator-edit-list-placeholder {
1299
  padding: 4px;
1300
  color: #333;
1301
  text-align: center;
1302
}
1303

1304
.tabulator-edit-list .tabulator-edit-list-group {
1305
  border-bottom: 1px solid #ddd;
1306
  padding: 4px;
1307
  padding-top: 6px;
1308
  color: #333;
1309
  font-weight: bold;
1310
}
1311

1312
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2,
1313
.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2 {
1314
  padding-left: 12px;
1315
}
1316

1317
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3,
1318
.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3 {
1319
  padding-left: 20px;
1320
}
1321

1322
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4,
1323
.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4 {
1324
  padding-left: 28px;
1325
}
1326

1327
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5,
1328
.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5 {
1329
  padding-left: 36px;
1330
}
1331

1332
.tabulator.tabulator-ltr {
1333
  direction: ltr;
1334
}
1335

1336
.tabulator.tabulator-rtl {
1337
  text-align: initial;
1338
  direction: rtl;
1339
}
1340

1341
.tabulator.tabulator-rtl .tabulator-header .tabulator-col {
1342
  text-align: initial;
1343
  border-left: 1px solid #ddd;
1344
  border-right: initial;
1345
}
1346

1347
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
1348
  margin-right: initial;
1349
  margin-left: -1px;
1350
}
1351

1352
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
1353
  padding-right: 0;
1354
  padding-left: 25px;
1355
}
1356

1357
.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
1358
  left: 8px;
1359
  right: initial;
1360
}
1361

1362
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
1363
  border-right: initial;
1364
  border-left: 1px solid #ddd;
1365
}
1366

1367
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
1368
  margin-right: initial;
1369
  margin-left: 5px;
1370
  border-bottom-left-radius: initial;
1371
  border-bottom-right-radius: 1px;
1372
  border-left: initial;
1373
  border-right: 2px solid #ddd;
1374
}
1375

1376
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
1377
  margin-right: initial;
1378
  margin-left: 5px;
1379
}
1380

1381
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
1382
  border-left: 2px solid #ddd;
1383
}
1384

1385
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
1386
  border-right: 2px solid #ddd;
1387
}
1388

1389
.tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type {
1390
  width: 3px;
1391
  margin-left: 0;
1392
  margin-right: -3px;
1393
}
1394

1395
.tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {
1396
  text-align: initial;
1397
}
1398

1399
.tabulator-print-fullscreen {
1400
  position: absolute;
1401
  top: 0;
1402
  bottom: 0;
1403
  left: 0;
1404
  right: 0;
1405
  z-index: 10000;
1406
}
1407

1408
body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
1409
  display: none !important;
1410
}
1411

1412
.tabulator-print-table {
1413
  border-collapse: collapse;
1414
}
1415

1416
.tabulator-print-table .tabulator-data-tree-branch {
1417
  display: inline-block;
1418
  vertical-align: middle;
1419
  height: 9px;
1420
  width: 7px;
1421
  margin-top: -9px;
1422
  margin-right: 5px;
1423
  border-bottom-left-radius: 1px;
1424
  border-left: 2px solid #ddd;
1425
  border-bottom: 2px solid #ddd;
1426
}
1427

1428
.tabulator-print-table .tabulator-print-table-group {
1429
  box-sizing: border-box;
1430
  border-bottom: 1px solid #999;
1431
  border-right: 1px solid #ddd;
1432
  border-top: 1px solid #999;
1433
  padding: 5px;
1434
  padding-left: 10px;
1435
  background: #ccc;
1436
  font-weight: bold;
1437
  min-width: 100%;
1438
}
1439

1440
@media (hover: hover) and (pointer: fine) {
1441
  .tabulator-print-table .tabulator-print-table-group:hover {
1442
    cursor: pointer;
1443
    background-color: rgba(0, 0, 0, 0.1);
1444
  }
1445
}
1446

1447
.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
1448
  margin-right: 10px;
1449
  border-left: 6px solid transparent;
1450
  border-right: 6px solid transparent;
1451
  border-top: 6px solid #666;
1452
  border-bottom: 0;
1453
}
1454

1455
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
1456
  padding-left: 30px !important;
1457
}
1458

1459
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
1460
  padding-left: 50px !important;
1461
}
1462

1463
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
1464
  padding-left: 70px !important;
1465
}
1466

1467
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
1468
  padding-left: 90px !important;
1469
}
1470

1471
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
1472
  padding-left: 110px !important;
1473
}
1474

1475
.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
1476
  display: inline-block;
1477
}
1478

1479
.tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
1480
  display: inline-block;
1481
  width: 0;
1482
  height: 0;
1483
  margin-right: 16px;
1484
  border-top: 6px solid transparent;
1485
  border-bottom: 6px solid transparent;
1486
  border-right: 0;
1487
  border-left: 6px solid #666;
1488
  vertical-align: middle;
1489
}
1490

1491
.tabulator-print-table .tabulator-print-table-group span {
1492
  margin-left: 10px;
1493
  color: #d00;
1494
}
1495

1496
.tabulator-print-table .tabulator-data-tree-control {
1497
  display: inline-flex;
1498
  justify-content: center;
1499
  align-items: center;
1500
  vertical-align: middle;
1501
  height: 11px;
1502
  width: 11px;
1503
  margin-right: 5px;
1504
  border: 1px solid #333;
1505
  border-radius: 2px;
1506
  background: rgba(0, 0, 0, 0.1);
1507
  overflow: hidden;
1508
}
1509

1510
@media (hover: hover) and (pointer: fine) {
1511
  .tabulator-print-table .tabulator-data-tree-control:hover {
1512
    cursor: pointer;
1513
    background: rgba(0, 0, 0, 0.2);
1514
  }
1515
}
1516

1517
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
1518
  display: inline-block;
1519
  position: relative;
1520
  height: 7px;
1521
  width: 1px;
1522
  background: transparent;
1523
}
1524

1525
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
1526
  position: absolute;
1527
  content: "";
1528
  left: -3px;
1529
  top: 3px;
1530
  height: 1px;
1531
  width: 7px;
1532
  background: #333;
1533
}
1534

1535
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
1536
  display: inline-block;
1537
  position: relative;
1538
  height: 7px;
1539
  width: 1px;
1540
  background: #333;
1541
}
1542

1543
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
1544
  position: absolute;
1545
  content: "";
1546
  left: -3px;
1547
  top: 3px;
1548
  height: 1px;
1549
  width: 7px;
1550
  background: #333;
1551
}
1552

1553
.tabulator {
1554
  width: 100%;
1555
  margin: 1em 0em;
1556
  border: 1px solid rgba(34, 36, 38, 0.15);
1557
  box-shadow: none;
1558
  border-radius: 0.28571rem;
1559
  color: rgba(0, 0, 0, 0.87);
1560
  /* Red */
1561
  /* Orange */
1562
  /* Yellow */
1563
  /* Olive */
1564
  /* Green */
1565
  /* Teal */
1566
  /* Blue */
1567
  /* Violet */
1568
  /* Purple */
1569
  /* Pink */
1570
  /* Brown */
1571
  /* Grey */
1572
  /* Black */
1573
}
1574

1575
.tabulator .tabulator-header {
1576
  border-right: none;
1577
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
1578
  background-color: #F9FAFB;
1579
  box-shadow: none;
1580
  color: rgba(0, 0, 0, 0.87);
1581
  font-style: none;
1582
  font-weight: bold;
1583
  text-transform: none;
1584
}
1585

1586
.tabulator .tabulator-header .tabulator-col {
1587
  border-right: none;
1588
  background-color: #F9FAFB;
1589
}
1590

1591
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
1592
  padding: 0.92857em 0.78571em;
1593
}
1594

1595
.tabulator .tabulator-tableholder .tabulator-table {
1596
  background-color: transparent;
1597
}
1598

1599
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
1600
  background: #f2f2f2 !important;
1601
}
1602

1603
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
1604
  border-bottom: 2px solid #ddd;
1605
}
1606

1607
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
1608
  border-top: 2px solid #ddd;
1609
}
1610

1611
.tabulator .tabulator-footer {
1612
  padding: 0.78571em 0.78571em;
1613
  border-top: 1px solid rgba(34, 36, 38, 0.15);
1614
  box-shadow: none;
1615
  background: #F9FAFB;
1616
  text-align: right;
1617
  color: rgba(0, 0, 0, 0.87);
1618
  font-style: normal;
1619
  font-weight: normal;
1620
  text-transform: none;
1621
}
1622

1623
.tabulator .tabulator-footer .tabulator-calcs-holder {
1624
  margin: -0.78571em -0.78571em 0.78571em -0.78571em;
1625
  background: white !important;
1626
}
1627

1628
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
1629
  background: white !important;
1630
}
1631

1632
.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
1633
  margin-bottom: -0.78571em;
1634
  border-bottom: none;
1635
}
1636

1637
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.positive,
1638
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.positive {
1639
  box-shadow: 0px 0px 0px #A3C293 inset;
1640
  background: #FCFFF5 !important;
1641
  color: #21BA45 !important;
1642
}
1643

1644
@media (hover: hover) and (pointer: fine) {
1645
  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.positive:hover,
1646
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.positive:hover {
1647
    background: #f7ffe6 !important;
1648
    color: #13ae38 !important;
1649
  }
1650
}
1651

1652
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.negative,
1653
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.negative {
1654
  box-shadow: 0px 0px 0px #E0B4B4 inset;
1655
  background: #FFF6F6 !important;
1656
  color: #DB2828 !important;
1657
}
1658

1659
@media (hover: hover) and (pointer: fine) {
1660
  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.negative:hover,
1661
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.negative:hover {
1662
    background: #ffe7e7 !important;
1663
    color: #d41616 !important;
1664
  }
1665
}
1666

1667
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.error,
1668
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.error {
1669
  box-shadow: 0px 0px 0px #E0B4B4 inset;
1670
  background: #FFF6F6 !important;
1671
  color: #DB2828 !important;
1672
}
1673

1674
@media (hover: hover) and (pointer: fine) {
1675
  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.error:hover,
1676
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.error:hover {
1677
    background: #ffe7e7 !important;
1678
    color: #d12323 !important;
1679
  }
1680
}
1681

1682
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.warning,
1683
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.warning {
1684
  box-shadow: 0px 0px 0px #C9BA9B inset;
1685
  background: #FFFAF3 !important;
1686
  color: #F2C037 !important;
1687
}
1688

1689
@media (hover: hover) and (pointer: fine) {
1690
  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.warning:hover,
1691
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.warning:hover {
1692
    background: #fff4e4 !important;
1693
    color: #f1bb29 !important;
1694
  }
1695
}
1696

1697
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.active,
1698
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.active {
1699
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
1700
  background: #E0E0E0 !important;
1701
  color: rgba(0, 0, 0, 0.87) !important;
1702
}
1703

1704
@media (hover: hover) and (pointer: fine) {
1705
  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.active:hover,
1706
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.active:hover {
1707
    background: #f7ffe6 !important;
1708
    color: #13ae38 !important;
1709
  }
1710
}
1711

1712
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.active,
1713
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.active {
1714
  pointer-events: none;
1715
  color: rgba(0, 0, 0, 0.2);
1716
}
1717

1718
@media (hover: hover) and (pointer: fine) {
1719
  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.disabled:hover {
1720
    pointer-events: none;
1721
    color: rgba(0, 0, 0, 0.2);
1722
  }
1723
}
1724

1725
.tabulator.inverted {
1726
  background: #333333;
1727
  color: rgba(255, 255, 255, 0.9);
1728
  border: none;
1729
}
1730

1731
.tabulator.inverted .tabulator-header {
1732
  background-color: rgba(0, 0, 0, 0.15);
1733
  border-color: rgba(255, 255, 255, 0.1) !important;
1734
  color: rgba(255, 255, 255, 0.9);
1735
}
1736

1737
.tabulator.inverted .tabulator-header .tabulator-col {
1738
  border-color: rgba(255, 255, 255, 0.1) !important;
1739
}
1740

1741
.tabulator.inverted .tabulator-tableholder .tabulator-table .tabulator-row {
1742
  color: rgba(255, 255, 255, 0.9);
1743
  border: none;
1744
}
1745

1746
.tabulator.inverted .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell {
1747
  border-color: rgba(255, 255, 255, 0.1) !important;
1748
}
1749

1750
.tabulator.inverted .tabulator-footer {
1751
  background: #FFFFFF;
1752
}
1753

1754
.tabulator.striped .tabulator-row:nth-child(even) {
1755
  background-color: #f2f2f2;
1756
}
1757

1758
.tabulator.celled {
1759
  border: 1px solid rgba(34, 36, 38, 0.15);
1760
}
1761

1762
.tabulator.celled .tabulator-header .tabulator-col {
1763
  border-right: 1px solid rgba(34, 36, 38, 0.1);
1764
}
1765

1766
.tabulator.celled .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell {
1767
  border-right: 1px solid rgba(34, 36, 38, 0.1);
1768
}
1769

1770
.tabulator[class*="single line"] .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell {
1771
  border-right: none;
1772
}
1773

1774
.tabulator.red {
1775
  border-top: 0.2em solid #DB2828;
1776
}
1777

1778
.tabulator.inverted.red {
1779
  background-color: #DB2828 !important;
1780
  color: #FFFFFF !important;
1781
}
1782

1783
.tabulator.orange {
1784
  border-top: 0.2em solid #F2711C;
1785
}
1786

1787
.tabulator.inverted.orange {
1788
  background-color: #F2711C !important;
1789
  color: #FFFFFF !important;
1790
}
1791

1792
.tabulator.yellow {
1793
  border-top: 0.2em solid #FBBD08;
1794
}
1795

1796
.tabulator.inverted.yellow {
1797
  background-color: #FBBD08 !important;
1798
  color: #FFFFFF !important;
1799
}
1800

1801
.tabulator.olive {
1802
  border-top: 0.2em solid #B5CC18;
1803
}
1804

1805
.tabulator.inverted.olive {
1806
  background-color: #B5CC18 !important;
1807
  color: #FFFFFF !important;
1808
}
1809

1810
.tabulator.green {
1811
  border-top: 0.2em solid #21BA45;
1812
}
1813

1814
.tabulator.inverted.green {
1815
  background-color: #21BA45 !important;
1816
  color: #FFFFFF !important;
1817
}
1818

1819
.tabulator.teal {
1820
  border-top: 0.2em solid #00B5AD;
1821
}
1822

1823
.tabulator.inverted.teal {
1824
  background-color: #00B5AD !important;
1825
  color: #FFFFFF !important;
1826
}
1827

1828
.tabulator.blue {
1829
  border-top: 0.2em solid #2185D0;
1830
}
1831

1832
.tabulator.inverted.blue {
1833
  background-color: #2185D0 !important;
1834
  color: #FFFFFF !important;
1835
}
1836

1837
.tabulator.violet {
1838
  border-top: 0.2em solid #6435C9;
1839
}
1840

1841
.tabulator.inverted.violet {
1842
  background-color: #6435C9 !important;
1843
  color: #FFFFFF !important;
1844
}
1845

1846
.tabulator.purple {
1847
  border-top: 0.2em solid #A333C8;
1848
}
1849

1850
.tabulator.inverted.purple {
1851
  background-color: #A333C8 !important;
1852
  color: #FFFFFF !important;
1853
}
1854

1855
.tabulator.pink {
1856
  border-top: 0.2em solid #E03997;
1857
}
1858

1859
.tabulator.inverted.pink {
1860
  background-color: #E03997 !important;
1861
  color: #FFFFFF !important;
1862
}
1863

1864
.tabulator.brown {
1865
  border-top: 0.2em solid #A5673F;
1866
}
1867

1868
.tabulator.inverted.brown {
1869
  background-color: #A5673F !important;
1870
  color: #FFFFFF !important;
1871
}
1872

1873
.tabulator.grey {
1874
  border-top: 0.2em solid #767676;
1875
}
1876

1877
.tabulator.inverted.grey {
1878
  background-color: #767676 !important;
1879
  color: #FFFFFF !important;
1880
}
1881

1882
.tabulator.black {
1883
  border-top: 0.2em solid #1B1C1D;
1884
}
1885

1886
.tabulator.inverted.black {
1887
  background-color: #1B1C1D !important;
1888
  color: #FFFFFF !important;
1889
}
1890

1891
.tabulator.padded .tabulator-header .tabulator-col .tabulator-col-content {
1892
  padding: 1em 1em;
1893
}
1894

1895
.tabulator.padded .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
1896
  top: 20px;
1897
}
1898

1899
.tabulator.padded .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell {
1900
  padding: 1em 1em;
1901
}
1902

1903
.tabulator.padded.very .tabulator-header .tabulator-col .tabulator-col-content {
1904
  padding: 1.5em 1.5em;
1905
}
1906

1907
.tabulator.padded.very .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
1908
  top: 26px;
1909
}
1910

1911
.tabulator.padded.very .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell {
1912
  padding: 1.5em 1.5em;
1913
}
1914

1915
.tabulator.compact .tabulator-header .tabulator-col .tabulator-col-content {
1916
  padding: 0.5em 0.7em;
1917
}
1918

1919
.tabulator.compact .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
1920
  top: 12px;
1921
}
1922

1923
.tabulator.compact .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell {
1924
  padding: 0.5em 0.7em;
1925
}
1926

1927
.tabulator.compact.very .tabulator-header .tabulator-col .tabulator-col-content {
1928
  padding: 0.4em 0.6em;
1929
}
1930

1931
.tabulator.compact.very .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
1932
  top: 10px;
1933
}
1934

1935
.tabulator.compact.very .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell {
1936
  padding: 0.4em 0.6em;
1937
}
1938

1939
.tabulator-row {
1940
  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
1941
}
1942

1943
.tabulator-row.tabulator-row-even {
1944
  background-color: #fff;
1945
}
1946

1947
@media (hover: hover) and (pointer: fine) {
1948
  .tabulator-row.tabulator-selectable:hover {
1949
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
1950
    background: #E0E0E0 !important;
1951
    color: rgba(0, 0, 0, 0.87) !important;
1952
  }
1953
}
1954

1955
.tabulator-row.tabulator-selected {
1956
  background-color: #9ABCEA !important;
1957
}
1958

1959
@media (hover: hover) and (pointer: fine) {
1960
  .tabulator-row.tabulator-selected:hover {
1961
    background-color: #769BCC !important;
1962
    cursor: pointer;
1963
  }
1964
}
1965

1966
.tabulator-row.tabulator-moving {
1967
  pointer-events: none !important;
1968
}
1969

1970
.tabulator-row .tabulator-cell {
1971
  padding: 0.78571em 0.78571em;
1972
  border-right: none;
1973
  vertical-align: middle;
1974
}
1975

1976
.tabulator-row .tabulator-cell:last-of-type {
1977
  border-right: none;
1978
}
1979

1980
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
1981
  color: #fff;
1982
}
1983

1984
.tabulator-row.tabulator-group {
1985
  background: #fafafa;
1986
}
1987

1988
.tabulator-row.tabulator-group span {
1989
  color: #666;
1990
}
1991

1992
.tabulator-menu {
1993
  background: #FFFFFF;
1994
}
1995

1996
@media (hover: hover) and (pointer: fine) {
1997
  .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
1998
    background: #F9FAFB;
1999
  }
2000
}
2001

2002
.tabulator-edit-select-list {
2003
  background: #FFFFFF;
2004
}
2005

2006
.tabulator-edit-select-list .tabulator-edit-select-list-item.active {
2007
  color: #FFFFFF;
2008
}
2009

2010
.tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
2011
  outline: 1px solid rgba(255, 255, 255, 0.5);
2012
}
2013

2014
@media (hover: hover) and (pointer: fine) {
2015
  .tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
2016
    color: #FFFFFF;
2017
  }
2018
}
2019

2020
.tabulator-edit-select-list .tabulator-edit-select-list-notice {
2021
  color: inherit;
2022
}
2023

2024
.tabulator-print-table .tabulator-print-table-group {
2025
  background: #fafafa;
2026
}
2027

2028
.tabulator-print-table .tabulator-print-table-group span {
2029
  color: #666;
2030
}
2031

2032
/*# sourceMappingURL=tabulator_semanticui.css.map */
2033
Product

Resources

Company
