@linzjs/lui 10.11.2 → 11.0.0

package/dist/lui.css

@@ -140,51 +140,51 @@ textarea {
 }
 
 :root {
-  --color-grey-80: #414042;
-  --color-grey-60: #55504b;
-  --color-grey-30: #989189;
-  --color-grey-20: #beb9b4;
-  --color-grey-10: #eaeaea;
-  --color-grey-05: #f9f9f9;
-  --color-blue-100: #00425d;
-  --color-blue-75: #007198;
-  --color-blue-50: #0096cc;
-  --color-blue-25: #73c8e1;
-  --color-blue-05: #e2f3f7;
-  --color-teal-100: #004b50;
-  --color-teal-75: #017a76;
-  --color-teal-50: #00a599;
-  --color-teal-25: #73cdc8;
-  --color-teal-05: #dcf5f0;
-  --color-green-100: #004e32;
-  --color-green-75: #08814d;
-  --color-green-50: #0aa245;
-  --color-green-25: #9bd79b;
-  --color-green-05: #e9fae7;
-  --brand-primary: #00425d;
+  --grey-80: #2a292c;
+  --grey-60: #6b6966;
+  --$gray: #989189;
+  --grey-20: #beb9b4;
+  --grey-10: #eaeaea;
+  --grey-05: #f9f9f9;
+  --teal: #00425d;
+  --sea: #007198;
+  --electric: #0096cc;
+  --spray: #73c8e1;
+  --polar: #e2f3f7;
+  --sherpa: #004b50;
+  --surfie: #017a76;
+  --persian: #00a599;
+  --downy: #73cdc8;
+  --iceberg: #dcf5f0;
+  --sacramento: #004e32;
+  --salem: #08814d;
+  --pigment: #0aa245;
+  --granny: #9bd79b;
+  --panache: #e9fae7;
+  --brand-primary: #004b50;
   --brand-secondary: #017a76;
-  --color-success: #0aa245;
-  --color-success-bg: #e9fae7;
-  --color-info: #3a7cdf;
-  --color-info-bg: #d8e5f9;
-  --color-warning: #ea6a2e;
-  --color-warning-bg: #fbdfd2;
-  --color-error: #cc0000;
-  --color-error-focus: #5a0000;
-  --color-error-bg: #f5cccc;
-  --color-visited: #4c2c92;
-  --color-green-hover: #205f12;
-  --color-green-active: #16430c;
-  --color-green-btn: #2e881a;
-  --color-txt-link: #1f69c3;
-  --color-primary-hover-btn: #004e6a;
+  --success: #0aa245;
+  --success-bg: #e9fae7;
+  --info: #3a7cdf;
+  --info-bg: #d8e5f9;
+  --warning: #ea6a2e;
+  --warning-bg: #fbdfd2;
+  --error: #cc0000;
+  --error-focus: #5a0000;
+  --error-bg: #f5cccc;
+  --visited: #00425d;
+  --green-hover: #08814d;
+  --color-green-active: #004e32;
+  --green-btn: #0aa245;
+  --txt-link: #0096cc;
+  --color-primary-hover-btn: #007198;
   --color-selection: #c7e9f3;
   --heading-color: #017a76;
-  --heading-color--secondary: #414042;
-  --base-type-color: #414042;
+  --heading-color--secondary: #2a292c;
+  --base-type-color: #2a292c;
   --base-icon-color: #007198;
   --disabled-color: #989189;
-  --disabled-color-dark: #55504b;
+  --disabled-color-dark: #6b6966;
   --linz-color-primary: #023d48;
   --linz-color-primary-hover: #01818a;
   --linz-color-tertiary: #e1e44a;
@@ -195,51 +195,54 @@ textarea {
 }
 
 :export {
-  color-grey-80: #414042;
-  color-grey-60: #55504b;
-  color-grey-30: #989189;
-  color-grey-20: #beb9b4;
-  color-grey-10: #eaeaea;
-  color-grey-05: #f9f9f9;
-  color-blue-100: #00425d;
-  color-blue-75: #007198;
-  color-blue-50: #0096cc;
-  color-blue-25: #73c8e1;
-  color-blue-05: #e2f3f7;
-  color-teal-100: #004b50;
-  color-teal-75: #017a76;
-  color-teal-50: #00a599;
-  color-teal-25: #73cdc8;
-  color-teal-05: #dcf5f0;
-  color-green-100: #004e32;
-  color-green-75: #08814d;
-  color-green-50: #0aa245;
-  color-green-25: #9bd79b;
-  color-green-05: #e9fae7;
-  brand-primary: #00425d;
+  charcoal: #2a292c;
+  fuscous: #6b6966;
+  gray: #989189;
+  silver: #beb9b4;
+  lily: #eaeaea;
+  hint: #f9f9f9;
+  snow: #ffffff;
+  white: #ffffff;
+  teal: #00425d;
+  sea: #007198;
+  electric: #0096cc;
+  spray: #73c8e1;
+  polar: #e2f3f7;
+  sherpa: #004b50;
+  surfie: #017a76;
+  persian: #00a599;
+  downy: #73cdc8;
+  iceberg: #dcf5f0;
+  sacramento: #004e32;
+  salem: #08814d;
+  pigment: #0aa245;
+  granny: #9bd79b;
+  panache: #e9fae7;
+  brand-primary: #004b50;
   brand-secondary: #017a76;
-  color-success: #0aa245;
-  color-success-bg: #e9fae7;
-  color-info: #3a7cdf;
-  color-info-bg: #d8e5f9;
-  color-warning: #ea6a2e;
-  color-warning-bg: #fbdfd2;
-  color-error: #cc0000;
-  color-error-focus: #5a0000;
-  color-error-bg: #f5cccc;
-  color-visited: #4c2c92;
-  color-green-hover: #205f12;
-  color-green-active: #16430c;
-  color-green-btn: #2e881a;
-  color-txt-link: #1f69c3;
-  color-primary-hover-btn: #004e6a;
-  color-selection: #c7e9f3;
+  error: #cc0000;
+  error-bg: #f5cccc;
+  error-focus: #5a0000;
+  warning: #ea6a2e;
+  warning-bg: #fbdfd2;
+  warning-focus: #b33a01;
+  success: #0aa245;
+  success-bg: #e9fae7;
+  info: #3a7cdf;
+  info-bg: #d8e5f9;
+  visited: #00425d;
+  green-hover: #08814d;
+  green-active: #004e32;
+  green-btn: #0aa245;
+  txt-link: #0096cc;
+  primary-hover-btn: #007198;
+  selection: #c7e9f3;
   heading-color: #017a76;
-  heading-color--secondary: #414042;
-  base-type-color: #414042;
+  heading-color--secondary: #2a292c;
+  base-type-color: #2a292c;
   base-icon-color: #007198;
   disabled-color: #989189;
-  disabled-color-dark: #55504b;
+  disabled-color-dark: #6b6966;
   linz-color-primary: #023d48;
   linz-color-primary-hover: #01818a;
   linz-color-tertiary: #e1e44a;
@@ -250,7 +253,7 @@ textarea {
 }
 
 a {
-  color: #1f69c3;
+  color: #0096cc;
   font-family: "Open Sans", system-ui, sans-serif;
   font-style: normal;
   font-weight: normal;
@@ -261,13 +264,13 @@ a {
   text-underline-position: under;
 }
 a:visited {
-  color: #4c2c92;
+  color: #00425d;
 }
 a:hover {
-  color: #00425d;
+  color: #004b50;
 }
 a:hover:before {
-  background-color: #00425d;
+  background-color: #004b50;
 }
 a:disabled {
   color: #989189;
@@ -291,23 +294,23 @@ a.lui-button:before {
 }
 
 .Link {
-  color: #cf0059;
+  color: #0096cc;
 }
 .Link:focus, .Link:hover, .Link:active {
-  color: #cf0059;
+  color: #0096cc;
 }
 .Link.is-active {
-  color: #cf0059;
+  color: #0096cc;
 }
 
 .Link--reversed {
-  color: #fff;
+  color: #ffffff;
 }
 .Link--reversed:focus, .Link--reversed:hover, .Link--reversed:active {
-  color: #002030;
+  color: #2a292c;
 }
 .Link--reversed.is-active {
-  color: #002030;
+  color: #2a292c;
 }
 
 .lui-external-link {
@@ -351,7 +354,7 @@ ul li {
 
 @keyframes border-throb {
   100% {
-    box-shadow: 0 0 4px 3px rgba(255, 255, 255, 0.3);
+    box-shadow: 0 0 4px 3px rgba(255, 0, 153, 0.3);
   }
 }
 @keyframes throb-fade {
@@ -361,7 +364,7 @@ ul li {
 }
 .u-todo {
   position: relative;
-  box-shadow: 0 0 4px 3px #fff;
+  box-shadow: 0 0 4px 3px #f09;
   border-collapse: separate;
   border-radius: 5px;
   opacity: 0.8;
@@ -373,8 +376,8 @@ ul li {
   padding: 4px 8px;
   border-radius: 4px;
   white-space: nowrap;
-  background-color: #fff;
-  color: #fff;
+  background-color: #f09;
+  color: #ffffff;
   opacity: 0.8;
   left: 0;
   top: 0;
@@ -391,7 +394,7 @@ html {
   font-weight: 300;
   font-size: 16px;
   line-height: 1.5;
-  color: #414042;
+  color: #2a292c;
   font-feature-settings: "kern" 1;
   font-kerning: normal;
   text-rendering: optimizeLegibility;
@@ -402,13 +405,13 @@ html {
 ::selection {
   background: #c7e9f3;
   /* WebKit/Blink Browsers */
-  color: #00425d;
+  color: #004b50;
 }
 
 ::-moz-selection {
   background: #c7e9f3;
   /* Gecko Browsers */
-  color: #00425d;
+  color: #004b50;
 }
 
 em,
@@ -433,7 +436,7 @@ sup {
 hr {
   border: none;
   margin: 0;
-  background-color: #414042;
+  background-color: #2a292c;
   height: 1px;
 }
 
@@ -1368,10 +1371,10 @@ a.lui-button-primary:visited {
 }
 .lui-button-primary:hover,
 a.lui-button-primary:hover {
-  background-color: #00425d;
+  background-color: #004b50;
   cursor: pointer;
   color: #fff;
-  border: 2px solid #00425d;
+  border: 2px solid #004b50;
 }
 .lui-button-primary:hover i,
 .lui-button-primary:hover svg *,
@@ -1434,10 +1437,10 @@ a.lui-button-secondary:visited {
 }
 .lui-button-secondary:hover,
 a.lui-button-secondary:hover {
-  background-color: #00425d;
+  background-color: #004b50;
   cursor: pointer;
   color: #fff;
-  border: 2px solid #00425d;
+  border: 2px solid #004b50;
 }
 .lui-button-secondary:hover i,
 .lui-button-secondary:hover svg *,
@@ -1492,8 +1495,8 @@ a.lui-button-secondary:hover i {
 }
 .lui-button-tertiary,
 a.lui-button-tertiary {
-  background-color: #2e881a;
-  border: 2px solid #2e881a;
+  background-color: #0aa245;
+  border: 2px solid #0aa245;
   color: #fff;
   line-height: 40px;
 }
@@ -1510,10 +1513,10 @@ a.lui-button-tertiary:visited {
 }
 .lui-button-tertiary:hover,
 a.lui-button-tertiary:hover {
-  background-color: #205f12;
+  background-color: #08814d;
   cursor: pointer;
   color: #fff;
-  border: 2px solid #205f12;
+  border: 2px solid #08814d;
 }
 .lui-button-tertiary:hover i,
 .lui-button-tertiary:hover svg *,
@@ -1541,10 +1544,10 @@ a.lui-button-tertiary:disabled:hover {
 }
 .lui-button-tertiary:active:enabled,
 a.lui-button-tertiary:active:enabled {
-  background-color: #16430c;
+  background-color: #004e32;
   cursor: pointer;
   color: rgba(255, 255, 255, 0.6);
-  border: 2px solid #16430c;
+  border: 2px solid #004e32;
   -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
   box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
@@ -1714,7 +1717,7 @@ a.lui-button-reversed-no-bg:disabled:hover {
 a.lui-button-text {
   background-color: transparent;
   border: 0 solid #fff;
-  color: #1f69c3;
+  color: #0096cc;
   line-height: 24px;
   border-bottom: 1px solid;
   font-family: "Open Sans", system-ui, sans-serif;
@@ -1728,12 +1731,12 @@ a.lui-button-text {
 .lui-button-text svg *,
 a.lui-button-text i,
 a.lui-button-text svg * {
-  color: #1f69c3;
-  fill: #1f69c3;
+  color: #0096cc;
+  fill: #0096cc;
 }
 .lui-button-text:visited,
 a.lui-button-text:visited {
-  color: #1f69c3;
+  color: #0096cc;
 }
 .lui-button-text:hover,
 a.lui-button-text:hover {
@@ -1882,7 +1885,7 @@ a.lui-button-icon-only-rev:hover,
 a.lui-button-icon-only-link:hover {
   background-color: transparent;
   cursor: pointer;
-  color: #004e6a;
+  color: #007198;
   border: 2px solid transparent;
 }
 .lui-button-icon-only:hover i,
@@ -1895,8 +1898,8 @@ a.lui-button-icon-only-rev:hover i,
 a.lui-button-icon-only-rev:hover svg *,
 a.lui-button-icon-only-link:hover i,
 a.lui-button-icon-only-link:hover svg * {
-  color: #004e6a;
-  fill: #004e6a;
+  color: #007198;
+  fill: #007198;
 }
 .lui-button-icon-only:disabled, .lui-button-icon-only-rev:disabled, .lui-button-icon-only-link:disabled,
 a.lui-button-icon-only:disabled,
@@ -1931,7 +1934,7 @@ a.lui-button-icon-only-rev:active:enabled,
 a.lui-button-icon-only-link:active:enabled {
   background-color: transparent;
   cursor: pointer;
-  color: rgba(31, 105, 195, 0.6);
+  color: rgba(0, 150, 204, 0.6);
   border: 2px solid transparent;
   -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.2);
@@ -1947,8 +1950,8 @@ a.lui-button-icon-only-rev:active:enabled i,
 a.lui-button-icon-only-rev:active:enabled svg *,
 a.lui-button-icon-only-link:active:enabled i,
 a.lui-button-icon-only-link:active:enabled svg * {
-  color: #1f69c3;
-  fill: #1f69c3;
+  color: #0096cc;
+  fill: #0096cc;
 }
 .lui-button-icon-only:disabled, .lui-button-icon-only-rev:disabled, .lui-button-icon-only-link:disabled,
 a.lui-button-icon-only:disabled,
@@ -1980,7 +1983,7 @@ a.lui-button-icon-only-rev:disabled svg * {
 }
 .lui-button-icon-only-link,
 a.lui-button-icon-only-link {
-  color: #1f69c3;
+  color: #0096cc;
 }
 .lui-button.lui-button-sm,
 a.lui-button.lui-button-sm {
@@ -2057,7 +2060,7 @@ a.lui-button + a.lui-button {
   flex: 1 1 0;
 }
 .lui-button-group .lui-button-wrapper:first-child button {
-  border-left: 1px solid #00425d;
+  border-left: 1px solid #004b50;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
 }
@@ -2090,8 +2093,8 @@ a.lui-button + a.lui-button {
   padding: 0 0.5rem;
   background-color: #fff;
   border-radius: 0;
-  border: 1px solid #00425d;
-  color: #00425d;
+  border: 1px solid #004b50;
+  color: #004b50;
   border-left: none;
   width: 100%;
 }
@@ -2100,16 +2103,16 @@ a.lui-button + a.lui-button {
   -moz-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.4);
   -webkit-box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.4);
   box-shadow: inset 0 3px 6px rgba(0, 0, 0, 0.4);
-  color: #fff;
+  color: #ffffff;
   text-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
 }
 .lui-button-group .lui-button:hover {
   background: #007198;
   cursor: pointer;
-  color: #fff;
+  color: #ffffff;
 }
 .lui-button-group .lui-button:focus {
-  outline: 2px solid #00425d;
+  outline: 2px solid #004b50;
   position: relative;
 }
 .lui-button-group--radio {
@@ -2143,21 +2146,21 @@ a.lui-button + a.lui-button {
   .lui-button-group--radio input:checked + label {
     background-color: #007198;
     box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5);
-    color: #fff;
+    color: #ffffff;
     text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
   }
   .LuiDeprecatedForms .lui-button-group--radio input:checked + label {
-    color: #fff;
+    color: #ffffff;
   }
   .lui-button-group--radio input:checked:disabled + label, .lui-button-group--radio input:disabled:checked + label:hover {
     background-color: #989189;
-    color: #fff;
+    color: #ffffff;
   }
   .LuiDeprecatedForms .lui-button-group--radio input:checked:disabled + label, .LuiDeprecatedForms .lui-button-group--radio input:disabled:checked + label:hover {
-    color: #fff;
+    color: #ffffff;
   }
   .lui-button-group--radio input:focus:not([disabled]) + label {
-    color: #fff;
+    color: #ffffff;
     background: #007198;
     cursor: pointer;
   }
@@ -2165,7 +2168,7 @@ a.lui-button + a.lui-button {
     border-color: #989189 !important;
   }
   .lui-button-group--radio input:disabled + label:hover {
-    background-color: #fff;
+    background-color: #ffffff;
     cursor: default;
   }
 }
@@ -2188,7 +2191,7 @@ a.lui-button + a.lui-button {
     margin: 0;
   }
   .lui-button-group--radio label:hover {
-    color: #fff;
+    color: #ffffff;
     background: #007198;
     cursor: pointer;
   }
@@ -2215,11 +2218,11 @@ a.lui-button + a.lui-button {
 .LuiDeprecatedForms .radio-btn-group-pair input:checked + label {
   background-color: #007198;
   box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.5);
-  color: #fff;
+  color: #ffffff;
   text-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
 }
 .LuiDeprecatedForms .radio-btn-group-pair input:focus + label {
-  color: #fff;
+  color: #ffffff;
   background: #007198;
   cursor: pointer;
 }
@@ -2239,7 +2242,7 @@ a.lui-button + a.lui-button {
   margin: 0;
 }
 .LuiDeprecatedForms .radio-btn-group-pair label:hover {
-  color: #fff;
+  color: #ffffff;
   background: #007198;
   cursor: pointer;
 }
@@ -2384,7 +2387,7 @@ a.lui-button + a.lui-button {
   -moz-appearance: none;
   -o-appearance: none;
   border: 0.13rem solid #007198;
-  background-color: #fff;
+  background-color: #ffffff;
   position: relative;
   margin: 0;
 }
@@ -2417,7 +2420,7 @@ a.lui-button + a.lui-button {
   width: 14px;
   height: 14px;
   border-radius: 50%;
-  background: #00425d;
+  background: #004b50;
 }
 .LuiDeprecatedForms .lui-radio-container input:checked:disabled:before {
   background: #989189;
@@ -2428,8 +2431,8 @@ a.lui-button + a.lui-button {
   position: relative;
 }
 .LuiDeprecatedForms .lui-checkbox-container input[type=checkbox]:checked {
-  border: 0.13rem solid #00425d;
-  background-color: #00425d;
+  border: 0.13rem solid #004b50;
+  background-color: #004b50;
 }
 .LuiDeprecatedForms .lui-checkbox-container input[type=checkbox]:checked:before {
   display: block;
@@ -2476,7 +2479,7 @@ a.lui-button + a.lui-button {
   font-style: normal;
   font-weight: normal;
   font-size: 16px;
-  color: #414042;
+  color: #2a292c;
   border: 0.06rem solid #beb9b4;
   border-radius: 3px;
   line-height: 48px;
@@ -2649,11 +2652,11 @@ a.lui-button + a.lui-button {
 *:not[button] i[class^=material-icons]:hover,
 *:not[button] .lui-link-icon:hover {
   cursor: pointer;
-  color: #00425d;
+  color: #004b50;
 }
 *:not[button] i[class^=material-icons]:visited,
 *:not[button] .lui-link-icon:visited {
-  color: #4c2c92;
+  color: #00425d;
 }
 *:not[button] .lui-link-icon-disabled i {
   color: #989189;
@@ -2773,7 +2776,7 @@ table .lui-checkbox-container input {
 .tippy-box[data-theme~=LUI] {
   border: solid 2px #007198;
   border-radius: 5px;
-  background: #fff;
+  background: #ffffff;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 .tippy-box[data-theme~=LUI] > .tippy-content {
@@ -2783,7 +2786,7 @@ table .lui-checkbox-container input {
   font-weight: normal;
   color: #363636;
   padding: 12px 20px;
-  background: #fff;
+  background: #ffffff;
 }
 .tippy-box[data-theme~=LUI] > .tippy-arrow {
   color: #007198;
@@ -2802,7 +2805,7 @@ table .lui-checkbox-container input {
   border-right: 12px solid transparent;
 }
 .tippy-box[data-theme~=LUI][data-placement^=top] > .tippy-arrow::before {
-  border-top: 21px solid #fff;
+  border-top: 21px solid #ffffff;
   bottom: -19px;
 }
 .tippy-box[data-theme~=LUI][data-placement^=top] > .tippy-arrow::after {
@@ -2810,7 +2813,7 @@ table .lui-checkbox-container input {
   bottom: -23px;
 }
 .tippy-box[data-theme~=LUI][data-placement^=bottom] > .tippy-arrow::before {
-  border-bottom: 21px solid #fff;
+  border-bottom: 21px solid #ffffff;
   top: -19px;
 }
 .tippy-box[data-theme~=LUI][data-placement^=bottom] > .tippy-arrow::after {
@@ -2818,7 +2821,7 @@ table .lui-checkbox-container input {
   top: -23px;
 }
 .tippy-box[data-theme~=LUI][data-placement^=left] > .tippy-arrow::before {
-  border-left: 21px solid #fff;
+  border-left: 21px solid #ffffff;
   left: 12px;
 }
 .tippy-box[data-theme~=LUI][data-placement^=left] > .tippy-arrow::after {
@@ -2826,7 +2829,7 @@ table .lui-checkbox-container input {
   left: 16px;
 }
 .tippy-box[data-theme~=LUI][data-placement^=right] > .tippy-arrow::before {
-  border-right: 21px solid #fff;
+  border-right: 21px solid #ffffff;
   left: -30px;
 }
 .tippy-box[data-theme~=LUI][data-placement^=right] > .tippy-arrow::after {
@@ -2938,7 +2941,7 @@ table .lui-checkbox-container input {
   display: none;
 }
 .lui-footer a:hover {
-  color: #fff;
+  color: #ffffff;
 }
 .lui-footer a:visited {
   color: #beb9b4;
@@ -3067,7 +3070,7 @@ table .lui-checkbox-container input {
   white-space: nowrap;
 }
 .lui-header-title h1 {
-  color: #fff;
+  color: #ffffff;
 }
 @media only screen {
   .lui-header-title h1 {
@@ -3163,7 +3166,7 @@ table .lui-checkbox-container input {
   position: relative;
   display: flex;
   align-items: center;
-  color: #fff;
+  color: #ffffff;
   cursor: default;
   user-select: none;
 }
@@ -3239,14 +3242,14 @@ table .lui-checkbox-container input {
 
 .lui-menu.rc-menu {
   z-index: 900;
-  color: #414042;
+  color: #2a292c;
   font-family: "Open Sans", system-ui, sans-serif;
   font-style: normal;
   font-weight: 300;
 }
 .lui-menu.rc-menu a[role=menuitem] {
   text-decoration: none;
-  color: #414042;
+  color: #2a292c;
   font-family: "Open Sans", system-ui, sans-serif;
   font-style: normal;
   font-weight: 300;
@@ -3259,7 +3262,7 @@ body.lui-menu-drawer-open {
 .lui-menu-drawer {
   text-align: left;
   background-color: white;
-  color: #414042;
+  color: #2a292c;
   height: 100%;
   width: 300px;
   max-width: 100%;
@@ -3320,7 +3323,7 @@ body.lui-menu-drawer-open {
 .lui-menu-dropdown {
   text-align: left;
   background-color: white;
-  color: #414042;
+  color: #2a292c;
   position: absolute;
   width: 350px;
   border-radius: 3px;
@@ -3353,7 +3356,7 @@ body.lui-menu-drawer-open {
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
-  color: #414042;
+  color: #2a292c;
   margin-top: 0;
   line-height: 32px;
 }
@@ -3367,7 +3370,7 @@ body.lui-menu-drawer-open {
   border-left: 50px solid #ccc;
   padding: 0.75rem 50px 16px 0.75rem;
   margin: 2rem 0;
-  color: #55504b;
+  color: #6b6966;
   background: #eaeaea;
   position: relative;
   border-color: #0aa245;
@@ -3384,7 +3387,7 @@ body.lui-menu-drawer-open {
   font-family: "Open Sans", system-ui, sans-serif;
   font-style: normal;
   font-weight: 600;
-  color: #55504b;
+  color: #6b6966;
   margin: 0;
 }
 .lui-msg-success h2 + p {
@@ -3397,7 +3400,7 @@ body.lui-menu-drawer-open {
   background: none;
   padding: 0;
   border: none;
-  color: #55504b;
+  color: #6b6966;
 }
 .lui-msg-success button:hover {
   cursor: pointer;
@@ -3407,7 +3410,7 @@ body.lui-menu-drawer-open {
   border-left: 50px solid #ccc;
   padding: 0.75rem 50px 16px 0.75rem;
   margin: 2rem 0;
-  color: #55504b;
+  color: #6b6966;
   background: #eaeaea;
   position: relative;
   background: #d8e5f9;
@@ -3424,7 +3427,7 @@ body.lui-menu-drawer-open {
   font-family: "Open Sans", system-ui, sans-serif;
   font-style: normal;
   font-weight: 600;
-  color: #55504b;
+  color: #6b6966;
   margin: 0;
 }
 .lui-msg-info h2 + p {
@@ -3437,7 +3440,7 @@ body.lui-menu-drawer-open {
   background: none;
   padding: 0;
   border: none;
-  color: #55504b;
+  color: #6b6966;
 }
 .lui-msg-info button:hover {
   cursor: pointer;
@@ -3447,7 +3450,7 @@ body.lui-menu-drawer-open {
   border-left: 50px solid #ccc;
   padding: 0.75rem 50px 16px 0.75rem;
   margin: 2rem 0;
-  color: #55504b;
+  color: #6b6966;
   background: #eaeaea;
   position: relative;
   background: #fbdfd2;
@@ -3464,7 +3467,7 @@ body.lui-menu-drawer-open {
   font-family: "Open Sans", system-ui, sans-serif;
   font-style: normal;
   font-weight: 600;
-  color: #55504b;
+  color: #6b6966;
   margin: 0;
 }
 .lui-msg-warning h2 + p {
@@ -3477,7 +3480,7 @@ body.lui-menu-drawer-open {
   background: none;
   padding: 0;
   border: none;
-  color: #55504b;
+  color: #6b6966;
 }
 .lui-msg-warning button:hover {
   cursor: pointer;
@@ -3487,7 +3490,7 @@ body.lui-menu-drawer-open {
   border-left: 50px solid #ccc;
   padding: 0.75rem 50px 16px 0.75rem;
   margin: 2rem 0;
-  color: #55504b;
+  color: #6b6966;
   background: #eaeaea;
   position: relative;
   border-color: #cc0000;
@@ -3504,7 +3507,7 @@ body.lui-menu-drawer-open {
   font-family: "Open Sans", system-ui, sans-serif;
   font-style: normal;
   font-weight: 600;
-  color: #55504b;
+  color: #6b6966;
   margin: 0;
 }
 .lui-msg-error h2 + p {
@@ -3517,7 +3520,7 @@ body.lui-menu-drawer-open {
   background: none;
   padding: 0;
   border: none;
-  color: #55504b;
+  color: #6b6966;
 }
 .lui-msg-error button:hover {
   cursor: pointer;
@@ -3662,7 +3665,7 @@ body.lui-menu-drawer-open {
   padding: 2rem;
   border-left: 0px solid transparent;
   margin: 2rem 0;
-  color: #55504b;
+  color: #6b6966;
   background: #fff;
   position: relative;
   max-width: 600px;
@@ -3672,7 +3675,7 @@ body.lui-menu-drawer-open {
   font-family: "Open Sans", system-ui, sans-serif;
   font-style: normal;
   font-weight: 600;
-  color: #55504b;
+  color: #6b6966;
   margin: 0;
 }
 .lui-modal h2 + p {
@@ -3777,7 +3780,7 @@ body.lui-menu-drawer-open {
 }
 
 .lui-modal-header-title h1 {
-  color: #fff;
+  color: #ffffff;
 }
 
 .MuiDrawer-paper {
@@ -3861,49 +3864,6 @@ body.lui-menu-drawer-open {
   background: rgba(255, 255, 255, 0.75);
 }
 
-.lui-tabs-style-underline .lui-tab-group .lui-tab {
-  font-family: "Open Sans", system-ui, sans-serif;
-  font-style: normal;
-  font-weight: 600;
-  background-color: transparent;
-  border: none;
-  border-radius: 0;
-  font-size: 1.125rem;
-  color: #414042;
-}
-.lui-tabs-style-underline .lui-tab-group .lui-tab:focus {
-  outline: none;
-  background-color: rgba(0, 165, 153, 0.2);
-}
-.lui-tabs-style-underline .lui-tab-group .lui-tab-active, .lui-tabs-style-underline .lui-tab-group .lui-tab-active:focus {
-  position: relative;
-  background: none;
-  outline: none;
-}
-.lui-tabs-style-underline .lui-tab-group .lui-tab-active:after, .lui-tabs-style-underline .lui-tab-group .lui-tab-active:focus:after {
-  content: "";
-  display: block;
-  height: 3px;
-  width: 100%;
-  padding: 0 32px;
-  left: 0;
-  right: 0;
-  box-sizing: border-box;
-  background: linear-gradient(270deg, #73cdc8 1%, #00a599 100%);
-  border-radius: 1.5px;
-  position: absolute;
-}
-.lui-tabs .lui-tab-group-justified {
-  display: flex;
-  justify-content: space-between;
-}
-.lui-tabs .lui-tab-panel {
-  display: none;
-}
-.lui-tabs .lui-tab-panel.lui-tab-panel-active {
-  display: initial;
-}
-
 .LuiErrorPage {
   display: flex;
   flex-direction: column;