fomantic-ui-sass 2.8.8 → 2.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (97) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  4. data/app/assets/fonts/semantic-ui/brand-icons.svg +41 -6
  5. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  6. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  7. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  9. data/app/assets/fonts/semantic-ui/icons.svg +245 -7
  10. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  11. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  12. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  13. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  14. data/app/assets/fonts/semantic-ui/outline-icons.svg +2 -2
  15. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  16. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  17. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  18. data/app/assets/javascripts/semantic-ui/accordion.js +9 -3
  19. data/app/assets/javascripts/semantic-ui/api.js +92 -33
  20. data/app/assets/javascripts/semantic-ui/calendar.js +200 -82
  21. data/app/assets/javascripts/semantic-ui/checkbox.js +20 -13
  22. data/app/assets/javascripts/semantic-ui/dimmer.js +24 -9
  23. data/app/assets/javascripts/semantic-ui/dropdown.js +250 -205
  24. data/app/assets/javascripts/semantic-ui/embed.js +13 -9
  25. data/app/assets/javascripts/semantic-ui/flyout.js +1530 -0
  26. data/app/assets/javascripts/semantic-ui/form.js +47 -41
  27. data/app/assets/javascripts/semantic-ui/modal.js +187 -83
  28. data/app/assets/javascripts/semantic-ui/nag.js +2 -2
  29. data/app/assets/javascripts/semantic-ui/popup.js +16 -22
  30. data/app/assets/javascripts/semantic-ui/progress.js +7 -4
  31. data/app/assets/javascripts/semantic-ui/rating.js +7 -3
  32. data/app/assets/javascripts/semantic-ui/search.js +47 -20
  33. data/app/assets/javascripts/semantic-ui/shape.js +3 -3
  34. data/app/assets/javascripts/semantic-ui/sidebar.js +140 -43
  35. data/app/assets/javascripts/semantic-ui/site.js +1 -1
  36. data/app/assets/javascripts/semantic-ui/slider.js +78 -63
  37. data/app/assets/javascripts/semantic-ui/state.js +2 -2
  38. data/app/assets/javascripts/semantic-ui/sticky.js +30 -19
  39. data/app/assets/javascripts/semantic-ui/tab.js +24 -6
  40. data/app/assets/javascripts/semantic-ui/toast.js +67 -33
  41. data/app/assets/javascripts/semantic-ui/transition.js +27 -22
  42. data/app/assets/javascripts/semantic-ui/visibility.js +5 -5
  43. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +160 -83
  45. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +25 -21
  46. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +110 -78
  47. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -43
  48. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1684 -272
  49. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +204 -157
  50. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +98 -4
  51. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +31 -31
  52. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +10799 -8841
  53. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1021 -915
  54. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +6 -4
  55. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +2110 -2061
  56. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  57. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +759 -22
  58. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +72 -68
  59. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +31 -31
  60. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +352 -352
  61. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +33 -33
  62. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  63. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  64. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +118 -34
  65. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +32 -32
  66. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +1 -1
  67. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +5 -4
  68. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +139 -42
  69. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +177 -37
  70. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +18 -1
  71. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +93 -92
  72. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +33 -18
  73. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +101 -51
  74. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +5 -5
  75. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +592 -0
  76. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +37 -6
  77. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  78. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +103 -105
  79. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  80. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +7 -46
  81. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +6 -6
  82. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  83. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +23 -9
  84. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +17 -17
  85. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  86. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +5 -5
  87. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +49 -1
  88. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  89. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +4 -4
  90. data/app/assets/stylesheets/semantic-ui/views/_card.scss +754 -117
  91. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +12 -12
  92. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +29 -29
  93. data/app/assets/stylesheets/semantic-ui/views/_item.scss +17 -17
  94. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +4 -4
  95. data/fomantic-ui-sass.gemspec +1 -1
  96. data/lib/fomantic/ui/sass/version.rb +2 -2
  97. metadata +9 -7
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Table
2
+ * # Fomantic-UI 2.9.0 - Table
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -160,10 +160,10 @@
160
160
  .ui.table.segment {
161
161
  padding: 0;
162
162
  }
163
- .ui.table.segment:after {
163
+ .ui.table.segment::after {
164
164
  display: none;
165
165
  }
166
- .ui.table.segment.stacked:after {
166
+ .ui.table.segment.stacked::after {
167
167
  display: block;
168
168
  }
169
169
 
@@ -233,246 +233,482 @@
233
233
  -webkit-box-shadow: none !important;
234
234
  box-shadow: none !important;
235
235
  }
236
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.primary.left {
236
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="primary marked"].left {
237
237
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
238
238
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
239
239
  }
240
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.primary.right {
240
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="primary marked"].right {
241
241
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
242
242
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
243
243
  }
244
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.left {
244
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="primary marked"].left {
245
245
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
246
246
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
247
247
  }
248
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.right {
248
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="primary marked"].right {
249
249
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
250
250
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
251
251
  }
252
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.secondary.left {
252
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="secondary marked"].left {
253
253
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
254
254
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
255
255
  }
256
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.secondary.right {
256
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="secondary marked"].right {
257
257
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
258
258
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
259
259
  }
260
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.left {
260
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="secondary marked"].left {
261
261
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
262
262
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
263
263
  }
264
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.right {
264
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="secondary marked"].right {
265
265
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
266
266
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
267
267
  }
268
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.red.left {
268
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="red marked"].left {
269
269
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
270
270
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
271
271
  }
272
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.red.right {
272
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="red marked"].right {
273
273
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
274
274
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
275
275
  }
276
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.left {
276
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="red marked"].left {
277
277
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
278
278
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
279
279
  }
280
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.right {
280
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="red marked"].right {
281
281
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
282
282
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
283
283
  }
284
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.orange.left {
284
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="orange marked"].left {
285
285
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
286
286
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
287
287
  }
288
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.orange.right {
288
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="orange marked"].right {
289
289
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
290
290
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
291
291
  }
292
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.left {
292
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="orange marked"].left {
293
293
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
294
294
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
295
295
  }
296
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.right {
296
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="orange marked"].right {
297
297
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
298
298
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
299
299
  }
300
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.yellow.left {
300
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="yellow marked"].left {
301
301
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
302
302
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
303
303
  }
304
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.yellow.right {
304
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="yellow marked"].right {
305
305
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
306
306
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
307
307
  }
308
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.left {
308
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="yellow marked"].left {
309
309
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
310
310
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
311
311
  }
312
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.right {
312
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="yellow marked"].right {
313
313
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
314
314
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
315
315
  }
316
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.olive.left {
316
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="olive marked"].left {
317
317
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
318
318
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
319
319
  }
320
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.olive.right {
320
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="olive marked"].right {
321
321
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
322
322
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
323
323
  }
324
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.left {
324
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="olive marked"].left {
325
325
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
326
326
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
327
327
  }
328
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.right {
328
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="olive marked"].right {
329
329
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
330
330
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
331
331
  }
332
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.green.left {
332
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="green marked"].left {
333
333
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
334
334
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
335
335
  }
336
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.green.right {
336
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="green marked"].right {
337
337
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
338
338
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
339
339
  }
340
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.left {
340
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="green marked"].left {
341
341
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
342
342
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
343
343
  }
344
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.right {
344
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="green marked"].right {
345
345
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
346
346
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
347
347
  }
348
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.teal.left {
348
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="teal marked"].left {
349
349
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
350
350
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
351
351
  }
352
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.teal.right {
352
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="teal marked"].right {
353
353
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
354
354
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
355
355
  }
356
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.left {
356
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="teal marked"].left {
357
357
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
358
358
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
359
359
  }
360
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.right {
360
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="teal marked"].right {
361
361
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
362
362
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
363
363
  }
364
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.blue.left {
364
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="blue marked"].left {
365
365
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
366
366
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
367
367
  }
368
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.blue.right {
368
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="blue marked"].right {
369
369
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
370
370
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
371
371
  }
372
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.left {
372
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="blue marked"].left {
373
373
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
374
374
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
375
375
  }
376
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.right {
376
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="blue marked"].right {
377
377
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
378
378
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
379
379
  }
380
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.violet.left {
380
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="violet marked"].left {
381
381
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
382
382
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
383
383
  }
384
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.violet.right {
384
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="violet marked"].right {
385
385
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
386
386
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
387
387
  }
388
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.left {
388
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="violet marked"].left {
389
389
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
390
390
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
391
391
  }
392
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.right {
392
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="violet marked"].right {
393
393
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
394
394
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
395
395
  }
396
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.purple.left {
396
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="purple marked"].left {
397
397
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
398
398
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
399
399
  }
400
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.purple.right {
400
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="purple marked"].right {
401
401
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
402
402
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
403
403
  }
404
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.left {
404
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="purple marked"].left {
405
405
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
406
406
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
407
407
  }
408
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.right {
408
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="purple marked"].right {
409
409
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
410
410
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
411
411
  }
412
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.pink.left {
412
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="pink marked"].left {
413
413
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
414
414
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
415
415
  }
416
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.pink.right {
416
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="pink marked"].right {
417
417
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
418
418
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
419
419
  }
420
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.left {
420
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="pink marked"].left {
421
421
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
422
422
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
423
423
  }
424
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.right {
424
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="pink marked"].right {
425
425
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
426
426
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
427
427
  }
428
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.brown.left {
428
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="brown marked"].left {
429
429
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
430
430
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
431
431
  }
432
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.brown.right {
432
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="brown marked"].right {
433
433
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
434
434
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
435
435
  }
436
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.left {
436
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="brown marked"].left {
437
437
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
438
438
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
439
439
  }
440
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.right {
440
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="brown marked"].right {
441
441
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
442
442
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
443
443
  }
444
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.grey.left {
444
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="grey marked"].left {
445
445
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
446
446
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
447
447
  }
448
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.grey.right {
448
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="grey marked"].right {
449
449
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
450
450
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
451
451
  }
452
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.left {
452
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="grey marked"].left {
453
453
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
454
454
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
455
455
  }
456
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.right {
456
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="grey marked"].right {
457
457
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
458
458
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
459
459
  }
460
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.left {
460
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="black marked"].left {
461
461
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
462
462
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
463
463
  }
464
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.right {
464
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="black marked"].right {
465
465
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
466
466
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
467
467
  }
468
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.left {
468
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="black marked"].left {
469
469
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
470
470
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
471
471
  }
472
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.right {
472
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="black marked"].right {
473
473
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
474
474
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
475
475
  }
476
+ .ui.scrolling.table.short > tbody {
477
+ max-height: 6.74983929em;
478
+ }
479
+ .ui.scrolling.table[class*="very short"] > tbody {
480
+ max-height: 4.49989286em;
481
+ }
482
+ .ui.scrolling.table > tbody {
483
+ max-height: 8.99978571em;
484
+ }
485
+ .ui.scrolling.table.long > tbody {
486
+ max-height: 17.99957143em;
487
+ }
488
+ .ui.scrolling.table[class*="very long"] > tbody {
489
+ max-height: 26.99935714em;
490
+ }
491
+ .ui.overflowing.table.short {
492
+ max-height: 11.24973214em;
493
+ }
494
+ .ui.overflowing.table[class*="very short"] {
495
+ max-height: 7.49982143em;
496
+ }
497
+ .ui.overflowing.table {
498
+ max-height: 14.99964286em;
499
+ }
500
+ .ui.overflowing.table.long {
501
+ max-height: 29.99928571em;
502
+ }
503
+ .ui.overflowing.table[class*="very long"] {
504
+ max-height: 44.99892857em;
505
+ }
506
+ }
507
+
508
+ /*--------------
509
+ Scrolling
510
+ ---------------*/
511
+
512
+ @media only screen and (min-width: 768px) {
513
+ .ui.scrolling.table.short > tbody {
514
+ max-height: 8.99978571em;
515
+ }
516
+ .ui.scrolling.table[class*="very short"] > tbody {
517
+ max-height: 5.99985714em;
518
+ }
519
+ .ui.scrolling.table > tbody {
520
+ max-height: 11.99971429em;
521
+ }
522
+ .ui.scrolling.table.long > tbody {
523
+ max-height: 23.99942857em;
524
+ }
525
+ .ui.scrolling.table[class*="very long"] > tbody {
526
+ max-height: 35.99914286em;
527
+ }
528
+ }
529
+ @media only screen and (min-width: 992px) {
530
+ .ui.scrolling.table.short > tbody {
531
+ max-height: 13.49967857em;
532
+ }
533
+ .ui.scrolling.table[class*="very short"] > tbody {
534
+ max-height: 8.99978571em;
535
+ }
536
+ .ui.scrolling.table > tbody {
537
+ max-height: 17.99957143em;
538
+ }
539
+ .ui.scrolling.table.long > tbody {
540
+ max-height: 35.99914286em;
541
+ }
542
+ .ui.scrolling.table[class*="very long"] > tbody {
543
+ max-height: 53.99871429em;
544
+ }
545
+ }
546
+ @media only screen and (min-width: 1920px) {
547
+ .ui.scrolling.table.short > tbody {
548
+ max-height: 17.99957143em;
549
+ }
550
+ .ui.scrolling.table[class*="very short"] > tbody {
551
+ max-height: 11.99971429em;
552
+ }
553
+ .ui.scrolling.table > tbody {
554
+ max-height: 23.99942857em;
555
+ }
556
+ .ui.scrolling.table.long > tbody {
557
+ max-height: 47.99885714em;
558
+ }
559
+ .ui.scrolling.table[class*="very long"] > tbody {
560
+ max-height: 71.99828571em;
561
+ }
562
+ }
563
+ .ui.scrolling.table > thead,
564
+ .ui.scrolling.table > tfoot,
565
+ .ui.scrolling.table > tbody {
566
+ display: block;
567
+ overflow-y: scroll;
568
+ scrollbar-width: thin;
569
+
570
+ /* Firefox */
571
+ }
572
+ .ui.scrolling.table > thead > tr,
573
+ .ui.scrolling.table > tfoot > tr,
574
+ .ui.scrolling.table > tbody > tr {
575
+ display: table;
576
+ table-layout: fixed;
577
+ width: 100%;
578
+ }
579
+
580
+ /* Camouflage scrollbars, we need them only to gain the same width as tbody */
581
+ .ui.scrolling.table > thead {
582
+ background: #F9FAFB;
583
+ color: #F9FAFB;
584
+ border-radius: 0.28571429rem 0.28571429rem 0 0;
585
+ }
586
+ .ui.scrolling.table > tfoot {
587
+ background: #F9FAFB;
588
+ color: #F9FAFB;
589
+ border-radius: 0 0 0.28571429rem 0.28571429rem;
590
+ }
591
+ .ui.inverted.scrolling.table > thead {
592
+ background: rgba(0, 0, 0, 0.15);
593
+ color: rgba(0, 0, 0, 0.15);
594
+ }
595
+ .ui.inverted.scrolling.table > tfoot {
596
+ background: rgba(0, 0, 0, 0.15);
597
+ color: rgba(0, 0, 0, 0.15);
598
+ }
599
+ .ui.scrolling.table > thead::-webkit-scrollbar-track,
600
+ .ui.scrolling.table > tfoot::-webkit-scrollbar-track {
601
+ background: inherit;
602
+ border-radius: 0.28571429rem;
603
+ }
604
+
605
+ /* Firefox & IE */
606
+ .ui.scrolling.table > thead,
607
+ .ui.scrolling.table > tfoot {
608
+ scrollbar-color: currentColor currentColor;
609
+ scrollbar-face-color: currentColor;
610
+ scrollbar-shadow-color: currentColor;
611
+ scrollbar-track-color: currentColor;
612
+ scrollbar-arrow-color: currentColor;
613
+ }
614
+
615
+ /* IE scrollbar color needs hex values */
616
+ @media all and (-ms-high-contrast: none) {
617
+ .ui.scrolling.table > thead {
618
+ color: #F9FAFB;
619
+ }
620
+ .ui.scrolling.table > tfoot {
621
+ color: #F9FAFB;
622
+ }
623
+ .ui.inverted.scrolling.table > thead {
624
+ color: #252525;
625
+ }
626
+ .ui.inverted.scrolling.table > tfoot {
627
+ color: #252525;
628
+ }
629
+ }
630
+ .ui.inverted.scrolling.table > tbody::-webkit-scrollbar-track {
631
+ background: rgba(255, 255, 255, 0.1);
632
+ }
633
+ .ui.inverted.scrolling.table > tbody::-webkit-scrollbar-thumb {
634
+ background: rgba(255, 255, 255, 0.25);
635
+ }
636
+ .ui.inverted.scrolling.table > tbody::-webkit-scrollbar-thumb:window-inactive {
637
+ background: rgba(255, 255, 255, 0.15);
638
+ }
639
+ .ui.inverted.scrolling.table > tbody::-webkit-scrollbar-thumb:hover {
640
+ background: rgba(255, 255, 255, 0.35);
641
+ }
642
+ .ui.inverted.scrolling.table > tbody {
643
+
644
+ /* IE11 */
645
+ scrollbar-face-color: #656565;
646
+ scrollbar-shadow-color: #656565;
647
+ scrollbar-track-color: #323232;
648
+ scrollbar-arrow-color: #323232;
649
+
650
+ /* firefox : first color thumb, second track */
651
+ scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
652
+ }
653
+
654
+ /*--------------
655
+ Overflowing
656
+ ---------------*/
657
+
658
+ .ui.overflowing.table {
659
+ display: block;
660
+ overflow: auto;
661
+ }
662
+ @media only screen and (min-width: 768px) {
663
+ .ui.overflowing.table.short {
664
+ max-height: 13.49967857em;
665
+ }
666
+ .ui.overflowing.table[class*="very short"] {
667
+ max-height: 8.99978571em;
668
+ }
669
+ .ui.overflowing.table {
670
+ max-height: 17.99957143em;
671
+ }
672
+ .ui.overflowing.table.long {
673
+ max-height: 35.99914286em;
674
+ }
675
+ .ui.overflowing.table[class*="very long"] {
676
+ max-height: 53.99871429em;
677
+ }
678
+ }
679
+ @media only screen and (min-width: 992px) {
680
+ .ui.overflowing.table.short {
681
+ max-height: 17.99957143em;
682
+ }
683
+ .ui.overflowing.table[class*="very short"] {
684
+ max-height: 11.99971429em;
685
+ }
686
+ .ui.overflowing.table {
687
+ max-height: 23.99942857em;
688
+ }
689
+ .ui.overflowing.table.long {
690
+ max-height: 47.99885714em;
691
+ }
692
+ .ui.overflowing.table[class*="very long"] {
693
+ max-height: 71.99828571em;
694
+ }
695
+ }
696
+ @media only screen and (min-width: 1920px) {
697
+ .ui.overflowing.table.short {
698
+ max-height: 22.49946429em;
699
+ }
700
+ .ui.overflowing.table[class*="very short"] {
701
+ max-height: 14.99964286em;
702
+ }
703
+ .ui.overflowing.table {
704
+ max-height: 29.99928571em;
705
+ }
706
+ .ui.overflowing.table.long {
707
+ max-height: 59.99857143em;
708
+ }
709
+ .ui.overflowing.table[class*="very long"] {
710
+ max-height: 89.99785714em;
711
+ }
476
712
  }
