@northdata/fomantic-ui 2.9.418 → 2.9.420

package/lib/semantic-ui/dist/semantic.full.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;
 }
 
 /* --------------
@@ -1295,7 +1295,7 @@ input::selection {
 
 .ui.button > .icon:not(.button) {
   height: auto;
-  opacity: 0.8;
+  opacity: 1;
   transition: opacity 0.1s ease;
   color: "";
 }
@@ -1465,7 +1465,7 @@ 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;
 }
@@ -1480,7 +1480,7 @@ input::selection {
 
 .ui.basic.buttons .button,
 .ui.basic.button {
-  background: transparent none;
+  background: #fff none;
   color: rgba(0, 0, 0, 0.6);
   font-weight: normal;
   border-radius: 0;
@@ -1491,7 +1491,7 @@ input::selection {
 
 .ui.basic.buttons {
   box-shadow: none;
-  border: 1px solid rgba(34, 36, 38, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 0;
   border-right: none;
 }
@@ -1502,14 +1502,14 @@ input::selection {
 
 .ui.basic.buttons .button:hover,
 .ui.basic.button:hover {
-  background: #fff;
+  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: #fff;
+  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;
 }
@@ -1590,14 +1590,14 @@ input::selection {
 /* Basic Group */
 
 .ui.basic.buttons:not(.inverted) .button:not(.basic) {
-  border-right: 1px solid rgba(34, 36, 38, 0.15);
+  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(34, 36, 38, 0.15);
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .ui.basic.vertical.buttons:not(.spaced):not(.circular) .button:first-child {
@@ -1779,7 +1779,7 @@ input::selection {
 }
 
 .ui.circular.basic.buttons .button {
-  border: 1px solid rgba(34, 36, 38, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .ui.circular.basic.buttons .button.basic {
@@ -2693,7 +2693,7 @@ input::selection {
 
 .ui.orange.buttons .button,
 .ui.orange.button {
-  background-color: #f2711c;
+  background-color: #af6a66;
   color: #fff;
   text-shadow: none;
   background-image: none;
@@ -2705,21 +2705,21 @@ input::selection {
 
 .ui.orange.buttons .button:hover,
 .ui.orange.button:hover {
-  background-color: #f26202;
+  background-color: #a95752;
   color: #fff;
   text-shadow: none;
 }
 
 .ui.orange.buttons .button:focus,
 .ui.orange.button:focus {
-  background-color: #e55b00;
+  background-color: #a34f4a;
   color: #fff;
   text-shadow: none;
 }
 
 .ui.orange.buttons .button:active,
 .ui.orange.button:active {
-  background-color: #cf590c;
+  background-color: #94514e;
   color: #fff;
   text-shadow: none;
 }
@@ -2728,7 +2728,7 @@ input::selection {
 .ui.orange.buttons .active.button:active,
 .ui.orange.active.button,
 .ui.orange.button .active.button:active {
-  background-color: #f56100;
+  background-color: #ab5550;
   color: #fff;
   text-shadow: none;
 }
@@ -2738,35 +2738,35 @@ input::selection {
 .ui.basic.orange.buttons .button,
 .ui.basic.orange.button {
   background: transparent;
-  box-shadow: 0 0 0 1px #f2711c inset;
-  color: #f2711c;
+  box-shadow: 0 0 0 1px #af6a66 inset;
+  color: #af6a66;
 }
 
 .ui.basic.orange.buttons .button:hover,
 .ui.basic.orange.button:hover {
   background: transparent;
-  box-shadow: 0 0 0 1px #f26202 inset;
-  color: #f26202;
+  box-shadow: 0 0 0 1px #a95752 inset;
+  color: #a95752;
 }
 
 .ui.basic.orange.buttons .button:focus,
 .ui.basic.orange.button:focus {
   background: transparent;
-  box-shadow: 0 0 0 1px #e55b00 inset;
-  color: #f26202;
+  box-shadow: 0 0 0 1px #a34f4a inset;
+  color: #a95752;
 }
 
 .ui.basic.orange.buttons .active.button,
 .ui.basic.orange.active.button {
   background: transparent;
-  box-shadow: 0 0 0 1px #f56100 inset;
-  color: #cf590c;
+  box-shadow: 0 0 0 1px #ab5550 inset;
+  color: #94514e;
 }
 
 .ui.basic.orange.buttons .button:active,
 .ui.basic.orange.button:active {
-  box-shadow: 0 0 0 1px #cf590c inset;
-  color: #cf590c;
+  box-shadow: 0 0 0 1px #94514e inset;
+  color: #94514e;
 }
 
 /* Inverted */
@@ -2855,21 +2855,21 @@ input::selection {
 .ui.tertiary.orange.button {
   background: transparent;
   box-shadow: none;
-  color: #f2711c;
+  color: #af6a66;
 }
 
 .ui.tertiary.orange.buttons .button:hover,
 .ui.tertiary.orange.buttons button:hover,
 .ui.tertiary.orange.button:hover {
-  box-shadow: inset 0 -0.2em 0 #da671b;
-  color: #da671b;
+  box-shadow: inset 0 -0.2em 0 #906e6c;
+  color: #906e6c;
 }
 
 .ui.tertiary.orange.buttons .button:focus,
 .ui.tertiary.orange.buttons .tertiary.button:focus,
 .ui.tertiary.orange.button:focus {
-  box-shadow: inset 0 -0.2em 0 #ce6017;
-  color: #ce6017;
+  box-shadow: inset 0 -0.2em 0 #8b6461;
+  color: #8b6461;
 }
 
 .ui.tertiary.orange.buttons .active.button,
@@ -2878,8 +2878,8 @@ input::selection {
 .ui.tertiary.orange.buttons .button:active,
 .ui.tertiary.orange.buttons .tertiary.button:active,
 .ui.tertiary.orange.button:active {
-  box-shadow: inset 0 -0.2em 0 #f56100;
-  color: #f56100;
+  box-shadow: inset 0 -0.2em 0 #c43f37;
+  color: #ab5550;
 }
 
 .ui.yellow.buttons .button,
@@ -4030,7 +4030,7 @@ input::selection {
 
 .ui.purple.buttons .button,
 .ui.purple.button {
-  background-color: #af6690;
+  background-color: #6667af;
   color: #fff;
   text-shadow: none;
   background-image: none;
@@ -4042,21 +4042,21 @@ input::selection {
 
 .ui.purple.buttons .button:hover,
 .ui.purple.button:hover {
-  background-color: #a95284;
+  background-color: #5254a9;
   color: #fff;
   text-shadow: none;
 }
 
 .ui.purple.buttons .button:focus,
 .ui.purple.button:focus {
-  background-color: #a34a7d;
+  background-color: #4a4ba3;
   color: #fff;
   text-shadow: none;
 }
 
 .ui.purple.buttons .button:active,
 .ui.purple.button:active {
-  background-color: #944e76;
+  background-color: #4e4f94;
   color: #fff;
   text-shadow: none;
 }
@@ -4065,7 +4065,7 @@ input::selection {
 .ui.purple.buttons .active.button:active,
 .ui.purple.active.button,
 .ui.purple.button .active.button:active {
-  background-color: #ab5085;
+  background-color: #5052ab;
   color: #fff;
   text-shadow: none;
 }
@@ -4075,35 +4075,35 @@ input::selection {
 .ui.basic.purple.buttons .button,
 .ui.basic.purple.button {
   background: transparent;
-  box-shadow: 0 0 0 1px #af6690 inset;
-  color: #af6690;
+  box-shadow: 0 0 0 1px #6667af inset;
+  color: #6667af;
 }
 
 .ui.basic.purple.buttons .button:hover,
 .ui.basic.purple.button:hover {
   background: transparent;
-  box-shadow: 0 0 0 1px #a95284 inset;
-  color: #a95284;
+  box-shadow: 0 0 0 1px #5254a9 inset;
+  color: #5254a9;
 }
 
 .ui.basic.purple.buttons .button:focus,
 .ui.basic.purple.button:focus {
   background: transparent;
-  box-shadow: 0 0 0 1px #a34a7d inset;
-  color: #a95284;
+  box-shadow: 0 0 0 1px #4a4ba3 inset;
+  color: #5254a9;
 }
 
 .ui.basic.purple.buttons .active.button,
 .ui.basic.purple.active.button {
   background: transparent;
-  box-shadow: 0 0 0 1px #ab5085 inset;
-  color: #944e76;
+  box-shadow: 0 0 0 1px #5052ab inset;
+  color: #4e4f94;
 }
 
 .ui.basic.purple.buttons .button:active,
 .ui.basic.purple.button:active {
-  box-shadow: 0 0 0 1px #944e76 inset;
-  color: #944e76;
+  box-shadow: 0 0 0 1px #4e4f94 inset;
+  color: #4e4f94;
 }
 
 /* Inverted */
@@ -4192,21 +4192,21 @@ input::selection {
 .ui.tertiary.purple.button {
   background: transparent;
   box-shadow: none;
-  color: #af6690;
+  color: #6667af;
 }
 
 .ui.tertiary.purple.buttons .button:hover,
 .ui.tertiary.purple.buttons button:hover,
 .ui.tertiary.purple.button:hover {
-  box-shadow: inset 0 -0.2em 0 #906c80;
-  color: #906c80;
+  box-shadow: inset 0 -0.2em 0 #6c6c90;
+  color: #6c6c90;
 }
 
 .ui.tertiary.purple.buttons .button:focus,
 .ui.tertiary.purple.buttons .tertiary.button:focus,
 .ui.tertiary.purple.button:focus {
-  box-shadow: inset 0 -0.2em 0 #8b6179;
-  color: #8b6179;
+  box-shadow: inset 0 -0.2em 0 #61628b;
+  color: #61628b;
 }
 
 .ui.tertiary.purple.buttons .active.button,
@@ -4215,13 +4215,13 @@ input::selection {
 .ui.tertiary.purple.buttons .button:active,
 .ui.tertiary.purple.buttons .tertiary.button:active,
 .ui.tertiary.purple.button:active {
-  box-shadow: inset 0 -0.2em 0 #c43788;
-  color: #ab5085;
+  box-shadow: inset 0 -0.2em 0 #3739c4;
+  color: #5052ab;
 }
 
 .ui.pink.buttons .button,
 .ui.pink.button {
-  background-color: #e03997;
+  background-color: #af6687;
   color: #fff;
   text-shadow: none;
   background-image: none;
@@ -4233,21 +4233,21 @@ input::selection {
 
 .ui.pink.buttons .button:hover,
 .ui.pink.button:hover {
-  background-color: #e61a8d;
+  background-color: #a9527a;
   color: #fff;
   text-shadow: none;
 }
 
 .ui.pink.buttons .button:focus,
 .ui.pink.button:focus {
-  background-color: #e10f85;
+  background-color: #a34a72;
   color: #fff;
   text-shadow: none;
 }
 
 .ui.pink.buttons .button:active,
 .ui.pink.button:active {
-  background-color: #c71f7e;
+  background-color: #944e6e;
   color: #fff;
   text-shadow: none;
 }
@@ -4256,7 +4256,7 @@ input::selection {
 .ui.pink.buttons .active.button:active,
 .ui.pink.active.button,
 .ui.pink.button .active.button:active {
-  background-color: #ea158d;
+  background-color: #ab5079;
   color: #fff;
   text-shadow: none;
 }
@@ -4266,35 +4266,35 @@ input::selection {
 .ui.basic.pink.buttons .button,
 .ui.basic.pink.button {
   background: transparent;
-  box-shadow: 0 0 0 1px #e03997 inset;
-  color: #e03997;
+  box-shadow: 0 0 0 1px #af6687 inset;
+  color: #af6687;
 }
 
 .ui.basic.pink.buttons .button:hover,
 .ui.basic.pink.button:hover {
   background: transparent;
-  box-shadow: 0 0 0 1px #e61a8d inset;
-  color: #e61a8d;
+  box-shadow: 0 0 0 1px #a9527a inset;
+  color: #a9527a;
 }
 
 .ui.basic.pink.buttons .button:focus,
 .ui.basic.pink.button:focus {
   background: transparent;
-  box-shadow: 0 0 0 1px #e10f85 inset;
-  color: #e61a8d;
+  box-shadow: 0 0 0 1px #a34a72 inset;
+  color: #a9527a;
 }
 
 .ui.basic.pink.buttons .active.button,
 .ui.basic.pink.active.button {
   background: transparent;
-  box-shadow: 0 0 0 1px #ea158d inset;
-  color: #c71f7e;
+  box-shadow: 0 0 0 1px #ab5079 inset;
+  color: #944e6e;
 }
 
 .ui.basic.pink.buttons .button:active,
 .ui.basic.pink.button:active {
-  box-shadow: 0 0 0 1px #c71f7e inset;
-  color: #c71f7e;
+  box-shadow: 0 0 0 1px #944e6e inset;
+  color: #944e6e;
 }
 
 /* Inverted */
@@ -4383,21 +4383,21 @@ input::selection {
 .ui.tertiary.pink.button {
   background: transparent;
   box-shadow: none;
-  color: #e03997;
+  color: #af6687;
 }
 
 .ui.tertiary.pink.buttons .button:hover,
 .ui.tertiary.pink.buttons button:hover,
 .ui.tertiary.pink.button:hover {
-  box-shadow: inset 0 -0.2em 0 #cc3389;
-  color: #cc3389;
+  box-shadow: inset 0 -0.2em 0 #906c7c;
+  color: #906c7c;
 }
 
 .ui.tertiary.pink.buttons .button:focus,
 .ui.tertiary.pink.buttons .tertiary.button:focus,
 .ui.tertiary.pink.button:focus {
-  box-shadow: inset 0 -0.2em 0 #c92782;
-  color: #c92782;
+  box-shadow: inset 0 -0.2em 0 #8b6174;
+  color: #8b6174;
 }
 
 .ui.tertiary.pink.buttons .active.button,
@@ -4406,13 +4406,13 @@ input::selection {
 .ui.tertiary.pink.buttons .button:active,
 .ui.tertiary.pink.buttons .tertiary.button:active,
 .ui.tertiary.pink.button:active {
-  box-shadow: inset 0 -0.2em 0 #ff0090;
-  color: #ea158d;
+  box-shadow: inset 0 -0.2em 0 #c43777;
+  color: #ab5079;
 }
 
 .ui.brown.buttons .button,
 .ui.brown.button {
-  background-color: #af9666;
+  background-color: #af9066;
   color: #fff;
   text-shadow: none;
   background-image: none;
@@ -4424,21 +4424,21 @@ input::selection {
 
 .ui.brown.buttons .button:hover,
 .ui.brown.button:hover {
-  background-color: #a98b52;
+  background-color: #a98452;
   color: #fff;
   text-shadow: none;
 }
 
 .ui.brown.buttons .button:focus,
 .ui.brown.button:focus {
-  background-color: #a3844a;
+  background-color: #a37d4a;
   color: #fff;
   text-shadow: none;
 }
 
 .ui.brown.buttons .button:active,
 .ui.brown.button:active {
-  background-color: #947c4e;
+  background-color: #94764e;
   color: #fff;
   text-shadow: none;
 }
@@ -4447,7 +4447,7 @@ input::selection {
 .ui.brown.buttons .active.button:active,
 .ui.brown.active.button,
 .ui.brown.button .active.button:active {
-  background-color: #ab8c50;
+  background-color: #ab8550;
   color: #fff;
   text-shadow: none;
 }
@@ -4457,35 +4457,35 @@ input::selection {
 .ui.basic.brown.buttons .button,
 .ui.basic.brown.button {
   background: transparent;
-  box-shadow: 0 0 0 1px #af9666 inset;
-  color: #af9666;
+  box-shadow: 0 0 0 1px #af9066 inset;
+  color: #af9066;
 }
 
 .ui.basic.brown.buttons .button:hover,
 .ui.basic.brown.button:hover {
   background: transparent;
-  box-shadow: 0 0 0 1px #a98b52 inset;
-  color: #a98b52;
+  box-shadow: 0 0 0 1px #a98452 inset;
+  color: #a98452;
 }
 
 .ui.basic.brown.buttons .button:focus,
 .ui.basic.brown.button:focus {
   background: transparent;
-  box-shadow: 0 0 0 1px #a3844a inset;
-  color: #a98b52;
+  box-shadow: 0 0 0 1px #a37d4a inset;
+  color: #a98452;
 }
 
 .ui.basic.brown.buttons .active.button,
 .ui.basic.brown.active.button {
   background: transparent;
-  box-shadow: 0 0 0 1px #ab8c50 inset;
-  color: #947c4e;
+  box-shadow: 0 0 0 1px #ab8550 inset;
+  color: #94764e;
 }
 
 .ui.basic.brown.buttons .button:active,
 .ui.basic.brown.button:active {
-  box-shadow: 0 0 0 1px #947c4e inset;
-  color: #947c4e;
+  box-shadow: 0 0 0 1px #94764e inset;
+  color: #94764e;
 }
 
 /* Inverted */
@@ -4574,21 +4574,21 @@ input::selection {
 .ui.tertiary.brown.button {
   background: transparent;
   box-shadow: none;
-  color: #af9666;
+  color: #af9066;
 }
 
 .ui.tertiary.brown.buttons .button:hover,
 .ui.tertiary.brown.buttons button:hover,
 .ui.tertiary.brown.button:hover {
-  box-shadow: inset 0 -0.2em 0 #90836c;
-  color: #90836c;
+  box-shadow: inset 0 -0.2em 0 #90806c;
+  color: #90806c;
 }
 
 .ui.tertiary.brown.buttons .button:focus,
 .ui.tertiary.brown.buttons .tertiary.button:focus,
 .ui.tertiary.brown.button:focus {
-  box-shadow: inset 0 -0.2em 0 #8b7d61;
-  color: #8b7d61;
+  box-shadow: inset 0 -0.2em 0 #8b7961;
+  color: #8b7961;
 }
 
 .ui.tertiary.brown.buttons .active.button,
@@ -4597,8 +4597,8 @@ input::selection {
 .ui.tertiary.brown.buttons .button:active,
 .ui.tertiary.brown.buttons .tertiary.button:active,
 .ui.tertiary.brown.button:active {
-  box-shadow: inset 0 -0.2em 0 #c49437;
-  color: #ab8c50;
+  box-shadow: inset 0 -0.2em 0 #c48837;
+  color: #ab8550;
 }
 
 .ui.grey.buttons .button,
@@ -5248,7 +5248,7 @@ input::selection {
 }
 
 .ui.wrapping.basic.buttons .button {
-  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .ui.wrapping.basic.buttons .button:hover {
@@ -5298,7 +5298,7 @@ input::selection {
 }
 
 .ui.spaced.basic.buttons .button {
-  border: 1px solid rgba(34, 36, 38, 0.15);
+  border: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .ui.spaced.basic.buttons .button.basic {
@@ -5306,16 +5306,16 @@ input::selection {
 }
 
 .ui.spaced.basic.vertical.buttons .button:first-child {
-  border-top: 1px solid rgba(34, 36, 38, 0.15);
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .ui.spaced.basic.wrapping.buttons .button:not(.basic) {
-  border-top: 1px solid rgba(34, 36, 38, 0.15);
-  border-right: 1px solid rgba(34, 36, 38, 0.15);
+  border-top: 1px solid rgba(0, 0, 0, 0.1);
+  border-right: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .ui.spaced.basic.wrapping.buttons .button:not(.basic):first-child {
-  border-left: 1px solid rgba(34, 36, 38, 0.15);
+  border-left: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .ui.spaced.basic.inverted.buttons .basic.button {
@@ -7389,7 +7389,7 @@ i.flag.zimbabwe::before {
   opacity: 1;
   font-size: 1.5em;
   padding-top: 0.14285714em;
-  vertical-align: middle;
+  vertical-align: baseline;
 }
 
 /* With Text Node */
@@ -7798,15 +7798,15 @@ a.ui.inverted.red.header.header.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.inverted.orange.header.header.header {
@@ -7966,15 +7966,15 @@ a.ui.inverted.violet.header.header.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.inverted.purple.header.header.header {
@@ -7990,15 +7990,15 @@ a.ui.inverted.purple.header.header.header:hover {
 }
 
 .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.inverted.pink.header.header.header {
@@ -8014,15 +8014,15 @@ a.ui.inverted.pink.header.header.header:hover {
 }
 
 .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.inverted.brown.header.header.header {
@@ -8653,7 +8653,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 {
@@ -8664,7 +8664,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;
 }
 
@@ -8765,7 +8765,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 {
@@ -8776,12 +8776,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 {
@@ -8792,12 +8792,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 {
@@ -8808,7 +8808,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;
 }
 
@@ -18667,7 +18667,7 @@ input[type="file"].ui.file.input:focus + label.ui.red.button:not(.basic):not(.te
 
 input[type="file"].ui.file.input:focus + label.ui.orange.button:not(.basic):not(.tertiary),
 .ui.file.input input[type="file"]:focus + label.ui.orange.button:not(.basic):not(.tertiary) {
-  background-color: #f26202;
+  background-color: #a95752;
   color: #fff;
 }
 
@@ -18744,7 +18744,7 @@ input[type="file"].ui.file.input:focus + label.ui.violet.button:not(.basic):not(
 
 input[type="file"].ui.file.input:focus + label.ui.purple.button:not(.basic):not(.tertiary),
 .ui.file.input input[type="file"]:focus + label.ui.purple.button:not(.basic):not(.tertiary) {
-  background-color: #a95284;
+  background-color: #5254a9;
   color: #fff;
 }
 
@@ -18755,7 +18755,7 @@ input[type="file"].ui.file.input:focus + label.ui.purple.button:not(.basic):not(
 
 input[type="file"].ui.file.input:focus + label.ui.pink.button:not(.basic):not(.tertiary),
 .ui.file.input input[type="file"]:focus + label.ui.pink.button:not(.basic):not(.tertiary) {
-  background-color: #e61a8d;
+  background-color: #a9527a;
   color: #fff;
 }
 
@@ -18766,7 +18766,7 @@ input[type="file"].ui.file.input:focus + label.ui.pink.button:not(.basic):not(.t
 
 input[type="file"].ui.file.input:focus + label.ui.brown.button:not(.basic):not(.tertiary),
 .ui.file.input input[type="file"]:focus + label.ui.brown.button:not(.basic):not(.tertiary) {
-  background-color: #a98b52;
+  background-color: #a98452;
   color: #fff;
 }
 
@@ -18865,24 +18865,24 @@ input[type="file"].ui.red.file.input::file-selector-button:hover,
 
 input[type="file"].ui.orange.file.input::-webkit-file-upload-button,
 .ui.orange.file.input input[type="file"]::-webkit-file-upload-button {
-  background: #f2711c;
+  background: #af6a66;
   color: #fff;
 }
 
 input[type="file"].ui.orange.file.input::file-selector-button,
 .ui.orange.file.input input[type="file"]::file-selector-button {
-  background: #f2711c;
+  background: #af6a66;
   color: #fff;
 }
 
 input[type="file"].ui.orange.file.input::-webkit-file-upload-button:hover,
 .ui.orange.file.input input[type="file"]::-webkit-file-upload-button:hover {
-  background: #f26202;
+  background: #a95752;
 }
 
 input[type="file"].ui.orange.file.input::file-selector-button:hover,
 .ui.orange.file.input input[type="file"]::file-selector-button:hover {
-  background: #f26202;
+  background: #a95752;
 }
 
 input[type="file"].ui.yellow.file.input::-webkit-file-upload-button,
@@ -19019,68 +19019,68 @@ input[type="file"].ui.violet.file.input::file-selector-button:hover,
 
 input[type="file"].ui.purple.file.input::-webkit-file-upload-button,
 .ui.purple.file.input input[type="file"]::-webkit-file-upload-button {
-  background: #af6690;
+  background: #6667af;
   color: #fff;
 }
 
 input[type="file"].ui.purple.file.input::file-selector-button,
 .ui.purple.file.input input[type="file"]::file-selector-button {
-  background: #af6690;
+  background: #6667af;
   color: #fff;
 }
 
 input[type="file"].ui.purple.file.input::-webkit-file-upload-button:hover,
 .ui.purple.file.input input[type="file"]::-webkit-file-upload-button:hover {
-  background: #a95284;
+  background: #5254a9;
 }
 
 input[type="file"].ui.purple.file.input::file-selector-button:hover,
 .ui.purple.file.input input[type="file"]::file-selector-button:hover {
-  background: #a95284;
+  background: #5254a9;
 }
 
 input[type="file"].ui.pink.file.input::-webkit-file-upload-button,
 .ui.pink.file.input input[type="file"]::-webkit-file-upload-button {
-  background: #e03997;
+  background: #af6687;
   color: #fff;
 }
 
 input[type="file"].ui.pink.file.input::file-selector-button,
 .ui.pink.file.input input[type="file"]::file-selector-button {
-  background: #e03997;
+  background: #af6687;
   color: #fff;
 }
 
 input[type="file"].ui.pink.file.input::-webkit-file-upload-button:hover,
 .ui.pink.file.input input[type="file"]::-webkit-file-upload-button:hover {
-  background: #e61a8d;
+  background: #a9527a;
 }
 
 input[type="file"].ui.pink.file.input::file-selector-button:hover,
 .ui.pink.file.input input[type="file"]::file-selector-button:hover {
-  background: #e61a8d;
+  background: #a9527a;
 }
 
 input[type="file"].ui.brown.file.input::-webkit-file-upload-button,
 .ui.brown.file.input input[type="file"]::-webkit-file-upload-button {
-  background: #af9666;
+  background: #af9066;
   color: #fff;
 }
 
 input[type="file"].ui.brown.file.input::file-selector-button,
 .ui.brown.file.input input[type="file"]::file-selector-button {
-  background: #af9666;
+  background: #af9066;
   color: #fff;
 }
 
 input[type="file"].ui.brown.file.input::-webkit-file-upload-button:hover,
 .ui.brown.file.input input[type="file"]::-webkit-file-upload-button:hover {
-  background: #a98b52;
+  background: #a98452;
 }
 
 input[type="file"].ui.brown.file.input::file-selector-button:hover,
 .ui.brown.file.input input[type="file"]::file-selector-button:hover {
-  background: #a98b52;
+  background: #a98452;
 }
 
 input[type="file"].ui.grey.file.input::-webkit-file-upload-button,
@@ -20215,8 +20215,8 @@ a.ui.ui.ui.inverted.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;
 }
 
@@ -20224,15 +20224,15 @@ a.ui.ui.ui.inverted.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 */
@@ -20240,15 +20240,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;
 }
 
 /* Inverted */
@@ -20873,8 +20873,8 @@ a.ui.ui.ui.inverted.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;
 }
 
@@ -20882,15 +20882,15 @@ a.ui.ui.ui.inverted.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 */
@@ -20898,15 +20898,15 @@ 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;
 }
 
 /* Inverted */
@@ -20967,8 +20967,8 @@ a.ui.ui.ui.inverted.basic.purple.label:hover {
 
 .ui.pink.labels .label,
 .ui.ui.ui.pink.label {
-  background-color: #e03997;
-  border-color: #e03997;
+  background-color: #af6687;
+  border-color: #af6687;
   color: #fff;
 }
 
@@ -20976,15 +20976,15 @@ a.ui.ui.ui.inverted.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 */
@@ -20992,15 +20992,15 @@ 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;
 }
 
 /* Inverted */
@@ -21061,8 +21061,8 @@ a.ui.ui.ui.inverted.basic.pink.label:hover {
 
 .ui.brown.labels .label,
 .ui.ui.ui.brown.label {
-  background-color: #af9666;
-  border-color: #af9666;
+  background-color: #af9066;
+  border-color: #af9066;
   color: #fff;
 }
 
@@ -21070,15 +21070,15 @@ a.ui.ui.ui.inverted.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 */
@@ -21086,15 +21086,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;
 }
 
 /* Inverted */
@@ -21605,7 +21605,7 @@ ul.ui.list,
 ol.ui.list,
 .ui.list {
   list-style-type: none;
-  margin: 1em 0;
+  margin: 1.14285714rem 0;
   padding: 0 0;
 }
 
@@ -21637,7 +21637,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;
 }
 
@@ -21777,8 +21777,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);
 }
 
@@ -21865,7 +21865,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;
 }
 
@@ -21927,8 +21927,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 */
@@ -22414,7 +22414,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 {
@@ -22481,8 +22481,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 */
@@ -22509,7 +22509,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 */
@@ -22526,7 +22526,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 {
@@ -22687,6 +22687,12 @@ ol.ui.suffixed.list li::before,
 /*******************************
          Site Overrides
 *******************************/
+
+.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/
@@ -23068,7 +23074,7 @@ ol.ui.suffixed.list li::before,
 .ui.ui.ui.ui.orange.loading .input > i.icon::after,
 .ui.ui.ui.ui.orange.loading > i.icon::after,
 .ui.ui.ui.orange.loader::after {
-  color: #f2711c;
+  color: #af6a66;
 }
 
 .ui.inverted.orange.elastic.loader::before,
@@ -23236,7 +23242,7 @@ ol.ui.suffixed.list li::before,
 .ui.ui.ui.ui.purple.loading .input > i.icon::after,
 .ui.ui.ui.ui.purple.loading > i.icon::after,
 .ui.ui.ui.purple.loader::after {
-  color: #af6690;
+  color: #6667af;
 }
 
 .ui.inverted.purple.elastic.loader::before,
@@ -23260,7 +23266,7 @@ ol.ui.suffixed.list li::before,
 .ui.ui.ui.ui.pink.loading .input > i.icon::after,
 .ui.ui.ui.ui.pink.loading > i.icon::after,
 .ui.ui.ui.pink.loader::after {
-  color: #e03997;
+  color: #af6687;
 }
 
 .ui.inverted.pink.elastic.loader::before,
@@ -23284,7 +23290,7 @@ ol.ui.suffixed.list li::before,
 .ui.ui.ui.ui.brown.loading .input > i.icon::after,
 .ui.ui.ui.ui.brown.loading > i.icon::after,
 .ui.ui.ui.brown.loader::after {
-  color: #af9666;
+  color: #af9066;
 }
 
 .ui.inverted.brown.elastic.loader::before,
@@ -24195,16 +24201,16 @@ ol.ui.suffixed.list li::before,
 }
 
 .ui.ui.ui.ui.ui.orange.segment:not(.inverted) {
-  border-top: 2px solid #f2711c;
+  border-top: 2px solid #af6a66;
 }
 
 .ui.ui.ui.ui.ui.inverted.orange.segment {
-  background-color: #f2711c;
+  background-color: #af6a66;
   color: #fff;
 }
 
 .ui.ui.inverted.orange.segment:not(.piled) {
-  border-color: #f2711c;
+  border-color: #af6a66;
 }
 
 .ui.ui.ui.ui.ui.yellow.segment:not(.inverted) {
@@ -24286,42 +24292,42 @@ ol.ui.suffixed.list li::before,
 }
 
 .ui.ui.ui.ui.ui.purple.segment:not(.inverted) {
-  border-top: 2px solid #af6690;
+  border-top: 2px solid #6667af;
 }
 
 .ui.ui.ui.ui.ui.inverted.purple.segment {
-  background-color: #af6690;
+  background-color: #6667af;
   color: #fff;
 }
 
 .ui.ui.inverted.purple.segment:not(.piled) {
-  border-color: #af6690;
+  border-color: #6667af;
 }
 
 .ui.ui.ui.ui.ui.pink.segment:not(.inverted) {
-  border-top: 2px solid #e03997;
+  border-top: 2px solid #af6687;
 }
 
 .ui.ui.ui.ui.ui.inverted.pink.segment {
-  background-color: #e03997;
+  background-color: #af6687;
   color: #fff;
 }
 
 .ui.ui.inverted.pink.segment:not(.piled) {
-  border-color: #e03997;
+  border-color: #af6687;
 }
 
 .ui.ui.ui.ui.ui.brown.segment:not(.inverted) {
-  border-top: 2px solid #af9666;
+  border-top: 2px solid #af9066;
 }
 
 .ui.ui.ui.ui.ui.inverted.brown.segment {
-  background-color: #af9666;
+  background-color: #af9066;
   color: #fff;
 }
 
 .ui.ui.inverted.brown.segment:not(.piled) {
-  border-color: #af9666;
+  border-color: #af9066;
 }
 
 .ui.ui.ui.ui.ui.grey.segment:not(.inverted) {
@@ -28350,7 +28356,7 @@ ol.ui.suffixed.list li::before,
 .ui.grid > .orange.row,
 .ui.grid > .orange.column,
 .ui.grid > .row > .orange.column {
-  background-color: #f2711c;
+  background-color: #af6a66;
   color: #fff;
 }
 
@@ -28399,21 +28405,21 @@ ol.ui.suffixed.list li::before,
 .ui.grid > .purple.row,
 .ui.grid > .purple.column,
 .ui.grid > .row > .purple.column {
-  background-color: #af6690;
+  background-color: #6667af;
   color: #fff;
 }
 
 .ui.grid > .pink.row,
 .ui.grid > .pink.column,
 .ui.grid > .row > .pink.column {
-  background-color: #e03997;
+  background-color: #af6687;
   color: #fff;
 }
 
 .ui.grid > .brown.row,
 .ui.grid > .brown.column,
 .ui.grid > .row > .brown.column {
-  background-color: #af9666;
+  background-color: #af9066;
   color: #fff;
 }
 
@@ -30603,8 +30609,8 @@ Floated Menu / Item
 .ui.ui.ui.menu .orange.active.item,
 .ui.ui.orange.menu .active.item:hover,
 .ui.ui.orange.menu .active.item {
-  border-color: #f2711c;
-  color: #f2711c;
+  border-color: #af6a66;
+  color: #af6a66;
 }
 
 .ui.ui.ui.menu .yellow.active.item,
@@ -30652,22 +30658,22 @@ Floated Menu / Item
 .ui.ui.ui.menu .purple.active.item,
 .ui.ui.purple.menu .active.item:hover,
 .ui.ui.purple.menu .active.item {
-  border-color: #af6690;
-  color: #af6690;
+  border-color: #6667af;
+  color: #6667af;
 }
 
 .ui.ui.ui.menu .pink.active.item,
 .ui.ui.pink.menu .active.item:hover,
 .ui.ui.pink.menu .active.item {
-  border-color: #e03997;
-  color: #e03997;
+  border-color: #af6687;
+  color: #af6687;
 }
 
 .ui.ui.ui.menu .brown.active.item,
 .ui.ui.brown.menu .active.item:hover,
 .ui.ui.brown.menu .active.item {
-  border-color: #af9666;
-  color: #af9666;
+  border-color: #af9066;
+  color: #af9066;
 }
 
 .ui.ui.ui.menu .grey.active.item,
@@ -30862,7 +30868,7 @@ Floated Menu / Item
 
 .ui.ui.ui.inverted.menu .orange.active.item,
 .ui.ui.inverted.orange.menu {
-  background-color: #f2711c;
+  background-color: #af6a66;
 }
 
 .ui.inverted.orange.menu .item::before {
@@ -30874,7 +30880,7 @@ Floated Menu / Item
 }
 
 .ui.inverted.pointing.orange.menu .active.item {
-  background-color: #f26202;
+  background-color: #a95752;
 }
 
 .ui.ui.ui.inverted.menu .yellow.active.item,
@@ -30981,7 +30987,7 @@ Floated Menu / Item
 
 .ui.ui.ui.inverted.menu .purple.active.item,
 .ui.ui.inverted.purple.menu {
-  background-color: #af6690;
+  background-color: #6667af;
 }
 
 .ui.inverted.purple.menu .item::before {
@@ -30993,12 +30999,12 @@ Floated Menu / Item
 }
 
 .ui.inverted.pointing.purple.menu .active.item {
-  background-color: #a95284;
+  background-color: #5254a9;
 }
 
 .ui.ui.ui.inverted.menu .pink.active.item,
 .ui.ui.inverted.pink.menu {
-  background-color: #e03997;
+  background-color: #af6687;
 }
 
 .ui.inverted.pink.menu .item::before {
@@ -31010,12 +31016,12 @@ Floated Menu / Item
 }
 
 .ui.inverted.pointing.pink.menu .active.item {
-  background-color: #e61a8d;
+  background-color: #a9527a;
 }
 
 .ui.ui.ui.inverted.menu .brown.active.item,
 .ui.ui.inverted.brown.menu {
-  background-color: #af9666;
+  background-color: #af9066;
 }
 
 .ui.inverted.brown.menu .item::before {
@@ -31027,7 +31033,7 @@ Floated Menu / Item
 }
 
 .ui.inverted.pointing.brown.menu .active.item {
-  background-color: #a98b52;
+  background-color: #a98452;
 }
 
 .ui.ui.ui.inverted.menu .grey.active.item,
@@ -31388,7 +31394,7 @@ Floated Menu / Item
 }
 
 .ui.inverted.pointing.menu .orange.active.item::after {
-  background-color: #f2711c;
+  background-color: #af6a66;
 }
 
 .ui.inverted.pointing.menu .yellow.active.item::after {
@@ -31416,15 +31422,15 @@ Floated Menu / Item
 }
 
 .ui.inverted.pointing.menu .purple.active.item::after {
-  background-color: #af6690;
+  background-color: #6667af;
 }
 
 .ui.inverted.pointing.menu .pink.active.item::after {
-  background-color: #e03997;
+  background-color: #af6687;
 }
 
 .ui.inverted.pointing.menu .brown.active.item::after {
-  background-color: #af9666;
+  background-color: #af9066;
 }
 
 .ui.inverted.pointing.menu .grey.active.item::after {
@@ -31680,9 +31686,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;
@@ -31706,9 +31712,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 */
@@ -31733,7 +31739,7 @@ Floated Menu / Item
 }
 
 .ui.message .header + p {
-  margin-top: 0.25em;
+  margin-top: 0.28571429em;
 }
 
 /* List */
@@ -31900,7 +31906,7 @@ Floated Menu / Item
 }
 
 .ui.bottom.attached.message:not(:last-child) {
-  margin-bottom: 1em;
+  margin-bottom: 1.14285714rem;
 }
 
 .ui.attached.icon.message {
@@ -32155,20 +32161,20 @@ Floated Menu / Item
 
 .ui.orange.message {
   background-color: #ffedde;
-  color: #f2711c;
+  color: #af6a66;
 }
 
 .ui.orange.message,
 .ui.attached.orange.message {
-  box-shadow: 0 0 0 1px #f2711c inset, 0 0 0 0 rgba(0, 0, 0, 0);
+  box-shadow: 0 0 0 1px #af6a66 inset, 0 0 0 0 rgba(0, 0, 0, 0);
 }
 
 .ui.floating.orange.message {
-  box-shadow: 0 0 0 1px #f2711c inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+  box-shadow: 0 0 0 1px #af6a66 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
 }
 
 .ui.orange.message .header {
-  color: #e7640d;
+  color: #a55b56;
 }
 
 .ui.yellow.message {
@@ -32281,56 +32287,56 @@ Floated Menu / Item
 
 .ui.purple.message {
   background-color: #f6e7ff;
-  color: #af6690;
+  color: #6667af;
 }
 
 .ui.purple.message,
 .ui.attached.purple.message {
-  box-shadow: 0 0 0 1px #af6690 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+  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 #af6690 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+  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: #a55684;
+  color: #5657a5;
 }
 
 .ui.pink.message {
   background-color: #ffe3fb;
-  color: #e03997;
+  color: #af6687;
 }
 
 .ui.pink.message,
 .ui.attached.pink.message {
-  box-shadow: 0 0 0 1px #e03997 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+  box-shadow: 0 0 0 1px #af6687 inset, 0 0 0 0 rgba(0, 0, 0, 0);
 }
 
 .ui.floating.pink.message {
-  box-shadow: 0 0 0 1px #e03997 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+  box-shadow: 0 0 0 1px #af6687 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
 }
 
 .ui.pink.message .header {
-  color: #dd238b;
+  color: #a5567a;
 }
 
 .ui.brown.message {
   background-color: #f1e2d3;
-  color: #af9666;
+  color: #af9066;
 }
 
 .ui.brown.message,
 .ui.attached.brown.message {
-  box-shadow: 0 0 0 1px #af9666 inset, 0 0 0 0 rgba(0, 0, 0, 0);
+  box-shadow: 0 0 0 1px #af9066 inset, 0 0 0 0 rgba(0, 0, 0, 0);
 }
 
 .ui.floating.brown.message {
-  box-shadow: 0 0 0 1px #af9666 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
+  box-shadow: 0 0 0 1px #af9066 inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
 }
 
 .ui.brown.message .header {
-  color: #a58a56;
+  color: #a58456;
 }
 
 .ui.grey.message {
@@ -32408,6 +32414,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/
@@ -32717,11 +32739,11 @@ Floated Menu / Item
   }
 
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="orange marked"].left {
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #f2711c inset;
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #af6a66 inset;
   }
 
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="orange marked"].right {
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #f2711c inset;
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #af6a66 inset;
   }
 
   .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="orange marked"].left {
@@ -32829,11 +32851,11 @@ Floated Menu / Item
   }
 
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="purple marked"].left {
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #af6690 inset;
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6667af inset;
   }
 
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="purple marked"].right {
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #af6690 inset;
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6667af inset;
   }
 
   .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="purple marked"].left {
@@ -32845,11 +32867,11 @@ Floated Menu / Item
   }
 
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="pink marked"].left {
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #e03997 inset;
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #af6687 inset;
   }
 
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="pink marked"].right {
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #e03997 inset;
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #af6687 inset;
   }
 
   .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="pink marked"].left {
@@ -32861,11 +32883,11 @@ Floated Menu / Item
   }
 
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="brown marked"].left {
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #af9666 inset;
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #af9066 inset;
   }
 
   .ui.ui.ui.ui.table:not(.unstackable) tr[class*="brown marked"].right {
-    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #af9666 inset;
+    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #af9066 inset;
   }
 
   .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="brown marked"].left {
@@ -33596,11 +33618,11 @@ Floated Menu / Item
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="orange marked"].left {
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #f2711c inset;
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #af6a66 inset;
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="orange marked"].right {
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #f2711c inset;
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #af6a66 inset;
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="orange marked"].left {
@@ -33708,11 +33730,11 @@ Floated Menu / Item
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="purple marked"].left {
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #af6690 inset;
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6667af inset;
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="purple marked"].right {
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #af6690 inset;
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6667af inset;
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="purple marked"].left {
@@ -33724,11 +33746,11 @@ Floated Menu / Item
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="pink marked"].left {
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #e03997 inset;
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #af6687 inset;
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="pink marked"].right {
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #e03997 inset;
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #af6687 inset;
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="pink marked"].left {
@@ -33740,11 +33762,11 @@ Floated Menu / Item
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="brown marked"].left {
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #af9666 inset;
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #af9066 inset;
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="brown marked"].right {
-  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #af9666 inset;
+  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #af9066 inset;
 }
 
 .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="brown marked"].left {
@@ -34370,11 +34392,11 @@ Floated Menu / Item
 }
 
 .ui.orange.table {
-  border-top: 0.2em solid #f2711c;
+  border-top: 0.2em solid #af6a66;
 }
 
 .ui.inverted.orange.table {
-  background: #f2711c;
+  background: #af6a66;
   color: #fff;
 }
 
@@ -34391,13 +34413,13 @@ Floated Menu / Item
 .ui.scrolling.table > thead.orange > tr > td,
 .ui.scrolling.table > tfoot.orange > tr > td {
   background: inherit;
-  color: #f2711c;
+  color: #af6a66;
 }
 
 .ui.inverted.scrolling.table > thead.orange,
 .ui.inverted.scrolling.table > tfoot.orange {
-  background: #f2711c;
-  color: #f2711c;
+  background: #af6a66;
+  color: #af6a66;
 }
 
 .ui.inverted.scrolling.table > thead.orange > tr > th,
@@ -34415,7 +34437,7 @@ Floated Menu / Item
 .ui.ui.table th.orange:not(.marked),
 .ui.ui.table td.orange:not(.marked) {
   background: #ffe7d1;
-  color: #f2711c;
+  color: #af6a66;
 }
 
 .ui.table > thead > tr[class*="orange colored"] > th,
@@ -34425,7 +34447,7 @@ Floated Menu / Item
 .ui.table > tfoot > tr.orange:not(.marked) > th,
 .ui.table > tfoot > tr.orange:not(.marked) > td {
   background: inherit;
-  color: #f2711c;
+  color: #af6a66;
 }
 
 .ui.ui.ui.ui.inverted.table tr[class*="orange colored"],
@@ -34434,7 +34456,7 @@ Floated Menu / Item
 .ui.ui.ui.ui.inverted.table tr.orange:not(.marked),
 .ui.ui.inverted.table th.orange:not(.marked),
 .ui.ui.inverted.table td.orange:not(.marked) {
-  background: #f2711c;
+  background: #af6a66;
   color: #fff;
 }
 
@@ -34455,7 +34477,7 @@ Floated Menu / Item
 .ui.table tr td.selectable.orange:not(.marked):hover,
 .ui.selectable.table tr:hover td.orange:not(.marked) {
   background: #fae1cc;
-  color: #f2711c;
+  color: #af6a66;
 }
 
 .ui.ui.inverted.selectable.table tr[class*="orange colored"]:hover,
@@ -34470,12 +34492,12 @@ Floated Menu / Item
 
 .ui.table td[class*="orange marked"].left,
 .ui.table tr[class*="orange marked"].left {
-  box-shadow: 0.2em 0 0 0 #f2711c inset;
+  box-shadow: 0.2em 0 0 0 #af6a66 inset;
 }
 
 .ui.table td[class*="orange marked"].right,
 .ui.table tr[class*="orange marked"].right {
-  box-shadow: -0.2em 0 0 0 #f2711c inset;
+  box-shadow: -0.2em 0 0 0 #af6a66 inset;
 }
 
 .ui.inverted.table td[class*="orange marked"].left,
@@ -35203,11 +35225,11 @@ Floated Menu / Item
 }
 
 .ui.purple.table {
-  border-top: 0.2em solid #af6690;
+  border-top: 0.2em solid #6667af;
 }
 
 .ui.inverted.purple.table {
-  background: #af6690;
+  background: #6667af;
   color: #fff;
 }
 
@@ -35224,13 +35246,13 @@ Floated Menu / Item
 .ui.scrolling.table > thead.purple > tr > td,
 .ui.scrolling.table > tfoot.purple > tr > td {
   background: inherit;
-  color: #af6690;
+  color: #6667af;
 }
 
 .ui.inverted.scrolling.table > thead.purple,
 .ui.inverted.scrolling.table > tfoot.purple {
-  background: #af6690;
-  color: #af6690;
+  background: #6667af;
+  color: #6667af;
 }
 
 .ui.inverted.scrolling.table > thead.purple > tr > th,
@@ -35248,7 +35270,7 @@ Floated Menu / Item
 .ui.ui.table th.purple:not(.marked),
 .ui.ui.table td.purple:not(.marked) {
   background: #f8e3ff;
-  color: #af6690;
+  color: #6667af;
 }
 
 .ui.table > thead > tr[class*="purple colored"] > th,
@@ -35258,7 +35280,7 @@ Floated Menu / Item
 .ui.table > tfoot > tr.purple:not(.marked) > th,
 .ui.table > tfoot > tr.purple:not(.marked) > td {
   background: inherit;
-  color: #af6690;
+  color: #6667af;
 }
 
 .ui.ui.ui.ui.inverted.table tr[class*="purple colored"],
@@ -35267,7 +35289,7 @@ Floated Menu / Item
 .ui.ui.ui.ui.inverted.table tr.purple:not(.marked),
 .ui.ui.inverted.table th.purple:not(.marked),
 .ui.ui.inverted.table td.purple:not(.marked) {
-  background: #af6690;
+  background: #6667af;
   color: #fff;
 }
 
@@ -35288,7 +35310,7 @@ Floated Menu / Item
 .ui.table tr td.selectable.purple:not(.marked):hover,
 .ui.selectable.table tr:hover td.purple:not(.marked) {
   background: #f5d9ff;
-  color: #af6690;
+  color: #6667af;
 }
 
 .ui.ui.inverted.selectable.table tr[class*="purple colored"]:hover,
@@ -35303,12 +35325,12 @@ Floated Menu / Item
 
 .ui.table td[class*="purple marked"].left,
 .ui.table tr[class*="purple marked"].left {
-  box-shadow: 0.2em 0 0 0 #af6690 inset;
+  box-shadow: 0.2em 0 0 0 #6667af inset;
 }
 
 .ui.table td[class*="purple marked"].right,
 .ui.table tr[class*="purple marked"].right {
-  box-shadow: -0.2em 0 0 0 #af6690 inset;
+  box-shadow: -0.2em 0 0 0 #6667af inset;
 }
 
 .ui.inverted.table td[class*="purple marked"].left,
@@ -35322,11 +35344,11 @@ Floated Menu / Item
 }
 
 .ui.pink.table {
-  border-top: 0.2em solid #e03997;
+  border-top: 0.2em solid #af6687;
 }
 
 .ui.inverted.pink.table {
-  background: #e03997;
+  background: #af6687;
   color: #fff;
 }
 
@@ -35343,13 +35365,13 @@ Floated Menu / Item
 .ui.scrolling.table > thead.pink > tr > td,
 .ui.scrolling.table > tfoot.pink > tr > td {
   background: inherit;
-  color: #e03997;
+  color: #af6687;
 }
 
 .ui.inverted.scrolling.table > thead.pink,
 .ui.inverted.scrolling.table > tfoot.pink {
-  background: #e03997;
-  color: #e03997;
+  background: #af6687;
+  color: #af6687;
 }
 
 .ui.inverted.scrolling.table > thead.pink > tr > th,
@@ -35367,7 +35389,7 @@ Floated Menu / Item
 .ui.ui.table th.pink:not(.marked),
 .ui.ui.table td.pink:not(.marked) {
   background: #ffe8f9;
-  color: #e03997;
+  color: #af6687;
 }
 
 .ui.table > thead > tr[class*="pink colored"] > th,
@@ -35377,7 +35399,7 @@ Floated Menu / Item
 .ui.table > tfoot > tr.pink:not(.marked) > th,
 .ui.table > tfoot > tr.pink:not(.marked) > td {
   background: inherit;
-  color: #e03997;
+  color: #af6687;
 }
 
 .ui.ui.ui.ui.inverted.table tr[class*="pink colored"],
@@ -35386,7 +35408,7 @@ Floated Menu / Item
 .ui.ui.ui.ui.inverted.table tr.pink:not(.marked),
 .ui.ui.inverted.table th.pink:not(.marked),
 .ui.ui.inverted.table td.pink:not(.marked) {
-  background: #e03997;
+  background: #af6687;
   color: #fff;
 }
 
@@ -35407,7 +35429,7 @@ Floated Menu / Item
 .ui.table tr td.selectable.pink:not(.marked):hover,
 .ui.selectable.table tr:hover td.pink:not(.marked) {
   background: #ffdef6;
-  color: #e03997;
+  color: #af6687;
 }
 
 .ui.ui.inverted.selectable.table tr[class*="pink colored"]:hover,
@@ -35422,12 +35444,12 @@ Floated Menu / Item
 
 .ui.table td[class*="pink marked"].left,
 .ui.table tr[class*="pink marked"].left {
-  box-shadow: 0.2em 0 0 0 #e03997 inset;
+  box-shadow: 0.2em 0 0 0 #af6687 inset;
 }
 
 .ui.table td[class*="pink marked"].right,
 .ui.table tr[class*="pink marked"].right {
-  box-shadow: -0.2em 0 0 0 #e03997 inset;
+  box-shadow: -0.2em 0 0 0 #af6687 inset;
 }
 
 .ui.inverted.table td[class*="pink marked"].left,
@@ -35441,11 +35463,11 @@ Floated Menu / Item
 }
 
 .ui.brown.table {
-  border-top: 0.2em solid #af9666;
+  border-top: 0.2em solid #af9066;
 }
 
 .ui.inverted.brown.table {
-  background: #af9666;
+  background: #af9066;
   color: #fff;
 }
 
@@ -35462,13 +35484,13 @@ Floated Menu / Item
 .ui.scrolling.table > thead.brown > tr > td,
 .ui.scrolling.table > tfoot.brown > tr > td {
   background: inherit;
-  color: #af9666;
+  color: #af9066;
 }
 
 .ui.inverted.scrolling.table > thead.brown,
 .ui.inverted.scrolling.table > tfoot.brown {
-  background: #af9666;
-  color: #af9666;
+  background: #af9066;
+  color: #af9066;
 }
 
 .ui.inverted.scrolling.table > thead.brown > tr > th,
@@ -35486,7 +35508,7 @@ Floated Menu / Item
 .ui.ui.table th.brown:not(.marked),
 .ui.ui.table td.brown:not(.marked) {
   background: #f7e5d2;
-  color: #af9666;
+  color: #af9066;
 }
 
 .ui.table > thead > tr[class*="brown colored"] > th,
@@ -35496,7 +35518,7 @@ Floated Menu / Item
 .ui.table > tfoot > tr.brown:not(.marked) > th,
 .ui.table > tfoot > tr.brown:not(.marked) > td {
   background: inherit;
-  color: #af9666;
+  color: #af9066;
 }
 
 .ui.ui.ui.ui.inverted.table tr[class*="brown colored"],
@@ -35505,7 +35527,7 @@ Floated Menu / Item
 .ui.ui.ui.ui.inverted.table tr.brown:not(.marked),
 .ui.ui.inverted.table th.brown:not(.marked),
 .ui.ui.inverted.table td.brown:not(.marked) {
-  background: #af9666;
+  background: #af9066;
   color: #fff;
 }
 
@@ -35526,7 +35548,7 @@ Floated Menu / Item
 .ui.table tr td.selectable.brown:not(.marked):hover,
 .ui.selectable.table tr:hover td.brown:not(.marked) {
   background: #efe0cf;
-  color: #af9666;
+  color: #af9066;
 }
 
 .ui.ui.inverted.selectable.table tr[class*="brown colored"]:hover,
@@ -35541,12 +35563,12 @@ Floated Menu / Item
 
 .ui.table td[class*="brown marked"].left,
 .ui.table tr[class*="brown marked"].left {
-  box-shadow: 0.2em 0 0 0 #af9666 inset;
+  box-shadow: 0.2em 0 0 0 #af9066 inset;
 }
 
 .ui.table td[class*="brown marked"].right,
 .ui.table tr[class*="brown marked"].right {
-  box-shadow: -0.2em 0 0 0 #af9666 inset;
+  box-shadow: -0.2em 0 0 0 #af9066 inset;
 }
 
 .ui.inverted.table td[class*="brown marked"].left,
@@ -36484,393 +36506,548 @@ 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.red.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.red.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.red.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(175, 78, 74, 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.red.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.red.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(175, 78, 74, 0.12), transparent 80%);
-  }
+.ui.red.panel {
+  border-top: 0.2em solid #af4e4a;
 }
 
-.ui.ui.ui.ui.orange.table {
+.ui.red.panel > .header {
+  background: linear-gradient(to bottom, rgba(175, 78, 74, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
+.ui.ui.ui.ui.ui.red.table {
   border-top-left-radius: 0.28571429em;
   border-top-right-radius: 0.28571429em;
 }
 
-.ui.ui.ui.ui.orange.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.red.table > thead > tr:first-child > th {
   /* Colored header */
-  /* Colored header (stacked table) */
-}
-
-.ui.ui.ui.ui.orange.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(242, 113, 28, 0.12), #f9fafb 80%);
+  background: linear-gradient(to bottom, rgba(175, 78, 74, 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.orange.table:not(.unstackable) > thead > tr.colored-header > th {
+  .ui.ui.ui.ui.ui.red.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(175, 78, 74, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+
+  .ui.ui.ui.ui.ui.red.table:not(.unstackable) > thead > tr:first-child > th {
     background: none;
   }
 }
 
-@media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.orange.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(242, 113, 28, 0.12), transparent 80%);
-  }
+.ui.orange.panel {
+  border-top: 0.2em solid #af6a66;
 }
 
-.ui.ui.ui.ui.yellow.table {
+.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.yellow.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.orange.table > thead > tr:first-child > th {
   /* Colored header */
-  /* Colored header (stacked table) */
-}
-
-.ui.ui.ui.ui.yellow.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(251, 189, 8, 0.12), #f9fafb 80%);
+  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.yellow.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;
   }
 }
 
-@media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.yellow.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(251, 189, 8, 0.12), transparent 80%);
-  }
+.ui.yellow.panel {
+  border-top: 0.2em solid #fbbd08;
 }
 
-.ui.ui.ui.ui.olive.table {
+.ui.yellow.panel > .header {
+  background: linear-gradient(to bottom, rgba(251, 189, 8, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
+.ui.ui.ui.ui.ui.yellow.table {
   border-top-left-radius: 0.28571429em;
   border-top-right-radius: 0.28571429em;
 }
 
-.ui.ui.ui.ui.olive.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.yellow.table > thead > tr:first-child > th {
   /* Colored header */
-  /* Colored header (stacked table) */
-}
-
-.ui.ui.ui.ui.olive.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(160, 176, 108, 0.12), #f9fafb 80%);
+  background: linear-gradient(to bottom, rgba(251, 189, 8, 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.olive.table:not(.unstackable) > thead > tr.colored-header > th {
+  .ui.ui.ui.ui.ui.yellow.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(251, 189, 8, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+
+  .ui.ui.ui.ui.ui.yellow.table:not(.unstackable) > thead > tr:first-child > th {
     background: none;
   }
 }
 
-@media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.olive.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(160, 176, 108, 0.12), transparent 80%);
-  }
+.ui.olive.panel {
+  border-top: 0.2em solid #a0b06c;
 }
 
-.ui.ui.ui.ui.green.table {
+.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.green.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.olive.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(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.green.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;
   }
 }
 
-@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.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.teal.table {
+.ui.ui.ui.ui.ui.green.table {
   border-top-left-radius: 0.28571429em;
   border-top-right-radius: 0.28571429em;
 }
 
-.ui.ui.ui.ui.teal.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) */
-}
-
-.ui.ui.ui.ui.teal.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(127, 181, 194, 0.12), #f9fafb 80%);
+  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.teal.table:not(.unstackable) > thead > tr.colored-header > th {
+  .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;
   }
 }
 
-@media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.teal.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(127, 181, 194, 0.12), transparent 80%);
-  }
+.ui.teal.panel {
+  border-top: 0.2em solid #7fb5c2;
 }
 
-.ui.ui.ui.ui.blue.table {
+.ui.teal.panel > .header {
+  background: linear-gradient(to bottom, rgba(127, 181, 194, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
+.ui.ui.ui.ui.ui.teal.table {
   border-top-left-radius: 0.28571429em;
   border-top-right-radius: 0.28571429em;
 }
 
-.ui.ui.ui.ui.blue.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.teal.table > thead > tr:first-child > th {
   /* Colored header */
-  /* Colored header (stacked table) */
-}
-
-.ui.ui.ui.ui.blue.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(0, 115, 136, 0.12), #f9fafb 80%);
+  background: linear-gradient(to bottom, rgba(127, 181, 194, 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.blue.table:not(.unstackable) > thead > tr.colored-header > th {
+  .ui.ui.ui.ui.ui.teal.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(127, 181, 194, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+
+  .ui.ui.ui.ui.ui.teal.table:not(.unstackable) > thead > tr:first-child > th {
     background: none;
   }
 }
 
-@media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.blue.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(0, 115, 136, 0.12), transparent 80%);
-  }
+.ui.blue.panel {
+  border-top: 0.2em solid #007388;
+}
+
+.ui.blue.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.violet.table {
+.ui.ui.ui.ui.ui.blue.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.blue.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(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.violet.table:not(.unstackable) > thead > tr.colored-header > th {
+  .ui.ui.ui.ui.ui.blue.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.blue.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.purple.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.purple.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.purple.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(175, 102, 144, 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.purple.table:not(.unstackable) > thead > tr.colored-header > th {
+  .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;
   }
 }
 
-@media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.purple.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(175, 102, 144, 0.12), transparent 80%);
-  }
+.ui.purple.panel {
+  border-top: 0.2em solid #6667af;
 }
 
-.ui.ui.ui.ui.pink.table {
+.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.pink.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) */
-}
-
-.ui.ui.ui.ui.pink.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(224, 57, 151, 0.12), #f9fafb 80%);
+  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.pink.table:not(.unstackable) > thead > tr.colored-header > th {
+  .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;
   }
 }
 
-@media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.pink.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(224, 57, 151, 0.12), transparent 80%);
-  }
+.ui.pink.panel {
+  border-top: 0.2em solid #af6687;
 }
 
-.ui.ui.ui.ui.brown.table {
+.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.brown.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.pink.table > thead > tr:first-child > th {
   /* Colored header */
-  /* Colored header (stacked table) */
-}
-
-.ui.ui.ui.ui.brown.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(175, 150, 102, 0.12), #f9fafb 80%);
+  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.brown.table:not(.unstackable) > thead > tr.colored-header > th {
+  .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;
   }
 }
 
-@media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.brown.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(175, 150, 102, 0.12), transparent 80%);
-  }
+.ui.brown.panel {
+  border-top: 0.2em solid #af9066;
 }
 
-.ui.ui.ui.ui.grey.table {
+.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.grey.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.brown.table > thead > tr:first-child > th {
   /* Colored header */
-  /* Colored header (stacked table) */
-}
-
-.ui.ui.ui.ui.grey.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(163, 179, 192, 0.12), #f9fafb 80%);
+  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.grey.table:not(.unstackable) > thead > tr.colored-header > th {
+  .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;
   }
 }
 
-@media only screen and (max-width: 767.98px) {
-  .ui.ui.ui.ui.grey.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(163, 179, 192, 0.12), transparent 80%);
-  }
+.ui.grey.panel {
+  border-top: 0.2em solid #a3b3c0;
+}
+
+.ui.grey.panel > .header {
+  background: linear-gradient(to bottom, rgba(163, 179, 192, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
 }
 
-.ui.ui.ui.ui.black.table {
+.ui.ui.ui.ui.ui.grey.table {
   border-top-left-radius: 0.28571429em;
   border-top-right-radius: 0.28571429em;
 }
 
-.ui.ui.ui.ui.black.table:not(.unstackable) > thead > tr.colored-header {
+.ui.ui.ui.ui.ui.grey.table > thead > tr:first-child > th {
   /* Colored header */
-  /* Colored header (stacked table) */
-}
-
-.ui.ui.ui.ui.black.table:not(.unstackable) > thead > tr.colored-header > th {
-  background: linear-gradient(to bottom, rgba(27, 28, 29, 0.12), #f9fafb 80%);
+  background: linear-gradient(to bottom, rgba(163, 179, 192, 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.black.table:not(.unstackable) > thead > tr.colored-header > th {
+  .ui.ui.ui.ui.ui.grey.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(163, 179, 192, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+
+  .ui.ui.ui.ui.ui.grey.table:not(.unstackable) > thead > tr:first-child > th {
     background: none;
   }
 }
 
+.ui.black.panel {
+  border-top: 0.2em solid #1b1c1d;
+}
+
+.ui.black.panel > .header {
+  background: linear-gradient(to bottom, rgba(27, 28, 29, 0.12), #f9fafb 80%), #f9fafb;
+  background-size: auto 65px;
+  background-repeat: no-repeat;
+}
+
+.ui.ui.ui.ui.ui.black.table {
+  border-top-left-radius: 0.28571429em;
+  border-top-right-radius: 0.28571429em;
+}
+
+.ui.ui.ui.ui.ui.black.table > thead > tr:first-child > th {
+  /* Colored header */
+  background: linear-gradient(to bottom, rgba(27, 28, 29, 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.black.table:not(.unstackable) > thead > tr.colored-header {
-    background: linear-gradient(to bottom, rgba(27, 28, 29, 0.12), transparent 80%);
+  .ui.ui.ui.ui.ui.black.table:not(.unstackable) > thead > tr:first-child {
+    /* Colored header (stacked table) */
+    background: linear-gradient(to bottom, rgba(27, 28, 29, 0.12), transparent 80%), transparent;
+    background-size: auto 65px;
+    background-repeat: no-repeat;
+  }
+
+  .ui.ui.ui.ui.ui.black.table:not(.unstackable) > thead > tr:first-child > th {
+    background: none;
   }
 }
 /*!
@@ -37722,7 +37899,7 @@ a.ui.basic.inverted.red.card:hover,
 .ui.orange.cards > .card,
 .ui.cards > .orange.card,
 .ui.orange.card {
-  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f2711c, 0 1px 3px 0 #d4d4d5;
+  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #af6a66, 0 1px 3px 0 #d4d4d5;
 }
 
 .ui.cards a.orange.card:hover,
@@ -37731,7 +37908,7 @@ a.ui.basic.inverted.red.card:hover,
 .ui.link.cards .orange.card:not(.icon):hover,
 a.ui.orange.card:hover,
 .ui.link.orange.card:hover {
-  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f26202, 0 1px 3px 0 #bcbdbd;
+  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a95752, 0 1px 3px 0 #bcbdbd;
 }
 
 .ui.cards > .basic.orange.card,
@@ -37771,7 +37948,7 @@ a.ui.inverted.orange.card:hover,
 .ui.basic.inverted.orange.cards > .card,
 .ui.basic.inverted.cards > .orange.card,
 .ui.basic.inverted.orange.card {
-  background: #f2711c;
+  background: #af6a66;
 }
 
 .ui.inverted.cards a.basic.orange.card:hover,
@@ -37782,7 +37959,7 @@ a.ui.inverted.orange.card:hover,
 .ui.link.basic.inverted.cards .orange.card:not(.icon):hover,
 a.ui.basic.inverted.orange.card:hover,
 .ui.link.basic.inverted.orange.card:hover {
-  background: #f26202;
+  background: #a95752;
 }
 
 .ui.yellow.cards > .card,
@@ -38184,7 +38361,7 @@ a.ui.basic.inverted.violet.card:hover,
 .ui.purple.cards > .card,
 .ui.cards > .purple.card,
 .ui.purple.card {
-  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #af6690, 0 1px 3px 0 #d4d4d5;
+  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #6667af, 0 1px 3px 0 #d4d4d5;
 }
 
 .ui.cards a.purple.card:hover,
@@ -38193,7 +38370,7 @@ a.ui.basic.inverted.violet.card:hover,
 .ui.link.cards .purple.card:not(.icon):hover,
 a.ui.purple.card:hover,
 .ui.link.purple.card:hover {
-  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a95284, 0 1px 3px 0 #bcbdbd;
+  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #5254a9, 0 1px 3px 0 #bcbdbd;
 }
 
 .ui.cards > .basic.purple.card,
@@ -38233,7 +38410,7 @@ a.ui.inverted.purple.card:hover,
 .ui.basic.inverted.purple.cards > .card,
 .ui.basic.inverted.cards > .purple.card,
 .ui.basic.inverted.purple.card {
-  background: #af6690;
+  background: #6667af;
 }
 
 .ui.inverted.cards a.basic.purple.card:hover,
@@ -38244,13 +38421,13 @@ a.ui.inverted.purple.card:hover,
 .ui.link.basic.inverted.cards .purple.card:not(.icon):hover,
 a.ui.basic.inverted.purple.card:hover,
 .ui.link.basic.inverted.purple.card:hover {
-  background: #a95284;
+  background: #5254a9;
 }
 
 .ui.pink.cards > .card,
 .ui.cards > .pink.card,
 .ui.pink.card {
-  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e03997, 0 1px 3px 0 #d4d4d5;
+  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #af6687, 0 1px 3px 0 #d4d4d5;
 }
 
 .ui.cards a.pink.card:hover,
@@ -38259,7 +38436,7 @@ a.ui.basic.inverted.purple.card:hover,
 .ui.link.cards .pink.card:not(.icon):hover,
 a.ui.pink.card:hover,
 .ui.link.pink.card:hover {
-  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e61a8d, 0 1px 3px 0 #bcbdbd;
+  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a9527a, 0 1px 3px 0 #bcbdbd;
 }
 
 .ui.cards > .basic.pink.card,
@@ -38299,7 +38476,7 @@ a.ui.inverted.pink.card:hover,
 .ui.basic.inverted.pink.cards > .card,
 .ui.basic.inverted.cards > .pink.card,
 .ui.basic.inverted.pink.card {
-  background: #e03997;
+  background: #af6687;
 }
 
 .ui.inverted.cards a.basic.pink.card:hover,
@@ -38310,13 +38487,13 @@ a.ui.inverted.pink.card:hover,
 .ui.link.basic.inverted.cards .pink.card:not(.icon):hover,
 a.ui.basic.inverted.pink.card:hover,
 .ui.link.basic.inverted.pink.card:hover {
-  background: #e61a8d;
+  background: #a9527a;
 }
 
 .ui.brown.cards > .card,
 .ui.cards > .brown.card,
 .ui.brown.card {
-  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #af9666, 0 1px 3px 0 #d4d4d5;
+  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #af9066, 0 1px 3px 0 #d4d4d5;
 }
 
 .ui.cards a.brown.card:hover,
@@ -38325,7 +38502,7 @@ a.ui.basic.inverted.pink.card:hover,
 .ui.link.cards .brown.card:not(.icon):hover,
 a.ui.brown.card:hover,
 .ui.link.brown.card:hover {
-  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a98b52, 0 1px 3px 0 #bcbdbd;
+  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #a98452, 0 1px 3px 0 #bcbdbd;
 }
 
 .ui.cards > .basic.brown.card,
@@ -38365,7 +38542,7 @@ a.ui.inverted.brown.card:hover,
 .ui.basic.inverted.brown.cards > .card,
 .ui.basic.inverted.cards > .brown.card,
 .ui.basic.inverted.brown.card {
-  background: #af9666;
+  background: #af9066;
 }
 
 .ui.inverted.cards a.basic.brown.card:hover,
@@ -38376,7 +38553,7 @@ a.ui.inverted.brown.card:hover,
 .ui.link.basic.inverted.cards .brown.card:not(.icon):hover,
 a.ui.basic.inverted.brown.card:hover,
 .ui.link.basic.inverted.brown.card:hover {
-  background: #a98b52;
+  background: #a98452;
 }
 
 .ui.grey.cards > .card,
@@ -39596,12 +39773,12 @@ a.inverted.ui.card:hover,
 
 .ui.ui.feed > .event > .orange.label::before,
 .ui.orange.feed > .event > .label::before {
-  background: #f2711c;
+  background: #af6a66;
 }
 
 .ui.orange.connected.feed > .event::before,
 .ui.connected.feed > .orange.event::before {
-  border-color: #f2711c;
+  border-color: #af6a66;
 }
 
 .ui.inverted.orange.connected.feed > .event::before,
@@ -39611,7 +39788,7 @@ a.inverted.ui.card:hover,
 
 .ui.ui.feed > .event > .orange.basic.label::before,
 .ui.orange.basic.feed > .event > .label::before {
-  color: #f2711c;
+  color: #af6a66;
 }
 
 .ui.feed > .event > .inverted.orange.label::before,
@@ -39806,12 +39983,12 @@ a.inverted.ui.card:hover,
 
 .ui.ui.feed > .event > .purple.label::before,
 .ui.purple.feed > .event > .label::before {
-  background: #af6690;
+  background: #6667af;
 }
 
 .ui.purple.connected.feed > .event::before,
 .ui.connected.feed > .purple.event::before {
-  border-color: #af6690;
+  border-color: #6667af;
 }
 
 .ui.inverted.purple.connected.feed > .event::before,
@@ -39821,7 +39998,7 @@ a.inverted.ui.card:hover,
 
 .ui.ui.feed > .event > .purple.basic.label::before,
 .ui.purple.basic.feed > .event > .label::before {
-  color: #af6690;
+  color: #6667af;
 }
 
 .ui.feed > .event > .inverted.purple.label::before,
@@ -39836,12 +40013,12 @@ a.inverted.ui.card:hover,
 
 .ui.ui.feed > .event > .pink.label::before,
 .ui.pink.feed > .event > .label::before {
-  background: #e03997;
+  background: #af6687;
 }
 
 .ui.pink.connected.feed > .event::before,
 .ui.connected.feed > .pink.event::before {
-  border-color: #e03997;
+  border-color: #af6687;
 }
 
 .ui.inverted.pink.connected.feed > .event::before,
@@ -39851,7 +40028,7 @@ a.inverted.ui.card:hover,
 
 .ui.ui.feed > .event > .pink.basic.label::before,
 .ui.pink.basic.feed > .event > .label::before {
-  color: #e03997;
+  color: #af6687;
 }
 
 .ui.feed > .event > .inverted.pink.label::before,
@@ -39866,12 +40043,12 @@ a.inverted.ui.card:hover,
 
 .ui.ui.feed > .event > .brown.label::before,
 .ui.brown.feed > .event > .label::before {
-  background: #af9666;
+  background: #af9066;
 }
 
 .ui.brown.connected.feed > .event::before,
 .ui.connected.feed > .brown.event::before {
-  border-color: #af9666;
+  border-color: #af9066;
 }
 
 .ui.inverted.brown.connected.feed > .event::before,
@@ -39881,7 +40058,7 @@ a.inverted.ui.card:hover,
 
 .ui.ui.feed > .event > .brown.basic.label::before,
 .ui.brown.basic.feed > .event > .label::before {
-  color: #af9666;
+  color: #af9066;
 }
 
 .ui.feed > .event > .inverted.brown.label::before,
@@ -40958,7 +41135,7 @@ a.inverted.ui.card:hover,
 .ui.orange.statistics .statistic > .value,
 .ui.statistics .orange.statistic > .value,
 .ui.orange.statistic > .value {
-  color: #f2711c;
+  color: #af6a66;
 }
 
 .ui.inverted.orange.statistics .statistic > .value,
@@ -41042,7 +41219,7 @@ a.inverted.ui.card:hover,
 .ui.purple.statistics .statistic > .value,
 .ui.statistics .purple.statistic > .value,
 .ui.purple.statistic > .value {
-  color: #af6690;
+  color: #6667af;
 }
 
 .ui.inverted.purple.statistics .statistic > .value,
@@ -41054,7 +41231,7 @@ a.inverted.ui.card:hover,
 .ui.pink.statistics .statistic > .value,
 .ui.statistics .pink.statistic > .value,
 .ui.pink.statistic > .value {
-  color: #e03997;
+  color: #af6687;
 }
 
 .ui.inverted.pink.statistics .statistic > .value,
@@ -41066,7 +41243,7 @@ a.inverted.ui.card:hover,
 .ui.brown.statistics .statistic > .value,
 .ui.statistics .brown.statistic > .value,
 .ui.brown.statistic > .value {
-  color: #af9666;
+  color: #af9066;
 }
 
 .ui.inverted.brown.statistics .statistic > .value,
@@ -41674,6 +41851,60 @@ a.inverted.ui.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/
@@ -45863,7 +46094,7 @@ select.ui.dropdown {
   display: block;
   width: 100%;
   font-size: 1em;
-  line-height: 1.4;
+  line-height: 1.4285em;
   padding: 1.5rem;
   background: #fff;
 }
@@ -45928,7 +46159,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;
 }
@@ -46652,6 +46883,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/
@@ -47555,14 +47794,14 @@ select.ui.dropdown {
 .ui.orange.popup,
 [data-tooltip][data-variation~="orange"]::after,
 [data-tooltip][data-variation~="orange"]::before {
-  background: #f2711c;
+  background: #af6a66;
   color: #fff;
   border: none;
 }
 
 .ui.ui.ui.orange.loading.popup::before,
 .ui.orange.loading.popup {
-  background: #faccad;
+  background: #e4ccca;
 }
 
 .ui.ui.ui.orange.popup::before,
@@ -47779,14 +48018,14 @@ select.ui.dropdown {
 .ui.purple.popup,
 [data-tooltip][data-variation~="purple"]::after,
 [data-tooltip][data-variation~="purple"]::before {
-  background: #af6690;
+  background: #6667af;
   color: #fff;
   border: none;
 }
 
 .ui.ui.ui.purple.loading.popup::before,
 .ui.purple.loading.popup {
-  background: #e4cad9;
+  background: #cacbe4;
 }
 
 .ui.ui.ui.purple.popup::before,
@@ -47811,14 +48050,14 @@ select.ui.dropdown {
 .ui.pink.popup,
 [data-tooltip][data-variation~="pink"]::after,
 [data-tooltip][data-variation~="pink"]::before {
-  background: #e03997;
+  background: #af6687;
   color: #fff;
   border: none;
 }
 
 .ui.ui.ui.pink.loading.popup::before,
 .ui.pink.loading.popup {
-  background: #f5bddc;
+  background: #e4cad6;
 }
 
 .ui.ui.ui.pink.popup::before,
@@ -47843,14 +48082,14 @@ select.ui.dropdown {
 .ui.brown.popup,
 [data-tooltip][data-variation~="brown"]::after,
 [data-tooltip][data-variation~="brown"]::before {
-  background: #af9666;
+  background: #af9066;
   color: #fff;
   border: none;
 }
 
 .ui.ui.ui.brown.loading.popup::before,
 .ui.brown.loading.popup {
-  background: #e4dbca;
+  background: #e4d9ca;
 }
 
 .ui.ui.ui.brown.popup::before,
@@ -48711,6 +48950,965 @@ 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.ui.attached {
+  width: 100%;
+  left: 0;
+}
+
+.ui.toast-container.ui.attached .vertical.attached {
+  border-radius: 0;
+}
+
+.ui.toast-container.ui.attached.ui.ui .attached.actions .button {
+  border-radius: 0;
+}
+
+.ui.toast-container.ui.attached .toast-box {
+  margin: 0;
+  width: 100%;
+  border-radius: 0;
+}
+
+.ui.toast-container.ui.attached .toast-box > .ui.toast,
+.ui.toast-container.ui.attached .toast-box > .ui.message {
+  margin-left: 0;
+}
+
+.ui.toast-container.ui.attached .toast-box.floating,
+.ui.toast-container.ui.attached .toast-box.hoverfloating:hover {
+  border: none;
+}
+
+.ui.toast-container.ui.attached .toast-box > .vertical > .content {
+  flex: 1;
+}
+
+.ui.toast-container.ui.attached .toast-box > * {
+  width: 100%;
+  border-radius: 0;
+}
+
+.ui.toast-container.ui.attached .toast-box > * > .vertical:not(.actions) {
+  flex: 1;
+}
+
+.ui.toast-container.ui.attached .toast-box > .attached.actions {
+  margin-right: 1px;
+}
+
+.ui.toast-container.ui.attached.top {
+  top: 0;
+}
+
+.ui.toast-container.ui.attached.bottom {
+  bottom: 0;
+}
+
+.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.centered {
+  transform: translate(-50%, -50%);
+  top: 50%;
+  left: 50%;
+}
+
+.ui.toast-container .visible.toast-box,
+.ui.toast-container .animating.toast-box,
+.ui.toast-container .toast-box {
+  display: table !important;
+}
+
+.ui.toast-container.horizontal {
+  display: flex;
+  flex-direction: row;
+}
+
+.ui.toast-container.horizontal .toast-box {
+  margin-right: 0.5em;
+}
+
+.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:not(.unclickable):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.inverted.floating,
+.ui.toast-container .toast-box.inverted.hoverfloating:hover {
+  box-shadow: 0 2px 4px 0 rgba(225, 225, 225, 0.1), 0 2px 10px 0 rgba(225, 225, 225, 0.5);
+  border: 1px solid rgba(225, 225, 225, 0.5);
+}
+
+.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 > .attached.progress {
+  z-index: 1;
+}
+
+.ui.toast-container .toast-box > .attached.progress.bottom {
+  margin: -0.2em -1px -0.01em;
+}
+
+.ui.toast-container .toast-box > .attached.progress.top {
+  margin: -0.01em -1px -0.2em;
+}
+
+.ui.toast-container .toast-box > .attached.progress .bar {
+  min-width: 0;
+}
+
+.ui.toast-container .toast-box > .attached.progress.info .bar.bar.bar {
+  background: #12a1bf;
+}
+
+.ui.toast-container .toast-box > .attached.progress.warning .bar.bar.bar {
+  background: #cf9b0d;
+}
+
+.ui.toast-container .toast-box > .attached.progress.success .bar.bar.bar {
+  background: #588c64;
+}
+
+.ui.toast-container .toast-box > .attached.progress.error .bar.bar.bar {
+  background: #793633;
+}
+
+.ui.toast-container .toast-box > .attached.progress.neutral .bar.bar.bar {
+  background: #d9d9d9;
+}
+
+.ui.toast-container .toast-box > .ui.message > .close.icon {
+  top: 1rem;
+  right: 1rem;
+}
+
+.ui.toast-container .toast-box > .ui.message > .actions:last-child {
+  margin-bottom: -1em;
+}
+
+.ui.toast-container .toast-box > .ui.message.icon {
+  align-items: inherit;
+}
+
+.ui.toast-container .toast-box > .ui.message.icon > :not(.icon):not(.actions) {
+  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).actions > i.icon:not(.close) {
+  top: calc(50% - 1.2em);
+  transform: none;
+}
+
+.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 .ui.card {
+  margin: 0;
+}
+
+.ui.toast-container .toast-box .ui.card.attached:not(.vertical).bottom {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.ui.toast-container .toast-box .ui.card.attached:not(.vertical).bottom.horizontal > .image > img {
+  border-top-left-radius: 0;
+}
+
+.ui.toast-container .toast-box .ui.card.attached:not(.vertical).bottom.horizontal > .image:last-child > img {
+  border-top-right-radius: 0;
+}
+
+.ui.toast-container .toast-box .ui.card.attached:not(.vertical).top {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.ui.toast-container .toast-box .ui.card.attached:not(.vertical).top.horizontal > .image > img {
+  border-bottom-left-radius: 0;
+}
+
+.ui.toast-container .toast-box .ui.card.attached:not(.vertical).top.horizontal > .image:last-child > img {
+  border-bottom-right-radius: 0;
+}
+
+.ui.toast-container .toast-box .ui.card.horizontal.actions > .image > img {
+  border-bottom-left-radius: 0;
+}
+
+.ui.toast-container .toast-box .ui.card.horizontal.actions > .image:last-child > img {
+  border-bottom-right-radius: 0;
+}
+
+.ui.toast-container .toast-box .progressing {
+  animation-iteration-count: 1;
+  animation-timing-function: linear;
+}
+
+.ui.toast-container .toast-box .progressing.up {
+  animation-name: progressUp;
+}
+
+.ui.toast-container .toast-box .progressing.down {
+  animation-name: progressDown;
+}
+
+.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 :not(.comment):not(.card) .actions {
+  margin: 0.5em -1em -1em -1em;
+}
+
+.ui.toast-container .toast-box :not(.comment) .actions {
+  padding: 0.5em 0.5em 0.75em 0.5em;
+  text-align: right;
+}
+
+.ui.toast-container .toast-box :not(.comment) .actions.attached:not(.vertical) {
+  margin-right: 1px;
+}
+
+.ui.toast-container .toast-box :not(.comment) .actions:not(.basic):not(.attached) {
+  background: rgba(255, 255, 255, 0.25);
+  border-top: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+.ui.toast-container .toast-box :not(.comment) .actions.left {
+  text-align: left;
+}
+
+.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;
+}
+
+.ui.toast-container .toast-box :not(.comment) .vertical.actions {
+  flex-direction: column;
+}
+
+.ui.toast-container .toast-box :not(.comment) .vertical.actions > .button {
+  justify-content: center;
+}
+
+.ui.toast-container .toast-box :not(.comment) .vertical.actions.attached > .button {
+  align-items: center;
+}
+
+.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached) {
+  border-top: 0;
+  margin-top: -0.75em;
+  margin-bottom: -0.75em;
+  margin-left: 1em;
+  justify-content: space-around;
+}
+
+.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached):not(.basic) {
+  border-left: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached) > .button:not(:last-child) {
+  margin-bottom: 0.3em;
+}
+
+.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached).top {
+  justify-content: flex-start;
+}
+
+.ui.toast-container .toast-box :not(.comment) .vertical.actions:not(.attached).bottom {
+  justify-content: flex-end;
+}
+
+.ui.vertical.attached:not(.left).card > .image > img {
+  border-top-right-radius: 0;
+}
+
+.ui.vertical.attached:not(.left).card.horizontal > .image:last-child > img {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.ui.vertical.attached:not(.left).card,
+.ui.vertical.attached:not(.left).toast {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.ui.vertical.attached:not(.left).actions {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.ui.vertical.attached:not(.left).actions .button:first-child,
+.ui.vertical.attached:not(.left).actions .button:last-child {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.ui.vertical.attached:not(.left).message {
+  border-top-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.ui.vertical.attached.left.card > .image > img {
+  border-top-left-radius: 0;
+}
+
+.ui.vertical.attached.left.card.horizontal > .image > img {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.ui.vertical.attached.left.card,
+.ui.vertical.attached.left.toast {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.ui.vertical.attached.left.actions {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.ui.vertical.attached.left.actions .button:first-child,
+.ui.vertical.attached.left.actions .button:last-child {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.ui.vertical.attached.left.message.message.message {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.ui.attached:not(.vertical):not(.top).actions {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.ui.attached:not(.vertical):not(.top).actions .button:first-child {
+  border-bottom-left-radius: 0;
+}
+
+.ui.attached:not(.vertical):not(.top).actions .button:last-child {
+  border-bottom-right-radius: 0;
+}
+
+.ui.attached:not(.vertical).top.actions {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.ui.attached:not(.vertical).top.actions .button:first-child {
+  border-top-left-radius: 0;
+}
+
+.ui.attached:not(.vertical).top.actions .button:last-child {
+  border-top-right-radius: 0;
+}
+
+/*******************************
+            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(.centered):not(.center) > i.icon:not(.close) {
+  position: absolute;
+}
+
+.ui.toast:not(.vertical):not(.centered):not(.center) > .ui.image {
+  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) > .ui.image.avatar + .content {
+  padding-left: 3em;
+  min-height: 2em;
+}
+
+.ui.toast:not(.vertical) > .ui.image.mini + .content {
+  padding-left: 3.4em;
+  min-height: 35px;
+}
+
+.ui.toast:not(.vertical) > .ui.image.tiny + .content {
+  padding-left: 7em;
+  min-height: 80px;
+}
+
+.ui.toast:not(.vertical) > .ui.image.small + .content {
+  padding-left: 12em;
+  min-height: 150px;
+}
+
+.ui.toast:not(.vertical):not(.centered):not(.center) > .centered.image,
+.ui.toast:not(.vertical):not(.centered):not(.center) > .centered.icon {
+  transform: translateY(-50%);
+  top: 50%;
+}
+
+.ui.toast:not(.vertical).actions > .centered.image {
+  top: calc(50% - 2em);
+}
+
+.ui.toast:not(.vertical).actions > .centered.icon {
+  top: calc(50% - 1.2em);
+}
+
+.ui.toast.vertical > .content {
+  flex-grow: 1;
+}
+
+.ui.toast.vertical.attached {
+  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 > .ui.image {
+  align-self: flex-start;
+  flex-shrink: 0;
+  /* IE11 fix */
+}
+
+.ui.toast.vertical > .centered.image,
+.ui.toast.vertical > .centered.icon {
+  align-self: center;
+}
+
+.ui.toast.attached.bottom {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.ui.toast.attached.top {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.ui.toast.ui.ui.ui.image {
+  padding: 0;
+}
+
+.ui.toast.ui.ui.ui.image > .content {
+  padding-top: 0.78571429em;
+  padding-bottom: 0.78571429em;
+  padding-right: 1em;
+}
+
+.ui.toast.ui.ui.ui.image > .actions {
+  margin: 0;
+}
+
+.ui.toast.ui.ui.ui.image > .ui.image {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.ui.toast.ui.ui.ui.image > .ui.image.mini {
+  min-width: calc(0.7857142857142857em + 35px);
+}
+
+.ui.toast.ui.ui.ui.image > .ui.image.mini + .content {
+  min-height: calc(0.7857142857142857em + 35px);
+  padding-left: 4.4em;
+}
+
+.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;
+}
+
+.ui.ui.toast-container .toast-box .centered.toast,
+.ui.ui.toast-container .toast-box .center.aligned.toast {
+  text-align: center;
+  display: flex;
+  justify-content: center;
+}
+
+.ui.ui.toast-container .toast-box .centered.toast > .content,
+.ui.ui.toast-container .toast-box .center.aligned.toast > .content,
+.ui.ui.toast-container .toast-box .centered.toast > .ui.image,
+.ui.ui.toast-container .toast-box .center.aligned.toast > .ui.image,
+.ui.ui.toast-container .toast-box .centered.toast > i.icon:not(.close),
+.ui.ui.toast-container .toast-box .center.aligned.toast > i.icon:not(.close) {
+  align-self: center;
+}
+
+.ui.toast-container .toast-box .toast .centered.content,
+.ui.toast-container .toast-box .toast .center.aligned.content {
+  text-align: center;
+}
+
+.ui.toast-container .toast-box .centered.actions,
+.ui.toast-container .toast-box .center.aligned.actions {
+  text-align: center;
+}
+
+.ui.toast-container .toast-box .centered.actions:not(.attached) > .button:not(.fluid),
+.ui.toast-container .toast-box .center.aligned.actions:not(.attached) > .button:not(.fluid) {
+  margin-left: 0.25em;
+  margin-right: 0.25em;
+}
+
+/* --------------
+     Colors
+-------------- */
+
+.ui.primary.toast {
+  background-color: #007388;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.primary.toast,
+.ui.toast-container .toast-box > .inverted.primary.attached.progress .bar {
+  background-color: #54c8ff;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.secondary.toast {
+  background-color: #294755;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.secondary.toast,
+.ui.toast-container .toast-box > .inverted.secondary.attached.progress .bar {
+  background-color: #545454;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.red.toast {
+  background-color: #af4e4a;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.red.toast,
+.ui.toast-container .toast-box > .inverted.red.attached.progress .bar {
+  background-color: #ff695e;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.orange.toast {
+  background-color: #af6a66;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.orange.toast,
+.ui.toast-container .toast-box > .inverted.orange.attached.progress .bar {
+  background-color: #ff851b;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.yellow.toast {
+  background-color: #fbbd08;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.yellow.toast,
+.ui.toast-container .toast-box > .inverted.yellow.attached.progress .bar {
+  background-color: #ffe21f;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.olive.toast {
+  background-color: #a0b06c;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.olive.toast,
+.ui.toast-container .toast-box > .inverted.olive.attached.progress .bar {
+  background-color: #d9e778;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.green.toast {
+  background-color: #81b08c;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.green.toast,
+.ui.toast-container .toast-box > .inverted.green.attached.progress .bar {
+  background-color: #2ecc40;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.teal.toast {
+  background-color: #7fb5c2;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.teal.toast,
+.ui.toast-container .toast-box > .inverted.teal.attached.progress .bar {
+  background-color: #6dffff;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.blue.toast {
+  background-color: #007388;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.blue.toast,
+.ui.toast-container .toast-box > .inverted.blue.attached.progress .bar {
+  background-color: #54c8ff;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.violet.toast {
+  background-color: #9461ac;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.violet.toast,
+.ui.toast-container .toast-box > .inverted.violet.attached.progress .bar {
+  background-color: #a291fb;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.purple.toast {
+  background-color: #6667af;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.purple.toast,
+.ui.toast-container .toast-box > .inverted.purple.attached.progress .bar {
+  background-color: #dc73ff;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.pink.toast {
+  background-color: #af6687;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.pink.toast,
+.ui.toast-container .toast-box > .inverted.pink.attached.progress .bar {
+  background-color: #ff8edf;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.brown.toast {
+  background-color: #af9066;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.brown.toast,
+.ui.toast-container .toast-box > .inverted.brown.attached.progress .bar {
+  background-color: #d67c1c;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.grey.toast {
+  background-color: #a3b3c0;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.grey.toast,
+.ui.toast-container .toast-box > .inverted.grey.attached.progress .bar {
+  background-color: #dcddde;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.black.toast {
+  background-color: #1b1c1d;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.ui.inverted.black.toast,
+.ui.toast-container .toast-box > .inverted.black.attached.progress .bar {
+  background-color: #545454;
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ui.inverted.toast {
+  color: rgba(255, 255, 255, 0.9);
+  background-color: #1b1c1d;
+}
+
+@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;
+  }
+
+  .ui.toast-container .toast-box > .ui.card.horizontal,
+  .ui.toast-container .toast-box > .vertical > .ui.horizontal.card {
+    min-width: initial;
+  }
+}
+
+/* ---------------
+   Progress Bar
+ ---------------- */
+
+@keyframes progressDown {
+  0% {
+    width: 100%;
+  }
+
+  100% {
+    width: 0;
+  }
+}
+
+@keyframes progressUp {
+  0% {
+    width: 0;
+  }
+
+  100% {
+    width: 100%;
+  }
+}
+
+@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/
@@ -48824,7 +50022,7 @@ select.ui.dropdown {
 }
 
 .orange.pulsating.transition {
-  box-shadow: 0 0 0 0 rgba(242, 113, 28, 0.5);
+  box-shadow: 0 0 0 0 rgba(175, 106, 102, 0.5);
 }
 
 .orange.inverted.pulsating.transition {
@@ -48880,7 +50078,7 @@ select.ui.dropdown {
 }
 
 .purple.pulsating.transition {
-  box-shadow: 0 0 0 0 rgba(175, 102, 144, 0.5);
+  box-shadow: 0 0 0 0 rgba(102, 103, 175, 0.5);
 }
 
 .purple.inverted.pulsating.transition {
@@ -48888,7 +50086,7 @@ select.ui.dropdown {
 }
 
 .pink.pulsating.transition {
-  box-shadow: 0 0 0 0 rgba(224, 57, 151, 0.5);
+  box-shadow: 0 0 0 0 rgba(175, 102, 135, 0.5);
 }
 
 .pink.inverted.pulsating.transition {
@@ -48896,7 +50094,7 @@ select.ui.dropdown {
 }
 
 .brown.pulsating.transition {
-  box-shadow: 0 0 0 0 rgba(175, 150, 102, 0.5);
+  box-shadow: 0 0 0 0 rgba(175, 144, 102, 0.5);
 }
 
 .brown.inverted.pulsating.transition {