@northdata/fomantic-ui 2.9.418 → 2.9.419

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

@@ -3833,15 +3833,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 {
@@ -3917,39 +3917,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 {
@@ -4357,7 +4357,7 @@ i.inverted.circular.red.icons {
 }
 
 i.orange.icon.icon.icon.icon.icon.icon {
-  color: #f2711c;
+  color: #af6a66;
 }
 
 i.inverted.orange.icon.icon.icon.icon.icon.icon {
@@ -4368,7 +4368,7 @@ i.inverted.bordered.orange.icon.icon.icon.icon.icon.icon,
 i.inverted.circular.orange.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.orange.icons,
 i.inverted.circular.orange.icons {
-  background-color: #f2711c;
+  background-color: #af6a66;
   color: #fff;
 }
 
@@ -4469,7 +4469,7 @@ i.inverted.circular.violet.icons {
 }
 
 i.purple.icon.icon.icon.icon.icon.icon {
-  color: #af6690;
+  color: #6667af;
 }
 
 i.inverted.purple.icon.icon.icon.icon.icon.icon {
@@ -4480,12 +4480,12 @@ i.inverted.bordered.purple.icon.icon.icon.icon.icon.icon,
 i.inverted.circular.purple.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.purple.icons,
 i.inverted.circular.purple.icons {
-  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 {
@@ -4496,12 +4496,12 @@ i.inverted.bordered.pink.icon.icon.icon.icon.icon.icon,
 i.inverted.circular.pink.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.pink.icons,
 i.inverted.circular.pink.icons {
-  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 {
@@ -4512,7 +4512,7 @@ i.inverted.bordered.brown.icon.icon.icon.icon.icon.icon,
 i.inverted.circular.brown.icon.icon.icon.icon.icon.icon,
 i.inverted.bordered.brown.icons,
 i.inverted.circular.brown.icons {
-  background-color: #af9666;
+  background-color: #af9066;
   color: #fff;
 }
 
@@ -15002,8 +15002,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;
 }
 
@@ -15011,15 +15011,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 */
@@ -15027,15 +15027,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,
@@ -15268,8 +15268,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;
 }
 
@@ -15277,15 +15277,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 */
@@ -15293,21 +15293,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;
 }
 
@@ -15315,15 +15315,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 */
@@ -15331,21 +15331,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;
 }
 
@@ -15353,15 +15353,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 */
@@ -15369,15 +15369,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,
@@ -24342,6 +24342,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
     --------------- */
@@ -24767,107 +25017,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.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.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.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;
 }
 
-.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%);
+@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.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.ui.ui.ui.green.table {
+.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.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.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 {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
+}
+
+.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;
   }
 }
 /*!
@@ -27139,6 +27620,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/