477
713
 
478
714
 
@@ -599,6 +835,11 @@
599
835
  background: #FCFFF5;
600
836
  color: #2C662D;
601
837
  }
838
+ .ui.ui.ui.ui.inverted.table tr.positive,
839
+ .ui.ui.inverted.table td.positive {
840
+ background: #A3C293;
841
+ color: #2C662D;
842
+ }
602
843
 
603
844
  /*--------------
604
845
  Negative
@@ -611,6 +852,11 @@
611
852
  background: #FFF6F6;
612
853
  color: #9F3A38;
613
854
  }
855
+ .ui.ui.ui.ui.inverted.table tr.negative,
856
+ .ui.ui.inverted.table td.negative {
857
+ background: #E0B4B4;
858
+ color: #9F3A38;
859
+ }
614
860
 
615
861
  /*--------------
616
862
  Error
@@ -623,6 +869,11 @@
623
869
  background: #FFF6F6;
624
870
  color: #9F3A38;
625
871
  }
872
+ .ui.ui.ui.ui.inverted.table tr.error,
873
+ .ui.ui.inverted.table td.error {
874
+ background: #E0B4B4;
875
+ color: #9F3A38;
876
+ }
626
877
 
627
878
  /*--------------
628
879
  Warning
@@ -635,6 +886,11 @@
635
886
  background: #FFFAF3;
636
887
  color: #573A08;
637
888
  }
889
+ .ui.ui.ui.ui.inverted.table tr.warning,
890
+ .ui.ui.inverted.table td.warning {
891
+ background: #EEC97E;
892
+ color: #573A08;
893
+ }
638
894
 
639
895
  /*--------------
640
896
  Active
@@ -647,13 +903,18 @@
647
903
  background: #E0E0E0;
648
904
  color: rgba(0, 0, 0, 0.87);
649
905
  }
906
+ .ui.ui.ui.ui.inverted.table tr.active,
907
+ .ui.ui.inverted.table td.active {
908
+ background: #A0A0A0;
909
+ color: rgba(0, 0, 0, 0.87);
910
+ }
650
911
 
651
912
  /*--------------
652
913
  Disabled
653
914
  ---------------*/
654
915
 
655
- .ui.table tr.disabled td,
656
- .ui.table tr td.disabled,
916
+ .ui.ui.ui.table tr.disabled td,
917
+ .ui.ui.ui.table tr td.disabled,
657
918
  .ui.table tr.disabled:hover,
658
919
  .ui.table tr:hover td.disabled {
659
920
  pointer-events: none;
@@ -727,243 +988,243 @@
727
988
  box-shadow: none !important;
728
989
  }
729
990
  }
730
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.primary.left {
991
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="primary marked"].left {
731
992
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
732
993
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
733
994
  }
734
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.primary.right {
995
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="primary marked"].right {
735
996
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
736
997
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
737
998
  }
738
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.left {
999
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="primary marked"].left {
739
1000
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
740
1001
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
741
1002
  }
742
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.right {
1003
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="primary marked"].right {
743
1004
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
744
1005
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
745
1006
  }
746
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.secondary.left {
1007
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="secondary marked"].left {
747
1008
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
748
1009
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
749
1010
  }
750
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.secondary.right {
1011
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="secondary marked"].right {
751
1012
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
752
1013
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
753
1014
  }
754
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.left {
1015
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="secondary marked"].left {
755
1016
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
756
1017
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
757
1018
  }
758
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.right {
1019
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="secondary marked"].right {
759
1020
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
760
1021
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
761
1022
  }
762
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.red.left {
1023
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="red marked"].left {
763
1024
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
764
1025
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
765
1026
  }
766
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.red.right {
1027
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="red marked"].right {
767
1028
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
768
1029
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
769
1030
  }
770
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.left {
1031
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="red marked"].left {
771
1032
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
772
1033
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
773
1034
  }
774
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.right {
1035
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="red marked"].right {
775
1036
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
776
1037
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
777
1038
  }
778
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.orange.left {
1039
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="orange marked"].left {
779
1040
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
780
1041
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
781
1042
  }
782
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.orange.right {
1043
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="orange marked"].right {
783
1044
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
784
1045
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
785
1046
  }
786
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.left {
1047
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="orange marked"].left {
787
1048
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
788
1049
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
789
1050
  }
790
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.right {
1051
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="orange marked"].right {
791
1052
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
792
1053
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
793
1054
  }
794
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.yellow.left {
1055
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="yellow marked"].left {
795
1056
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
796
1057
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
797
1058
  }
798
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.yellow.right {
1059
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="yellow marked"].right {
799
1060
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
800
1061
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
801
1062
  }
802
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.left {
1063
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="yellow marked"].left {
803
1064
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
804
1065
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
805
1066
  }
806
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.right {
1067
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="yellow marked"].right {
807
1068
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
808
1069
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
809
1070
  }
810
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.olive.left {
1071
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="olive marked"].left {
811
1072
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
812
1073
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
813
1074
  }
814
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.olive.right {
1075
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="olive marked"].right {
815
1076
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
816
1077
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
817
1078
  }
818
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.left {
1079
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="olive marked"].left {
819
1080
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
820
1081
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
821
1082
  }
822
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.right {
1083
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="olive marked"].right {
823
1084
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
824
1085
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
825
1086
  }
826
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.green.left {
1087
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="green marked"].left {
827
1088
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
828
1089
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
829
1090
  }
830
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.green.right {
1091
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="green marked"].right {
831
1092
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
832
1093
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
833
1094
  }
834
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.left {
1095
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="green marked"].left {
835
1096
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
836
1097
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
837
1098
  }
838
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.right {
1099
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="green marked"].right {
839
1100
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
840
1101
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
841
1102
  }
842
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.teal.left {
1103
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="teal marked"].left {
843
1104
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
844
1105
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
845
1106
  }
846
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.teal.right {
1107
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="teal marked"].right {
847
1108
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
848
1109
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
849
1110
  }
850
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.left {
1111
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="teal marked"].left {
851
1112
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
852
1113
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
853
1114
  }
854
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.right {
1115
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="teal marked"].right {
855
1116
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
856
1117
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
857
1118
  }
858
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.blue.left {
1119
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="blue marked"].left {
859
1120
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
860
1121
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
861
1122
  }
862
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.blue.right {
1123
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="blue marked"].right {
863
1124
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
864
1125
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
865
1126
  }
866
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.left {
1127
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="blue marked"].left {
867
1128
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
868
1129
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
869
1130
  }
870
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.right {
1131
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="blue marked"].right {
871
1132
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
872
1133
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
873
1134
  }
874
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.violet.left {
1135
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="violet marked"].left {
875
1136
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
876
1137
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
877
1138
  }
878
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.violet.right {
1139
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="violet marked"].right {
879
1140
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
880
1141
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
881
1142
  }
882
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.left {
1143
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="violet marked"].left {
883
1144
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
884
1145
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
885
1146
  }
886
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.right {
1147
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="violet marked"].right {
887
1148
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
888
1149
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
889
1150
  }
890
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.purple.left {
1151
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="purple marked"].left {
891
1152
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
892
1153
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
893
1154
  }
894
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.purple.right {
1155
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="purple marked"].right {
895
1156
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
896
1157
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
897
1158
  }
898
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.left {
1159
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="purple marked"].left {
899
1160
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
900
1161
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
901
1162
  }
902
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.right {
1163
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="purple marked"].right {
903
1164
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
904
1165
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
905
1166
  }
906
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.pink.left {
1167
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="pink marked"].left {
907
1168
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
908
1169
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
909
1170
  }
910
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.pink.right {
1171
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="pink marked"].right {
911
1172
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
912
1173
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
913
1174
  }
914
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.left {
1175
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="pink marked"].left {
915
1176
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
916
1177
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
917
1178
  }
918
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.right {
1179
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="pink marked"].right {
919
1180
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
920
1181
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
921
1182
  }
922
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.brown.left {
1183
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="brown marked"].left {
923
1184
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
924
1185
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
925
1186
  }
926
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.brown.right {
1187
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="brown marked"].right {
927
1188
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
928
1189
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
929
1190
  }
930
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.left {
1191
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="brown marked"].left {
931
1192
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
932
1193
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
933
1194
  }
934
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.right {
1195
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="brown marked"].right {
935
1196
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
936
1197
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
937
1198
  }
938
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.grey.left {
1199
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="grey marked"].left {
939
1200
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
940
1201
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
941
1202
  }
942
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.grey.right {
1203
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="grey marked"].right {
943
1204
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
944
1205
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
945
1206
  }
946
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.left {
1207
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="grey marked"].left {
947
1208
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
948
1209
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
949
1210
  }
950
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.right {
1211
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="grey marked"].right {
951
1212
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
952
1213
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
953
1214
  }
954
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.black.left {
1215
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="black marked"].left {
955
1216
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
956
1217
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
957
1218
  }
958
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.black.right {
1219
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="black marked"].right {
959
1220
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
960
1221
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
961
1222
  }
962
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.left {
1223
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="black marked"].left {
963
1224
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
964
1225
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
965
1226
  }
966
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.right {
1227
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="black marked"].right {
967
1228
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
968
1229
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
969
1230
  }
@@ -1047,6 +1308,8 @@
1047
1308
  .ui.table tbody tr td.selectable > a:not(.ui) {
1048
1309
  display: block;
1049
1310
  color: inherit;
1311
+ }
1312
+ .ui.table:not(.compact) tbody tr td.selectable > a:not(.ui) {
1050
1313
  padding: 0.78571429em 0.78571429em;
1051
1314
  }
1052
1315
  .ui.table > tr > td.selectable,
@@ -1175,37 +1438,106 @@
1175
1438
  border-top: 0.2em solid #2185D0;
1176
1439
  }
1177
1440
  .ui.inverted.primary.table {
1178
- background-color: #2185D0;
1441
+ background: #2185D0;
1179
1442
  color: #FFFFFF;
1180
1443
  }
1444
+
1445
+ /* Same color for background and color to camouflage the scrollbar */
1446
+ .ui.scrolling.table > thead.primary,
1447
+ .ui.scrolling.table > tfoot.primary {
1448
+ background: #ddf4ff;
1449
+ color: #ddf4ff;
1450
+ }
1451
+ .ui.scrolling.table > thead.primary > tr > th,
1452
+ .ui.scrolling.table > tfoot.primary > tr > th,
1453
+ .ui.scrolling.table > thead.primary > tr > td,
1454
+ .ui.scrolling.table > tfoot.primary > tr > td {
1455
+ background: inherit;
1456
+ color: rgba(255, 255, 255, 0.9);
1457
+ }
1458
+ .ui.inverted.scrolling.table > thead.primary,
1459
+ .ui.inverted.scrolling.table > tfoot.primary {
1460
+ background: #2185D0;
1461
+ color: #2185D0;
1462
+ }
1463
+ .ui.inverted.scrolling.table > thead.primary > tr > th,
1464
+ .ui.inverted.scrolling.table > tfoot.primary > tr > th,
1465
+ .ui.inverted.scrolling.table > thead.primary > tr > td,
1466
+ .ui.inverted.scrolling.table > tfoot.primary > tr > td {
1467
+ background: inherit;
1468
+ color: #FFFFFF;
1469
+ }
1470
+ .ui.ui.ui.ui.table tr[class*="primary colored"],
1471
+ .ui.ui.table th[class*="primary colored"],
1472
+ .ui.ui.table td[class*="primary colored"],
1181
1473
  .ui.ui.ui.ui.table tr.primary:not(.marked),
1474
+ .ui.ui.table th.primary:not(.marked),
1182
1475
  .ui.ui.table td.primary:not(.marked) {
1183
1476
  background: #ddf4ff;
1184
1477
  color: rgba(255, 255, 255, 0.9);
1185
1478
  }
1479
+ .ui.table > thead > tr[class*="primary colored"] > th,
1480
+ .ui.table > tfoot > tr[class*="primary colored"] > th,
1481
+ .ui.table > tfoot > tr[class*="primary colored"] > td,
1482
+ .ui.table > thead > tr.primary:not(.marked) > th,
1483
+ .ui.table > tfoot > tr.primary:not(.marked) > th,
1484
+ .ui.table > tfoot > tr.primary:not(.marked) > td {
1485
+ background: inherit;
1486
+ color: rgba(255, 255, 255, 0.9);
1487
+ }
1488
+ .ui.ui.ui.ui.inverted.table tr[class*="primary colored"],
1489
+ .ui.ui.inverted.table th[class*="primary colored"],
1490
+ .ui.ui.inverted.table td[class*="primary colored"],
1491
+ .ui.ui.ui.ui.inverted.table tr.primary:not(.marked),
1492
+ .ui.ui.inverted.table th.primary:not(.marked),
1493
+ .ui.ui.inverted.table td.primary:not(.marked) {
1494
+ background: #2185D0;
1495
+ color: #FFFFFF;
1496
+ }
1497
+ .ui.inverted.table > thead > tr[class*="primary colored"] > th,
1498
+ .ui.inverted.table > tfoot > tr[class*="primary colored"] > th,
1499
+ .ui.inverted.table > tfoot > tr[class*="primary colored"] > td,
1500
+ .ui.inverted.table > thead > tr.primary:not(.marked) > th,
1501
+ .ui.inverted.table > tfoot > tr.primary:not(.marked) > th,
1502
+ .ui.inverted.table > tfoot > tr.primary:not(.marked) > td {
1503
+ background: inherit;
1504
+ color: #FFFFFF;
1505
+ }
1506
+ .ui.ui.selectable.table tr[class*="primary colored"]:hover,
1507
+ .ui.table tr td.selectable[class*="primary colored"]:hover,
1508
+ .ui.selectable.table tr:hover td[class*="primary colored"],
1186
1509
  .ui.ui.selectable.table tr.primary:not(.marked):hover,
1187
1510
  .ui.table tr td.selectable.primary:not(.marked):hover,
1188
1511
  .ui.selectable.table tr:hover td.primary:not(.marked) {
1189
1512
  background: #d3f1ff;
1190
1513
  color: rgba(255, 255, 255, 0.9);
1191
1514
  }
