@northdata/fomantic-ui 2.9.418 → 2.9.420

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

@@ -699,7 +699,7 @@ input::selection {
 }
 
 .ui.button:hover .icon {
-  opacity: 0.85;
+  opacity: 1;
 }
 
 /* --------------
@@ -714,7 +714,7 @@ input::selection {
 }
 
 .ui.button:focus .icon {
-  opacity: 0.85;
+  opacity: 1;
 }
 
 /* --------------
@@ -805,11 +805,19 @@ input::selection {
   box-shadow: none;
 }
 
+.ui.basic.loading.button::before {
+  border-color: rgba(0, 0, 0, 0.1);
+}
+
+.ui.basic.loading.button::after {
+  border-color: #a3b3c0;
+}
+
 /* -------------------
           Disabled
     -------------------- */
 
-.ui.buttons .disabled.button,
+.ui.buttons .disabled.button:not(.basic),
 .ui.disabled.button,
 .ui.button:disabled,
 .ui.disabled.button:hover,
@@ -821,6 +829,12 @@ input::selection {
   pointer-events: none !important;
 }
 
+/* Basic Group With Disabled */
+
+.ui.basic.buttons .ui.disabled.button {
+  border-color: rgba(34, 36, 38, 0.5);
+}
+
 /*******************************
              Types
 *******************************/
