CoCalc -- tabulator_materialize.css

GitHub Repository: quarto-dev/quarto-cli
Path: blob/main/dev-docs/feature-format-matrix/dist/css/tabulator_materialize.css
³⁵⁶² views
1
.tabulator {
2
  position: relative;
3
  border: 1px solid rgba(0, 0, 0, 0.12);
4
  background-color: #fff;
5
  font-size: 16px;
6
  text-align: left;
7
  overflow: hidden;
8
  -webkit-transform: translateZ(0);
9
  -moz-transform: translateZ(0);
10
  -ms-transform: translateZ(0);
11
  -o-transform: translateZ(0);
12
  transform: translateZ(0);
13
}
14

15
.tabulator[tabulator-layout="fitDataFill"] .tabulator-tableholder .tabulator-table {
16
  min-width: 100%;
17
}
18

19
.tabulator[tabulator-layout="fitDataTable"] {
20
  display: inline-block;
21
}
22

23
.tabulator.tabulator-block-select {
24
  user-select: none;
25
}
26

27
.tabulator .tabulator-header {
28
  position: relative;
29
  box-sizing: border-box;
30
  width: 100%;
31
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
32
  background-color: #fff;
33
  color: #555;
34
  font-weight: bold;
35
  white-space: nowrap;
36
  overflow: hidden;
37
  -moz-user-select: none;
38
  -khtml-user-select: none;
39
  -webkit-user-select: none;
40
  -o-user-select: none;
41
}
42

43
.tabulator .tabulator-header.tabulator-header-hidden {
44
  display: none;
45
}
46

47
.tabulator .tabulator-header .tabulator-header-contents {
48
  position: relative;
49
  overflow: hidden;
50
}
51

52
.tabulator .tabulator-header .tabulator-header-contents .tabulator-headers {
53
  display: inline-block;
54
}
55

56
.tabulator .tabulator-header .tabulator-col {
57
  display: inline-flex;
58
  position: relative;
59
  box-sizing: border-box;
60
  flex-direction: column;
61
  justify-content: flex-start;
62
  border-right: 1px solid #aaa;
63
  background: #fff;
64
  text-align: left;
65
  vertical-align: bottom;
66
  overflow: hidden;
67
}
68

69
.tabulator .tabulator-header .tabulator-col.tabulator-moving {
70
  position: absolute;
71
  border: 1px solid rgba(0, 0, 0, 0.12);
72
  background: #e6e6e6;
73
  pointer-events: none;
74
}
75

76
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
77
  box-sizing: border-box;
78
  position: relative;
79
  padding: 4px;
80
}
81

82
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button {
83
  padding: 0 8px;
84
}
85

86
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-header-popup-button:hover {
87
  cursor: pointer;
88
  opacity: .6;
89
}
90

91
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title-holder {
92
  position: relative;
93
}
94

95
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title {
96
  box-sizing: border-box;
97
  width: 100%;
98
  white-space: nowrap;
99
  overflow: hidden;
100
  text-overflow: ellipsis;
101
  vertical-align: bottom;
102
}
103

104
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title.tabulator-col-title-wrap {
105
  white-space: normal;
106
  text-overflow: initial;
107
}
108

109
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-title-editor {
110
  box-sizing: border-box;
111
  width: 100%;
112
  border: 1px solid #999;
113
  padding: 1px;
114
  background: #fff;
115
}
116

117
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title .tabulator-header-popup-button + .tabulator-title-editor {
118
  width: calc(100% - 22px);
119
}
120

121
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
122
  display: flex;
123
  align-items: center;
124
  position: absolute;
125
  top: 0;
126
  bottom: 0;
127
  right: 4px;
128
}
129

130
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
131
  width: 0;
132
  height: 0;
133
  border-left: 6px solid transparent;
134
  border-right: 6px solid transparent;
135
  border-bottom: 6px solid #bbb;
136
}
137

138
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
139
  position: relative;
140
  display: flex;
141
  border-top: 1px solid #aaa;
142
  overflow: hidden;
143
  margin-right: -1px;
144
}
145

146
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter {
147
  position: relative;
148
  box-sizing: border-box;
149
  margin-top: 2px;
150
  width: 100%;
151
  text-align: center;
152
}
153

154
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter textarea {
155
  height: auto !important;
156
}
157

158
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter svg {
159
  margin-top: 3px;
160
}
161

162
.tabulator .tabulator-header .tabulator-col .tabulator-header-filter input::-ms-clear {
163
  width: 0;
164
  height: 0;
165
}
166

167
.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
168
  padding-right: 25px;
169
}
170

171
@media (hover: hover) and (pointer: fine) {
172
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
173
    cursor: pointer;
174
    background-color: #e6e6e6;
175
  }
176
}
177

178
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter {
179
  color: #bbb;
180
}
181

182
@media (hover: hover) and (pointer: fine) {
183
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
184
    cursor: pointer;
185
    border-bottom: 6px solid #555;
186
  }
187
}
188

