@northdata/fomantic-ui 2.9.416 → 2.9.419

package/lib/semantic-ui/dist/semantic-packed.css

@@ -1795,7 +1795,6 @@ input::selection {
 
 i.flag:not(.icon) {
   speak: none;
-  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 
@@ -1837,7 +1836,6 @@ i.flag:not(.icon) {
   text-decoration: inherit;
   speak: none;
   -webkit-font-smoothing: antialiased;
-  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 
@@ -2387,15 +2385,15 @@ a.ui.red.header:hover {
 }
 
 .ui.orange.header {
-  color: #f2711c;
+  color: #af6a66;
 }
 
 a.ui.orange.header:hover {
-  color: #f26202;
+  color: #a95752;
 }
 
 .ui.orange.dividing.header {
-  border-bottom: 2px solid #f2711c;
+  border-bottom: 2px solid #af6a66;
 }
 
 .ui.yellow.header {
@@ -2471,39 +2469,39 @@ a.ui.violet.header:hover {
 }
 
 .ui.purple.header {
-  color: #af6690;
+  color: #6667af;
 }
 
 a.ui.purple.header:hover {
-  color: #a95284;
+  color: #5254a9;
 }
 
 .ui.purple.dividing.header {
-  border-bottom: 2px solid #af6690;
+  border-bottom: 2px solid #6667af;
 }
 
 .ui.pink.header {
-  color: #e03997;
+  color: #af6687;
 }
 
 a.ui.pink.header:hover {
-  color: #e61a8d;
+  color: #a9527a;
 }
 
 .ui.pink.dividing.header {
-  border-bottom: 2px solid #e03997;
+  border-bottom: 2px solid #af6687;
 }
 
 .ui.brown.header {
-  color: #af9666;
+  color: #af9066;
 }
 
 a.ui.brown.header:hover {
-  color: #a98b52;
+  color: #a98452;
 }
 
 .ui.brown.dividing.header {
-  border-bottom: 2px solid #af9666;
+  border-bottom: 2px solid #af9066;
 }
 
 .ui.grey.header {
@@ -2775,7 +2773,6 @@ i.icon {
   speak: none;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
-  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 
@@ -2900,7 +2897,7 @@ i.inverted.circular.red.icon.icon.icon.icon.icon.icon {
 }
 
 i.orange.icon.icon.icon.icon.icon.icon {
-  color: #f2711c;
+  color: #af6a66;
 }
 
 i.inverted.orange.icon.icon.icon.icon.icon.icon {
@@ -2909,7 +2906,7 @@ i.inverted.orange.icon.icon.icon.icon.icon.icon {
 
 i.inverted.bordered.orange.icon.icon.icon.icon.icon.icon,
 i.inverted.circular.orange.icon.icon.icon.icon.icon.icon {
-  background-color: #f2711c;
+  background-color: #af6a66;
   color: #fff;
 }
 
@@ -2998,7 +2995,7 @@ i.inverted.circular.violet.icon.icon.icon.icon.icon.icon {
 }
 
 i.purple.icon.icon.icon.icon.icon.icon {
-  color: #af6690;
+  color: #6667af;
 }
 
 i.inverted.purple.icon.icon.icon.icon.icon.icon {
@@ -3007,12 +3004,12 @@ i.inverted.purple.icon.icon.icon.icon.icon.icon {
 
 i.inverted.bordered.purple.icon.icon.icon.icon.icon.icon,
 i.inverted.circular.purple.icon.icon.icon.icon.icon.icon {
-  background-color: #af6690;
+  background-color: #6667af;
   color: #fff;
 }
 
 i.pink.icon.icon.icon.icon.icon.icon {
-  color: #e03997;
+  color: #af6687;
 }
 
 i.inverted.pink.icon.icon.icon.icon.icon.icon {
@@ -3021,12 +3018,12 @@ i.inverted.pink.icon.icon.icon.icon.icon.icon {
 
 i.inverted.bordered.pink.icon.icon.icon.icon.icon.icon,
 i.inverted.circular.pink.icon.icon.icon.icon.icon.icon {
-  background-color: #e03997;
+  background-color: #af6687;
   color: #fff;
 }
 
 i.brown.icon.icon.icon.icon.icon.icon {
-  color: #af9666;
+  color: #af9066;
 }
 
 i.inverted.brown.icon.icon.icon.icon.icon.icon {
@@ -3035,7 +3032,7 @@ i.inverted.brown.icon.icon.icon.icon.icon.icon {
 
 i.inverted.bordered.brown.icon.icon.icon.icon.icon.icon,
 i.inverted.circular.brown.icon.icon.icon.icon.icon.icon {
-  background-color: #af9666;
+  background-color: #af9066;
   color: #fff;
 }
 
@@ -3240,6 +3237,10 @@ i.icon.cart.plus::before {
   content: "\f217";
 }
 
+i.icon.chalkboard.teacher::before {
+  content: "\f51c";
+}
+
 i.icon.chart.bar::before {
   content: "\f080";
 }
@@ -3248,6 +3249,10 @@ i.icon.chart.pie::before {
   content: "\f200";
 }
 
+i.icon.chartline::before {
+  content: "\f201";
+}
+
 i.icon.check::before {
   content: "\f00c";
 }
@@ -3508,6 +3513,10 @@ i.icon.file.word::before {
   content: "\f1c2";
 }
 
+i.icon.filter::before {
+  content: "\f0b0";
+}
+
 i.icon.fingerprint::before {
   content: "\f577";
 }
@@ -3572,10 +3581,38 @@ i.icon.globe.europe::before {
   content: "\f7a2";
 }
 
+i.icon.graduation.cap::before {
+  content: "\f19d";
+}
+
 i.icon.grin.stars::before {
   content: "\f587";
 }
 
+i.icon.hand.holding.usd::before {
+  content: "\f4c0";
+}
+
+i.icon.hand.point.down::before {
+  content: "\f0a7";
+}
+
+i.icon.hand.point.left::before {
+  content: "\f0a5";
+}
+
+i.icon.hand.point.right::before {
+  content: "\f0a4";
+}
+
+i.icon.hand.point.up::before {
+  content: "\f0a6";
+}
+
+i.icon.hand.pointer::before {
+  content: "\f25a";
+}
+
 i.icon.heartbeat::before {
   content: "\f21e";
 }
@@ -3720,6 +3757,10 @@ i.icon.pencil.ruler::before {
   content: "\f5ae";
 }
 
+i.icon.photo.video::before {
+  content: "\f87c";
+}
+
 i.icon.piggy.bank::before {
   content: "\f4d3";
 }
@@ -3748,6 +3789,10 @@ i.icon.print::before {
   content: "\f02f";
 }
 
+i.icon.project.diagram::before {
+  content: "\f542";
+}
+
 i.icon.ruble.sign::before {
   content: "\f158";
 }
@@ -3984,6 +4029,14 @@ i.icon.users.slash::before {
   content: "\e073";
 }
 
+i.icon.video::before {
+  content: "\f03d";
+}
+
+i.icon.video.slash::before {
+  content: "\f4e2";
+}
+
 i.icon.warehouse::before {
   content: "\f494";
 }
@@ -4234,6 +4287,10 @@ i.icon.video.camera::before {
   content: "\f03d";
 }
 
+i.icon.video.play::before {
+  content: "\f144";
+}
+
 i.icon.warning::before {
   content: "\f12a";
 }
@@ -4400,6 +4457,26 @@ i.icon.grin.stars.outline::before {
   content: "\f587";
 }
 
+i.icon.hand.point.down.outline::before {
+  content: "\f0a7";
+}
+
+i.icon.hand.point.left.outline::before {
+  content: "\f0a5";
+}
+
+i.icon.hand.point.right.outline::before {
+  content: "\f0a4";
+}
+
+i.icon.hand.point.up.outline::before {
+  content: "\f0a6";
+}
+
+i.icon.hand.pointer.outline::before {
+  content: "\f25a";
+}
+
 i.icon.lightbulb.outline::before {
   content: "\f0eb";
 }
@@ -6672,8 +6749,8 @@ a.ui.ui.ui.basic.red.label:hover {
 
 .ui.orange.labels .label,
 .ui.ui.ui.orange.label {
-  background-color: #f2711c;
-  border-color: #f2711c;
+  background-color: #af6a66;
+  border-color: #af6a66;
   color: #fff;
 }
 
@@ -6681,15 +6758,15 @@ a.ui.ui.ui.basic.red.label:hover {
 
 .ui.orange.labels a.label:hover,
 a.ui.ui.ui.orange.label:hover {
-  background-color: #f26202;
-  border-color: #f26202;
+  background-color: #a95752;
+  border-color: #a95752;
   color: #fff;
 }
 
 /* Ribbon */
 
 .ui.ui.ui.orange.ribbon.label {
-  border-color: #cf590c;
+  border-color: #94514e;
 }
 
 /* Basic */
@@ -6697,15 +6774,15 @@ a.ui.ui.ui.orange.label:hover {
 .ui.basic.labels .orange.label,
 .ui.ui.ui.basic.orange.label {
   background: none #fff;
-  border-color: #f2711c;
-  color: #f2711c;
+  border-color: #af6a66;
+  color: #af6a66;
 }
 
 .ui.basic.labels a.orange.label:hover,
 a.ui.ui.ui.basic.orange.label:hover {
   background: none #fff;
-  border-color: #f26202;
-  color: #f26202;
+  border-color: #a95752;
+  color: #a95752;
 }
 
 .ui.yellow.labels .label,
@@ -6938,8 +7015,8 @@ a.ui.ui.ui.basic.violet.label:hover {
 
 .ui.purple.labels .label,
 .ui.ui.ui.purple.label {
-  background-color: #af6690;
-  border-color: #af6690;
+  background-color: #6667af;
+  border-color: #6667af;
   color: #fff;
 }
 
@@ -6947,15 +7024,15 @@ a.ui.ui.ui.basic.violet.label:hover {
 
 .ui.purple.labels a.label:hover,
 a.ui.ui.ui.purple.label:hover {
-  background-color: #a95284;
-  border-color: #a95284;
+  background-color: #5254a9;
+  border-color: #5254a9;
   color: #fff;
 }
 
 /* Ribbon */
 
 .ui.ui.ui.purple.ribbon.label {
-  border-color: #944e76;
+  border-color: #4e4f94;
 }
 
 /* Basic */
@@ -6963,21 +7040,21 @@ a.ui.ui.ui.purple.label:hover {
 .ui.basic.labels .purple.label,
 .ui.ui.ui.basic.purple.label {
   background: none #fff;
-  border-color: #af6690;
-  color: #af6690;
+  border-color: #6667af;
+  color: #6667af;
 }
 
 .ui.basic.labels a.purple.label:hover,
 a.ui.ui.ui.basic.purple.label:hover {
   background: none #fff;
-  border-color: #a95284;
-  color: #a95284;
+  border-color: #5254a9;
+  color: #5254a9;
 }
 
 .ui.pink.labels .label,
 .ui.ui.ui.pink.label {
-  background-color: #e03997;
-  border-color: #e03997;
+  background-color: #af6687;
+  border-color: #af6687;
   color: #fff;
 }
 
@@ -6985,15 +7062,15 @@ a.ui.ui.ui.basic.purple.label:hover {
 
 .ui.pink.labels a.label:hover,
 a.ui.ui.ui.pink.label:hover {
-  background-color: #e61a8d;
-  border-color: #e61a8d;
+  background-color: #a9527a;
+  border-color: #a9527a;
   color: #fff;
 }
 
 /* Ribbon */
 
 .ui.ui.ui.pink.ribbon.label {
-  border-color: #c71f7e;
+  border-color: #944e6e;
 }
 
 /* Basic */
@@ -7001,21 +7078,21 @@ a.ui.ui.ui.pink.label:hover {
 .ui.basic.labels .pink.label,
 .ui.ui.ui.basic.pink.label {
   background: none #fff;
-  border-color: #e03997;
-  color: #e03997;
+  border-color: #af6687;
+  color: #af6687;
 }
 
 .ui.basic.labels a.pink.label:hover,
 a.ui.ui.ui.basic.pink.label:hover {
   background: none #fff;
-  border-color: #e61a8d;
-  color: #e61a8d;
+  border-color: #a9527a;
+  color: #a9527a;
 }
 
 .ui.brown.labels .label,
 .ui.ui.ui.brown.label {
-  background-color: #af9666;
-  border-color: #af9666;
+  background-color: #af9066;
+  border-color: #af9066;
   color: #fff;
 }
 
@@ -7023,15 +7100,15 @@ a.ui.ui.ui.basic.pink.label:hover {
 
 .ui.brown.labels a.label:hover,
 a.ui.ui.ui.brown.label:hover {
-  background-color: #a98b52;
-  border-color: #a98b52;
+  background-color: #a98452;
+  border-color: #a98452;
   color: #fff;
 }
 
 /* Ribbon */
 
 .ui.ui.ui.brown.ribbon.label {
-  border-color: #947c4e;
+  border-color: #94764e;
 }
 
 /* Basic */
@@ -7039,15 +7116,15 @@ a.ui.ui.ui.brown.label:hover {
 .ui.basic.labels .brown.label,
 .ui.ui.ui.basic.brown.label {
   background: none #fff;
-  border-color: #af9666;
-  color: #af9666;
+  border-color: #af9066;
+  color: #af9066;
 }
 
 .ui.basic.labels a.brown.label:hover,
 a.ui.ui.ui.basic.brown.label:hover {
   background: none #fff;
-  border-color: #a98b52;
-  color: #a98b52;
+  border-color: #a98452;
+  color: #a98452;
 }
 
 .ui.grey.labels .label,
@@ -15648,6 +15725,256 @@ Floated Menu / Item
   color: #1ebc30;
 }
 
+.ui.olive.table {
+  border-top: 0.2em solid #a0b06c;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.olive,
+.ui.scrolling.table > tfoot.olive {
+  background: #f7fae4;
+  color: #f7fae4;
+}
+
+.ui.scrolling.table > thead.olive > tr > th,
+.ui.scrolling.table > tfoot.olive > tr > th,
+.ui.scrolling.table > thead.olive > tr > td,
+.ui.scrolling.table > tfoot.olive > tr > td {
+  background: inherit;
+  color: #8abc1e;
+}
+
+.ui.ui.ui.ui.table tr[class*="olive colored"],
+.ui.ui.table th[class*="olive colored"],
+.ui.ui.table td[class*="olive colored"],
+.ui.ui.ui.ui.table tr.olive,
+.ui.ui.table th.olive,
+.ui.ui.table td.olive {
+  background: #f7fae4;
+  color: #8abc1e;
+}
+
+.ui.table > thead > tr[class*="olive colored"] > th,
+.ui.table > tfoot > tr[class*="olive colored"] > th,
+.ui.table > tfoot > tr[class*="olive colored"] > td,
+.ui.table > thead > tr.olive > th,
+.ui.table > tfoot > tr.olive > th,
+.ui.table > tfoot > tr.olive > td {
+  background: inherit;
+  color: #8abc1e;
+}
+
+.ui.ui.selectable.table tr[class*="olive colored"]:hover,
+.ui.table tr td.selectable[class*="olive colored"]:hover,
+.ui.selectable.table tr:hover td[class*="olive colored"],
+.ui.ui.selectable.table tr.olive:hover,
+.ui.table tr td.selectable.olive:hover,
+.ui.selectable.table tr:hover td.olive {
+  background: #f6fada;
+  color: #8abc1e;
+}
+
+.ui.pink.table {
+  border-top: 0.2em solid #af6687;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.pink,
+.ui.scrolling.table > tfoot.pink {
+  background: #ffe8f9;
+  color: #ffe8f9;
+}
+
+.ui.scrolling.table > thead.pink > tr > th,
+.ui.scrolling.table > tfoot.pink > tr > th,
+.ui.scrolling.table > thead.pink > tr > td,
+.ui.scrolling.table > tfoot.pink > tr > td {
+  background: inherit;
+  color: #af6687;
+}
+
+.ui.ui.ui.ui.table tr[class*="pink colored"],
+.ui.ui.table th[class*="pink colored"],
+.ui.ui.table td[class*="pink colored"],
+.ui.ui.ui.ui.table tr.pink,
+.ui.ui.table th.pink,
+.ui.ui.table td.pink {
+  background: #ffe8f9;
+  color: #af6687;
+}
+
+.ui.table > thead > tr[class*="pink colored"] > th,
+.ui.table > tfoot > tr[class*="pink colored"] > th,
+.ui.table > tfoot > tr[class*="pink colored"] > td,
+.ui.table > thead > tr.pink > th,
+.ui.table > tfoot > tr.pink > th,
+.ui.table > tfoot > tr.pink > td {
+  background: inherit;
+  color: #af6687;
+}
+
+.ui.ui.selectable.table tr[class*="pink colored"]:hover,
+.ui.table tr td.selectable[class*="pink colored"]:hover,
+.ui.selectable.table tr:hover td[class*="pink colored"],
+.ui.ui.selectable.table tr.pink:hover,
+.ui.table tr td.selectable.pink:hover,
+.ui.selectable.table tr:hover td.pink {
+  background: #ffdef6;
+  color: #af6687;
+}
+
+.ui.purple.table {
+  border-top: 0.2em solid #6667af;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.purple,
+.ui.scrolling.table > tfoot.purple {
+  background: #f8e3ff;
+  color: #f8e3ff;
+}
+
+.ui.scrolling.table > thead.purple > tr > th,
+.ui.scrolling.table > tfoot.purple > tr > th,
+.ui.scrolling.table > thead.purple > tr > td,
+.ui.scrolling.table > tfoot.purple > tr > td {
+  background: inherit;
+  color: #6667af;
+}
+
+.ui.ui.ui.ui.table tr[class*="purple colored"],
+.ui.ui.table th[class*="purple colored"],
+.ui.ui.table td[class*="purple colored"],
+.ui.ui.ui.ui.table tr.purple,
+.ui.ui.table th.purple,
+.ui.ui.table td.purple {
+  background: #f8e3ff;
+  color: #6667af;
+}
+
+.ui.table > thead > tr[class*="purple colored"] > th,
+.ui.table > tfoot > tr[class*="purple colored"] > th,
+.ui.table > tfoot > tr[class*="purple colored"] > td,
+.ui.table > thead > tr.purple > th,
+.ui.table > tfoot > tr.purple > th,
+.ui.table > tfoot > tr.purple > td {
+  background: inherit;
+  color: #6667af;
+}
+
+.ui.ui.selectable.table tr[class*="purple colored"]:hover,
+.ui.table tr td.selectable[class*="purple colored"]:hover,
+.ui.selectable.table tr:hover td[class*="purple colored"],
+.ui.ui.selectable.table tr.purple:hover,
+.ui.table tr td.selectable.purple:hover,
+.ui.selectable.table tr:hover td.purple {
+  background: #f5d9ff;
+  color: #6667af;
+}
+
+.ui.orange.table {
+  border-top: 0.2em solid #af6a66;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.orange,
+.ui.scrolling.table > tfoot.orange {
+  background: #ffe7d1;
+  color: #ffe7d1;
+}
+
+.ui.scrolling.table > thead.orange > tr > th,
+.ui.scrolling.table > tfoot.orange > tr > th,
+.ui.scrolling.table > thead.orange > tr > td,
+.ui.scrolling.table > tfoot.orange > tr > td {
+  background: inherit;
+  color: #af6a66;
+}
+
+.ui.ui.ui.ui.table tr[class*="orange colored"],
+.ui.ui.table th[class*="orange colored"],
+.ui.ui.table td[class*="orange colored"],
+.ui.ui.ui.ui.table tr.orange,
+.ui.ui.table th.orange,
+.ui.ui.table td.orange {
+  background: #ffe7d1;
+  color: #af6a66;
+}
+
+.ui.table > thead > tr[class*="orange colored"] > th,
+.ui.table > tfoot > tr[class*="orange colored"] > th,
+.ui.table > tfoot > tr[class*="orange colored"] > td,
+.ui.table > thead > tr.orange > th,
+.ui.table > tfoot > tr.orange > th,
+.ui.table > tfoot > tr.orange > td {
+  background: inherit;
+  color: #af6a66;
+}
+
+.ui.ui.selectable.table tr[class*="orange colored"]:hover,
+.ui.table tr td.selectable[class*="orange colored"]:hover,
+.ui.selectable.table tr:hover td[class*="orange colored"],
+.ui.ui.selectable.table tr.orange:hover,
+.ui.table tr td.selectable.orange:hover,
+.ui.selectable.table tr:hover td.orange {
+  background: #fae1cc;
+  color: #af6a66;
+}
+
+.ui.brown.table {
+  border-top: 0.2em solid #af9066;
+}
+
+/* Same color for background and color to camouflage the scrollbar */
+
+.ui.scrolling.table > thead.brown,
+.ui.scrolling.table > tfoot.brown {
+  background: #f7e5d2;
+  color: #f7e5d2;
+}
+
+.ui.scrolling.table > thead.brown > tr > th,
+.ui.scrolling.table > tfoot.brown > tr > th,
+.ui.scrolling.table > thead.brown > tr > td,
+.ui.scrolling.table > tfoot.brown > tr > td {
+  background: inherit;
+  color: #af9066;
+}
+
+.ui.ui.ui.ui.table tr[class*="brown colored"],
+.ui.ui.table th[class*="brown colored"],
+.ui.ui.table td[class*="brown colored"],
+.ui.ui.ui.ui.table tr.brown,
+.ui.ui.table th.brown,
+.ui.ui.table td.brown {
+  background: #f7e5d2;
+  color: #af9066;
+}
+
+.ui.table > thead > tr[class*="brown colored"] > th,
+.ui.table > tfoot > tr[class*="brown colored"] > th,
+.ui.table > tfoot > tr[class*="brown colored"] > td,
+.ui.table > thead > tr.brown > th,
+.ui.table > tfoot > tr.brown > th,
+.ui.table > tfoot > tr.brown > td {
+  background: inherit;
+  color: #af9066;
+}
+
+.ui.ui.selectable.table tr[class*="brown colored"]:hover,
+.ui.table tr td.selectable[class*="brown colored"]:hover,
+.ui.selectable.table tr:hover td[class*="brown colored"],
+.ui.ui.selectable.table tr.brown:hover,
+.ui.table tr td.selectable.brown:hover,
+.ui.selectable.table tr:hover td.brown {
+  background: #efe0cf;
+  color: #af9066;
+}
+
 /* --------------
       Column Count
     --------------- */
@@ -16046,107 +16373,338 @@ Floated Menu / Item
          Site Overrides
 *******************************/
 
-.ui.ui.ui.ui.primary.table {
+.ui.panel {
+  background-color: #f9fafb;
   border-top-left-radius: 0.28571429em;
   border-top-right-radius: 0.28571429em;
 }
 
-.ui.ui.ui.ui.primary.table:not(.unstackable) > thead > tr.colored-header {
-  /* Colored header */
-  /* Colored header (stacked table) */
+.ui.panel > .header,
+.ui.panel > .content {
+  border-left: 1px solid rgba(34, 36, 38, 0.15);
+  border-right: 1px solid rgba(34, 36, 38, 0.15);
+  border-bottom: 1px solid rgba(34, 36, 38, 0.1);
+  padding: 0.92857143em 0.7em;
+}
+
+.ui.fitted.panel > .content {
+  padding: 0;
+  border: none;
+  overflow-x: auto;
+}
+
+.ui.primary.panel {
+  border-top: 0.2em solid #007388;
+}
+
+.ui.primary.panel > .header {
+  background: linear-gradient(to bottom, rgba(0, 115, 136, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
 }
 
-.ui.ui.ui.ui.primary.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(0, 115, 136, 0.12), #f9fafb 80%);
+.ui.ui.ui.ui.ui.primary.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
+}
+
+.ui.ui.ui.ui.ui.primary.table > thead > tr:first-child > th {
+  /* Colored header */
+  background: linear-gradient(to bottom, rgba(0, 115, 136, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
 }
 
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.primary.table:not(.unstackable) > thead > tr.colored-header > th {
+  .ui.ui.ui.ui.ui.primary.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(0, 115, 136, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+
+  .ui.ui.ui.ui.ui.primary.table:not(.unstackable) > thead > tr:first-child > th {
     background: none;
   }
 }
 
-@media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.primary.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(0, 115, 136, 0.12), transparent 80%);
-  }
+.ui.secondary.panel {
+  border-top: 0.2em solid #294755;
 }
 
-.ui.ui.ui.ui.secondary.table {
+.ui.secondary.panel > .header {
+  background: linear-gradient(to bottom, rgba(41, 71, 85, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
+.ui.ui.ui.ui.ui.secondary.table {
   border-top-left-radius: 0.28571429em;
   border-top-right-radius: 0.28571429em;
 }
 
-.ui.ui.ui.ui.secondary.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.secondary.table > thead > tr:first-child > th {
   /* Colored header */
-  /* Colored header (stacked table) */
-}
-
-.ui.ui.ui.ui.secondary.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(41, 71, 85, 0.12), #f9fafb 80%);
+  background: linear-gradient(to bottom, rgba(41, 71, 85, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
 }
 
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.secondary.table:not(.unstackable) > thead > tr.colored-header > th {
+  .ui.ui.ui.ui.ui.secondary.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(41, 71, 85, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+
+  .ui.ui.ui.ui.ui.secondary.table:not(.unstackable) > thead > tr:first-child > th {
     background: none;
   }
 }
 
+.ui.violet.panel {
+  border-top: 0.2em solid #9461ac;
+}
+
+.ui.violet.panel > .header {
+  background: linear-gradient(to bottom, rgba(148, 97, 172, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
+.ui.ui.ui.ui.ui.violet.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
+}
+
+.ui.ui.ui.ui.ui.violet.table > thead > tr:first-child > th {
+  /* Colored header */
+  background: linear-gradient(to bottom, rgba(148, 97, 172, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.secondary.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(41, 71, 85, 0.12), transparent 80%);
+  .ui.ui.ui.ui.ui.violet.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(148, 97, 172, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+
+  .ui.ui.ui.ui.ui.violet.table:not(.unstackable) > thead > tr:first-child > th {
+    background: none;
   }
 }
 
-.ui.ui.ui.ui.violet.table {
+.ui.green.panel {
+  border-top: 0.2em solid #81b08c;
+}
+
+.ui.green.panel > .header {
+  background: linear-gradient(to bottom, rgba(129, 176, 140, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
+.ui.ui.ui.ui.ui.green.table {
   border-top-left-radius: 0.28571429em;
   border-top-right-radius: 0.28571429em;
 }
 
-.ui.ui.ui.ui.violet.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.green.table > thead > tr:first-child > th {
   /* Colored header */
-  /* Colored header (stacked table) */
+  background: linear-gradient(to bottom, rgba(129, 176, 140, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
+@media only screen and (max-width: 767.98px) {
+  .ui.ui.ui.ui.ui.green.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(129, 176, 140, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+
+  .ui.ui.ui.ui.ui.green.table:not(.unstackable) > thead > tr:first-child > th {
+    background: none;
+  }
+}
+
+.ui.olive.panel {
+  border-top: 0.2em solid #a0b06c;
+}
+
+.ui.olive.panel > .header {
+  background: linear-gradient(to bottom, rgba(160, 176, 108, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
+.ui.ui.ui.ui.ui.olive.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
 }
 
-.ui.ui.ui.ui.violet.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(148, 97, 172, 0.12), #f9fafb 80%);
+.ui.ui.ui.ui.ui.olive.table > thead > tr:first-child > th {
+  /* Colored header */
+  background: linear-gradient(to bottom, rgba(160, 176, 108, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
 }
 
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.violet.table:not(.unstackable) > thead > tr.colored-header > th {
+  .ui.ui.ui.ui.ui.olive.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(160, 176, 108, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+
+  .ui.ui.ui.ui.ui.olive.table:not(.unstackable) > thead > tr:first-child > th {
     background: none;
   }
 }
 
+.ui.pink.panel {
+  border-top: 0.2em solid #af6687;
+}
+
+.ui.pink.panel > .header {
+  background: linear-gradient(to bottom, rgba(175, 102, 135, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
+.ui.ui.ui.ui.ui.pink.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
+}
+
+.ui.ui.ui.ui.ui.pink.table > thead > tr:first-child > th {
+  /* Colored header */
+  background: linear-gradient(to bottom, rgba(175, 102, 135, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.violet.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(148, 97, 172, 0.12), transparent 80%);
+  .ui.ui.ui.ui.ui.pink.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(175, 102, 135, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
   }
+
+  .ui.ui.ui.ui.ui.pink.table:not(.unstackable) > thead > tr:first-child > th {
+    background: none;
+  }
+}
+
+.ui.purple.panel {
+  border-top: 0.2em solid #6667af;
+}
+
+.ui.purple.panel > .header {
+  background: linear-gradient(to bottom, rgba(102, 103, 175, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
 }
 
-.ui.ui.ui.ui.green.table {
+.ui.ui.ui.ui.ui.purple.table {
   border-top-left-radius: 0.28571429em;
   border-top-right-radius: 0.28571429em;
 }
 
-.ui.ui.ui.ui.green.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.purple.table > thead > tr:first-child > th {
   /* Colored header */
-  /* Colored header (stacked table) */
+  background: linear-gradient(to bottom, rgba(102, 103, 175, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
+@media only screen and (max-width: 767.98px) {
+  .ui.ui.ui.ui.ui.purple.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(102, 103, 175, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+
+  .ui.ui.ui.ui.ui.purple.table:not(.unstackable) > thead > tr:first-child > th {
+    background: none;
+  }
+}
+
+.ui.orange.panel {
+  border-top: 0.2em solid #af6a66;
+}
+
+.ui.orange.panel > .header {
+  background: linear-gradient(to bottom, rgba(175, 106, 102, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
+.ui.ui.ui.ui.ui.orange.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
 }
 
-.ui.ui.ui.ui.green.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(129, 176, 140, 0.12), #f9fafb 80%);
+.ui.ui.ui.ui.ui.orange.table > thead > tr:first-child > th {
+  /* Colored header */
+  background: linear-gradient(to bottom, rgba(175, 106, 102, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
 }
 
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.green.table:not(.unstackable) > thead > tr.colored-header > th {
+  .ui.ui.ui.ui.ui.orange.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(175, 106, 102, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+
+  .ui.ui.ui.ui.ui.orange.table:not(.unstackable) > thead > tr:first-child > th {
     background: none;
   }
 }
 
+.ui.brown.panel {
+  border-top: 0.2em solid #af9066;
+}
+
+.ui.brown.panel > .header {
+  background: linear-gradient(to bottom, rgba(175, 144, 102, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
+.ui.ui.ui.ui.ui.brown.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
+}
+
+.ui.ui.ui.ui.ui.brown.table > thead > tr:first-child > th {
+  /* Colored header */
+  background: linear-gradient(to bottom, rgba(175, 144, 102, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
 @media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.green.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(129, 176, 140, 0.12), transparent 80%);
+  .ui.ui.ui.ui.ui.brown.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(175, 144, 102, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+
+  .ui.ui.ui.ui.ui.brown.table:not(.unstackable) > thead > tr:first-child > th {
+    background: none;
   }
 }
 /*!
@@ -18253,6 +18811,55 @@ a.ui.secondary.card:hover,
 /*******************************
         User Overrides
 *******************************/
+
+.plain-accordion {
+  max-width: 100%;
+}
+
+.plain-accordion .title {
+  cursor: pointer;
+}
+
+/* Dropdown Icon */
+
+.plain-accordion .title > .dropdown.icon {
+  font-family: Accordion;
+  line-height: 1;
+  backface-visibility: hidden;
+  font-weight: normal;
+  font-style: normal;
+  text-align: center;
+}
+
+.plain-accordion .title > .dropdown.icon::before {
+  content: "\f0da" 
+;
+}
+
+.plain-accordion .title > .dropdown.icon {
+  display: inline-block;
+  float: none;
+  opacity: 1;
+  width: 1.25em;
+  height: 1em;
+  margin: 0 0.25rem 0 0;
+  padding: 0;
+  font-size: 1em;
+  transition: transform 0.1s ease, opacity 0.1s ease;
+  vertical-align: baseline;
+  transform: none;
+}
+
+/* States */
+
+.plain-accordion[open] .title > .dropdown.icon,
+.plain-accordion .active.title > .dropdown.icon {
+  transform: rotate(90deg);
+}
+
+.plain-accordion .title ~ .content:not(.active) {
+  display: none;
+}
 /*!
  * # Fomantic-UI 2.9.4 - Calendar
  * https://github.com/fomantic/Fomantic-UI/
@@ -18608,7 +19215,6 @@ a.ui.secondary.card:hover,
 .ui.checkbox {
   position: relative;
   display: inline-block;
-  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   outline: none;
   vertical-align: baseline;
@@ -19963,7 +20569,6 @@ select.ui.dropdown {
   overflow-y: auto;
   -ms-scroll-chaining: none;
   overscroll-behavior: none;
-  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 
@@ -20300,7 +20905,6 @@ select.ui.dropdown {
   overflow-y: auto;
   -ms-scroll-chaining: none;
   overscroll-behavior: none;
-  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 
@@ -20948,7 +21552,6 @@ select.ui.dropdown {
   overflow-y: auto;
   -ms-scroll-chaining: none;
   overscroll-behavior: none;
-  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   min-width: 100% !important;
   width: auto !important;
@@ -21427,7 +22030,6 @@ select.ui.dropdown {
   line-height: 1;
   height: 1em;
   width: 1.23em;
-  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   font-weight: normal;
   font-style: normal;
@@ -22991,7 +23593,6 @@ select.ui.dropdown {
 
 .ui.visible.popup {
   transform: translateZ(0);
-  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 
@@ -23577,7 +24178,6 @@ select.ui.dropdown {
   overflow-y: auto;
   -ms-scroll-chaining: none;
   overscroll-behavior: none;
-  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 
@@ -23830,7 +24430,6 @@ select.ui.dropdown {
 /* Animating */
 
 .animating.transition {
-  -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   visibility: visible !important;
 }