@@ -888,7 +902,7 @@ input::selection {
 
 .ui.button > .icon:not(.button) {
   height: auto;
-  opacity: 0.8;
+  opacity: 1;
   transition: opacity 0.1s ease;
   color: "";
 }
@@ -1058,11 +1072,99 @@ input::selection {
 .ui.animated.icon.button > .content > .icon,
 .ui.icon.buttons .button > .icon,
 .ui.icon.button > .icon {
-  opacity: 0.9;
+  opacity: 1;
   margin: 0 !important;
   vertical-align: top;
 }
 
+/* -------------------
+            Basic
+    -------------------- */
+
+.ui.basic.buttons .button,
+.ui.basic.button {
+  background: #fff none;
+  color: rgba(0, 0, 0, 0.6);
+  font-weight: normal;
+  border-radius: 0;
+  text-transform: none;
+  text-shadow: none !important;
+  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons {
+  box-shadow: none;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  border-radius: 0;
+  border-right: none;
+}
+
+.ui.basic.buttons .button {
+  border-radius: 0;
+}
+
+.ui.basic.buttons .button:hover,
+.ui.basic.button:hover {
+  background: #f9fafb;
+  color: rgba(0, 0, 0, 0.8);
+  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons .button:focus,
+.ui.basic.button:focus {
+  background: #f9fafb;
+  color: rgba(0, 0, 0, 0.8);
+  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons .button:active,
+.ui.basic.button:active {
+  background: #f8f8f8;
+  color: rgba(0, 0, 0, 0.9);
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons .active.button,
+.ui.basic.active.button {
+  background: rgba(0, 0, 0, 0.05);
+  box-shadow: "";
+  color: rgba(0, 0, 0, 0.95);
+}
+
+.ui.basic.buttons .active.button:hover,
+.ui.basic.active.button:hover {
+  background-color: rgba(0, 0, 0, 0.05);
+}
+
+.ui.basic.buttons .button:hover {
+  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons .button:active {
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
+}
+
+.ui.basic.buttons .active.button {
+  box-shadow: "";
+}
+
+/* Basic Group */
+
+.ui.basic.buttons .button:not(.basic) {
+  border-right: 1px solid rgba(0, 0, 0, 0.1);
+  box-shadow: none;
+}
+
+.ui.basic.vertical.buttons .button {
+  border-left: none;
+  border-left-width: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.basic.vertical.buttons:not(.spaced):not(.circular) .button:first-child {
+  border-top: none;
+}
+
 /* --------------
       Labeled Icon
     --------------- */
@@ -1177,6 +1279,18 @@ input::selection {
   margin-bottom: 0.25em;
 }
 
+.ui.circular.basic.buttons {
+  border: none;
+}
+
+.ui.circular.basic.buttons .button {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.circular.basic.buttons .button.basic {
+  border: none;
+}
+
 .ui.two.buttons {
   width: 100%;
 }
@@ -1355,6 +1469,42 @@ input::selection {
   text-shadow: none;
 }
 
+/* Basic */
+
+.ui.basic.primary.buttons .button,
+.ui.basic.primary.button {
+  background: transparent;
+  box-shadow: 0 0 0 1px #007388 inset;
+  color: #007388;
+}
+
+.ui.basic.primary.buttons .button:hover,
+.ui.basic.primary.button:hover {
+  background: transparent;
+  box-shadow: 0 0 0 1px #005d6f inset;
+  color: #005d6f;
+}
+
+.ui.basic.primary.buttons .button:focus,
+.ui.basic.primary.button:focus {
+  background: transparent;
+  box-shadow: 0 0 0 1px #00505f inset;
+  color: #005d6f;
+}
+
+.ui.basic.primary.buttons .active.button,
+.ui.basic.primary.active.button {
+  background: transparent;
+  box-shadow: 0 0 0 1px #005d6f inset;
+  color: #004855;
+}
+
+.ui.basic.primary.buttons .button:active,
+.ui.basic.primary.button:active {
+  box-shadow: 0 0 0 1px #004855 inset;
+  color: #004855;
+}
+
 .ui.secondary.buttons .button,
 .ui.secondary.button {
   background-color: #294755;
@@ -1397,6 +1547,42 @@ input::selection {
   text-shadow: none;
 }
 
+/* Basic */
+
+.ui.basic.secondary.buttons .button,
+.ui.basic.secondary.button {
+  background: transparent;
+  box-shadow: 0 0 0 1px #294755 inset;
+  color: #294755;
+}
+
+.ui.basic.secondary.buttons .button:hover,
+.ui.basic.secondary.button:hover {
+  background: transparent;
+  box-shadow: 0 0 0 1px #2f5669 inset;
+  color: #2f5669;
+}
+
+.ui.basic.secondary.buttons .button:focus,
+.ui.basic.secondary.button:focus {
+  background: transparent;
+  box-shadow: 0 0 0 1px #306076 inset;
+  color: #2f5669;
+}
+
+.ui.basic.secondary.buttons .active.button,
+.ui.basic.secondary.active.button {
+  background: transparent;
+  box-shadow: 0 0 0 1px #2d576a inset;
+  color: #3a6477;
+}
+
+.ui.basic.secondary.buttons .button:active,
+.ui.basic.secondary.button:active {
+  box-shadow: 0 0 0 1px #3a6477 inset;
+  color: #3a6477;
+}
+
 .ui.green.buttons .button,
 .ui.green.button {
   background-color: #81b08c;
@@ -1439,6 +1625,42 @@ input::selection {
   text-shadow: none;
 }
 
+/* Basic */
+
+.ui.basic.green.buttons .button,
+.ui.basic.green.button {
+  background: transparent;
+  box-shadow: 0 0 0 1px #81b08c inset;
+  color: #81b08c;
+}
+
+.ui.basic.green.buttons .button:hover,
+.ui.basic.green.button:hover {
+  background: transparent;
+  box-shadow: 0 0 0 1px #6fa97c inset;
+  color: #6fa97c;
+}
+
+.ui.basic.green.buttons .button:focus,
+.ui.basic.green.button:focus {
+  background: transparent;
+  box-shadow: 0 0 0 1px #62a672 inset;
+  color: #6fa97c;
+}
+
+.ui.basic.green.buttons .active.button,
+.ui.basic.green.active.button {
+  background: transparent;
+  box-shadow: 0 0 0 1px #6daa7c inset;
+  color: #629c70;
+}
+
+.ui.basic.green.buttons .button:active,
+.ui.basic.green.button:active {
+  box-shadow: 0 0 0 1px #629c70 inset;
+  color: #629c70;
+}
+
 .ui.red.buttons .button,
 .ui.red.button {
   background-color: #af4e4a;
@@ -1481,6 +1703,42 @@ input::selection {
   text-shadow: none;
 }
 
+/* Basic */
+
+.ui.basic.red.buttons .button,
+.ui.basic.red.button {
+  background: transparent;
+  box-shadow: 0 0 0 1px #af4e4a inset;
+  color: #af4e4a;
+}
+
+.ui.basic.red.buttons .button:hover,
+.ui.basic.red.button:hover {
+  background: transparent;
+  box-shadow: 0 0 0 1px #a2423e inset;
+  color: #a2423e;
+}
+
+.ui.basic.red.buttons .button:focus,
+.ui.basic.red.button:focus {
+  background: transparent;
+  box-shadow: 0 0 0 1px #9b3935 inset;
+  color: #a2423e;
+}
+
+.ui.basic.red.buttons .active.button,
+.ui.basic.red.active.button {
+  background: transparent;
+  box-shadow: 0 0 0 1px #a4403c inset;
+  color: #8b3e3b;
+}
+
+.ui.basic.red.buttons .button:active,
+.ui.basic.red.button:active {
+  box-shadow: 0 0 0 1px #8b3e3b inset;
+  color: #8b3e3b;
+}
+
 /* Standard */
 
 .ui.positive.buttons .button,
@@ -1525,6 +1783,46 @@ input::selection {
   text-shadow: none;
 }
 
+/* Basic */
+
+.ui.basic.positive.buttons .button,
+.ui.basic.positive.button {
+  background: transparent;
+  box-shadow: 0 0 0 1px #81b08c inset;
+  color: #81b08c;
+}
+
+.ui.basic.positive.buttons .button:hover,
+.ui.basic.positive.button:hover {
+  background: transparent;
+  box-shadow: 0 0 0 1px #6fa97c inset;
+  color: #6fa97c;
+}
+
+.ui.basic.positive.buttons .button:focus,
+.ui.basic.positive.button:focus {
+  background: transparent;
+  box-shadow: 0 0 0 1px #62a672 inset;
+  color: #6fa97c;
+}
+
+.ui.basic.positive.buttons .active.button,
+.ui.basic.positive.active.button {
+  background: transparent;
+  box-shadow: 0 0 0 1px #6daa7c inset;
+  color: #629c70;
+}
+
+.ui.basic.positive.buttons .button:active,
+.ui.basic.positive.button:active {
+  box-shadow: 0 0 0 1px #629c70 inset;
+  color: #629c70;
+}
+
+.ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
+  margin-left: -1px;
+}
+
 /* Standard */
 
 .ui.negative.buttons .button,
@@ -1569,6 +1867,46 @@ input::selection {
   text-shadow: none;
 }
 
+/* Basic */
+
+.ui.basic.negative.buttons .button,
+.ui.basic.negative.button {
+  background: transparent;
+  box-shadow: 0 0 0 1px #af4e4a inset;
+  color: #af4e4a;
+}
+
+.ui.basic.negative.buttons .button:hover,
+.ui.basic.negative.button:hover {
+  background: transparent;
+  box-shadow: 0 0 0 1px #a2423e inset;
+  color: #a2423e;
+}
+
+.ui.basic.negative.buttons .button:focus,
+.ui.basic.negative.button:focus {
+  background: transparent;
+  box-shadow: 0 0 0 1px #9b3935 inset;
+  color: #a2423e;
+}
+
+.ui.basic.negative.buttons .active.button,
+.ui.basic.negative.active.button {
+  background: transparent;
+  box-shadow: 0 0 0 1px #a4403c inset;
+  color: #8b3e3b;
+}
+
+.ui.basic.negative.buttons .button:active,
+.ui.basic.negative.button:active {
+  box-shadow: 0 0 0 1px #8b3e3b inset;
+  color: #8b3e3b;
+}
+
+.ui.buttons:not(.vertical) > .basic.negative.button:not(:first-child) {
+  margin-left: -1px;
+}
+
 /*******************************
                 Groups
     *******************************/
@@ -1581,7 +1919,7 @@ input::selection {
   margin: 0 0.25em 0 0;
 }
 
-.ui.buttons {
+.ui.buttons:not(.basic) {
   box-shadow: none;
 }
 
@@ -1603,7 +1941,7 @@ input::selection {
   margin: 0;
 }
 
-.ui.buttons > .button {
+.ui.buttons:not(.basic) > .button:not(.basic) {
   box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
 }
 
@@ -1632,6 +1970,9 @@ input::selection {
   width: 100%;
   margin: 0;
   border-radius: 0;
+}
+
+.ui.vertical.buttons .button:not(.basic) {
   box-shadow: none;
 }
 
@@ -1650,12 +1991,47 @@ input::selection {
   border-radius: 0;
 }
 
+.ui.vertical.buttons .basic.button:not(:first-child) {
+  border-top: none;
+}
+
 .ui.spaced.buttons .ui.button {
   margin-bottom: 1em;
   margin-right: 1em;
   border-radius: 0;
 }
 
+.ui.spaced.basic.buttons {
+  border: none;
+}
+
+.ui.spaced.basic.buttons .button {
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.spaced.basic.buttons .button.basic {
+  border: none;
+}
+
+.ui.spaced.basic.vertical.buttons .button:first-child {
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.ui.basic.buttons:not(.vertical).inverted .button,
+.ui.basic.buttons:not(.vertical) .basic.button {
+  margin-left: -1px;
+  border-right: none;
+}
+
+.ui.basic.buttons:not(.vertical):not(.spaced) .basic.button {
+  margin-top: -1px;
+  border-bottom: none;
+}
+
+.ui.basic.buttons:not(.vertical):not(.spaced) .basic.button {
+  margin-bottom: -1px;
+}
+
 /*******************************
          Theme Overrides
 *******************************/
@@ -3488,7 +3864,7 @@ i.flag.zimbabwe::before {
   opacity: 1;
   font-size: 1.5em;
   padding-top: 0.14285714em;
-  vertical-align: middle;
+  vertical-align: baseline;
 }
 
 /* With Text Node */
@@ -3833,15 +4209,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 +4293,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 {
@@ -4250,6 +4626,16 @@ i.emphasized.icons {
            Variations
 *******************************/
 
+/* -------------------
+            Fitted
+    -------------------- */
+
+i.fitted.icons,
+i.fitted.icon {
+  width: auto;
+  margin: 0 !important;
+}
+
 /* -------------------
              Link
     -------------------- */
@@ -4357,7 +4743,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 +4754,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 +4855,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 +4866,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 +4882,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 +4898,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;
 }
 
@@ -14037,39 +14423,39 @@ input[type="file"].ui.invisible.file.input,
   position: absolute;
 }
 
-input[type="file"].ui.file.input:focus + label.ui.button,
-.ui.file.input input[type="file"]:focus + label.ui.button {
+input[type="file"].ui.file.input:focus + label.ui.button:not(.basic),
+.ui.file.input input[type="file"]:focus + label.ui.button:not(.basic) {
   background: #cacbcd;
   color: rgba(0, 0, 0, 0.8);
 }
 
-input[type="file"].ui.file.input:focus + label.ui.button.inverted,
-.ui.file.input input[type="file"]:focus + label.ui.button.inverted {
+input[type="file"].ui.file.input:focus + label.ui.button:not(.basic).inverted,
+.ui.file.input input[type="file"]:focus + label.ui.button:not(.basic).inverted {
   background: #fff;
 }
 
 /* this is related to existing buttons, so the button color variable is used here! */
 
-input[type="file"].ui.file.input:focus + label.ui.primary.button,
-.ui.file.input input[type="file"]:focus + label.ui.primary.button {
+input[type="file"].ui.file.input:focus + label.ui.primary.button:not(.basic),
+.ui.file.input input[type="file"]:focus + label.ui.primary.button:not(.basic) {
   background-color: #005d6f;
   color: #fff;
 }
 
-input[type="file"].ui.file.input:focus + label.ui.secondary.button,
-.ui.file.input input[type="file"]:focus + label.ui.secondary.button {
+input[type="file"].ui.file.input:focus + label.ui.secondary.button:not(.basic),
+.ui.file.input input[type="file"]:focus + label.ui.secondary.button:not(.basic) {
   background-color: #2f5669;
   color: #fff;
 }
 
-input[type="file"].ui.file.input:focus + label.ui.green.button,
-.ui.file.input input[type="file"]:focus + label.ui.green.button {
+input[type="file"].ui.file.input:focus + label.ui.green.button:not(.basic),
+.ui.file.input input[type="file"]:focus + label.ui.green.button:not(.basic) {
   background-color: #6fa97c;
   color: #fff;
 }
 
-input[type="file"].ui.file.input:focus + label.ui.red.button,
-.ui.file.input input[type="file"]:focus + label.ui.red.button {
+input[type="file"].ui.file.input:focus + label.ui.red.button:not(.basic),
+.ui.file.input input[type="file"]:focus + label.ui.red.button:not(.basic) {
   background-color: #a2423e;
   color: #fff;
 }
@@ -15002,8 +15388,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 +15397,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 +15413,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 +15654,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 +15663,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 +15679,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 +15701,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 +15717,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 +15739,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 +15755,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,
@@ -15722,7 +16108,7 @@ ul.ui.list,
 ol.ui.list,
 .ui.list {
   list-style-type: none;
-  margin: 1em 0;
+  margin: 1.14285714rem 0;
   padding: 0 0;
 }
 
@@ -15754,7 +16140,7 @@ ol.ui.list li,
   table-layout: fixed;
   list-style-type: none;
   list-style-position: outside;
-  padding: 0.21428571em 0;
+  padding: 0 0;
   line-height: 1.14285714em;
 }
 
@@ -15890,8 +16276,8 @@ ol.ui.list ol li,
 .ui.list > .item .header {
   display: block;
   margin: 0;
-  font-family: "Josefin Sans", serif;
-  font-weight: bold;
+  font-family: "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
+  font-weight: 500;
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -15978,7 +16364,7 @@ ol.ui.list ol li,
   background-color: transparent;
   list-style-type: none;
   list-style-position: outside;
-  padding: 0.21428571em 0;
+  padding: 0 0;
   line-height: 1.14285714em;
 }
 
@@ -16040,8 +16426,8 @@ ol.ui.list ol li,
 
 .ui.horizontal.list > .item:first-child,
 .ui.horizontal.list > .item:last-child {
-  padding-top: 0.21428571em;
-  padding-bottom: 0.21428571em;
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
 /* Horizontal List */
@@ -16414,7 +16800,7 @@ ol.ui.suffixed.list li::before,
 .ui.divided.ordered.list .item .list:not(.icon) {
   margin-left: 0;
   margin-right: 0;
-  padding-bottom: 0.21428571em;
+  padding-bottom: 0;
 }
 
 .ui.divided.ordered.list .item .list > .item {
@@ -16473,8 +16859,8 @@ ol.ui.suffixed.list li::before,
 
 .ui.celled.list > .item:first-child,
 .ui.celled.list > .item:last-child {
-  padding-top: 0.21428571em;
-  padding-bottom: 0.21428571em;
+  padding-top: 0;
+  padding-bottom: 0;
 }
 
 /* Sub Menu */
@@ -16501,7 +16887,7 @@ ol.ui.suffixed.list li::before,
 .ui.celled.bulleted.list .item .list:not(.icon) {
   margin-left: -1.25rem;
   margin-right: -1.25rem;
-  padding-bottom: 0.21428571em;
+  padding-bottom: 0;
 }
 
 /* Celled Ordered */
@@ -16518,7 +16904,7 @@ ol.ui.suffixed.list li::before,
 .ui.celled.ordered.list .item .list:not(.icon) {
   margin-left: 0;
   margin-right: 0;
-  padding-bottom: 0.21428571em;
+  padding-bottom: 0;
 }
 
 .ui.celled.ordered.list .list > .item {
@@ -16647,8 +17033,14 @@ ol.ui.suffixed.list li::before,
 /*******************************
          Site Overrides
 *******************************/
-/*!
- * # Fomantic-UI 2.9.4 - Loader
+
+.ui.list .list > .item .sub.header,
+.ui.list > .item .sub.header {
+  font-weight: 300;
+  margin-top: 0.28571429em;
+}
+/*!
+ * # Fomantic-UI 2.9.4 - Loader
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -22787,9 +23179,9 @@ Floated Menu / Item
 .ui.message {
   position: relative;
   min-height: 1em;
-  margin: 1em 0;
+  margin: 1.14285714rem 0;
   background: #f8f8f9;
-  padding: 1em 1.5em;
+  padding: 1.14285714em;
   line-height: 1.4285em;
   color: rgba(0, 0, 0, 0.87);
   transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
@@ -22813,9 +23205,9 @@ Floated Menu / Item
 
 .ui.message .header {
   display: block;
-  font-family: "Josefin Sans", serif;
-  font-weight: bold;
-  margin: -0.14285714em 0 0 0;
+  font-family: "Roboto", "Helvetica Neue", Arial, Helvetica, sans-serif;
+  font-weight: 300;
+  margin: 0 0 0 0;
 }
 
 /* Default font size */
@@ -22840,7 +23232,7 @@ Floated Menu / Item
 }
 
 .ui.message .header + p {
-  margin-top: 0.25em;
+  margin-top: 0.28571429em;
 }
 
 /* List */
@@ -23007,7 +23399,7 @@ Floated Menu / Item
 }
 
 .ui.bottom.attached.message:not(:last-child) {
-  margin-bottom: 1em;
+  margin-bottom: 1.14285714rem;
 }
 
 .ui.attached.icon.message {
@@ -23221,6 +23613,42 @@ Floated Menu / Item
   color: rgba(255, 255, 255, 0.9);
 }
 
+.ui.violet.message {
+  background-color: #eae7ff;
+  color: #9461ac;
+}
+
+.ui.violet.message,
+.ui.attached.violet.message {
+  box-shadow: 0 0 0 1px #9461ac inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ui.floating.violet.message {
+  box-shadow: 0 0 0 1px #9461ac inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ui.violet.message .header {
+  color: #8754a0;
+}
+
+.ui.purple.message {
+  background-color: #f6e7ff;
+  color: #6667af;
+}
+
+.ui.purple.message,
+.ui.attached.purple.message {
+  box-shadow: 0 0 0 1px #6667af inset, 0 0 0 0 rgba(0, 0, 0, 0);
+}
+
+.ui.floating.purple.message {
+  box-shadow: 0 0 0 1px #6667af inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ui.purple.message .header {
+  color: #5657a5;
+}
+
 /* --------------
      Sizes
 --------------- */
@@ -23264,6 +23692,22 @@ Floated Menu / Item
 /*******************************
          Site Overrides
 *******************************/
+
+.ui.icon.message {
+  align-items: flex-start;
+}
+
+.ui.icon.message > .content.details {
+  flex: 0 0 auto;
+  align-self: center;
+  margin-left: 0.57142857em;
+}
+
+@media only screen and (max-width: 767.98px) {
+  .ui.icon.message > .content.details {
+    display: none;
+  }
+}
 /*!
  * # Fomantic-UI 2.9.4 - Table
  * https://github.com/fomantic/Fomantic-UI/
@@ -24342,6 +24786,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,194 +25461,425 @@ 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.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.fitted.panel > .content {
+  padding: 0;
+  border: none;
+  overflow-x: auto;
 }
 
-@media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.primary.table:not(.unstackable) > thead > tr.colored-header > th {
-    background: none;
-  }
+.ui.primary.panel {
+  border-top: 0.2em solid #007388;
 }
 
-@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.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.secondary.table {
+.ui.ui.ui.ui.ui.primary.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.primary.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(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.secondary.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.secondary.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(41, 71, 85, 0.12), transparent 80%);
-  }
+.ui.secondary.panel {
+  border-top: 0.2em solid #294755;
 }
 
-.ui.ui.ui.ui.violet.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.violet.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.violet.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(148, 97, 172, 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.violet.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;
   }
 }
 
-@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.violet.panel {
+  border-top: 0.2em solid #9461ac;
 }
 
-.ui.ui.ui.ui.green.table {
+.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.green.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.violet.table > thead > tr:first-child > th {
   /* Colored header */
-  /* Colored header (stacked table) */
-}
-
-.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%);
+  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.green.table:not(.unstackable) > thead > tr.colored-header > th {
-    background: none;
+  .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;
   }
-}
 
-@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.violet.table:not(.unstackable) > thead > tr:first-child > th {
+    background: none;
   }
 }
-/*!
- * # Fomantic-UI 2.9.4 - Card
- * https://github.com/fomantic/Fomantic-UI/
- *
- *
- * Released under the MIT license
- * https://opensource.org/licenses/MIT
- *
- */
 
-/*******************************
-            Standard
-*******************************/
-
-/* --------------
-      Card
---------------- */
+.ui.green.panel {
+  border-top: 0.2em solid #81b08c;
+}
 
-.ui.cards > .card,
-.ui.card {
-  max-width: 100%;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 290px;
-  min-height: 0;
-  background: #fff;
-  padding: 0;
-  border: none;
-  border-radius: 0;
-  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
-  transition: box-shadow 0.1s ease, transform 0.1s ease;
-  z-index: "";
-  word-wrap: break-word;
+.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.card {
-  margin: 1em 0;
+.ui.ui.ui.ui.ui.green.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
 }
 
-.ui.cards > .card a,
-.ui.card a {
-  cursor: pointer;
+.ui.ui.ui.ui.ui.green.table > thead > tr:first-child > th {
+  /* Colored header */
+  background: linear-gradient(to bottom, rgba(129, 176, 140, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
 }
 
-.ui.card:first-child {
-  margin-top: 0;
+@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.card:last-child {
-  margin-bottom: 0;
+.ui.olive.panel {
+  border-top: 0.2em solid #a0b06c;
 }
 
-/* --------------
-      Cards
---------------- */
+.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.cards {
-  display: flex;
-  margin: -0.875em -0.5em;
-  flex-wrap: wrap;
+.ui.ui.ui.ui.ui.olive.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
 }
 
-.ui.cards > .card {
-  display: flex;
-  margin: 0.875em 0.5em;
-  float: none;
+.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;
 }
 
-/* Clearing */
+@media only screen and (max-width: 767.98px) {
+  .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.cards::after,
-.ui.card::after {
-  display: block;
-  content: " ";
-  height: 0;
-  clear: both;
-  overflow: hidden;
-  visibility: hidden;
+  .ui.ui.ui.ui.ui.olive.table:not(.unstackable) > thead > tr:first-child > th {
+    background: none;
+  }
 }
 
-/* Consecutive Card Groups Preserve Row Spacing */
-
-.ui.cards ~ .ui.cards {
-  margin-top: 0.875em;
+.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.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.ui.purple.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
+}
+
+.ui.ui.ui.ui.ui.purple.table > thead > tr:first-child > th {
+  /* Colored header */
+  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.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.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.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;
+  }
+}
+/*!
+ * # Fomantic-UI 2.9.4 - Card
+ * https://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * https://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+            Standard
+*******************************/
+
+/* --------------
+      Card
+--------------- */
+
+.ui.cards > .card,
+.ui.card {
+  max-width: 100%;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 290px;
+  min-height: 0;
+  background: #fff;
+  padding: 0;
+  border: none;
+  border-radius: 0;
+  box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
+  transition: box-shadow 0.1s ease, transform 0.1s ease;
+  z-index: "";
+  word-wrap: break-word;
+}
+
+.ui.card {
+  margin: 1em 0;
+}
+
+.ui.cards > .card a,
+.ui.card a {
+  cursor: pointer;
+}
+
+.ui.card:first-child {
+  margin-top: 0;
+}
+
+.ui.card:last-child {
+  margin-bottom: 0;
+}
+
+/* --------------
+      Cards
+--------------- */
+
+.ui.cards {
+  display: flex;
+  margin: -0.875em -0.5em;
+  flex-wrap: wrap;
+}
+
+.ui.cards > .card {
+  display: flex;
+  margin: 0.875em 0.5em;
+  float: none;
+}
+
+/* Clearing */
+
+.ui.cards::after,
+.ui.card::after {
+  display: block;
+  content: " ";
+  height: 0;
+  clear: both;
+  overflow: hidden;
+  visibility: hidden;
+}
+
+/* Consecutive Card Groups Preserve Row Spacing */
+
+.ui.cards ~ .ui.cards {
+  margin-top: 0.875em;
 }
 
 /* --------------
@@ -26964,6 +27889,13 @@ a.ui.secondary.card:hover,
   transform: none;
 }
 
+.ui.accordion .ui.header > .dropdown.icon.right,
+.ui.accordion .title > .dropdown.icon.right,
+.ui.accordion .accordion .title > .dropdown.icon.right {
+  float: right;
+  transform: rotate(180deg);
+}
+
 /* --------------
     Coupling
 --------------- */
@@ -27139,6 +28071,60 @@ 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;
+}
+
+.plain-accordion .title > .dropdown.icon.right {
+  float: right;
+  transform: rotate(180deg);
+}
+
+/* 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/
@@ -30471,7 +31457,7 @@ select.ui.dropdown {
   display: block;
   width: 100%;
   font-size: 1em;
-  line-height: 1.4;
+  line-height: 1.4285em;
   padding: 1.5rem;
   background: #fff;
 }
@@ -30536,7 +31522,7 @@ select.ui.dropdown {
 
 .ui.modal > .actions {
   background: #f9fafb;
-  padding: 1rem;
+  padding: 1.5rem;
   border-top: 1px solid rgba(34, 36, 38, 0.15);
   text-align: right;
 }
@@ -31220,6 +32206,14 @@ select.ui.dropdown {
 /*******************************
          Site Overrides
 *******************************/
+
+.ui.modal > .actions > .ui.button {
+  margin-inline: 1rem 0;
+}
+
+.ui.modal > .left.actions > .ui.button {
+  margin-inline: 0 1rem;
+}
 /*!
  * # Fomantic-UI 2.9.4 - Popup
  * https://github.com/fomantic/Fomantic-UI/
@@ -32688,6 +33682,346 @@ select.ui.dropdown {
 /*******************************
         User Overrides
 *******************************/
+/*!
+ * # Fomantic-UI 2.9.4 - Toast
+ * https://github.com/fomantic/Fomantic-UI/
+ *
+ *
+ * Released under the MIT license
+ * https://opensource.org/licenses/MIT
+ *
+ */
+
+/*******************************
+        Toast container
+*******************************/
+
+.ui.toast-container {
+  position: fixed;
+  z-index: 9999;
+}
+
+.ui.toast-container.absolute {
+  position: absolute;
+}
+
+.ui.toast-container.top.right {
+  top: 0.85714286em;
+  right: 0.85714286em;
+  margin-left: 0.85714286em;
+}
+
+.ui.toast-container.top.left {
+  top: 0.85714286em;
+  left: 0.85714286em;
+  margin-right: 0.85714286em;
+}
+
+.ui.toast-container.top.center {
+  left: 50%;
+  transform: translate(-50%, 0);
+  top: 0.85714286em;
+}
+
+.ui.toast-container.bottom.right {
+  bottom: 0.85714286em;
+  right: 0.85714286em;
+  margin-left: 0.85714286em;
+}
+
+.ui.toast-container.bottom.left {
+  bottom: 0.85714286em;
+  left: 0.85714286em;
+  margin-right: 0.85714286em;
+}
+
+.ui.toast-container.bottom.center {
+  left: 50%;
+  transform: translate(-50%, 0);
+  bottom: 0.85714286em;
+}
+
+.ui.toast-container .visible.toast-box,
+.ui.toast-container .animating.toast-box,
+.ui.toast-container .toast-box {
+  display: table !important;
+}
+
+.ui.toast-container .toast-box {
+  margin-bottom: 0.5em;
+  border-radius: 0;
+  cursor: default;
+  will-change: transform, opacity;
+}
+
+.ui.toast-container .toast-box:hover {
+  opacity: 1;
+}
+
+.ui.toast-container .toast-box:hover {
+  cursor: pointer;
+}
+
+.ui.toast-container .toast-box.floating,
+.ui.toast-container .toast-box.hoverfloating:hover {
+  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+  border: none;
+}
+
+.ui.toast-container .toast-box.compact,
+.ui.toast-container .toast-box > .compact {
+  width: 416px;
+}
+
+.ui.toast-container .toast-box > .ui.toast,
+.ui.toast-container .toast-box > .ui.message {
+  margin: 0;
+  position: relative;
+}
+
+.ui.toast-container .toast-box > .ui.message > .close.icon {
+  top: 1rem;
+  right: 1rem;
+}
+
+.ui.toast-container .toast-box > .ui.message.icon {
+  align-items: inherit;
+}
+
+.ui.toast-container .toast-box > .ui.message.icon > :not(.icon) {
+  padding-left: 0;
+}
+
+.ui.toast-container .toast-box > .ui.message.icon > i.icon:not(.close) {
+  display: inline-block;
+  position: absolute;
+  width: 4rem;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.ui.toast-container .toast-box > .ui.message.icon:not(.vertical).icon.icon.icon {
+  display: block;
+}
+
+.ui.toast-container .toast-box .ui.toast > .close.icon {
+  cursor: pointer;
+  margin: 0;
+  opacity: 0.7;
+  transition: opacity 0.1s ease;
+}
+
+.ui.toast-container .toast-box .ui.toast > .close.icon:hover {
+  opacity: 1;
+}
+
+.ui.toast-container .toast-box .ui.toast.vertical > .close.icon {
+  margin-top: -1rem;
+  margin-right: -1rem;
+}
+
+.ui.toast-container .toast-box .ui.toast:not(.vertical) > .close.icon {
+  position: absolute;
+  top: 1rem;
+}
+
+.ui.toast-container .toast-box .ui.toast:not(.vertical) > .close.icon:not(.left) {
+  right: 1rem;
+}
+
+.ui.toast-container .toast-box .ui.toast:not(.vertical) > .close.icon.left {
+  margin-left: -1rem;
+}
+
+.ui.toast-container .toast-box .progressing {
+  animation-iteration-count: 1;
+  animation-timing-function: linear;
+}
+
+.ui.toast-container .toast-box .progressing.wait {
+  animation-name: progressWait;
+}
+
+.ui.toast-container .toast-box:hover .pausable.progressing {
+  animation-play-state: paused;
+}
+
+.ui.toast-container .toast-box .ui.toast:not(.vertical) {
+  display: block;
+}
+
+.ui.toast-container .toast-box .vertical.actions > .button,
+.ui.toast-container .toast-box > .vertical > .vertical.vertical,
+.ui.toast-container .toast-box > .vertical.vertical.vertical {
+  display: flex;
+}
+
+/*******************************
+            Toast
+*******************************/
+
+.ui.toast {
+  display: none;
+  border-radius: 0;
+  padding: 0.78571429em 1em;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.87);
+  background-color: #fff;
+}
+
+.ui.toast > .content > .header {
+  font-weight: bold;
+  color: inherit;
+  margin: 0;
+}
+
+.ui.toast.info {
+  background-color: #31ccec;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.toast.warning {
+  background-color: #f2c037;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.toast.success {
+  background-color: #81b08c;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.toast.error {
+  background-color: #af4e4a;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.toast.neutral {
+  background-color: #fff;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.toast > i.icon:not(.close) {
+  font-size: 1.5em;
+}
+
+.ui.toast:not(.vertical):not(.center) > i.icon:not(.close) {
+  position: absolute;
+}
+
+.ui.toast:not(.vertical) > i.icon:not(.close) + .content {
+  padding-left: 3em;
+}
+
+.ui.toast:not(.vertical) > .close.icon + .content {
+  padding-left: 1.5em;
+}
+
+.ui.toast:not(.vertical):not(.center) > .centered.image,
+.ui.toast:not(.vertical):not(.center) > .centered.icon {
+  transform: translateY(-50%);
+  top: 50%;
+}
+
+.ui.toast.vertical > .content {
+  flex-grow: 1;
+}
+
+.ui.toast.vertical > .close.icon + .content {
+  padding-left: 1em;
+}
+
+.ui.toast.vertical > .ui.image + .content,
+.ui.toast.vertical > i.icon:not(.close) + .content {
+  padding-left: 1em;
+}
+
+.ui.toast.vertical > .centered.image,
+.ui.toast.vertical > .centered.icon {
+  align-self: center;
+}
+
+.ui.hoverfloating.message:hover {
+  box-shadow: 0 0 0 1px inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+}
+
+.ui.center.toast-container .toast-box,
+.ui.right.toast-container .toast-box {
+  margin-left: auto;
+}
+
+.ui.center.toast-container .toast-box {
+  margin-right: auto;
+}
+
+/* --------------
+     Colors
+-------------- */
+
+@media only screen and (max-width: 420px) {
+  .ui.toast-container .toast-box.toast-box,
+  .ui.toast-container .toast-box > .compact,
+  .ui.toast-container .toast-box > .vertical > *,
+  .ui.toast-container .toast-box > * {
+    width: auto;
+    max-width: 100%;
+  }
+
+  .ui.toast-container .toast-box > *:not(.vertical) {
+    min-width: 280px;
+  }
+}
+
+/* ---------------
+   Progress Bar
+ ---------------- */
+
+@keyframes progressWait {
+  0% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+/*******************************
+        User Overrides
+*******************************/
+
+.ui.toast-container .toast-box > .ui.message > .close.icon,
+.ui.toast-container .toast-box > .ui.toast > .close.icon {
+  color: rgba(0, 0, 0, 0.87);
+  font-size: 1.075em;
+}
+
+.ui.toast-container .toast-box > .ui.message {
+  padding: 0.85714286rem 3.42857143rem 0.85714286rem 1rem;
+}
+
+.ui.toast-container .toast-box > .ui.message .header {
+  font-size: 1.14285714rem;
+  font-weight: 500;
+}
+
+.ui.toast-container .toast-box > .ui.message .header + .message {
+  margin-top: 0.28571429em;
+}
+
+.ui.toast-container .toast-box > .ui.icon.message > i.icon:not(.close) {
+  width: auto;
+  top: 1rem;
+  transform: none;
+  font-size: 1.075em;
+}
+
+.ui.toast-container .toast-box > .ui.icon.message > .content {
+  padding-left: 1.57142857em;
+}
 /*!
  * # Fomantic-UI 2.9.4 - Transition
  * https://github.com/fomantic/Fomantic-UI/