189
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
190
  border-top: none;
191
  border-bottom: 6px solid #bbb;
192
}
193

194
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter {
195
  color: #666;
196
}
197

198
@media (hover: hover) and (pointer: fine) {
199
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
200
    cursor: pointer;
201
    border-bottom: 6px solid #555;
202
  }
203
}
204

205
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
206
  border-top: none;
207
  border-bottom: 6px solid #666;
208
}
209

210
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter {
211
  color: #666;
212
}
213

214
@media (hover: hover) and (pointer: fine) {
215
  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
216
    cursor: pointer;
217
    border-top: 6px solid #555;
218
  }
219
}
220

221
.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
222
  border-bottom: none;
223
  border-top: 6px solid #666;
224
  color: #666;
225
}
226

227
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical .tabulator-col-content .tabulator-col-title {
228
  writing-mode: vertical-rl;
229
  text-orientation: mixed;
230
  display: flex;
231
  align-items: center;
232
  justify-content: center;
233
}
234

235
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-col-vertical-flip .tabulator-col-title {
236
  transform: rotate(180deg);
237
}
238

239
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-title {
240
  padding-right: 0;
241
  padding-top: 20px;
242
}
243

244
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable.tabulator-col-vertical-flip .tabulator-col-title {
245
  padding-right: 0;
246
  padding-bottom: 20px;
247
}
248

249
.tabulator .tabulator-header .tabulator-col.tabulator-col-vertical.tabulator-sortable .tabulator-col-sorter {
250
  justify-content: center;
251
  left: 0;
252
  right: 0;
253
  top: 4px;
254
  bottom: auto;
255
}
256

257
.tabulator .tabulator-header .tabulator-frozen {
258
  position: sticky;
259
  left: 0;
260
  z-index: 11;
261
}
262

263
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-left {
264
  border-right: 2px solid rgba(0, 0, 0, 0.12);
265
}
266

267
.tabulator .tabulator-header .tabulator-frozen.tabulator-frozen-right {
268
  border-left: 2px solid rgba(0, 0, 0, 0.12);
269
}
270

271
.tabulator .tabulator-header .tabulator-calcs-holder {
272
  box-sizing: border-box;
273
  background: white !important;
274
  border-top: 1px solid rgba(0, 0, 0, 0.12);
275
  border-bottom: 1px solid #aaa;
276
}
277

278
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row {
279
  background: white !important;
280
}
281

282
.tabulator .tabulator-header .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
283
  display: none;
284
}
285

286
.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
287
  display: none;
288
}
289

290
.tabulator .tabulator-tableholder {
291
  position: relative;
292
  width: 100%;
293
  white-space: nowrap;
294
  overflow: auto;
295
  -webkit-overflow-scrolling: touch;
296
}
297

298
.tabulator .tabulator-tableholder:focus {
299
  outline: none;
300
}
301

302
.tabulator .tabulator-tableholder .tabulator-placeholder {
303
  box-sizing: border-box;
304
  display: flex;
305
  align-items: center;
306
  justify-content: center;
307
  width: 100%;
308
}
309

310
.tabulator .tabulator-tableholder .tabulator-placeholder[tabulator-render-mode="virtual"] {
311
  min-height: 100%;
312
  min-width: 100%;
313
}
314

315
.tabulator .tabulator-tableholder .tabulator-placeholder .tabulator-placeholder-contents {
316
  display: inline-block;
317
  text-align: center;
318
  padding: 10px;
319
  color: #ccc;
320
  font-weight: bold;
321
  font-size: 20px;
322
  white-space: normal;
323
}
324

325
.tabulator .tabulator-tableholder .tabulator-table {
326
  position: relative;
327
  display: inline-block;
328
  background-color: #fff;
329
  white-space: nowrap;
330
  overflow: visible;
331
  color: #333;
332
}
333

334
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs {
335
  font-weight: bold;
336
  background: #ebebeb !important;
337
}
338

339
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-top {
340
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
341
}
342

343
.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.tabulator-calcs.tabulator-calcs-bottom {
344
  border-top: 2px solid rgba(0, 0, 0, 0.12);
345
}
346

347
.tabulator .tabulator-footer {
348
  border-top: 1px solid rgba(0, 0, 0, 0.12);
349
  background-color: #e6e6e6;
350
  color: #555;
351
  font-weight: bold;
352
  white-space: nowrap;
353
  user-select: none;
354
  -moz-user-select: none;
355
  -khtml-user-select: none;
356
  -webkit-user-select: none;
357
  -o-user-select: none;
358
}
359

360
.tabulator .tabulator-footer .tabulator-footer-contents {
361
  display: flex;
362
  flex-direction: row;
363
  align-items: center;
364
  justify-content: space-between;
365
  padding: 5px 10px;
366
}
367

368
.tabulator .tabulator-footer .tabulator-footer-contents:empty {
369
  display: none;
370
}
371