1192
- .ui.table td.marked.primary.left,
1193
- .ui.table tr.marked.primary.left {
1515
+ .ui.ui.inverted.selectable.table tr[class*="primary colored"]:hover,
1516
+ .ui.inverted.table tr td.selectable[class*="primary colored"]:hover,
1517
+ .ui.inverted.selectable.table tr:hover td[class*="primary colored"],
1518
+ .ui.ui.inverted.selectable.table tr.primary:not(.marked):hover,
1519
+ .ui.inverted.table tr td.selectable.primary:not(.marked):hover,
1520
+ .ui.inverted.selectable.table tr:hover td.primary:not(.marked) {
1521
+ background: #21b8ff;
1522
+ color: #FFFFFF;
1523
+ }
1524
+ .ui.table td[class*="primary marked"].left,
1525
+ .ui.table tr[class*="primary marked"].left {
1194
1526
  -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
1195
1527
  box-shadow: 0.2em 0 0 0 #2185D0 inset;
1196
1528
  }
1197
- .ui.table td.marked.primary.right,
1198
- .ui.table tr.marked.primary.right {
1529
+ .ui.table td[class*="primary marked"].right,
1530
+ .ui.table tr[class*="primary marked"].right {
1199
1531
  -webkit-box-shadow: -0.2em 0 0 0 #2185D0 inset;
1200
1532
  box-shadow: -0.2em 0 0 0 #2185D0 inset;
1201
1533
  }
1202
- .ui.inverted.table td.marked.primary.left,
1203
- .ui.inverted.table tr.marked.primary.left {
1534
+ .ui.inverted.table td[class*="primary marked"].left,
1535
+ .ui.inverted.table tr[class*="primary marked"].left {
1204
1536
  -webkit-box-shadow: 0.2em 0 0 0 #54C8FF inset;
1205
1537
  box-shadow: 0.2em 0 0 0 #54C8FF inset;
1206
1538
  }
1207
- .ui.inverted.table td.marked.primary.right,
1208
- .ui.inverted.table tr.marked.primary.right {
1539
+ .ui.inverted.table td[class*="primary marked"].right,
1540
+ .ui.inverted.table tr[class*="primary marked"].right {
1209
1541
  -webkit-box-shadow: -0.2em 0 0 0 #54C8FF inset;
1210
1542
  box-shadow: -0.2em 0 0 0 #54C8FF inset;
1211
1543
  }
@@ -1213,37 +1545,106 @@
1213
1545
  border-top: 0.2em solid #1B1C1D;
1214
1546
  }
1215
1547
  .ui.inverted.secondary.table {
1216
- background-color: #1B1C1D;
1548
+ background: #1B1C1D;
1217
1549
  color: #FFFFFF;
1218
1550
  }
1551
+
1552
+ /* Same color for background and color to camouflage the scrollbar */
1553
+ .ui.scrolling.table > thead.secondary,
1554
+ .ui.scrolling.table > tfoot.secondary {
1555
+ background: #dddddd;
1556
+ color: #dddddd;
1557
+ }
1558
+ .ui.scrolling.table > thead.secondary > tr > th,
1559
+ .ui.scrolling.table > tfoot.secondary > tr > th,
1560
+ .ui.scrolling.table > thead.secondary > tr > td,
1561
+ .ui.scrolling.table > tfoot.secondary > tr > td {
1562
+ background: inherit;
1563
+ color: rgba(255, 255, 255, 0.9);
1564
+ }
1565
+ .ui.inverted.scrolling.table > thead.secondary,
1566
+ .ui.inverted.scrolling.table > tfoot.secondary {
1567
+ background: #1B1C1D;
1568
+ color: #1B1C1D;
1569
+ }
1570
+ .ui.inverted.scrolling.table > thead.secondary > tr > th,
1571
+ .ui.inverted.scrolling.table > tfoot.secondary > tr > th,
1572
+ .ui.inverted.scrolling.table > thead.secondary > tr > td,
1573
+ .ui.inverted.scrolling.table > tfoot.secondary > tr > td {
1574
+ background: inherit;
1575
+ color: #FFFFFF;
1576
+ }
1577
+ .ui.ui.ui.ui.table tr[class*="secondary colored"],
1578
+ .ui.ui.table th[class*="secondary colored"],
1579
+ .ui.ui.table td[class*="secondary colored"],
1219
1580
  .ui.ui.ui.ui.table tr.secondary:not(.marked),
1581
+ .ui.ui.table th.secondary:not(.marked),
1220
1582
  .ui.ui.table td.secondary:not(.marked) {
1221
1583
  background: #dddddd;
1222
1584
  color: rgba(255, 255, 255, 0.9);
1223
1585
  }
1586
+ .ui.table > thead > tr[class*="secondary colored"] > th,
1587
+ .ui.table > tfoot > tr[class*="secondary colored"] > th,
1588
+ .ui.table > tfoot > tr[class*="secondary colored"] > td,
1589
+ .ui.table > thead > tr.secondary:not(.marked) > th,
1590
+ .ui.table > tfoot > tr.secondary:not(.marked) > th,
1591
+ .ui.table > tfoot > tr.secondary:not(.marked) > td {
1592
+ background: inherit;
1593
+ color: rgba(255, 255, 255, 0.9);
1594
+ }
1595
+ .ui.ui.ui.ui.inverted.table tr[class*="secondary colored"],
1596
+ .ui.ui.inverted.table th[class*="secondary colored"],
1597
+ .ui.ui.inverted.table td[class*="secondary colored"],
1598
+ .ui.ui.ui.ui.inverted.table tr.secondary:not(.marked),
1599
+ .ui.ui.inverted.table th.secondary:not(.marked),
1600
+ .ui.ui.inverted.table td.secondary:not(.marked) {
1601
+ background: #1B1C1D;
1602
+ color: #FFFFFF;
1603
+ }
1604
+ .ui.inverted.table > thead > tr[class*="secondary colored"] > th,
1605
+ .ui.inverted.table > tfoot > tr[class*="secondary colored"] > th,
1606
+ .ui.inverted.table > tfoot > tr[class*="secondary colored"] > td,
1607
+ .ui.inverted.table > thead > tr.secondary:not(.marked) > th,
1608
+ .ui.inverted.table > tfoot > tr.secondary:not(.marked) > th,
1609
+ .ui.inverted.table > tfoot > tr.secondary:not(.marked) > td {
1610
+ background: inherit;
1611
+ color: #FFFFFF;
1612
+ }
1613
+ .ui.ui.selectable.table tr[class*="secondary colored"]:hover,
1614
+ .ui.table tr td.selectable[class*="secondary colored"]:hover,
1615
+ .ui.selectable.table tr:hover td[class*="secondary colored"],
1224
1616
  .ui.ui.selectable.table tr.secondary:not(.marked):hover,
1225
1617
  .ui.table tr td.selectable.secondary:not(.marked):hover,
1226
1618
  .ui.selectable.table tr:hover td.secondary:not(.marked) {
1227
1619
  background: #e2e2e2;
1228
1620
  color: rgba(255, 255, 255, 0.9);
1229
1621
  }
1230
- .ui.table td.marked.secondary.left,
1231
- .ui.table tr.marked.secondary.left {
1622
+ .ui.ui.inverted.selectable.table tr[class*="secondary colored"]:hover,
1623
+ .ui.inverted.table tr td.selectable[class*="secondary colored"]:hover,
1624
+ .ui.inverted.selectable.table tr:hover td[class*="secondary colored"],
1625
+ .ui.ui.inverted.selectable.table tr.secondary:not(.marked):hover,
1626
+ .ui.inverted.table tr td.selectable.secondary:not(.marked):hover,
1627
+ .ui.inverted.selectable.table tr:hover td.secondary:not(.marked) {
1628
+ background: #6e6e6e;
1629
+ color: #FFFFFF;
1630
+ }
1631
+ .ui.table td[class*="secondary marked"].left,
1632
+ .ui.table tr[class*="secondary marked"].left {
1232
1633
  -webkit-box-shadow: 0.2em 0 0 0 #1B1C1D inset;
1233
1634
  box-shadow: 0.2em 0 0 0 #1B1C1D inset;
1234
1635
  }
1235
- .ui.table td.marked.secondary.right,
1236
- .ui.table tr.marked.secondary.right {
1636
+ .ui.table td[class*="secondary marked"].right,
1637
+ .ui.table tr[class*="secondary marked"].right {
1237
1638
  -webkit-box-shadow: -0.2em 0 0 0 #1B1C1D inset;
1238
1639
  box-shadow: -0.2em 0 0 0 #1B1C1D inset;
1239
1640
  }
1240
- .ui.inverted.table td.marked.secondary.left,
1241
- .ui.inverted.table tr.marked.secondary.left {
1641
+ .ui.inverted.table td[class*="secondary marked"].left,
1642
+ .ui.inverted.table tr[class*="secondary marked"].left {
1242
1643
  -webkit-box-shadow: 0.2em 0 0 0 #545454 inset;
1243
1644
  box-shadow: 0.2em 0 0 0 #545454 inset;
1244
1645
  }
1245
- .ui.inverted.table td.marked.secondary.right,
1246
- .ui.inverted.table tr.marked.secondary.right {
1646
+ .ui.inverted.table td[class*="secondary marked"].right,
1647
+ .ui.inverted.table tr[class*="secondary marked"].right {
1247
1648
  -webkit-box-shadow: -0.2em 0 0 0 #545454 inset;
1248
1649
  box-shadow: -0.2em 0 0 0 #545454 inset;
1249
1650
  }
@@ -1251,37 +1652,106 @@
1251
1652
  border-top: 0.2em solid #DB2828;
1252
1653
  }
1253
1654
  .ui.inverted.red.table {
1254
- background-color: #DB2828;
1655
+ background: #DB2828;
1255
1656
  color: #FFFFFF;
1256
1657
  }
1658
+
1659
+ /* Same color for background and color to camouflage the scrollbar */
1660
+ .ui.scrolling.table > thead.red,
1661
+ .ui.scrolling.table > tfoot.red {
1662
+ background: #ffe1df;
1663
+ color: #ffe1df;
1664
+ }
1665
+ .ui.scrolling.table > thead.red > tr > th,
1666
+ .ui.scrolling.table > tfoot.red > tr > th,
1667
+ .ui.scrolling.table > thead.red > tr > td,
1668
+ .ui.scrolling.table > tfoot.red > tr > td {
1669
+ background: inherit;
1670
+ color: #DB2828;
1671
+ }
1672
+ .ui.inverted.scrolling.table > thead.red,
1673
+ .ui.inverted.scrolling.table > tfoot.red {
1674
+ background: #DB2828;
1675
+ color: #DB2828;
1676
+ }
1677
+ .ui.inverted.scrolling.table > thead.red > tr > th,
1678
+ .ui.inverted.scrolling.table > tfoot.red > tr > th,
1679
+ .ui.inverted.scrolling.table > thead.red > tr > td,
1680
+ .ui.inverted.scrolling.table > tfoot.red > tr > td {
1681
+ background: inherit;
1682
+ color: #FFFFFF;
1683
+ }
1684
+ .ui.ui.ui.ui.table tr[class*="red colored"],
1685
+ .ui.ui.table th[class*="red colored"],
1686
+ .ui.ui.table td[class*="red colored"],
1257
1687
  .ui.ui.ui.ui.table tr.red:not(.marked),
1688
+ .ui.ui.table th.red:not(.marked),
1258
1689
  .ui.ui.table td.red:not(.marked) {
1259
1690
  background: #ffe1df;
1260
1691
  color: #DB2828;
1261
1692
  }
1693
+ .ui.table > thead > tr[class*="red colored"] > th,
1694
+ .ui.table > tfoot > tr[class*="red colored"] > th,
1695
+ .ui.table > tfoot > tr[class*="red colored"] > td,
1696
+ .ui.table > thead > tr.red:not(.marked) > th,
1697
+ .ui.table > tfoot > tr.red:not(.marked) > th,
1698
+ .ui.table > tfoot > tr.red:not(.marked) > td {
1699
+ background: inherit;
1700
+ color: #DB2828;
1701
+ }
1702
+ .ui.ui.ui.ui.inverted.table tr[class*="red colored"],
1703
+ .ui.ui.inverted.table th[class*="red colored"],
1704
+ .ui.ui.inverted.table td[class*="red colored"],
1705
+ .ui.ui.ui.ui.inverted.table tr.red:not(.marked),
1706
+ .ui.ui.inverted.table th.red:not(.marked),
1707
+ .ui.ui.inverted.table td.red:not(.marked) {
1708
+ background: #DB2828;
1709
+ color: #FFFFFF;
1710
+ }
1711
+ .ui.inverted.table > thead > tr[class*="red colored"] > th,
1712
+ .ui.inverted.table > tfoot > tr[class*="red colored"] > th,
1713
+ .ui.inverted.table > tfoot > tr[class*="red colored"] > td,
1714
+ .ui.inverted.table > thead > tr.red:not(.marked) > th,
1715
+ .ui.inverted.table > tfoot > tr.red:not(.marked) > th,
1716
+ .ui.inverted.table > tfoot > tr.red:not(.marked) > td {
1717
+ background: inherit;
1718
+ color: #FFFFFF;
1719
+ }
1720
+ .ui.ui.selectable.table tr[class*="red colored"]:hover,
1721
+ .ui.table tr td.selectable[class*="red colored"]:hover,
1722
+ .ui.selectable.table tr:hover td[class*="red colored"],
1262
1723
  .ui.ui.selectable.table tr.red:not(.marked):hover,
1263
1724
  .ui.table tr td.selectable.red:not(.marked):hover,
1264
1725
  .ui.selectable.table tr:hover td.red:not(.marked) {
1265
1726
  background: #ffd7d5;
1266
1727
  color: #DB2828;
1267
1728
  }
1268
- .ui.table td.marked.red.left,
1269
- .ui.table tr.marked.red.left {
1729
+ .ui.ui.inverted.selectable.table tr[class*="red colored"]:hover,
1730
+ .ui.inverted.table tr td.selectable[class*="red colored"]:hover,
1731
+ .ui.inverted.selectable.table tr:hover td[class*="red colored"],
1732
+ .ui.ui.inverted.selectable.table tr.red:not(.marked):hover,
1733
+ .ui.inverted.table tr td.selectable.red:not(.marked):hover,
1734
+ .ui.inverted.selectable.table tr:hover td.red:not(.marked) {
1735
+ background: #ff392b;
1736
+ color: #FFFFFF;
1737
+ }
1738
+ .ui.table td[class*="red marked"].left,
1739
+ .ui.table tr[class*="red marked"].left {
1270
1740
  -webkit-box-shadow: 0.2em 0 0 0 #DB2828 inset;
1271
1741
  box-shadow: 0.2em 0 0 0 #DB2828 inset;
1272
1742
  }
1273
- .ui.table td.marked.red.right,
1274
- .ui.table tr.marked.red.right {
1743
+ .ui.table td[class*="red marked"].right,
1744
+ .ui.table tr[class*="red marked"].right {
1275
1745
  -webkit-box-shadow: -0.2em 0 0 0 #DB2828 inset;
1276
1746
  box-shadow: -0.2em 0 0 0 #DB2828 inset;
1277
1747
  }
1278
- .ui.inverted.table td.marked.red.left,
1279
- .ui.inverted.table tr.marked.red.left {
1748
+ .ui.inverted.table td[class*="red marked"].left,
1749
+ .ui.inverted.table tr[class*="red marked"].left {
1280
1750
  -webkit-box-shadow: 0.2em 0 0 0 #FF695E inset;
1281
1751
  box-shadow: 0.2em 0 0 0 #FF695E inset;
1282
1752
  }
1283
- .ui.inverted.table td.marked.red.right,
1284
- .ui.inverted.table tr.marked.red.right {
1753
+ .ui.inverted.table td[class*="red marked"].right,
1754
+ .ui.inverted.table tr[class*="red marked"].right {
1285
1755
  -webkit-box-shadow: -0.2em 0 0 0 #FF695E inset;
1286
1756
  box-shadow: -0.2em 0 0 0 #FF695E inset;
1287
1757
  }
@@ -1289,37 +1759,106 @@
1289
1759
  border-top: 0.2em solid #F2711C;
1290
1760
  }
1291
1761
  .ui.inverted.orange.table {
1292
- background-color: #F2711C;
1762
+ background: #F2711C;
1763
+ color: #FFFFFF;
1764
+ }
1765
+
1766
+ /* Same color for background and color to camouflage the scrollbar */
1767
+ .ui.scrolling.table > thead.orange,
1768
+ .ui.scrolling.table > tfoot.orange {
1769
+ background: #ffe7d1;
1770
+ color: #ffe7d1;
1771
+ }
1772
+ .ui.scrolling.table > thead.orange > tr > th,
1773
+ .ui.scrolling.table > tfoot.orange > tr > th,
1774
+ .ui.scrolling.table > thead.orange > tr > td,
1775
+ .ui.scrolling.table > tfoot.orange > tr > td {
1776
+ background: inherit;
1777
+ color: #F2711C;
1778
+ }
1779
+ .ui.inverted.scrolling.table > thead.orange,
1780
+ .ui.inverted.scrolling.table > tfoot.orange {
1781
+ background: #F2711C;
1782
+ color: #F2711C;
1783
+ }
1784
+ .ui.inverted.scrolling.table > thead.orange > tr > th,
1785
+ .ui.inverted.scrolling.table > tfoot.orange > tr > th,
1786
+ .ui.inverted.scrolling.table > thead.orange > tr > td,
1787
+ .ui.inverted.scrolling.table > tfoot.orange > tr > td {
1788
+ background: inherit;
1293
1789
  color: #FFFFFF;
1294
1790
  }
1791
+ .ui.ui.ui.ui.table tr[class*="orange colored"],
1792
+ .ui.ui.table th[class*="orange colored"],
1793
+ .ui.ui.table td[class*="orange colored"],
1295
1794
  .ui.ui.ui.ui.table tr.orange:not(.marked),
1795
+ .ui.ui.table th.orange:not(.marked),
1296
1796
  .ui.ui.table td.orange:not(.marked) {
1297
1797
  background: #ffe7d1;
1298
1798
  color: #F2711C;
1299
1799
  }
1800
+ .ui.table > thead > tr[class*="orange colored"] > th,
1801
+ .ui.table > tfoot > tr[class*="orange colored"] > th,
1802
+ .ui.table > tfoot > tr[class*="orange colored"] > td,
1803
+ .ui.table > thead > tr.orange:not(.marked) > th,
1804
+ .ui.table > tfoot > tr.orange:not(.marked) > th,
1805
+ .ui.table > tfoot > tr.orange:not(.marked) > td {
1806
+ background: inherit;
1807
+ color: #F2711C;
1808
+ }
1809
+ .ui.ui.ui.ui.inverted.table tr[class*="orange colored"],
1810
+ .ui.ui.inverted.table th[class*="orange colored"],
1811
+ .ui.ui.inverted.table td[class*="orange colored"],
1812
+ .ui.ui.ui.ui.inverted.table tr.orange:not(.marked),
1813
+ .ui.ui.inverted.table th.orange:not(.marked),
1814
+ .ui.ui.inverted.table td.orange:not(.marked) {
1815
+ background: #F2711C;
1816
+ color: #FFFFFF;
1817
+ }
1818
+ .ui.inverted.table > thead > tr[class*="orange colored"] > th,
1819
+ .ui.inverted.table > tfoot > tr[class*="orange colored"] > th,
1820
+ .ui.inverted.table > tfoot > tr[class*="orange colored"] > td,
1821
+ .ui.inverted.table > thead > tr.orange:not(.marked) > th,
1822
+ .ui.inverted.table > tfoot > tr.orange:not(.marked) > th,
1823
+ .ui.inverted.table > tfoot > tr.orange:not(.marked) > td {
1824
+ background: inherit;
1825
+ color: #FFFFFF;
1826
+ }
1827
+ .ui.ui.selectable.table tr[class*="orange colored"]:hover,
1828
+ .ui.table tr td.selectable[class*="orange colored"]:hover,
1829
+ .ui.selectable.table tr:hover td[class*="orange colored"],
1300
1830
  .ui.ui.selectable.table tr.orange:not(.marked):hover,
1301
1831
  .ui.table tr td.selectable.orange:not(.marked):hover,
1302
1832
  .ui.selectable.table tr:hover td.orange:not(.marked) {
1303
1833
  background: #fae1cc;
1304
1834
  color: #F2711C;
1305
1835
  }
1306
- .ui.table td.marked.orange.left,
1307
- .ui.table tr.marked.orange.left {
1836
+ .ui.ui.inverted.selectable.table tr[class*="orange colored"]:hover,
1837
+ .ui.inverted.table tr td.selectable[class*="orange colored"]:hover,
1838
+ .ui.inverted.selectable.table tr:hover td[class*="orange colored"],
1839
+ .ui.ui.inverted.selectable.table tr.orange:not(.marked):hover,
1840
+ .ui.inverted.table tr td.selectable.orange:not(.marked):hover,
1841
+ .ui.inverted.selectable.table tr:hover td.orange:not(.marked) {
1842
+ background: #e76b00;
1843
+ color: #FFFFFF;
1844
+ }
1845
+ .ui.table td[class*="orange marked"].left,
1846
+ .ui.table tr[class*="orange marked"].left {
1308
1847
  -webkit-box-shadow: 0.2em 0 0 0 #F2711C inset;
1309
1848
  box-shadow: 0.2em 0 0 0 #F2711C inset;
1310
1849
  }
1311
- .ui.table td.marked.orange.right,
1312
- .ui.table tr.marked.orange.right {
1850
+ .ui.table td[class*="orange marked"].right,
1851
+ .ui.table tr[class*="orange marked"].right {
1313
1852
  -webkit-box-shadow: -0.2em 0 0 0 #F2711C inset;
1314
1853
  box-shadow: -0.2em 0 0 0 #F2711C inset;
1315
1854
  }
1316
- .ui.inverted.table td.marked.orange.left,
1317
- .ui.inverted.table tr.marked.orange.left {
1855
+ .ui.inverted.table td[class*="orange marked"].left,
1856
+ .ui.inverted.table tr[class*="orange marked"].left {
1318
1857
  -webkit-box-shadow: 0.2em 0 0 0 #FF851B inset;
1319
1858
  box-shadow: 0.2em 0 0 0 #FF851B inset;
1320
1859
  }
1321
- .ui.inverted.table td.marked.orange.right,
1322
- .ui.inverted.table tr.marked.orange.right {
1860
+ .ui.inverted.table td[class*="orange marked"].right,
1861
+ .ui.inverted.table tr[class*="orange marked"].right {
1323
1862
  -webkit-box-shadow: -0.2em 0 0 0 #FF851B inset;
1324
1863
  box-shadow: -0.2em 0 0 0 #FF851B inset;
1325
1864
  }
@@ -1327,37 +1866,106 @@
1327
1866
  border-top: 0.2em solid #FBBD08;
1328
1867
  }
1329
1868
  .ui.inverted.yellow.table {
1330
- background-color: #FBBD08;
1869
+ background: #FBBD08;
1870
+ color: #FFFFFF;
1871
+ }
1872
+
1873
+ /* Same color for background and color to camouflage the scrollbar */
1874
+ .ui.scrolling.table > thead.yellow,
1875
+ .ui.scrolling.table > tfoot.yellow {
1876
+ background: #fff9d2;
1877
+ color: #fff9d2;
1878
+ }
1879
+ .ui.scrolling.table > thead.yellow > tr > th,
1880
+ .ui.scrolling.table > tfoot.yellow > tr > th,
1881
+ .ui.scrolling.table > thead.yellow > tr > td,
1882
+ .ui.scrolling.table > tfoot.yellow > tr > td {
1883
+ background: inherit;
1884
+ color: #B58105;
1885
+ }
1886
+ .ui.inverted.scrolling.table > thead.yellow,
1887
+ .ui.inverted.scrolling.table > tfoot.yellow {
1888
+ background: #FBBD08;
1889
+ color: #FBBD08;
1890
+ }
1891
+ .ui.inverted.scrolling.table > thead.yellow > tr > th,
1892
+ .ui.inverted.scrolling.table > tfoot.yellow > tr > th,
1893
+ .ui.inverted.scrolling.table > thead.yellow > tr > td,
1894
+ .ui.inverted.scrolling.table > tfoot.yellow > tr > td {
1895
+ background: inherit;
1331
1896
  color: #FFFFFF;
1332
1897
  }
1898
+ .ui.ui.ui.ui.table tr[class*="yellow colored"],
1899
+ .ui.ui.table th[class*="yellow colored"],
1900
+ .ui.ui.table td[class*="yellow colored"],
1333
1901
  .ui.ui.ui.ui.table tr.yellow:not(.marked),
1902
+ .ui.ui.table th.yellow:not(.marked),
1334
1903
  .ui.ui.table td.yellow:not(.marked) {
1335
1904
  background: #fff9d2;
1336
1905
  color: #B58105;
1337
1906
  }
1907
+ .ui.table > thead > tr[class*="yellow colored"] > th,
1908
+ .ui.table > tfoot > tr[class*="yellow colored"] > th,
1909
+ .ui.table > tfoot > tr[class*="yellow colored"] > td,
1910
+ .ui.table > thead > tr.yellow:not(.marked) > th,
1911
+ .ui.table > tfoot > tr.yellow:not(.marked) > th,
1912
+ .ui.table > tfoot > tr.yellow:not(.marked) > td {
1913
+ background: inherit;
1914
+ color: #B58105;
1915
+ }
1916
+ .ui.ui.ui.ui.inverted.table tr[class*="yellow colored"],
1917
+ .ui.ui.inverted.table th[class*="yellow colored"],
1918
+ .ui.ui.inverted.table td[class*="yellow colored"],
1919
+ .ui.ui.ui.ui.inverted.table tr.yellow:not(.marked),
1920
+ .ui.ui.inverted.table th.yellow:not(.marked),
1921
+ .ui.ui.inverted.table td.yellow:not(.marked) {
1922
+ background: #FBBD08;
1923
+ color: #FFFFFF;
1924
+ }
1925
+ .ui.inverted.table > thead > tr[class*="yellow colored"] > th,
1926
+ .ui.inverted.table > tfoot > tr[class*="yellow colored"] > th,
1927
+ .ui.inverted.table > tfoot > tr[class*="yellow colored"] > td,
1928
+ .ui.inverted.table > thead > tr.yellow:not(.marked) > th,
1929
+ .ui.inverted.table > tfoot > tr.yellow:not(.marked) > th,
1930
+ .ui.inverted.table > tfoot > tr.yellow:not(.marked) > td {
1931
+ background: inherit;
1932
+ color: #FFFFFF;
1933
+ }
1934
+ .ui.ui.selectable.table tr[class*="yellow colored"]:hover,
1935
+ .ui.table tr td.selectable[class*="yellow colored"]:hover,
1936
+ .ui.selectable.table tr:hover td[class*="yellow colored"],
1338
1937
  .ui.ui.selectable.table tr.yellow:not(.marked):hover,
1339
1938
  .ui.table tr td.selectable.yellow:not(.marked):hover,
1340
1939
  .ui.selectable.table tr:hover td.yellow:not(.marked) {
1341
1940
  background: #fbf5cc;
1342
1941
  color: #B58105;
1343
1942
  }
1344
- .ui.table td.marked.yellow.left,
1345
- .ui.table tr.marked.yellow.left {
1943
+ .ui.ui.inverted.selectable.table tr[class*="yellow colored"]:hover,
1944
+ .ui.inverted.table tr td.selectable[class*="yellow colored"]:hover,
1945
+ .ui.inverted.selectable.table tr:hover td[class*="yellow colored"],
1946
+ .ui.ui.inverted.selectable.table tr.yellow:not(.marked):hover,
1947
+ .ui.inverted.table tr td.selectable.yellow:not(.marked):hover,
1948
+ .ui.inverted.selectable.table tr:hover td.yellow:not(.marked) {
1949
+ background: #ebcd00;
1950
+ color: #FFFFFF;
1951
+ }
1952
+ .ui.table td[class*="yellow marked"].left,
1953
+ .ui.table tr[class*="yellow marked"].left {
1346
1954
  -webkit-box-shadow: 0.2em 0 0 0 #FBBD08 inset;
1347
1955
  box-shadow: 0.2em 0 0 0 #FBBD08 inset;
1348
1956
  }
1349
- .ui.table td.marked.yellow.right,
1350
- .ui.table tr.marked.yellow.right {
1957
+ .ui.table td[class*="yellow marked"].right,
1958
+ .ui.table tr[class*="yellow marked"].right {
1351
1959
  -webkit-box-shadow: -0.2em 0 0 0 #FBBD08 inset;
1352
1960
  box-shadow: -0.2em 0 0 0 #FBBD08 inset;
1353
1961
  }
1354
- .ui.inverted.table td.marked.yellow.left,
1355
- .ui.inverted.table tr.marked.yellow.left {
1962
+ .ui.inverted.table td[class*="yellow marked"].left,
1963
+ .ui.inverted.table tr[class*="yellow marked"].left {
1356
1964
  -webkit-box-shadow: 0.2em 0 0 0 #FFE21F inset;
1357
1965
  box-shadow: 0.2em 0 0 0 #FFE21F inset;
1358
1966
  }
1359
- .ui.inverted.table td.marked.yellow.right,
1360
- .ui.inverted.table tr.marked.yellow.right {
1967
+ .ui.inverted.table td[class*="yellow marked"].right,
1968
+ .ui.inverted.table tr[class*="yellow marked"].right {
1361
1969
  -webkit-box-shadow: -0.2em 0 0 0 #FFE21F inset;
1362
1970
  box-shadow: -0.2em 0 0 0 #FFE21F inset;
1363
1971
  }
@@ -1365,37 +1973,106 @@
1365
1973
  border-top: 0.2em solid #B5CC18;
1366
1974
  }
1367
1975
  .ui.inverted.olive.table {
1368
- background-color: #B5CC18;
1976
+ background: #B5CC18;
1369
1977
  color: #FFFFFF;
1370
1978
  }
1979
+
1980
+ /* Same color for background and color to camouflage the scrollbar */
1981
+ .ui.scrolling.table > thead.olive,
1982
+ .ui.scrolling.table > tfoot.olive {
1983
+ background: #f7fae4;
1984
+ color: #f7fae4;
1985
+ }
1986
+ .ui.scrolling.table > thead.olive > tr > th,
1987
+ .ui.scrolling.table > tfoot.olive > tr > th,
1988
+ .ui.scrolling.table > thead.olive > tr > td,
1989
+ .ui.scrolling.table > tfoot.olive > tr > td {
1990
+ background: inherit;
1991
+ color: #8ABC1E;
1992
+ }
1993
+ .ui.inverted.scrolling.table > thead.olive,
1994
+ .ui.inverted.scrolling.table > tfoot.olive {
1995
+ background: #B5CC18;
1996
+ color: #B5CC18;
1997
+ }
1998
+ .ui.inverted.scrolling.table > thead.olive > tr > th,
1999
+ .ui.inverted.scrolling.table > tfoot.olive > tr > th,
2000
+ .ui.inverted.scrolling.table > thead.olive > tr > td,
2001
+ .ui.inverted.scrolling.table > tfoot.olive > tr > td {
2002
+ background: inherit;
2003
+ color: #FFFFFF;
2004
+ }
2005
+ .ui.ui.ui.ui.table tr[class*="olive colored"],
2006
+ .ui.ui.table th[class*="olive colored"],
2007
+ .ui.ui.table td[class*="olive colored"],
1371
2008
  .ui.ui.ui.ui.table tr.olive:not(.marked),
2009
+ .ui.ui.table th.olive:not(.marked),
1372
2010
  .ui.ui.table td.olive:not(.marked) {
1373
2011
  background: #f7fae4;
1374
2012
  color: #8ABC1E;
1375
2013
  }
2014
+ .ui.table > thead > tr[class*="olive colored"] > th,
2015
+ .ui.table > tfoot > tr[class*="olive colored"] > th,
2016
+ .ui.table > tfoot > tr[class*="olive colored"] > td,
2017
+ .ui.table > thead > tr.olive:not(.marked) > th,
2018
+ .ui.table > tfoot > tr.olive:not(.marked) > th,
2019
+ .ui.table > tfoot > tr.olive:not(.marked) > td {
2020
+ background: inherit;
2021
+ color: #8ABC1E;
2022
+ }
2023
+ .ui.ui.ui.ui.inverted.table tr[class*="olive colored"],
2024
+ .ui.ui.inverted.table th[class*="olive colored"],
2025
+ .ui.ui.inverted.table td[class*="olive colored"],
2026
+ .ui.ui.ui.ui.inverted.table tr.olive:not(.marked),
2027
+ .ui.ui.inverted.table th.olive:not(.marked),
2028
+ .ui.ui.inverted.table td.olive:not(.marked) {
2029
+ background: #B5CC18;
2030
+ color: #FFFFFF;
2031
+ }
2032
+ .ui.inverted.table > thead > tr[class*="olive colored"] > th,
2033
+ .ui.inverted.table > tfoot > tr[class*="olive colored"] > th,
2034
+ .ui.inverted.table > tfoot > tr[class*="olive colored"] > td,
2035
+ .ui.inverted.table > thead > tr.olive:not(.marked) > th,
2036
+ .ui.inverted.table > tfoot > tr.olive:not(.marked) > th,
2037
+ .ui.inverted.table > tfoot > tr.olive:not(.marked) > td {
2038
+ background: inherit;
2039
+ color: #FFFFFF;
2040
+ }
2041
+ .ui.ui.selectable.table tr[class*="olive colored"]:hover,
2042
+ .ui.table tr td.selectable[class*="olive colored"]:hover,
2043
+ .ui.selectable.table tr:hover td[class*="olive colored"],
1376
2044
  .ui.ui.selectable.table tr.olive:not(.marked):hover,
1377
2045
  .ui.table tr td.selectable.olive:not(.marked):hover,
1378
2046
  .ui.selectable.table tr:hover td.olive:not(.marked) {
1379
2047
  background: #f6fada;
1380
2048
  color: #8ABC1E;
1381
2049
  }
1382
- .ui.table td.marked.olive.left,
1383
- .ui.table tr.marked.olive.left {
2050
+ .ui.ui.inverted.selectable.table tr[class*="olive colored"]:hover,
2051
+ .ui.inverted.table tr td.selectable[class*="olive colored"]:hover,
2052
+ .ui.inverted.selectable.table tr:hover td[class*="olive colored"],
2053
+ .ui.ui.inverted.selectable.table tr.olive:not(.marked):hover,
2054
+ .ui.inverted.table tr td.selectable.olive:not(.marked):hover,
2055
+ .ui.inverted.selectable.table tr:hover td.olive:not(.marked) {
2056
+ background: #d2e745;
2057
+ color: #FFFFFF;
2058
+ }
2059
+ .ui.table td[class*="olive marked"].left,
2060
+ .ui.table tr[class*="olive marked"].left {
1384
2061
  -webkit-box-shadow: 0.2em 0 0 0 #B5CC18 inset;
1385
2062
  box-shadow: 0.2em 0 0 0 #B5CC18 inset;
1386
2063
  }
1387
- .ui.table td.marked.olive.right,
1388
- .ui.table tr.marked.olive.right {
2064
+ .ui.table td[class*="olive marked"].right,
2065
+ .ui.table tr[class*="olive marked"].right {
1389
2066
  -webkit-box-shadow: -0.2em 0 0 0 #B5CC18 inset;
1390
2067
  box-shadow: -0.2em 0 0 0 #B5CC18 inset;
1391
2068
  }
1392
- .ui.inverted.table td.marked.olive.left,
1393
- .ui.inverted.table tr.marked.olive.left {
2069
+ .ui.inverted.table td[class*="olive marked"].left,
2070
+ .ui.inverted.table tr[class*="olive marked"].left {
1394
2071
  -webkit-box-shadow: 0.2em 0 0 0 #D9E778 inset;
1395
2072
  box-shadow: 0.2em 0 0 0 #D9E778 inset;
1396
2073
  }
1397
- .ui.inverted.table td.marked.olive.right,
1398
- .ui.inverted.table tr.marked.olive.right {
2074
+ .ui.inverted.table td[class*="olive marked"].right,
2075
+ .ui.inverted.table tr[class*="olive marked"].right {
1399
2076
  -webkit-box-shadow: -0.2em 0 0 0 #D9E778 inset;
1400
2077
  box-shadow: -0.2em 0 0 0 #D9E778 inset;
1401
2078
  }
@@ -1403,37 +2080,106 @@
1403
2080
  border-top: 0.2em solid #21BA45;
1404
2081
  }
1405
2082
  .ui.inverted.green.table {
1406
- background-color: #21BA45;
2083
+ background: #21BA45;
1407
2084
  color: #FFFFFF;
1408
2085
  }
2086
+
2087
+ /* Same color for background and color to camouflage the scrollbar */
2088
+ .ui.scrolling.table > thead.green,
2089
+ .ui.scrolling.table > tfoot.green {
2090
+ background: #d5f5d9;
2091
+ color: #d5f5d9;
2092
+ }
2093
+ .ui.scrolling.table > thead.green > tr > th,
2094
+ .ui.scrolling.table > tfoot.green > tr > th,
2095
+ .ui.scrolling.table > thead.green > tr > td,
2096
+ .ui.scrolling.table > tfoot.green > tr > td {
2097
+ background: inherit;
2098
+ color: #1EBC30;
2099
+ }
2100
+ .ui.inverted.scrolling.table > thead.green,
2101
+ .ui.inverted.scrolling.table > tfoot.green {
2102
+ background: #21BA45;
2103
+ color: #21BA45;
2104
+ }
2105
+ .ui.inverted.scrolling.table > thead.green > tr > th,
2106
+ .ui.inverted.scrolling.table > tfoot.green > tr > th,
2107
+ .ui.inverted.scrolling.table > thead.green > tr > td,
2108
+ .ui.inverted.scrolling.table > tfoot.green > tr > td {
2109
+ background: inherit;
2110
+ color: #FFFFFF;
2111
+ }
2112
+ .ui.ui.ui.ui.table tr[class*="green colored"],
2113
+ .ui.ui.table th[class*="green colored"],
2114
+ .ui.ui.table td[class*="green colored"],
1409
2115
  .ui.ui.ui.ui.table tr.green:not(.marked),
2116
+ .ui.ui.table th.green:not(.marked),
1410
2117
  .ui.ui.table td.green:not(.marked) {
1411
2118
  background: #d5f5d9;
1412
2119
  color: #1EBC30;
1413
2120
  }
2121
+ .ui.table > thead > tr[class*="green colored"] > th,
2122
+ .ui.table > tfoot > tr[class*="green colored"] > th,
2123
+ .ui.table > tfoot > tr[class*="green colored"] > td,
2124
+ .ui.table > thead > tr.green:not(.marked) > th,
2125
+ .ui.table > tfoot > tr.green:not(.marked) > th,
2126
+ .ui.table > tfoot > tr.green:not(.marked) > td {
2127
+ background: inherit;
2128
+ color: #1EBC30;
2129
+ }
2130
+ .ui.ui.ui.ui.inverted.table tr[class*="green colored"],
2131
+ .ui.ui.inverted.table th[class*="green colored"],
2132
+ .ui.ui.inverted.table td[class*="green colored"],
2133
+ .ui.ui.ui.ui.inverted.table tr.green:not(.marked),
2134
+ .ui.ui.inverted.table th.green:not(.marked),
2135
+ .ui.ui.inverted.table td.green:not(.marked) {
2136
+ background: #21BA45;
2137
+ color: #FFFFFF;
2138
+ }
2139
+ .ui.inverted.table > thead > tr[class*="green colored"] > th,
2140
+ .ui.inverted.table > tfoot > tr[class*="green colored"] > th,
2141
+ .ui.inverted.table > tfoot > tr[class*="green colored"] > td,
2142
+ .ui.inverted.table > thead > tr.green:not(.marked) > th,
2143
+ .ui.inverted.table > tfoot > tr.green:not(.marked) > th,
2144
+ .ui.inverted.table > tfoot > tr.green:not(.marked) > td {
2145
+ background: inherit;
2146
+ color: #FFFFFF;
2147
+ }
2148
+ .ui.ui.selectable.table tr[class*="green colored"]:hover,
2149
+ .ui.table tr td.selectable[class*="green colored"]:hover,
2150
+ .ui.selectable.table tr:hover td[class*="green colored"],
1414
2151
  .ui.ui.selectable.table tr.green:not(.marked):hover,
1415
2152
  .ui.table tr td.selectable.green:not(.marked):hover,
1416
2153
  .ui.selectable.table tr:hover td.green:not(.marked) {
1417
2154
  background: #d2eed5;
1418
2155
  color: #1EBC30;
1419
2156
  }
1420
- .ui.table td.marked.green.left,
1421
- .ui.table tr.marked.green.left {
2157
+ .ui.ui.inverted.selectable.table tr[class*="green colored"]:hover,
2158
+ .ui.inverted.table tr td.selectable[class*="green colored"]:hover,
2159
+ .ui.inverted.selectable.table tr:hover td[class*="green colored"],
2160
+ .ui.ui.inverted.selectable.table tr.green:not(.marked):hover,
2161
+ .ui.inverted.table tr td.selectable.green:not(.marked):hover,
2162
+ .ui.inverted.selectable.table tr:hover td.green:not(.marked) {
2163
+ background: #1ea92e;
2164
+ color: #FFFFFF;
2165
+ }
2166
+ .ui.table td[class*="green marked"].left,
2167
+ .ui.table tr[class*="green marked"].left {
1422
2168
  -webkit-box-shadow: 0.2em 0 0 0 #21BA45 inset;
1423
2169
  box-shadow: 0.2em 0 0 0 #21BA45 inset;
1424
2170
  }
1425
- .ui.table td.marked.green.right,
1426
- .ui.table tr.marked.green.right {
2171
+ .ui.table td[class*="green marked"].right,
2172
+ .ui.table tr[class*="green marked"].right {
1427
2173
  -webkit-box-shadow: -0.2em 0 0 0 #21BA45 inset;
1428
2174
  box-shadow: -0.2em 0 0 0 #21BA45 inset;
1429
2175
  }
1430
- .ui.inverted.table td.marked.green.left,
1431
- .ui.inverted.table tr.marked.green.left {
2176
+ .ui.inverted.table td[class*="green marked"].left,
2177
+ .ui.inverted.table tr[class*="green marked"].left {
1432
2178
  -webkit-box-shadow: 0.2em 0 0 0 #2ECC40 inset;
1433
2179
  box-shadow: 0.2em 0 0 0 #2ECC40 inset;
1434
2180
  }
1435
- .ui.inverted.table td.marked.green.right,
1436
- .ui.inverted.table tr.marked.green.right {
2181
+ .ui.inverted.table td[class*="green marked"].right,
2182
+ .ui.inverted.table tr[class*="green marked"].right {
1437
2183
  -webkit-box-shadow: -0.2em 0 0 0 #2ECC40 inset;
1438
2184
  box-shadow: -0.2em 0 0 0 #2ECC40 inset;
1439
2185
  }
@@ -1441,37 +2187,106 @@
1441
2187
  border-top: 0.2em solid #00B5AD;
1442
2188
  }
1443
2189
  .ui.inverted.teal.table {
1444
- background-color: #00B5AD;
2190
+ background: #00B5AD;
2191
+ color: #FFFFFF;
2192
+ }
2193
+
2194
+ /* Same color for background and color to camouflage the scrollbar */
2195
+ .ui.scrolling.table > thead.teal,
2196
+ .ui.scrolling.table > tfoot.teal {
2197
+ background: #e2ffff;
2198
+ color: #e2ffff;
2199
+ }
2200
+ .ui.scrolling.table > thead.teal > tr > th,
2201
+ .ui.scrolling.table > tfoot.teal > tr > th,
2202
+ .ui.scrolling.table > thead.teal > tr > td,
2203
+ .ui.scrolling.table > tfoot.teal > tr > td {
2204
+ background: inherit;
2205
+ color: #10A3A3;
2206
+ }
2207
+ .ui.inverted.scrolling.table > thead.teal,
2208
+ .ui.inverted.scrolling.table > tfoot.teal {
2209
+ background: #00B5AD;
2210
+ color: #00B5AD;
2211
+ }
2212
+ .ui.inverted.scrolling.table > thead.teal > tr > th,
2213
+ .ui.inverted.scrolling.table > tfoot.teal > tr > th,
2214
+ .ui.inverted.scrolling.table > thead.teal > tr > td,
2215
+ .ui.inverted.scrolling.table > tfoot.teal > tr > td {
2216
+ background: inherit;
1445
2217
  color: #FFFFFF;
1446
2218
  }
2219
+ .ui.ui.ui.ui.table tr[class*="teal colored"],
2220
+ .ui.ui.table th[class*="teal colored"],
2221
+ .ui.ui.table td[class*="teal colored"],
1447
2222
  .ui.ui.ui.ui.table tr.teal:not(.marked),
2223
+ .ui.ui.table th.teal:not(.marked),
1448
2224
  .ui.ui.table td.teal:not(.marked) {
1449
2225
  background: #e2ffff;
1450
2226
  color: #10A3A3;
1451
2227
  }
2228
+ .ui.table > thead > tr[class*="teal colored"] > th,
2229
+ .ui.table > tfoot > tr[class*="teal colored"] > th,
2230
+ .ui.table > tfoot > tr[class*="teal colored"] > td,
2231
+ .ui.table > thead > tr.teal:not(.marked) > th,
2232
+ .ui.table > tfoot > tr.teal:not(.marked) > th,
2233
+ .ui.table > tfoot > tr.teal:not(.marked) > td {
2234
+ background: inherit;
2235
+ color: #10A3A3;
2236
+ }
2237
+ .ui.ui.ui.ui.inverted.table tr[class*="teal colored"],
2238
+ .ui.ui.inverted.table th[class*="teal colored"],
2239
+ .ui.ui.inverted.table td[class*="teal colored"],
2240
+ .ui.ui.ui.ui.inverted.table tr.teal:not(.marked),
2241
+ .ui.ui.inverted.table th.teal:not(.marked),
2242
+ .ui.ui.inverted.table td.teal:not(.marked) {
2243
+ background: #00B5AD;
2244
+ color: #FFFFFF;
2245
+ }
2246
+ .ui.inverted.table > thead > tr[class*="teal colored"] > th,
2247
+ .ui.inverted.table > tfoot > tr[class*="teal colored"] > th,
2248
+ .ui.inverted.table > tfoot > tr[class*="teal colored"] > td,
2249
+ .ui.inverted.table > thead > tr.teal:not(.marked) > th,
2250
+ .ui.inverted.table > tfoot > tr.teal:not(.marked) > th,
2251
+ .ui.inverted.table > tfoot > tr.teal:not(.marked) > td {
2252
+ background: inherit;
2253
+ color: #FFFFFF;
2254
+ }
2255
+ .ui.ui.selectable.table tr[class*="teal colored"]:hover,
2256
+ .ui.table tr td.selectable[class*="teal colored"]:hover,
2257
+ .ui.selectable.table tr:hover td[class*="teal colored"],
1452
2258
  .ui.ui.selectable.table tr.teal:not(.marked):hover,
1453
2259
  .ui.table tr td.selectable.teal:not(.marked):hover,
1454
2260
  .ui.selectable.table tr:hover td.teal:not(.marked) {
1455
2261
  background: #d8ffff;
1456
2262
  color: #10A3A3;
1457
2263
  }
1458
- .ui.table td.marked.teal.left,
1459
- .ui.table tr.marked.teal.left {
2264
+ .ui.ui.inverted.selectable.table tr[class*="teal colored"]:hover,
2265
+ .ui.inverted.table tr td.selectable[class*="teal colored"]:hover,
2266
+ .ui.inverted.selectable.table tr:hover td[class*="teal colored"],
2267
+ .ui.ui.inverted.selectable.table tr.teal:not(.marked):hover,
2268
+ .ui.inverted.table tr td.selectable.teal:not(.marked):hover,
2269
+ .ui.inverted.selectable.table tr:hover td.teal:not(.marked) {
2270
+ background: #3affff;
2271
+ color: #FFFFFF;
2272
+ }
2273
+ .ui.table td[class*="teal marked"].left,
2274
+ .ui.table tr[class*="teal marked"].left {
1460
2275
  -webkit-box-shadow: 0.2em 0 0 0 #00B5AD inset;
1461
2276
  box-shadow: 0.2em 0 0 0 #00B5AD inset;
1462
2277
  }
1463
- .ui.table td.marked.teal.right,
1464
- .ui.table tr.marked.teal.right {
2278
+ .ui.table td[class*="teal marked"].right,
2279
+ .ui.table tr[class*="teal marked"].right {
1465
2280
  -webkit-box-shadow: -0.2em 0 0 0 #00B5AD inset;
1466
2281
  box-shadow: -0.2em 0 0 0 #00B5AD inset;
1467
2282
  }
1468
- .ui.inverted.table td.marked.teal.left,
1469
- .ui.inverted.table tr.marked.teal.left {
2283
+ .ui.inverted.table td[class*="teal marked"].left,
2284
+ .ui.inverted.table tr[class*="teal marked"].left {
1470
2285
  -webkit-box-shadow: 0.2em 0 0 0 #6DFFFF inset;
1471
2286
  box-shadow: 0.2em 0 0 0 #6DFFFF inset;
1472
2287
  }
1473
- .ui.inverted.table td.marked.teal.right,
1474
- .ui.inverted.table tr.marked.teal.right {
2288
+ .ui.inverted.table td[class*="teal marked"].right,
2289
+ .ui.inverted.table tr[class*="teal marked"].right {
1475
2290
  -webkit-box-shadow: -0.2em 0 0 0 #6DFFFF inset;
1476
2291
  box-shadow: -0.2em 0 0 0 #6DFFFF inset;
1477
2292
  }
@@ -1479,37 +2294,106 @@
1479
2294
  border-top: 0.2em solid #2185D0;
1480
2295
  }
1481
2296
  .ui.inverted.blue.table {
1482
- background-color: #2185D0;
2297
+ background: #2185D0;
1483
2298
  color: #FFFFFF;
1484
2299
  }
2300
+
2301
+ /* Same color for background and color to camouflage the scrollbar */
2302
+ .ui.scrolling.table > thead.blue,
2303
+ .ui.scrolling.table > tfoot.blue {
2304
+ background: #ddf4ff;
2305
+ color: #ddf4ff;
2306
+ }
2307
+ .ui.scrolling.table > thead.blue > tr > th,
2308
+ .ui.scrolling.table > tfoot.blue > tr > th,
2309
+ .ui.scrolling.table > thead.blue > tr > td,
2310
+ .ui.scrolling.table > tfoot.blue > tr > td {
2311
+ background: inherit;
2312
+ color: #2185D0;
2313
+ }
2314
+ .ui.inverted.scrolling.table > thead.blue,
2315
+ .ui.inverted.scrolling.table > tfoot.blue {
2316
+ background: #2185D0;
2317
+ color: #2185D0;
2318
+ }
2319
+ .ui.inverted.scrolling.table > thead.blue > tr > th,
2320
+ .ui.inverted.scrolling.table > tfoot.blue > tr > th,
2321
+ .ui.inverted.scrolling.table > thead.blue > tr > td,
2322
+ .ui.inverted.scrolling.table > tfoot.blue > tr > td {
2323
+ background: inherit;
2324
+ color: #FFFFFF;
2325
+ }
2326
+ .ui.ui.ui.ui.table tr[class*="blue colored"],
2327
+ .ui.ui.table th[class*="blue colored"],
2328
+ .ui.ui.table td[class*="blue colored"],
1485
2329
  .ui.ui.ui.ui.table tr.blue:not(.marked),
2330
+ .ui.ui.table th.blue:not(.marked),
1486
2331
  .ui.ui.table td.blue:not(.marked) {
1487
2332
  background: #ddf4ff;
1488
2333
  color: #2185D0;
1489
2334
  }
2335
+ .ui.table > thead > tr[class*="blue colored"] > th,
2336
+ .ui.table > tfoot > tr[class*="blue colored"] > th,
2337
+ .ui.table > tfoot > tr[class*="blue colored"] > td,
2338
+ .ui.table > thead > tr.blue:not(.marked) > th,
2339
+ .ui.table > tfoot > tr.blue:not(.marked) > th,
2340
+ .ui.table > tfoot > tr.blue:not(.marked) > td {
2341
+ background: inherit;
2342
+ color: #2185D0;
2343
+ }
2344
+ .ui.ui.ui.ui.inverted.table tr[class*="blue colored"],
2345
+ .ui.ui.inverted.table th[class*="blue colored"],
2346
+ .ui.ui.inverted.table td[class*="blue colored"],
2347
+ .ui.ui.ui.ui.inverted.table tr.blue:not(.marked),
2348
+ .ui.ui.inverted.table th.blue:not(.marked),
2349
+ .ui.ui.inverted.table td.blue:not(.marked) {
2350
+ background: #2185D0;
2351
+ color: #FFFFFF;
2352
+ }
2353
+ .ui.inverted.table > thead > tr[class*="blue colored"] > th,
2354
+ .ui.inverted.table > tfoot > tr[class*="blue colored"] > th,
2355
+ .ui.inverted.table > tfoot > tr[class*="blue colored"] > td,
2356
+ .ui.inverted.table > thead > tr.blue:not(.marked) > th,
2357
+ .ui.inverted.table > tfoot > tr.blue:not(.marked) > th,
2358
+ .ui.inverted.table > tfoot > tr.blue:not(.marked) > td {
2359
+ background: inherit;
2360
+ color: #FFFFFF;
2361
+ }
2362
+ .ui.ui.selectable.table tr[class*="blue colored"]:hover,
2363
+ .ui.table tr td.selectable[class*="blue colored"]:hover,
2364
+ .ui.selectable.table tr:hover td[class*="blue colored"],
1490
2365
  .ui.ui.selectable.table tr.blue:not(.marked):hover,
1491
2366
  .ui.table tr td.selectable.blue:not(.marked):hover,
1492
2367
  .ui.selectable.table tr:hover td.blue:not(.marked) {
1493
2368
  background: #d3f1ff;
1494
2369
  color: #2185D0;
1495
2370
  }
1496
- .ui.table td.marked.blue.left,
1497
- .ui.table tr.marked.blue.left {
2371
+ .ui.ui.inverted.selectable.table tr[class*="blue colored"]:hover,
2372
+ .ui.inverted.table tr td.selectable[class*="blue colored"]:hover,
2373
+ .ui.inverted.selectable.table tr:hover td[class*="blue colored"],
2374
+ .ui.ui.inverted.selectable.table tr.blue:not(.marked):hover,
2375
+ .ui.inverted.table tr td.selectable.blue:not(.marked):hover,
2376
+ .ui.inverted.selectable.table tr:hover td.blue:not(.marked) {
2377
+ background: #21b8ff;
2378
+ color: #FFFFFF;
2379
+ }
2380
+ .ui.table td[class*="blue marked"].left,
2381
+ .ui.table tr[class*="blue marked"].left {
1498
2382
  -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
1499
2383
  box-shadow: 0.2em 0 0 0 #2185D0 inset;
1500
2384
  }
1501
- .ui.table td.marked.blue.right,
1502
- .ui.table tr.marked.blue.right {
2385
+ .ui.table td[class*="blue marked"].right,
2386
+ .ui.table tr[class*="blue marked"].right {
1503
2387
  -webkit-box-shadow: -0.2em 0 0 0 #2185D0 inset;
1504
2388
  box-shadow: -0.2em 0 0 0 #2185D0 inset;
1505
2389
  }
1506
- .ui.inverted.table td.marked.blue.left,
1507
- .ui.inverted.table tr.marked.blue.left {
2390
+ .ui.inverted.table td[class*="blue marked"].left,
2391
+ .ui.inverted.table tr[class*="blue marked"].left {
1508
2392
  -webkit-box-shadow: 0.2em 0 0 0 #54C8FF inset;
1509
2393
  box-shadow: 0.2em 0 0 0 #54C8FF inset;
1510
2394
  }
1511
- .ui.inverted.table td.marked.blue.right,
1512
- .ui.inverted.table tr.marked.blue.right {
2395
+ .ui.inverted.table td[class*="blue marked"].right,
2396
+ .ui.inverted.table tr[class*="blue marked"].right {
1513
2397
  -webkit-box-shadow: -0.2em 0 0 0 #54C8FF inset;
1514
2398
  box-shadow: -0.2em 0 0 0 #54C8FF inset;
1515
2399
  }
@@ -1517,37 +2401,106 @@
1517
2401
  border-top: 0.2em solid #6435C9;
1518
2402
  }
1519
2403
  .ui.inverted.violet.table {
1520
- background-color: #6435C9;
2404
+ background: #6435C9;
2405
+ color: #FFFFFF;
2406
+ }
2407
+
2408
+ /* Same color for background and color to camouflage the scrollbar */
2409
+ .ui.scrolling.table > thead.violet,
2410
+ .ui.scrolling.table > tfoot.violet {
2411
+ background: #ece9fe;
2412
+ color: #ece9fe;
2413
+ }
2414
+ .ui.scrolling.table > thead.violet > tr > th,
2415
+ .ui.scrolling.table > tfoot.violet > tr > th,
2416
+ .ui.scrolling.table > thead.violet > tr > td,
2417
+ .ui.scrolling.table > tfoot.violet > tr > td {
2418
+ background: inherit;
2419
+ color: #6435C9;
2420
+ }
2421
+ .ui.inverted.scrolling.table > thead.violet,
2422
+ .ui.inverted.scrolling.table > tfoot.violet {
2423
+ background: #6435C9;
2424
+ color: #6435C9;
2425
+ }
2426
+ .ui.inverted.scrolling.table > thead.violet > tr > th,
2427
+ .ui.inverted.scrolling.table > tfoot.violet > tr > th,
2428
+ .ui.inverted.scrolling.table > thead.violet > tr > td,
2429
+ .ui.inverted.scrolling.table > tfoot.violet > tr > td {
2430
+ background: inherit;
1521
2431
  color: #FFFFFF;
1522
2432
  }
2433
+ .ui.ui.ui.ui.table tr[class*="violet colored"],
2434
+ .ui.ui.table th[class*="violet colored"],
2435
+ .ui.ui.table td[class*="violet colored"],
1523
2436
  .ui.ui.ui.ui.table tr.violet:not(.marked),
2437
+ .ui.ui.table th.violet:not(.marked),
1524
2438
  .ui.ui.table td.violet:not(.marked) {
1525
2439
  background: #ece9fe;
1526
2440
  color: #6435C9;
1527
2441
  }
2442
+ .ui.table > thead > tr[class*="violet colored"] > th,
2443
+ .ui.table > tfoot > tr[class*="violet colored"] > th,
2444
+ .ui.table > tfoot > tr[class*="violet colored"] > td,
2445
+ .ui.table > thead > tr.violet:not(.marked) > th,
2446
+ .ui.table > tfoot > tr.violet:not(.marked) > th,
2447
+ .ui.table > tfoot > tr.violet:not(.marked) > td {
2448
+ background: inherit;
2449
+ color: #6435C9;
2450
+ }
2451
+ .ui.ui.ui.ui.inverted.table tr[class*="violet colored"],
2452
+ .ui.ui.inverted.table th[class*="violet colored"],
2453
+ .ui.ui.inverted.table td[class*="violet colored"],
2454
+ .ui.ui.ui.ui.inverted.table tr.violet:not(.marked),
2455
+ .ui.ui.inverted.table th.violet:not(.marked),
2456
+ .ui.ui.inverted.table td.violet:not(.marked) {
2457
+ background: #6435C9;
2458
+ color: #FFFFFF;
2459
+ }
2460
+ .ui.inverted.table > thead > tr[class*="violet colored"] > th,
2461
+ .ui.inverted.table > tfoot > tr[class*="violet colored"] > th,
2462
+ .ui.inverted.table > tfoot > tr[class*="violet colored"] > td,
2463
+ .ui.inverted.table > thead > tr.violet:not(.marked) > th,
2464
+ .ui.inverted.table > tfoot > tr.violet:not(.marked) > th,
2465
+ .ui.inverted.table > tfoot > tr.violet:not(.marked) > td {
2466
+ background: inherit;
2467
+ color: #FFFFFF;
2468
+ }
2469
+ .ui.ui.selectable.table tr[class*="violet colored"]:hover,
2470
+ .ui.table tr td.selectable[class*="violet colored"]:hover,
2471
+ .ui.selectable.table tr:hover td[class*="violet colored"],
1528
2472
  .ui.ui.selectable.table tr.violet:not(.marked):hover,
1529
2473
  .ui.table tr td.selectable.violet:not(.marked):hover,
1530
2474
  .ui.selectable.table tr:hover td.violet:not(.marked) {
1531
2475
  background: #e3deff;
1532
2476
  color: #6435C9;
1533
2477
  }
1534
- .ui.table td.marked.violet.left,
1535
- .ui.table tr.marked.violet.left {
2478
+ .ui.ui.inverted.selectable.table tr[class*="violet colored"]:hover,
2479
+ .ui.inverted.table tr td.selectable[class*="violet colored"]:hover,
2480
+ .ui.inverted.selectable.table tr:hover td[class*="violet colored"],
2481
+ .ui.ui.inverted.selectable.table tr.violet:not(.marked):hover,
2482
+ .ui.inverted.table tr td.selectable.violet:not(.marked):hover,
2483
+ .ui.inverted.selectable.table tr:hover td.violet:not(.marked) {
2484
+ background: #745aff;
2485
+ color: #FFFFFF;
2486
+ }
2487
+ .ui.table td[class*="violet marked"].left,
2488
+ .ui.table tr[class*="violet marked"].left {
1536
2489
  -webkit-box-shadow: 0.2em 0 0 0 #6435C9 inset;
1537
2490
  box-shadow: 0.2em 0 0 0 #6435C9 inset;
1538
2491
  }
1539
- .ui.table td.marked.violet.right,
1540
- .ui.table tr.marked.violet.right {
2492
+ .ui.table td[class*="violet marked"].right,
2493
+ .ui.table tr[class*="violet marked"].right {
1541
2494
  -webkit-box-shadow: -0.2em 0 0 0 #6435C9 inset;
1542
2495
  box-shadow: -0.2em 0 0 0 #6435C9 inset;
1543
2496
  }
1544
- .ui.inverted.table td.marked.violet.left,
1545
- .ui.inverted.table tr.marked.violet.left {
2497
+ .ui.inverted.table td[class*="violet marked"].left,
2498
+ .ui.inverted.table tr[class*="violet marked"].left {
1546
2499
  -webkit-box-shadow: 0.2em 0 0 0 #A291FB inset;
1547
2500
  box-shadow: 0.2em 0 0 0 #A291FB inset;
1548
2501
  }
1549
- .ui.inverted.table td.marked.violet.right,
1550
- .ui.inverted.table tr.marked.violet.right {
2502
+ .ui.inverted.table td[class*="violet marked"].right,
2503
+ .ui.inverted.table tr[class*="violet marked"].right {
1551
2504
  -webkit-box-shadow: -0.2em 0 0 0 #A291FB inset;
1552
2505
  box-shadow: -0.2em 0 0 0 #A291FB inset;
1553
2506
  }
@@ -1555,37 +2508,106 @@
1555
2508
  border-top: 0.2em solid #A333C8;
1556
2509
  }
1557
2510
  .ui.inverted.purple.table {
1558
- background-color: #A333C8;
2511
+ background: #A333C8;
2512
+ color: #FFFFFF;
2513
+ }
2514
+
2515
+ /* Same color for background and color to camouflage the scrollbar */
2516
+ .ui.scrolling.table > thead.purple,
2517
+ .ui.scrolling.table > tfoot.purple {
2518
+ background: #f8e3ff;
2519
+ color: #f8e3ff;
2520
+ }
2521
+ .ui.scrolling.table > thead.purple > tr > th,
2522
+ .ui.scrolling.table > tfoot.purple > tr > th,
2523
+ .ui.scrolling.table > thead.purple > tr > td,
2524
+ .ui.scrolling.table > tfoot.purple > tr > td {
2525
+ background: inherit;
2526
+ color: #A333C8;
2527
+ }
2528
+ .ui.inverted.scrolling.table > thead.purple,
2529
+ .ui.inverted.scrolling.table > tfoot.purple {
2530
+ background: #A333C8;
2531
+ color: #A333C8;
2532
+ }
2533
+ .ui.inverted.scrolling.table > thead.purple > tr > th,
2534
+ .ui.inverted.scrolling.table > tfoot.purple > tr > th,
2535
+ .ui.inverted.scrolling.table > thead.purple > tr > td,
2536
+ .ui.inverted.scrolling.table > tfoot.purple > tr > td {
2537
+ background: inherit;
1559
2538
  color: #FFFFFF;
1560
2539
  }
2540
+ .ui.ui.ui.ui.table tr[class*="purple colored"],
2541
+ .ui.ui.table th[class*="purple colored"],
2542
+ .ui.ui.table td[class*="purple colored"],
1561
2543
  .ui.ui.ui.ui.table tr.purple:not(.marked),
2544
+ .ui.ui.table th.purple:not(.marked),
1562
2545
  .ui.ui.table td.purple:not(.marked) {
1563
2546
  background: #f8e3ff;
1564
2547
  color: #A333C8;
1565
2548
  }
2549
+ .ui.table > thead > tr[class*="purple colored"] > th,
2550
+ .ui.table > tfoot > tr[class*="purple colored"] > th,
2551
+ .ui.table > tfoot > tr[class*="purple colored"] > td,
2552
+ .ui.table > thead > tr.purple:not(.marked) > th,
2553
+ .ui.table > tfoot > tr.purple:not(.marked) > th,
2554
+ .ui.table > tfoot > tr.purple:not(.marked) > td {
2555
+ background: inherit;
2556
+ color: #A333C8;
2557
+ }
2558
+ .ui.ui.ui.ui.inverted.table tr[class*="purple colored"],
2559
+ .ui.ui.inverted.table th[class*="purple colored"],
2560
+ .ui.ui.inverted.table td[class*="purple colored"],
2561
+ .ui.ui.ui.ui.inverted.table tr.purple:not(.marked),
2562
+ .ui.ui.inverted.table th.purple:not(.marked),
2563
+ .ui.ui.inverted.table td.purple:not(.marked) {
2564
+ background: #A333C8;
2565
+ color: #FFFFFF;
2566
+ }
2567
+ .ui.inverted.table > thead > tr[class*="purple colored"] > th,
2568
+ .ui.inverted.table > tfoot > tr[class*="purple colored"] > th,
2569
+ .ui.inverted.table > tfoot > tr[class*="purple colored"] > td,
2570
+ .ui.inverted.table > thead > tr.purple:not(.marked) > th,
2571
+ .ui.inverted.table > tfoot > tr.purple:not(.marked) > th,
2572
+ .ui.inverted.table > tfoot > tr.purple:not(.marked) > td {
2573
+ background: inherit;
2574
+ color: #FFFFFF;
2575
+ }
2576
+ .ui.ui.selectable.table tr[class*="purple colored"]:hover,
2577
+ .ui.table tr td.selectable[class*="purple colored"]:hover,
2578
+ .ui.selectable.table tr:hover td[class*="purple colored"],
1566
2579
  .ui.ui.selectable.table tr.purple:not(.marked):hover,
1567
2580
  .ui.table tr td.selectable.purple:not(.marked):hover,
1568
2581
  .ui.selectable.table tr:hover td.purple:not(.marked) {
1569
2582
  background: #f5d9ff;
1570
2583
  color: #A333C8;
1571
2584
  }
1572
- .ui.table td.marked.purple.left,
1573
- .ui.table tr.marked.purple.left {
2585
+ .ui.ui.inverted.selectable.table tr[class*="purple colored"]:hover,
2586
+ .ui.inverted.table tr td.selectable[class*="purple colored"]:hover,
2587
+ .ui.inverted.selectable.table tr:hover td[class*="purple colored"],
2588
+ .ui.ui.inverted.selectable.table tr.purple:not(.marked):hover,
2589
+ .ui.inverted.table tr td.selectable.purple:not(.marked):hover,
2590
+ .ui.inverted.selectable.table tr:hover td.purple:not(.marked) {
2591
+ background: #cf40ff;
2592
+ color: #FFFFFF;
2593
+ }
2594
+ .ui.table td[class*="purple marked"].left,
2595
+ .ui.table tr[class*="purple marked"].left {
1574
2596
  -webkit-box-shadow: 0.2em 0 0 0 #A333C8 inset;
1575
2597
  box-shadow: 0.2em 0 0 0 #A333C8 inset;
1576
2598
  }
1577
- .ui.table td.marked.purple.right,
1578
- .ui.table tr.marked.purple.right {
2599
+ .ui.table td[class*="purple marked"].right,
2600
+ .ui.table tr[class*="purple marked"].right {
1579
2601
  -webkit-box-shadow: -0.2em 0 0 0 #A333C8 inset;
1580
2602
  box-shadow: -0.2em 0 0 0 #A333C8 inset;
1581
2603
  }
1582
- .ui.inverted.table td.marked.purple.left,
1583
- .ui.inverted.table tr.marked.purple.left {
2604
+ .ui.inverted.table td[class*="purple marked"].left,
2605
+ .ui.inverted.table tr[class*="purple marked"].left {
1584
2606
  -webkit-box-shadow: 0.2em 0 0 0 #DC73FF inset;
1585
2607
  box-shadow: 0.2em 0 0 0 #DC73FF inset;
1586
2608
  }
1587
- .ui.inverted.table td.marked.purple.right,
1588
- .ui.inverted.table tr.marked.purple.right {
2609
+ .ui.inverted.table td[class*="purple marked"].right,
2610
+ .ui.inverted.table tr[class*="purple marked"].right {
1589
2611
  -webkit-box-shadow: -0.2em 0 0 0 #DC73FF inset;
1590
2612
  box-shadow: -0.2em 0 0 0 #DC73FF inset;
1591
2613
  }
@@ -1593,37 +2615,106 @@
1593
2615
  border-top: 0.2em solid #E03997;
1594
2616
  }
1595
2617
  .ui.inverted.pink.table {
1596
- background-color: #E03997;
2618
+ background: #E03997;
1597
2619
  color: #FFFFFF;
1598
2620
  }
2621
+
2622
+ /* Same color for background and color to camouflage the scrollbar */
2623
+ .ui.scrolling.table > thead.pink,
2624
+ .ui.scrolling.table > tfoot.pink {
2625
+ background: #ffe8f9;
2626
+ color: #ffe8f9;
2627
+ }
2628
+ .ui.scrolling.table > thead.pink > tr > th,
2629
+ .ui.scrolling.table > tfoot.pink > tr > th,
2630
+ .ui.scrolling.table > thead.pink > tr > td,
2631
+ .ui.scrolling.table > tfoot.pink > tr > td {
2632
+ background: inherit;
2633
+ color: #E03997;
2634
+ }
2635
+ .ui.inverted.scrolling.table > thead.pink,
2636
+ .ui.inverted.scrolling.table > tfoot.pink {
2637
+ background: #E03997;
2638
+ color: #E03997;
2639
+ }
2640
+ .ui.inverted.scrolling.table > thead.pink > tr > th,
2641
+ .ui.inverted.scrolling.table > tfoot.pink > tr > th,
2642
+ .ui.inverted.scrolling.table > thead.pink > tr > td,
2643
+ .ui.inverted.scrolling.table > tfoot.pink > tr > td {
2644
+ background: inherit;
2645
+ color: #FFFFFF;
2646
+ }
2647
+ .ui.ui.ui.ui.table tr[class*="pink colored"],
2648
+ .ui.ui.table th[class*="pink colored"],
2649
+ .ui.ui.table td[class*="pink colored"],
1599
2650
  .ui.ui.ui.ui.table tr.pink:not(.marked),
2651
+ .ui.ui.table th.pink:not(.marked),
1600
2652
  .ui.ui.table td.pink:not(.marked) {
1601
2653
  background: #ffe8f9;
1602
2654
  color: #E03997;
1603
2655
  }
2656
+ .ui.table > thead > tr[class*="pink colored"] > th,
2657
+ .ui.table > tfoot > tr[class*="pink colored"] > th,
2658
+ .ui.table > tfoot > tr[class*="pink colored"] > td,
2659
+ .ui.table > thead > tr.pink:not(.marked) > th,
2660
+ .ui.table > tfoot > tr.pink:not(.marked) > th,
2661
+ .ui.table > tfoot > tr.pink:not(.marked) > td {
2662
+ background: inherit;
2663
+ color: #E03997;
2664
+ }
2665
+ .ui.ui.ui.ui.inverted.table tr[class*="pink colored"],
2666
+ .ui.ui.inverted.table th[class*="pink colored"],
2667
+ .ui.ui.inverted.table td[class*="pink colored"],
2668
+ .ui.ui.ui.ui.inverted.table tr.pink:not(.marked),
2669
+ .ui.ui.inverted.table th.pink:not(.marked),
2670
+ .ui.ui.inverted.table td.pink:not(.marked) {
2671
+ background: #E03997;
2672
+ color: #FFFFFF;
2673
+ }
2674
+ .ui.inverted.table > thead > tr[class*="pink colored"] > th,
2675
+ .ui.inverted.table > tfoot > tr[class*="pink colored"] > th,
2676
+ .ui.inverted.table > tfoot > tr[class*="pink colored"] > td,
2677
+ .ui.inverted.table > thead > tr.pink:not(.marked) > th,
2678
+ .ui.inverted.table > tfoot > tr.pink:not(.marked) > th,
2679
+ .ui.inverted.table > tfoot > tr.pink:not(.marked) > td {
2680
+ background: inherit;
2681
+ color: #FFFFFF;
2682
+ }
2683
+ .ui.ui.selectable.table tr[class*="pink colored"]:hover,
2684
+ .ui.table tr td.selectable[class*="pink colored"]:hover,
2685
+ .ui.selectable.table tr:hover td[class*="pink colored"],
1604
2686
  .ui.ui.selectable.table tr.pink:not(.marked):hover,
1605
2687
  .ui.table tr td.selectable.pink:not(.marked):hover,
1606
2688
  .ui.selectable.table tr:hover td.pink:not(.marked) {
1607
2689
  background: #ffdef6;
1608
2690
  color: #E03997;
1609
2691
  }
1610
- .ui.table td.marked.pink.left,
1611
- .ui.table tr.marked.pink.left {
2692
+ .ui.ui.inverted.selectable.table tr[class*="pink colored"]:hover,
2693
+ .ui.inverted.table tr td.selectable[class*="pink colored"]:hover,
2694
+ .ui.inverted.selectable.table tr:hover td[class*="pink colored"],
2695
+ .ui.ui.inverted.selectable.table tr.pink:not(.marked):hover,
2696
+ .ui.inverted.table tr td.selectable.pink:not(.marked):hover,
2697
+ .ui.inverted.selectable.table tr:hover td.pink:not(.marked) {
2698
+ background: #ff5bd1;
2699
+ color: #FFFFFF;
2700
+ }
2701
+ .ui.table td[class*="pink marked"].left,
2702
+ .ui.table tr[class*="pink marked"].left {
1612
2703
  -webkit-box-shadow: 0.2em 0 0 0 #E03997 inset;
1613
2704
  box-shadow: 0.2em 0 0 0 #E03997 inset;
1614
2705
  }
1615
- .ui.table td.marked.pink.right,
1616
- .ui.table tr.marked.pink.right {
2706
+ .ui.table td[class*="pink marked"].right,
2707
+ .ui.table tr[class*="pink marked"].right {
1617
2708
  -webkit-box-shadow: -0.2em 0 0 0 #E03997 inset;
1618
2709
  box-shadow: -0.2em 0 0 0 #E03997 inset;
1619
2710
  }
1620
- .ui.inverted.table td.marked.pink.left,
1621
- .ui.inverted.table tr.marked.pink.left {
2711
+ .ui.inverted.table td[class*="pink marked"].left,
2712
+ .ui.inverted.table tr[class*="pink marked"].left {
1622
2713
  -webkit-box-shadow: 0.2em 0 0 0 #FF8EDF inset;
1623
2714
  box-shadow: 0.2em 0 0 0 #FF8EDF inset;
1624
2715
  }
1625
- .ui.inverted.table td.marked.pink.right,
1626
- .ui.inverted.table tr.marked.pink.right {
2716
+ .ui.inverted.table td[class*="pink marked"].right,
2717
+ .ui.inverted.table tr[class*="pink marked"].right {
1627
2718
  -webkit-box-shadow: -0.2em 0 0 0 #FF8EDF inset;
1628
2719
  box-shadow: -0.2em 0 0 0 #FF8EDF inset;
1629
2720
  }
@@ -1631,37 +2722,106 @@
1631
2722
  border-top: 0.2em solid #A5673F;
1632
2723
  }
1633
2724
  .ui.inverted.brown.table {
1634
- background-color: #A5673F;
2725
+ background: #A5673F;
2726
+ color: #FFFFFF;
2727
+ }
2728
+
2729
+ /* Same color for background and color to camouflage the scrollbar */
2730
+ .ui.scrolling.table > thead.brown,
2731
+ .ui.scrolling.table > tfoot.brown {
2732
+ background: #f7e5d2;
2733
+ color: #f7e5d2;
2734
+ }
2735
+ .ui.scrolling.table > thead.brown > tr > th,
2736
+ .ui.scrolling.table > tfoot.brown > tr > th,
2737
+ .ui.scrolling.table > thead.brown > tr > td,
2738
+ .ui.scrolling.table > tfoot.brown > tr > td {
2739
+ background: inherit;
2740
+ color: #A5673F;
2741
+ }
2742
+ .ui.inverted.scrolling.table > thead.brown,
2743
+ .ui.inverted.scrolling.table > tfoot.brown {
2744
+ background: #A5673F;
2745
+ color: #A5673F;
2746
+ }
2747
+ .ui.inverted.scrolling.table > thead.brown > tr > th,
2748
+ .ui.inverted.scrolling.table > tfoot.brown > tr > th,
2749
+ .ui.inverted.scrolling.table > thead.brown > tr > td,
2750
+ .ui.inverted.scrolling.table > tfoot.brown > tr > td {
2751
+ background: inherit;
1635
2752
  color: #FFFFFF;
1636
2753
  }
2754
+ .ui.ui.ui.ui.table tr[class*="brown colored"],
2755
+ .ui.ui.table th[class*="brown colored"],
2756
+ .ui.ui.table td[class*="brown colored"],
1637
2757
  .ui.ui.ui.ui.table tr.brown:not(.marked),
2758
+ .ui.ui.table th.brown:not(.marked),
1638
2759
  .ui.ui.table td.brown:not(.marked) {
1639
2760
  background: #f7e5d2;
1640
2761
  color: #A5673F;
1641
2762
  }
2763
+ .ui.table > thead > tr[class*="brown colored"] > th,
2764
+ .ui.table > tfoot > tr[class*="brown colored"] > th,
2765
+ .ui.table > tfoot > tr[class*="brown colored"] > td,
2766
+ .ui.table > thead > tr.brown:not(.marked) > th,
2767
+ .ui.table > tfoot > tr.brown:not(.marked) > th,
2768
+ .ui.table > tfoot > tr.brown:not(.marked) > td {
2769
+ background: inherit;
2770
+ color: #A5673F;
2771
+ }
2772
+ .ui.ui.ui.ui.inverted.table tr[class*="brown colored"],
2773
+ .ui.ui.inverted.table th[class*="brown colored"],
2774
+ .ui.ui.inverted.table td[class*="brown colored"],
2775
+ .ui.ui.ui.ui.inverted.table tr.brown:not(.marked),
2776
+ .ui.ui.inverted.table th.brown:not(.marked),
2777
+ .ui.ui.inverted.table td.brown:not(.marked) {
2778
+ background: #A5673F;
2779
+ color: #FFFFFF;
2780
+ }
2781
+ .ui.inverted.table > thead > tr[class*="brown colored"] > th,
2782
+ .ui.inverted.table > tfoot > tr[class*="brown colored"] > th,
2783
+ .ui.inverted.table > tfoot > tr[class*="brown colored"] > td,
2784
+ .ui.inverted.table > thead > tr.brown:not(.marked) > th,
2785
+ .ui.inverted.table > tfoot > tr.brown:not(.marked) > th,
2786
+ .ui.inverted.table > tfoot > tr.brown:not(.marked) > td {
2787
+ background: inherit;
2788
+ color: #FFFFFF;
2789
+ }
2790
+ .ui.ui.selectable.table tr[class*="brown colored"]:hover,
2791
+ .ui.table tr td.selectable[class*="brown colored"]:hover,
2792
+ .ui.selectable.table tr:hover td[class*="brown colored"],
1642
2793
  .ui.ui.selectable.table tr.brown:not(.marked):hover,
1643
2794
  .ui.table tr td.selectable.brown:not(.marked):hover,
1644
2795
  .ui.selectable.table tr:hover td.brown:not(.marked) {
1645
2796
  background: #efe0cf;
1646
2797
  color: #A5673F;
1647
2798
  }
1648
- .ui.table td.marked.brown.left,
1649
- .ui.table tr.marked.brown.left {
2799
+ .ui.ui.inverted.selectable.table tr[class*="brown colored"]:hover,
2800
+ .ui.inverted.table tr td.selectable[class*="brown colored"]:hover,
2801
+ .ui.inverted.selectable.table tr:hover td[class*="brown colored"],
2802
+ .ui.ui.inverted.selectable.table tr.brown:not(.marked):hover,
2803
+ .ui.inverted.table tr td.selectable.brown:not(.marked):hover,
2804
+ .ui.inverted.selectable.table tr:hover td.brown:not(.marked) {
2805
+ background: #b0620f;
2806
+ color: #FFFFFF;
2807
+ }
2808
+ .ui.table td[class*="brown marked"].left,
2809
+ .ui.table tr[class*="brown marked"].left {
1650
2810
  -webkit-box-shadow: 0.2em 0 0 0 #A5673F inset;
1651
2811
  box-shadow: 0.2em 0 0 0 #A5673F inset;
1652
2812
  }
1653
- .ui.table td.marked.brown.right,
1654
- .ui.table tr.marked.brown.right {
2813
+ .ui.table td[class*="brown marked"].right,
2814
+ .ui.table tr[class*="brown marked"].right {
1655
2815
  -webkit-box-shadow: -0.2em 0 0 0 #A5673F inset;
1656
2816
  box-shadow: -0.2em 0 0 0 #A5673F inset;
1657
2817
  }
1658
- .ui.inverted.table td.marked.brown.left,
1659
- .ui.inverted.table tr.marked.brown.left {
2818
+ .ui.inverted.table td[class*="brown marked"].left,
2819
+ .ui.inverted.table tr[class*="brown marked"].left {
1660
2820
  -webkit-box-shadow: 0.2em 0 0 0 #D67C1C inset;
1661
2821
  box-shadow: 0.2em 0 0 0 #D67C1C inset;
1662
2822
  }
1663
- .ui.inverted.table td.marked.brown.right,
1664
- .ui.inverted.table tr.marked.brown.right {
2823
+ .ui.inverted.table td[class*="brown marked"].right,
2824
+ .ui.inverted.table tr[class*="brown marked"].right {
1665
2825
  -webkit-box-shadow: -0.2em 0 0 0 #D67C1C inset;
1666
2826
  box-shadow: -0.2em 0 0 0 #D67C1C inset;
1667
2827
  }
@@ -1669,37 +2829,106 @@
1669
2829
  border-top: 0.2em solid #767676;
1670
2830
  }
1671
2831
  .ui.inverted.grey.table {
1672
- background-color: #767676;
2832
+ background: #767676;
2833
+ color: #FFFFFF;
2834
+ }
2835
+
2836
+ /* Same color for background and color to camouflage the scrollbar */
2837
+ .ui.scrolling.table > thead.grey,
2838
+ .ui.scrolling.table > tfoot.grey {
2839
+ background: #DCDDDE;
2840
+ color: #DCDDDE;
2841
+ }
2842
+ .ui.scrolling.table > thead.grey > tr > th,
2843
+ .ui.scrolling.table > tfoot.grey > tr > th,
2844
+ .ui.scrolling.table > thead.grey > tr > td,
2845
+ .ui.scrolling.table > tfoot.grey > tr > td {
2846
+ background: inherit;
2847
+ color: #767676;
2848
+ }
2849
+ .ui.inverted.scrolling.table > thead.grey,
2850
+ .ui.inverted.scrolling.table > tfoot.grey {
2851
+ background: #767676;
2852
+ color: #767676;
2853
+ }
2854
+ .ui.inverted.scrolling.table > thead.grey > tr > th,
2855
+ .ui.inverted.scrolling.table > tfoot.grey > tr > th,
2856
+ .ui.inverted.scrolling.table > thead.grey > tr > td,
2857
+ .ui.inverted.scrolling.table > tfoot.grey > tr > td {
2858
+ background: inherit;
1673
2859
  color: #FFFFFF;
1674
2860
  }
2861
+ .ui.ui.ui.ui.table tr[class*="grey colored"],
2862
+ .ui.ui.table th[class*="grey colored"],
2863
+ .ui.ui.table td[class*="grey colored"],
1675
2864
  .ui.ui.ui.ui.table tr.grey:not(.marked),
2865
+ .ui.ui.table th.grey:not(.marked),
1676
2866
  .ui.ui.table td.grey:not(.marked) {
1677
2867
  background: #DCDDDE;
1678
2868
  color: #767676;
1679
2869
  }
2870
+ .ui.table > thead > tr[class*="grey colored"] > th,
2871
+ .ui.table > tfoot > tr[class*="grey colored"] > th,
2872
+ .ui.table > tfoot > tr[class*="grey colored"] > td,
2873
+ .ui.table > thead > tr.grey:not(.marked) > th,
2874
+ .ui.table > tfoot > tr.grey:not(.marked) > th,
2875
+ .ui.table > tfoot > tr.grey:not(.marked) > td {
2876
+ background: inherit;
2877
+ color: #767676;
2878
+ }
2879
+ .ui.ui.ui.ui.inverted.table tr[class*="grey colored"],
2880
+ .ui.ui.inverted.table th[class*="grey colored"],
2881
+ .ui.ui.inverted.table td[class*="grey colored"],
2882
+ .ui.ui.ui.ui.inverted.table tr.grey:not(.marked),
2883
+ .ui.ui.inverted.table th.grey:not(.marked),
2884
+ .ui.ui.inverted.table td.grey:not(.marked) {
2885
+ background: #767676;
2886
+ color: #FFFFFF;
2887
+ }
2888
+ .ui.inverted.table > thead > tr[class*="grey colored"] > th,
2889
+ .ui.inverted.table > tfoot > tr[class*="grey colored"] > th,
2890
+ .ui.inverted.table > tfoot > tr[class*="grey colored"] > td,
2891
+ .ui.inverted.table > thead > tr.grey:not(.marked) > th,
2892
+ .ui.inverted.table > tfoot > tr.grey:not(.marked) > th,
2893
+ .ui.inverted.table > tfoot > tr.grey:not(.marked) > td {
2894
+ background: inherit;
2895
+ color: #FFFFFF;
2896
+ }
2897
+ .ui.ui.selectable.table tr[class*="grey colored"]:hover,
2898
+ .ui.table tr td.selectable[class*="grey colored"]:hover,
2899
+ .ui.selectable.table tr:hover td[class*="grey colored"],
1680
2900
  .ui.ui.selectable.table tr.grey:not(.marked):hover,
1681
2901
  .ui.table tr td.selectable.grey:not(.marked):hover,
1682
2902
  .ui.selectable.table tr:hover td.grey:not(.marked) {
1683
2903
  background: #c2c4c5;
1684
2904
  color: #767676;
1685
2905
  }
1686
- .ui.table td.marked.grey.left,
1687
- .ui.table tr.marked.grey.left {
2906
+ .ui.ui.inverted.selectable.table tr[class*="grey colored"]:hover,
2907
+ .ui.inverted.table tr td.selectable[class*="grey colored"]:hover,
2908
+ .ui.inverted.selectable.table tr:hover td[class*="grey colored"],
2909
+ .ui.ui.inverted.selectable.table tr.grey:not(.marked):hover,
2910
+ .ui.inverted.table tr td.selectable.grey:not(.marked):hover,
2911
+ .ui.inverted.selectable.table tr:hover td.grey:not(.marked) {
2912
+ background: #c2c4c5;
2913
+ color: #FFFFFF;
2914
+ }
2915
+ .ui.table td[class*="grey marked"].left,
2916
+ .ui.table tr[class*="grey marked"].left {
1688
2917
  -webkit-box-shadow: 0.2em 0 0 0 #767676 inset;
1689
2918
  box-shadow: 0.2em 0 0 0 #767676 inset;
1690
2919
  }
1691
- .ui.table td.marked.grey.right,
1692
- .ui.table tr.marked.grey.right {
2920
+ .ui.table td[class*="grey marked"].right,
2921
+ .ui.table tr[class*="grey marked"].right {
1693
2922
  -webkit-box-shadow: -0.2em 0 0 0 #767676 inset;
1694
2923
  box-shadow: -0.2em 0 0 0 #767676 inset;
1695
2924
  }
1696
- .ui.inverted.table td.marked.grey.left,
1697
- .ui.inverted.table tr.marked.grey.left {
2925
+ .ui.inverted.table td[class*="grey marked"].left,
2926
+ .ui.inverted.table tr[class*="grey marked"].left {
1698
2927
  -webkit-box-shadow: 0.2em 0 0 0 #DCDDDE inset;
1699
2928
  box-shadow: 0.2em 0 0 0 #DCDDDE inset;
1700
2929
  }
1701
- .ui.inverted.table td.marked.grey.right,
1702
- .ui.inverted.table tr.marked.grey.right {
2930
+ .ui.inverted.table td[class*="grey marked"].right,
2931
+ .ui.inverted.table tr[class*="grey marked"].right {
1703
2932
  -webkit-box-shadow: -0.2em 0 0 0 #DCDDDE inset;
1704
2933
  box-shadow: -0.2em 0 0 0 #DCDDDE inset;
1705
2934
  }
@@ -1707,44 +2936,113 @@
1707
2936
  border-top: 0.2em solid #1B1C1D;
1708
2937
  }
1709
2938
  .ui.inverted.black.table {
1710
- background-color: #1B1C1D;
2939
+ background: #1B1C1D;
1711
2940
  color: #FFFFFF;
1712
2941
  }
2942
+
2943
+ /* Same color for background and color to camouflage the scrollbar */
2944
+ .ui.scrolling.table > thead.black,
2945
+ .ui.scrolling.table > tfoot.black {
2946
+ background: #545454;
2947
+ color: #545454;
2948
+ }
2949
+ .ui.scrolling.table > thead.black > tr > th,
2950
+ .ui.scrolling.table > tfoot.black > tr > th,
2951
+ .ui.scrolling.table > thead.black > tr > td,
2952
+ .ui.scrolling.table > tfoot.black > tr > td {
2953
+ background: inherit;
2954
+ color: #FFFFFF;
2955
+ }
2956
+ .ui.inverted.scrolling.table > thead.black,
2957
+ .ui.inverted.scrolling.table > tfoot.black {
2958
+ background: #1B1C1D;
2959
+ color: #1B1C1D;
2960
+ }
2961
+ .ui.inverted.scrolling.table > thead.black > tr > th,
2962
+ .ui.inverted.scrolling.table > tfoot.black > tr > th,
2963
+ .ui.inverted.scrolling.table > thead.black > tr > td,
2964
+ .ui.inverted.scrolling.table > tfoot.black > tr > td {
2965
+ background: inherit;
2966
+ color: #FFFFFF;
2967
+ }
2968
+ .ui.ui.ui.ui.table tr[class*="black colored"],
2969
+ .ui.ui.table th[class*="black colored"],
2970
+ .ui.ui.table td[class*="black colored"],
1713
2971
  .ui.ui.ui.ui.table tr.black:not(.marked),
2972
+ .ui.ui.table th.black:not(.marked),
1714
2973
  .ui.ui.table td.black:not(.marked) {
1715
2974
  background: #545454;
1716
2975
  color: #FFFFFF;
1717
2976
  }
2977
+ .ui.table > thead > tr[class*="black colored"] > th,
2978
+ .ui.table > tfoot > tr[class*="black colored"] > th,
2979
+ .ui.table > tfoot > tr[class*="black colored"] > td,
2980
+ .ui.table > thead > tr.black:not(.marked) > th,
2981
+ .ui.table > tfoot > tr.black:not(.marked) > th,
2982
+ .ui.table > tfoot > tr.black:not(.marked) > td {
2983
+ background: inherit;
2984
+ color: #FFFFFF;
2985
+ }
2986
+ .ui.ui.ui.ui.inverted.table tr[class*="black colored"],
2987
+ .ui.ui.inverted.table th[class*="black colored"],
2988
+ .ui.ui.inverted.table td[class*="black colored"],
2989
+ .ui.ui.ui.ui.inverted.table tr.black:not(.marked),
2990
+ .ui.ui.inverted.table th.black:not(.marked),
2991
+ .ui.ui.inverted.table td.black:not(.marked) {
2992
+ background: #1B1C1D;
2993
+ color: #FFFFFF;
2994
+ }
2995
+ .ui.inverted.table > thead > tr[class*="black colored"] > th,
2996
+ .ui.inverted.table > tfoot > tr[class*="black colored"] > th,
2997
+ .ui.inverted.table > tfoot > tr[class*="black colored"] > td,
2998
+ .ui.inverted.table > thead > tr.black:not(.marked) > th,
2999
+ .ui.inverted.table > tfoot > tr.black:not(.marked) > th,
3000
+ .ui.inverted.table > tfoot > tr.black:not(.marked) > td {
3001
+ background: inherit;
3002
+ color: #FFFFFF;
3003
+ }
3004
+ .ui.ui.selectable.table tr[class*="black colored"]:hover,
3005
+ .ui.table tr td.selectable[class*="black colored"]:hover,
3006
+ .ui.selectable.table tr:hover td[class*="black colored"],
1718
3007
  .ui.ui.selectable.table tr.black:not(.marked):hover,
1719
3008
  .ui.table tr td.selectable.black:not(.marked):hover,
1720
3009
  .ui.selectable.table tr:hover td.black:not(.marked) {
1721
3010
  background: #000000;
1722
3011
  color: #FFFFFF;
1723
3012
  }
1724
- .ui.table td.marked.black.left,
1725
- .ui.table tr.marked.black.left {
3013
+ .ui.ui.inverted.selectable.table tr[class*="black colored"]:hover,
3014
+ .ui.inverted.table tr td.selectable[class*="black colored"]:hover,
3015
+ .ui.inverted.selectable.table tr:hover td[class*="black colored"],
3016
+ .ui.ui.inverted.selectable.table tr.black:not(.marked):hover,
3017
+ .ui.inverted.table tr td.selectable.black:not(.marked):hover,
3018
+ .ui.inverted.selectable.table tr:hover td.black:not(.marked) {
3019
+ background: #000000;
3020
+ color: #1B1C1D;
3021
+ }
3022
+ .ui.table td[class*="black marked"].left,
3023
+ .ui.table tr[class*="black marked"].left {
1726
3024
  -webkit-box-shadow: 0.2em 0 0 0 #1B1C1D inset;
1727
3025
  box-shadow: 0.2em 0 0 0 #1B1C1D inset;
1728
3026
  }
1729
- .ui.table td.marked.black.right,
1730
- .ui.table tr.marked.black.right {
3027
+ .ui.table td[class*="black marked"].right,
3028
+ .ui.table tr[class*="black marked"].right {
1731
3029
  -webkit-box-shadow: -0.2em 0 0 0 #1B1C1D inset;
1732
3030
  box-shadow: -0.2em 0 0 0 #1B1C1D inset;
1733
3031
  }
1734
- .ui.inverted.table td.marked.black.left,
1735
- .ui.inverted.table tr.marked.black.left {
3032
+ .ui.inverted.table td[class*="black marked"].left,
3033
+ .ui.inverted.table tr[class*="black marked"].left {
1736
3034
  -webkit-box-shadow: 0.2em 0 0 0 #545454 inset;
1737
3035
  box-shadow: 0.2em 0 0 0 #545454 inset;
1738
3036
  }
1739
- .ui.inverted.table td.marked.black.right,
1740
- .ui.inverted.table tr.marked.black.right {
3037
+ .ui.inverted.table td[class*="black marked"].right,
3038
+ .ui.inverted.table tr[class*="black marked"].right {
1741
3039
  -webkit-box-shadow: -0.2em 0 0 0 #545454 inset;
1742
3040
  box-shadow: -0.2em 0 0 0 #545454 inset;
1743
3041
  }
1744
3042
 
1745
3043
  /*--------------
1746
- Column Count
1747
- ---------------*/
3044
+ Column Count
3045
+ ---------------*/
1748
3046
 
1749
3047
 
1750
3048
  /* Grid Based */
@@ -1870,11 +3168,10 @@
1870
3168
  .ui.sortable.table > thead > tr > th {
1871
3169
  cursor: pointer;
1872
3170
  white-space: nowrap;
1873
- border-left: 1px solid rgba(34, 36, 38, 0.15);
1874
3171
  color: rgba(0, 0, 0, 0.87);
1875
3172
  }
1876
- .ui.sortable.table > thead > tr > th:first-child {
1877
- border-left: none;
3173
+ .ui.celled.sortable.table > thead > tr > th:not(:first-child) {
3174
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
1878
3175
  }
1879
3176
  .ui.sortable.table thead th.sorted,
1880
3177
  .ui.sortable.table thead th.sorted:hover {
@@ -1883,7 +3180,7 @@
1883
3180
  -ms-user-select: none;
1884
3181
  user-select: none;
1885
3182
  }
1886
- .ui.sortable.table > thead > tr > th:after {
3183
+ .ui.sortable.table > thead > tr > th::after {
1887
3184
  display: none;
1888
3185
  font-style: normal;
1889
3186
  font-weight: normal;
@@ -1895,10 +3192,10 @@
1895
3192
  margin: 0 0 0 0.5em;
1896
3193
  font-family: 'Icons';
1897
3194
  }
1898
- .ui.sortable.table thead th.ascending:after {
3195
+ .ui.sortable.table thead th.ascending::after {
1899
3196
  content: '\f0d8';
1900
3197
  }
1901
- .ui.sortable.table thead th.descending:after {
3198
+ .ui.sortable.table thead th.descending::after {
1902
3199
  content: '\f0d7';
1903
3200
  }
1904
3201
 
@@ -1921,7 +3218,7 @@
1921
3218
  .ui.sortable.table:not(.basic) thead th.sorted {
1922
3219
  background: rgba(0, 0, 0, 0.05);
1923
3220
  }
1924
- .ui.sortable.table thead th.sorted:after {
3221
+ .ui.sortable.table thead th.sorted::after {
1925
3222
  display: inline-block;
1926
3223
  }
1927
3224
 
@@ -1968,13 +3265,17 @@
1968
3265
  }
1969
3266
  .ui.ui.inverted.table > thead > tr > th,
1970
3267
  .ui.ui.inverted.table > tbody > tr > th,
1971
- .ui.ui.inverted.table > tfoot > tr > th,
1972
- .ui.ui.inverted.table > tfoot > tr > td,
1973
3268
  .ui.ui.inverted.table > tr > th {
1974
3269
  background-color: rgba(0, 0, 0, 0.15);
1975
3270
  border-color: rgba(255, 255, 255, 0.1);
1976
3271
  color: rgba(255, 255, 255, 0.9);
1977
3272
  }
3273
+ .ui.ui.inverted.table > tfoot > tr > th,
3274
+ .ui.ui.inverted.table > tfoot > tr > td {
3275
+ background-color: rgba(0, 0, 0, 0.15);
3276
+ border-color: rgba(255, 255, 255, 0.1);
3277
+ color: rgba(255, 255, 255, 0.9);
3278
+ }
1978
3279
  .ui.inverted.table > tbody > tr > td,
1979
3280
  .ui.inverted.table > tfoot > tr > td,
1980
3281
  .ui.inverted.table > tr > td {
@@ -1987,7 +3288,7 @@
1987
3288
  pointer-events: none;
1988
3289
  color: rgba(225, 225, 225, 0.3);
1989
3290
  }
1990
- .ui.inverted.table tr td.disabled:not([class="disabled"]),
3291
+ .ui.ui.ui.inverted.table tr td.disabled:not([class="disabled"]),
1991
3292
  .ui.inverted.table tr.disabled:not([class="disabled"]) td,
1992
3293
  .ui.inverted.table tr.disabled td[class]:not(.disabled),
1993
3294
  .ui.inverted.table tr:hover td.disabled:not([class="disabled"]) {
@@ -2175,6 +3476,117 @@
2175
3476
  padding: 0.4em 0.6em;
2176
3477
  }
2177
3478
 
3479
+ /*--------------
3480
+ Stuck
3481
+ ---------------*/
3482
+
3483
+ .ui.stuck.table:not(.inverted) {
3484
+ background: #FFFFFF;
3485
+ }
3486
+ .ui.stuck.table:not(.inverted) > thead > tr {
3487
+ background: #F9FAFB;
3488
+ }
3489
+ .ui.stuck.table:not(.inverted) > tbody > tr {
3490
+ background: #FFFFFF;
3491
+ }
3492
+ .ui.stuck.table:not(.inverted) > tfoot > tr {
3493
+ background: #F9FAFB;
3494
+ }
3495
+ .ui.stuck.table:not(.inverted).basic > thead > tr,
3496
+ .ui.stuck.table:not(.inverted).basic > tfoot > tr {
3497
+ background: #FFFFFF;
3498
+ }
3499
+ .ui.inverted.stuck.table > thead > tr {
3500
+ background: #252525;
3501
+ }
3502
+ .ui.inverted.stuck.table > tbody > tr {
3503
+ background: #333333;
3504
+ }
3505
+ .ui.inverted.stuck.table > tfoot > tr {
3506
+ background: #252525;
3507
+ }
3508
+ .ui.inverted.stuck.table.basic > thead > tr,
3509
+ .ui.inverted.stuck.table.basic > tfoot > tr {
3510
+ background: #333333;
3511
+ }
3512
+ .ui.head.stuck.table > thead,
3513
+ .ui.foot.stuck.table > tfoot {
3514
+ position: sticky;
3515
+ z-index: 800;
3516
+ }
3517
+ .ui.head.stuck.table {
3518
+ border-top: 0;
3519
+ }
3520
+ .ui.head.stuck.table > thead {
3521
+ top: 0;
3522
+ bottom: auto;
3523
+ }
3524
+ .ui.head.stuck.table > thead > tr:first-child > th {
3525
+ border-top: 1px solid rgba(34, 36, 38, 0.1);
3526
+ }
3527
+ .ui.head.stuck.table.inverted > thead > tr:first-child > th {
3528
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
3529
+ }
3530
+ .ui.foot.stuck.table {
3531
+ border-bottom: 0;
3532
+ }
3533
+ .ui.foot.stuck.table > tfoot {
3534
+ top: auto;
3535
+ bottom: 0;
3536
+ }
3537
+ .ui.foot.stuck.table > tfoot > tr:last-child > td,
3538
+ .ui.foot.stuck.table > tfoot > tr:last-child > th {
3539
+ border-bottom: 1px solid rgba(34, 36, 38, 0.1);
3540
+ }
3541
+ .ui.foot.stuck.table.inverted > tfoot > tr:first-child > td,
3542
+ .ui.foot.stuck.table.inverted > tfoot > tr:first-child > th {
3543
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
3544
+ }
3545
+ .ui.first.stuck.table {
3546
+ border-left: 0;
3547
+ }
3548
+ .ui.first.stuck.table th:first-child,
3549
+ .ui.first.stuck.table td:first-child {
3550
+ position: sticky;
3551
+ left: 0;
3552
+ border-left: 1px solid rgba(34, 36, 38, 0.1);
3553
+ background: inherit;
3554
+ }
3555
+ .ui.first.stuck.table.inverted th:first-child,
3556
+ .ui.first.stuck.table.inverted td:first-child {
3557
+ border-left: 1px solid rgba(255, 255, 255, 0.1);
3558
+ }
3559
+ .ui.last.stuck.table {
3560
+ border-right: 0;
3561
+ }
3562
+ .ui.last.stuck.table th:last-child,
3563
+ .ui.last.stuck.table td:last-child {
3564
+ position: sticky;
3565
+ right: 0;
3566
+ border-right: 1px solid rgba(34, 36, 38, 0.1);
3567
+ background: inherit;
3568
+ }
3569
+ .ui.last.stuck.table.inverted th:last-child,
3570
+ .ui.last.stuck.table.inverted td:last-child {
3571
+ border-right: 1px solid rgba(255, 255, 255, 0.1);
3572
+ }
3573
+ .ui.celled.first.stuck.table th:first-child,
3574
+ .ui.celled.first.stuck.table td:first-child {
3575
+ border-right: 1px solid rgba(34, 36, 38, 0.1);
3576
+ }
3577
+ .ui.celled.last.stuck.table th:last-child,
3578
+ .ui.celled.last.stuck.table td:last-child {
3579
+ border-left: 1px solid rgba(34, 36, 38, 0.1);
3580
+ }
3581
+ .ui.inverted.celled.first.stuck.table th:first-child,
3582
+ .ui.inverted.celled.first.stuck.table td:first-child {
3583
+ border-right: 1px solid rgba(255, 255, 255, 0.1);
3584
+ }
3585
+ .ui.inverted.celled.last.stuck.table th:last-child,
3586
+ .ui.inverted.celled.last.stuck.table td:last-child {
3587
+ border-left: 1px solid rgba(255, 255, 255, 0.1);
3588
+ }
3589
+
2178
3590
  /*--------------
2179
3591
  Sizes
2180
3592
  ---------------*/