372
.tabulator .tabulator-footer .tabulator-calcs-holder {
373
  box-sizing: border-box;
374
  width: 100%;
375
  text-align: left;
376
  background: #f3f3f3 !important;
377
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
378
  border-top: 1px solid rgba(0, 0, 0, 0.12);
379
  overflow: hidden;
380
}
381

382
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
383
  display: inline-block;
384
  background: #f3f3f3 !important;
385
}
386

387
.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row .tabulator-col-resize-handle {
388
  display: none;
389
}
390

391
.tabulator .tabulator-footer .tabulator-calcs-holder:only-child {
392
  margin-bottom: -5px;
393
  border-bottom: none;
394
}
395

396
.tabulator .tabulator-footer > * + .tabulator-page-counter {
397
  margin-left: 10px;
398
}
399

400
.tabulator .tabulator-footer .tabulator-page-counter {
401
  font-weight: normal;
402
}
403

404
.tabulator .tabulator-footer .tabulator-paginator {
405
  flex: 1;
406
  text-align: right;
407
  color: #555;
408
  font-family: inherit;
409
  font-weight: inherit;
410
  font-size: inherit;
411
}
412

413
.tabulator .tabulator-footer .tabulator-page-size {
414
  display: inline-block;
415
  margin: 0 5px;
416
  padding: 2px 5px;
417
  border: 1px solid rgba(0, 0, 0, 0.12);
418
  border-radius: 3px;
419
}
420

421
.tabulator .tabulator-footer .tabulator-pages {
422
  margin: 0 7px;
423
}
424

425
.tabulator .tabulator-footer .tabulator-page {
426
  display: inline-block;
427
  margin: 0 2px;
428
  padding: 2px 5px;
429
  border: 1px solid rgba(0, 0, 0, 0.12);
430
  border-radius: 3px;
431
  background: rgba(255, 255, 255, 0.2);
432
}
433

434
.tabulator .tabulator-footer .tabulator-page.active {
435
  color: #ee6e73;
436
}
437

438
.tabulator .tabulator-footer .tabulator-page:disabled {
439
  opacity: .5;
440
}
441

442
@media (hover: hover) and (pointer: fine) {
443
  .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
444
    cursor: pointer;
445
    background: rgba(0, 0, 0, 0.2);
446
    color: #fff;
447
  }
448
}
449

450
.tabulator .tabulator-col-resize-handle {
451
  position: relative;
452
  display: inline-block;
453
  width: 6px;
454
  margin-left: -3px;
455
  margin-right: -3px;
456
  z-index: 10;
457
  vertical-align: middle;
458
}
459

460
@media (hover: hover) and (pointer: fine) {
461
  .tabulator .tabulator-col-resize-handle:hover {
462
    cursor: ew-resize;
463
  }
464
}
465

466
.tabulator .tabulator-col-resize-handle:last-of-type {
467
  width: 3px;
468
  margin-right: 0;
469
}
470

471
.tabulator .tabulator-alert {
472
  position: absolute;
473
  display: flex;
474
  align-items: center;
475
  top: 0;
476
  left: 0;
477
  z-index: 100;
478
  height: 100%;
479
  width: 100%;
480
  background: rgba(0, 0, 0, 0.4);
481
  text-align: center;
482
}
483

484
.tabulator .tabulator-alert .tabulator-alert-msg {
485
  display: inline-block;
486
  margin: 0 auto;
487
  padding: 10px 20px;
488
  border-radius: 10px;
489
  background: #fff;
490
  font-weight: bold;
491
  font-size: 16px;
492
}
493

494
.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-msg {
495
  border: 4px solid #333;
496
  color: #000;
497
}
498

499
.tabulator .tabulator-alert .tabulator-alert-msg.tabulator-alert-state-error {
500
  border: 4px solid #D00;
501
  color: #590000;
502
}
503

504
.tabulator-row {
505
  position: relative;
506
  box-sizing: border-box;
507
  min-height: 24px;
508
  background-color: #fff;
509
}
510

511
.tabulator-row.tabulator-row-even {
512
  background-color: #f8f8f8;
513
}
514

515
@media (hover: hover) and (pointer: fine) {
516
  .tabulator-row.tabulator-selectable:hover {
517
    background-color: #f8f8f8;
518
    cursor: pointer;
519
  }
520
}
521

522
.tabulator-row.tabulator-selected {
523
  background-color: #ee6e73;
524
}
525

526
@media (hover: hover) and (pointer: fine) {
527
  .tabulator-row.tabulator-selected:hover {
528
    background-color: #ee6e73;
529
    cursor: pointer;
530
  }
531
}
532

533
.tabulator-row.tabulator-row-moving {
534
  border: 1px solid #000;
535
  background: #fff;
536
}
537

538
.tabulator-row.tabulator-moving {
539
  position: absolute;
540
  border-top: 1px solid rgba(0, 0, 0, 0.12);
541
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
542
  pointer-events: none;
543
  z-index: 15;
544
}
545

546
.tabulator-row .tabulator-row-resize-handle {
547
  position: absolute;
548
  right: 0;
549
  bottom: 0;
550
  left: 0;
551
  height: 5px;
552
}
553

554
.tabulator-row .tabulator-row-resize-handle.prev {
555
  top: 0;
556
  bottom: auto;
557
}
558

559
@media (hover: hover) and (pointer: fine) {
560
  .tabulator-row .tabulator-row-resize-handle:hover {
561
    cursor: ns-resize;
562
  }
563
}
564

565
.tabulator-row .tabulator-responsive-collapse {
566
  box-sizing: border-box;
567
  padding: 5px;
568
  border-top: 1px solid rgba(0, 0, 0, 0.12);
569
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
570
}
571

572
.tabulator-row .tabulator-responsive-collapse:empty {
573
  display: none;
574
}
575

576
.tabulator-row .tabulator-responsive-collapse table {
577
  font-size: 16px;
578
}
579

580
.tabulator-row .tabulator-responsive-collapse table tr td {
581
  position: relative;
582
}
583

584
.tabulator-row .tabulator-responsive-collapse table tr td:first-of-type {
585
  padding-right: 10px;
586
}
587

588
.tabulator-row .tabulator-cell {
589
  display: inline-block;
590
  position: relative;
591
  box-sizing: border-box;
592
  padding: 4px;
593
  border-right: 1px solid rgba(0, 0, 0, 0.12);
594
  vertical-align: middle;
595
  white-space: nowrap;
596
  overflow: hidden;
597
  text-overflow: ellipsis;
598
}
599

600
.tabulator-row .tabulator-cell.tabulator-frozen {
601
  display: inline-block;
602
  position: sticky;
603
  left: 0;
604
  background-color: inherit;
605
  z-index: 11;
606
}
607

608
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
609
  border-right: 2px solid rgba(0, 0, 0, 0.12);
610
}
611

612
.tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
613
  border-left: 2px solid rgba(0, 0, 0, 0.12);
614
}
615

616
.tabulator-row .tabulator-cell.tabulator-editing {
617
  border: 1px solid #ee6e73;
618
  outline: none;
619
  padding: 0;
620
}
621

622
.tabulator-row .tabulator-cell.tabulator-editing input,
623
.tabulator-row .tabulator-cell.tabulator-editing select {
624
  border: 1px;
625
  background: transparent;
626
  outline: none;
627
}
628

629
.tabulator-row .tabulator-cell.tabulator-validation-fail {
630
  border: 1px solid #dd0000;
631
}
632

633
.tabulator-row .tabulator-cell.tabulator-validation-fail input,
634
.tabulator-row .tabulator-cell.tabulator-validation-fail select {
635
  border: 1px;
636
  background: transparent;
637
  color: #dd0000;
638
}
639

640
.tabulator-row .tabulator-cell.tabulator-row-handle {
641
  display: inline-flex;
642
  align-items: center;
643
  justify-content: center;
644
  -moz-user-select: none;
645
  -khtml-user-select: none;
646
  -webkit-user-select: none;
647
  -o-user-select: none;
648
}
649

650
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box {
651
  width: 80%;
652
}
653

654
.tabulator-row .tabulator-cell.tabulator-row-handle .tabulator-row-handle-box .tabulator-row-handle-bar {
655
  width: 100%;
656
  height: 3px;
657
  margin-top: 2px;
658
  background: #666;
659
}
660

661
.tabulator-row .tabulator-cell .tabulator-data-tree-branch-empty {
662
  display: inline-block;
663
  width: 7px;
664
}
665

666
.tabulator-row .tabulator-cell .tabulator-data-tree-branch {
667
  display: inline-block;
668
  vertical-align: middle;
669
  height: 9px;
670
  width: 7px;
671
  margin-top: -9px;
672
  margin-right: 5px;
673
  border-bottom-left-radius: 1px;
674
  border-left: 2px solid rgba(0, 0, 0, 0.12);
675
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
676
}
677

678
.tabulator-row .tabulator-cell .tabulator-data-tree-control {
679
  display: inline-flex;
680
  justify-content: center;
681
  align-items: center;
682
  vertical-align: middle;
683
  height: 11px;
684
  width: 11px;
685
  margin-right: 5px;
686
  border: 1px solid #333;
687
  border-radius: 2px;
688
  background: rgba(0, 0, 0, 0.1);
689
  overflow: hidden;
690
}
691

692
@media (hover: hover) and (pointer: fine) {
693
  .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
694
    cursor: pointer;
695
    background: rgba(0, 0, 0, 0.2);
696
  }
697
}
698

699
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
700
  display: inline-block;
701
  position: relative;
702
  height: 7px;
703
  width: 1px;
704
  background: transparent;
705
}
706

707
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
708
  position: absolute;
709
  content: "";
710
  left: -3px;
711
  top: 3px;
712
  height: 1px;
713
  width: 7px;
714
  background: #333;
715
}
716

717
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
718
  display: inline-block;
719
  position: relative;
720
  height: 7px;
721
  width: 1px;
722
  background: #333;
723
}
724

725
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
726
  position: absolute;
727
  content: "";
728
  left: -3px;
729
  top: 3px;
730
  height: 1px;
731
  width: 7px;
732
  background: #333;
733
}
734

735
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle {
736
  display: inline-flex;
737
  align-items: center;
738
  justify-content: center;
739
  -moz-user-select: none;
740
  -khtml-user-select: none;
741
  -webkit-user-select: none;
742
  -o-user-select: none;
743
  height: 15px;
744
  width: 15px;
745
  border-radius: 20px;
746
  background: #666;
747
  color: #fff;
748
  font-weight: bold;
749
  font-size: 1.1em;
750
}
751

752
@media (hover: hover) and (pointer: fine) {
753
  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
754
    opacity: .7;
755
    cursor: pointer;
756
  }
757
}
758

759
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
760
  display: initial;
761
}
762

763
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-open {
764
  display: none;
765
}
766

767
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle svg {
768
  stroke: #fff;
769
}
770

771
.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle .tabulator-responsive-collapse-toggle-close {
772
  display: none;
773
}
774

775
.tabulator-row .tabulator-cell .tabulator-traffic-light {
776
  display: inline-block;
777
  height: 14px;
778
  width: 14px;
779
  border-radius: 14px;
780
}
781

782
.tabulator-row.tabulator-group {
783
  box-sizing: border-box;
784
  border-bottom: 1px solid #999;
785
  border-right: 1px solid rgba(0, 0, 0, 0.12);
786
  border-top: 1px solid #999;
787
  padding: 5px;
788
  padding-left: 10px;
789
  background: #ccc;
790
  font-weight: bold;
791
  min-width: 100%;
792
}
793

794
@media (hover: hover) and (pointer: fine) {
795
  .tabulator-row.tabulator-group:hover {
796
    cursor: pointer;
797
    background-color: rgba(0, 0, 0, 0.1);
798
  }
799
}
800

801
.tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
802
  margin-right: 10px;
803
  border-left: 6px solid transparent;
804
  border-right: 6px solid transparent;
805
  border-top: 6px solid #666;
806
  border-bottom: 0;
807
}
808

809
.tabulator-row.tabulator-group.tabulator-group-level-1 {
810
  padding-left: 30px;
811
}
812

813
.tabulator-row.tabulator-group.tabulator-group-level-2 {
814
  padding-left: 50px;
815
}
816

817
.tabulator-row.tabulator-group.tabulator-group-level-3 {
818
  padding-left: 70px;
819
}
820

821
.tabulator-row.tabulator-group.tabulator-group-level-4 {
822
  padding-left: 90px;
823
}
824

825
.tabulator-row.tabulator-group.tabulator-group-level-5 {
826
  padding-left: 110px;
827
}
828

829
.tabulator-row.tabulator-group .tabulator-group-toggle {
830
  display: inline-block;
831
}
832

833
.tabulator-row.tabulator-group .tabulator-arrow {
834
  display: inline-block;
835
  width: 0;
836
  height: 0;
837
  margin-right: 16px;
838
  border-top: 6px solid transparent;
839
  border-bottom: 6px solid transparent;
840
  border-right: 0;
841
  border-left: 6px solid #666;
842
  vertical-align: middle;
843
}
844

845
.tabulator-row.tabulator-group span {
846
  margin-left: 10px;
847
  color: #d00;
848
}
849

850
.tabulator-popup-container {
851
  position: absolute;
852
  display: inline-block;
853
  box-sizing: border-box;
854
  background: #fff;
855
  border: 1px solid rgba(0, 0, 0, 0.12);
856
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
857
  font-size: 16px;
858
  overflow-y: auto;
859
  -webkit-overflow-scrolling: touch;
860
  z-index: 10000;
861
}
862

863
.tabulator-popup {
864
  padding: 5px;
865
  border-radius: 3px;
866
}
867

868
.tabulator-tooltip {
869
  max-width: Min(500px, 100%);
870
  padding: 3px 5px;
871
  border-radius: 2px;
872
  box-shadow: none;
873
  font-size: 12px;
874
  pointer-events: none;
875
}
876

877
.tabulator-menu .tabulator-menu-item {
878
  position: relative;
879
  box-sizing: border-box;
880
  padding: 5px 10px;
881
  user-select: none;
882
}
883

884
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-disabled {
885
  opacity: .5;
886
}
887

888
@media (hover: hover) and (pointer: fine) {
889
  .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
890
    cursor: pointer;
891
    background: #f8f8f8;
892
  }
893
}
894

895
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
896
  padding-right: 25px;
897
}
898

899
.tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu::after {
900
  display: inline-block;
901
  position: absolute;
902
  top: calc(5px + .4em);
903
  right: 10px;
904
  height: 7px;
905
  width: 7px;
906
  content: '';
907
  border-width: 1px 1px 0 0;
908
  border-style: solid;
909
  border-color: rgba(0, 0, 0, 0.12);
910
  vertical-align: top;
911
  transform: rotate(45deg);
912
}
913

914
.tabulator-menu .tabulator-menu-separator {
915
  border-top: 1px solid rgba(0, 0, 0, 0.12);
916
}
917

918
.tabulator-edit-list {
919
  max-height: 200px;
920
  font-size: 16px;
921
  overflow-y: auto;
922
  -webkit-overflow-scrolling: touch;
923
}
924

925
.tabulator-edit-list .tabulator-edit-list-item {
926
  padding: 4px;
927
  color: #333;
928
  outline: none;
929
}
930

931
.tabulator-edit-list .tabulator-edit-list-item.active {
932
  color: #fff;
933
  background: #ee6e73;
934
}
935

936
.tabulator-edit-list .tabulator-edit-list-item.active.focused {
937
  outline: 1px solid rgba(255, 255, 255, 0.5);
938
}
939

940
.tabulator-edit-list .tabulator-edit-list-item.focused {
941
  outline: 1px solid #ee6e73;
942
}
943

944
@media (hover: hover) and (pointer: fine) {
945
  .tabulator-edit-list .tabulator-edit-list-item:hover {
946
    cursor: pointer;
947
    color: #fff;
948
    background: #ee6e73;
949
  }
950
}
951

952
.tabulator-edit-list .tabulator-edit-list-placeholder {
953
  padding: 4px;
954
  color: #333;
955
  text-align: center;
956
}
957

958
.tabulator-edit-list .tabulator-edit-list-group {
959
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
960
  padding: 4px;
961
  padding-top: 6px;
962
  color: #333;
963
  font-weight: bold;
964
}
965

966
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-2,
967
.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-2 {
968
  padding-left: 12px;
969
}
970

971
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-3,
972
.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-3 {
973
  padding-left: 20px;
974
}
975

976
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-4,
977
.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-4 {
978
  padding-left: 28px;
979
}
980

981
.tabulator-edit-list .tabulator-edit-list-item.tabulator-edit-list-group-level-5,
982
.tabulator-edit-list .tabulator-edit-list-group.tabulator-edit-list-group-level-5 {
983
  padding-left: 36px;
984
}
985

986
.tabulator.tabulator-ltr {
987
  direction: ltr;
988
}
989

990
.tabulator.tabulator-rtl {
991
  text-align: initial;
992
  direction: rtl;
993
}
994

995
.tabulator.tabulator-rtl .tabulator-header .tabulator-col {
996
  text-align: initial;
997
  border-left: 1px solid #aaa;
998
  border-right: initial;
999
}
1000

1001
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
1002
  margin-right: initial;
1003
  margin-left: -1px;
1004
}
1005

1006
.tabulator.tabulator-rtl .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
1007
  padding-right: 0;
1008
  padding-left: 25px;
1009
}
1010

1011
.tabulator.tabulator-rtl .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
1012
  left: 8px;
1013
  right: initial;
1014
}
1015

1016
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell {
1017
  border-right: initial;
1018
  border-left: 1px solid rgba(0, 0, 0, 0.12);
1019
}
1020

1021
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-branch {
1022
  margin-right: initial;
1023
  margin-left: 5px;
1024
  border-bottom-left-radius: initial;
1025
  border-bottom-right-radius: 1px;
1026
  border-left: initial;
1027
  border-right: 2px solid rgba(0, 0, 0, 0.12);
1028
}
1029

1030
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell .tabulator-data-tree-control {
1031
  margin-right: initial;
1032
  margin-left: 5px;
1033
}
1034

1035
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-left {
1036
  border-left: 2px solid rgba(0, 0, 0, 0.12);
1037
}
1038

1039
.tabulator.tabulator-rtl .tabulator-row .tabulator-cell.tabulator-frozen.tabulator-frozen-right {
1040
  border-right: 2px solid rgba(0, 0, 0, 0.12);
1041
}
1042

1043
.tabulator.tabulator-rtl .tabulator-row .tabulator-col-resize-handle:last-of-type {
1044
  width: 3px;
1045
  margin-left: 0;
1046
  margin-right: -3px;
1047
}
1048

1049
.tabulator.tabulator-rtl .tabulator-footer .tabulator-calcs-holder {
1050
  text-align: initial;
1051
}
1052

1053
.tabulator-print-fullscreen {
1054
  position: absolute;
1055
  top: 0;
1056
  bottom: 0;
1057
  left: 0;
1058
  right: 0;
1059
  z-index: 10000;
1060
}
1061

1062
body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
1063
  display: none !important;
1064
}
1065

1066
.tabulator-print-table {
1067
  border-collapse: collapse;
1068
}
1069

1070
.tabulator-print-table .tabulator-data-tree-branch {
1071
  display: inline-block;
1072
  vertical-align: middle;
1073
  height: 9px;
1074
  width: 7px;
1075
  margin-top: -9px;
1076
  margin-right: 5px;
1077
  border-bottom-left-radius: 1px;
1078
  border-left: 2px solid rgba(0, 0, 0, 0.12);
1079
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
1080
}
1081

1082
.tabulator-print-table .tabulator-print-table-group {
1083
  box-sizing: border-box;
1084
  border-bottom: 1px solid #999;
1085
  border-right: 1px solid rgba(0, 0, 0, 0.12);
1086
  border-top: 1px solid #999;
1087
  padding: 5px;
1088
  padding-left: 10px;
1089
  background: #ccc;
1090
  font-weight: bold;
1091
  min-width: 100%;
1092
}
1093

1094
@media (hover: hover) and (pointer: fine) {
1095
  .tabulator-print-table .tabulator-print-table-group:hover {
1096
    cursor: pointer;
1097
    background-color: rgba(0, 0, 0, 0.1);
1098
  }
1099
}
1100

1101
.tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
1102
  margin-right: 10px;
1103
  border-left: 6px solid transparent;
1104
  border-right: 6px solid transparent;
1105
  border-top: 6px solid #666;
1106
  border-bottom: 0;
1107
}
1108

1109
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-1 td {
1110
  padding-left: 30px !important;
1111
}
1112

1113
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-2 td {
1114
  padding-left: 50px !important;
1115
}
1116

1117
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-3 td {
1118
  padding-left: 70px !important;
1119
}
1120

1121
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-4 td {
1122
  padding-left: 90px !important;
1123
}
1124

1125
.tabulator-print-table .tabulator-print-table-group.tabulator-group-level-5 td {
1126
  padding-left: 110px !important;
1127
}
1128

1129
.tabulator-print-table .tabulator-print-table-group .tabulator-group-toggle {
1130
  display: inline-block;
1131
}
1132

1133
.tabulator-print-table .tabulator-print-table-group .tabulator-arrow {
1134
  display: inline-block;
1135
  width: 0;
1136
  height: 0;
1137
  margin-right: 16px;
1138
  border-top: 6px solid transparent;
1139
  border-bottom: 6px solid transparent;
1140
  border-right: 0;
1141
  border-left: 6px solid #666;
1142
  vertical-align: middle;
1143
}
1144

1145
.tabulator-print-table .tabulator-print-table-group span {
1146
  margin-left: 10px;
1147
  color: #d00;
1148
}
1149

1150
.tabulator-print-table .tabulator-data-tree-control {
1151
  display: inline-flex;
1152
  justify-content: center;
1153
  align-items: center;
1154
  vertical-align: middle;
1155
  height: 11px;
1156
  width: 11px;
1157
  margin-right: 5px;
1158
  border: 1px solid #333;
1159
  border-radius: 2px;
1160
  background: rgba(0, 0, 0, 0.1);
1161
  overflow: hidden;
1162
}
1163

1164
@media (hover: hover) and (pointer: fine) {
1165
  .tabulator-print-table .tabulator-data-tree-control:hover {
1166
    cursor: pointer;
1167
    background: rgba(0, 0, 0, 0.2);
1168
  }
1169
}
1170

1171
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
1172
  display: inline-block;
1173
  position: relative;
1174
  height: 7px;
1175
  width: 1px;
1176
  background: transparent;
1177
}
1178

1179
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
1180
  position: absolute;
1181
  content: "";
1182
  left: -3px;
1183
  top: 3px;
1184
  height: 1px;
1185
  width: 7px;
1186
  background: #333;
1187
}
1188

1189
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
1190
  display: inline-block;
1191
  position: relative;
1192
  height: 7px;
1193
  width: 1px;
1194
  background: #333;
1195
}
1196

1197
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
1198
  position: absolute;
1199
  content: "";
1200
  left: -3px;
1201
  top: 3px;
1202
  height: 1px;
1203
  width: 7px;
1204
  background: #333;
1205
}
1206

1207
.tabulator {
1208
  border: none;
1209
  background-color: #fff;
1210
  width: 100%;
1211
  max-width: 100%;
1212
}
1213

1214
.tabulator .tabulator-header {
1215
  color: inherit;
1216
}
1217

1218
.tabulator .tabulator-header .tabulator-col {
1219
  border-right: none;
1220
}
1221

1222
.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
1223
  padding: 15px;
1224
}
1225

1226
.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-sorter {
1227
  right: -10px;
1228
}
1229

1230
.tabulator .tabulator-header .tabulator-col.tabulator-col-group .tabulator-col-group-cols {
1231
  border-top: 1px solid rgba(0, 0, 0, 0.12);
1232
}
1233

1234
.tabulator .tabulator-header .tabulator-col.tabulator-sortable .tabulator-col-title {
1235
  padding-right: 10px;
1236
}
1237

1238
.tabulator .tabulator-header .tabulator-calcs-holder {
1239
  width: 100%;
1240
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1241
}
1242

1243
.tabulator .tabulator-header .tabulator-frozen-rows-holder {
1244
  min-width: 600%;
1245
}
1246

1247
.tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
1248
  display: none;
1249
}
1250

1251
.tabulator .tabulator-tableholder .tabulator-table {
1252
  color: inherit;
1253
}
1254

1255
.tabulator .tabulator-footer {
1256
  background-color: transparent;
1257
  color: inherit;
1258
}
1259

1260
.tabulator .tabulator-footer .tabulator-paginator {
1261
  color: inherit;
1262
}
1263

1264
.tabulator .tabulator-footer .tabulator-page {
1265
  margin: 0;
1266
  margin-top: 5px;
1267
  padding: 8px 12px;
1268
  border-radius: 0;
1269
  border-right: none;
1270
  background: rgba(255, 255, 255, 0.2);
1271
}
1272

1273
.tabulator .tabulator-footer .tabulator-page[data-page="next"],
1274
.tabulator .tabulator-footer .tabulator-page:first-of-type {
1275
  border-top-left-radius: 4px;
1276
  border-bottom-left-radius: 4px;
1277
}
1278

1279
.tabulator .tabulator-footer .tabulator-page[data-page="prev"],
1280
.tabulator .tabulator-footer .tabulator-page:last-of-type {
1281
  border: 1px solid rgba(0, 0, 0, 0.12);
1282
  border-top-right-radius: 4px;
1283
  border-bottom-right-radius: 4px;
1284
}
1285

1286
.tabulator .tabulator-footer .tabulator-page.active {
1287
  color: #ee6e73;
1288
}
1289

1290
.tabulator.striped .tabulator-row:nth-child(even) {
1291
  background-color: #f8f8f8;
1292
}
1293

1294
.tabulator.striped .tabulator-row:nth-child(even).tabulator-selected {
1295
  background-color: #ee6e73 !important;
1296
}
1297

1298
@media (hover: hover) and (pointer: fine) {
1299
  .tabulator.striped .tabulator-row:nth-child(even).tabulator-selectable:hover {
1300
    background-color: #f8f8f8;
1301
    cursor: pointer;
1302
  }
1303
  .tabulator.striped .tabulator-row:nth-child(even).tabulator-selected:hover {
1304
    background-color: #ee6e73 !important;
1305
    cursor: pointer;
1306
  }
1307
}
1308

1309
.tabulator-row {
1310
  min-height: 46px;
1311
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
1312
}
1313

1314
.tabulator-row.tabulator-row-even {
1315
  background-color: #fff;
1316
}
1317

1318
.tabulator-row .tabulator-cell {
1319
  padding: 15px;
1320
  border-right: none;
1321
}
1322

1323
.tabulator-row .tabulator-cell:last-of-type {
1324
  border-right: none;
1325
}
1326

1327
.tabulator-row .tabulator-cell .tabulator-data-tree-control {
1328
  border: 1px solid #ccc;
1329
}
1330

1331
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
1332
  background: #ccc;
1333
}
1334

1335
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand {
1336
  background: #ccc;
1337
}
1338

1339
.tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
1340
  background: #ccc;
1341
}
1342

1343
.tabulator-row.tabulator-group {
1344
  background: #fafafa;
1345
}
1346

1347
.tabulator-row.tabulator-group span {
1348
  margin-left: 10px;
1349
  color: #666;
1350
}
1351

1352
.tabulator-edit-select-list {
1353
  background: #fff;
1354
}
1355

1356
.tabulator-edit-select-list .tabulator-edit-select-list-item {
1357
  color: inherit;
1358
}
1359

1360
.tabulator-edit-select-list .tabulator-edit-select-list-item.active {
1361
  color: #fff;
1362
}
1363

1364
.tabulator-edit-select-list .tabulator-edit-select-list-item.active.focused {
1365
  outline: 1px solid rgba(255, 255, 255, 0.5);
1366
}
1367

1368
@media (hover: hover) and (pointer: fine) {
1369
  .tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
1370
    color: #fff;
1371
  }
1372
}
1373

1374
.tabulator-edit-select-list .tabulator-edit-select-list-notice {
1375
  color: inherit;
1376
}
1377

1378
.tabulator-edit-select-list .tabulator-edit-select-list-group {
1379
  color: inherit;
1380
}
1381

1382
.tabulator.tabulator-rtl .tabulator-header .tabulator-col {
1383
  border-left: none;
1384
  border-right: none;
1385
}
1386

1387
.tabulator-print-table .tabulator-print-table-group {
1388
  background: #fafafa;
1389
}
1390

1391
.tabulator-print-table .tabulator-print-table-group span {
1392
  margin-left: 10px;
1393
  color: #666;
1394
}
1395

1396
.tabulator-print-table .tabulator-data-tree-control {
1397
  border: 1px solid #ccc;
1398
}
1399

1400
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse:after {
1401
  background: #ccc;
1402
}
1403

1404
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand {
1405
  background: #ccc;
1406
}
1407

1408
.tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-expand:after {
1409
  background: #ccc;
1410
}
1411

1412
/*# sourceMappingURL=tabulator_materialize.css.map */
1413
Product

Resources

Company
