slu-design-system 6.0.18 → 6.1.0

package/dist/designsystem-aqua.css

@@ -1,5 +1,4 @@
 @charset "UTF-8";
-/* primary plate */
 :root,
 [data-bs-theme=light] {
   --bs-blue: #0d6efd;
@@ -67,7 +66,7 @@
   --bs-dark-border-subtle: #adb5bd;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
-  --bs-font-sans-serif: Roboto, Roboto, "Helvetica Neue", Arial, sans-serif;
+  --bs-font-sans-serif: "Roboto", "Helvetica Neue", Arial, sans-serif;
   --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
   --bs-body-font-family: var(--bs-font-sans-serif);
@@ -92,8 +91,8 @@
   --bs-link-color: #406e8e;
   --bs-link-color-rgb: 64, 110, 142;
   --bs-link-decoration: underline;
-  --bs-link-hover-color: rgb(27.9166666667, 45.4642857143, 72.5833333333);
-  --bs-link-hover-color-rgb: 28, 45, 73;
+  --bs-link-hover-color: rgb(51.2, 88, 113.6);
+  --bs-link-hover-color-rgb: 51, 88, 114;
   --bs-code-color: #d63384;
   --bs-highlight-color: black;
   --bs-highlight-bg: rgb(255, 242.6, 205.4);
@@ -8399,7 +8398,7 @@ textarea.form-control-lg {
   --bs-dropdown-spacer: 0.125rem;
   --bs-dropdown-font-size: 1rem;
   --bs-dropdown-color: var(--bs-body-color);
-  --bs-dropdown-bg: white;
+  --bs-dropdown-bg: var(--bs-body-bg);
   --bs-dropdown-border-color: var(--bs-border-color-translucent);
   --bs-dropdown-border-radius: var(--bs-border-radius);
   --bs-dropdown-border-width: var(--bs-border-width);
@@ -8783,141 +8782,6 @@ textarea.form-control-lg {
   border-top-right-radius: 0;
 }
 
-.nav {
-  --bs-nav-link-padding-x: 1rem;
-  --bs-nav-link-padding-y: 0.5rem;
-  --bs-nav-link-font-weight: ;
-  --bs-nav-link-color: var(--bs-link-color);
-  --bs-nav-link-hover-color: var(--bs-link-hover-color);
-  --bs-nav-link-disabled-color: var(--bs-secondary-color);
-  display: flex;
-  flex-wrap: wrap;
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none;
-}
-
-.nav-link {
-  display: block;
-  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
-  font-size: var(--bs-nav-link-font-size);
-  font-weight: var(--bs-nav-link-font-weight);
-  color: var(--bs-nav-link-color);
-  text-decoration: none;
-  background: none;
-  border: 0;
-  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
-  .nav-link {
-    transition: none;
-  }
-}
-.nav-link:hover, .nav-link:focus {
-  color: var(--bs-nav-link-hover-color);
-}
-.nav-link:focus-visible {
-  outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
-}
-.nav-link.disabled, .nav-link:disabled {
-  color: var(--bs-nav-link-disabled-color);
-  pointer-events: none;
-  cursor: default;
-}
-
-.nav-tabs {
-  --bs-nav-tabs-border-width: var(--bs-border-width);
-  --bs-nav-tabs-border-color: var(--bs-border-color);
-  --bs-nav-tabs-border-radius: var(--bs-border-radius);
-  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
-  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
-  --bs-nav-tabs-link-active-bg: white;
-  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) white;
-  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
-}
-.nav-tabs .nav-link {
-  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
-  border: var(--bs-nav-tabs-border-width) solid transparent;
-  border-top-left-radius: var(--bs-nav-tabs-border-radius);
-  border-top-right-radius: var(--bs-nav-tabs-border-radius);
-}
-.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
-  isolation: isolate;
-  border-color: var(--bs-nav-tabs-link-hover-border-color);
-}
-.nav-tabs .nav-link.active,
-.nav-tabs .nav-item.show .nav-link {
-  color: var(--bs-nav-tabs-link-active-color);
-  background-color: var(--bs-nav-tabs-link-active-bg);
-  border-color: var(--bs-nav-tabs-link-active-border-color);
-}
-.nav-tabs .dropdown-menu {
-  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-
-.nav-pills {
-  --bs-nav-pills-border-radius: var(--bs-border-radius);
-  --bs-nav-pills-link-active-color: #fff;
-  --bs-nav-pills-link-active-bg: #406e8e;
-}
-.nav-pills .nav-link {
-  border-radius: var(--bs-nav-pills-border-radius);
-}
-.nav-pills .nav-link.active,
-.nav-pills .show > .nav-link {
-  color: var(--bs-nav-pills-link-active-color);
-  background-color: var(--bs-nav-pills-link-active-bg);
-}
-
-.nav-underline {
-  --bs-nav-underline-gap: 1rem;
-  --bs-nav-underline-border-width: 0.125rem;
-  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
-  gap: var(--bs-nav-underline-gap);
-}
-.nav-underline .nav-link {
-  padding-right: 0;
-  padding-left: 0;
-  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
-}
-.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
-  border-bottom-color: currentcolor;
-}
-.nav-underline .nav-link.active,
-.nav-underline .show > .nav-link {
-  font-weight: 700;
-  color: var(--bs-nav-underline-link-active-color);
-  border-bottom-color: currentcolor;
-}
-
-.nav-fill > .nav-link,
-.nav-fill .nav-item {
-  flex: 1 1 auto;
-  text-align: center;
-}
-
-.nav-justified > .nav-link,
-.nav-justified .nav-item {
-  flex-grow: 1;
-  flex-basis: 0;
-  text-align: center;
-}
-
-.nav-fill .nav-item .nav-link,
-.nav-justified .nav-item .nav-link {
-  width: 100%;
-}
-
-.tab-content > .tab-pane {
-  display: none;
-}
-.tab-content > .active {
-  display: block;
-}
-
 .badge {
   --bs-badge-padding-x: 0.65em;
   --bs-badge-padding-y: 0.35em;
@@ -9050,7 +8914,7 @@ textarea.form-control-lg {
   --bs-list-group-item-padding-y: 0.5rem;
   --bs-list-group-action-color: #000;
   --bs-list-group-action-hover-color: var(--bs-emphasis-color);
-  --bs-list-group-action-hover-bg: #f6f7f9;
+  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
   --bs-list-group-action-active-color: var(--bs-body-color);
   --bs-list-group-action-active-bg: var(--bs-secondary-bg);
   --bs-list-group-disabled-color: var(--bs-secondary-color);
@@ -9437,7 +9301,7 @@ textarea.form-control-lg {
   --bs-modal-padding: 1rem;
   --bs-modal-margin: 0.5rem;
   --bs-modal-color: var(--bs-body-color);
-  --bs-modal-bg: white;
+  --bs-modal-bg: var(--bs-body-bg);
   --bs-modal-border-color: var(--bs-border-color-translucent);
   --bs-modal-border-width: var(--bs-border-width);
   --bs-modal-border-radius: var(--bs-border-radius-lg);
@@ -10321,7 +10185,7 @@ textarea.form-control-lg {
   --bs-offcanvas-padding-x: 1rem;
   --bs-offcanvas-padding-y: 1rem;
   --bs-offcanvas-color: var(--bs-body-color);
-  --bs-offcanvas-bg: white;
+  --bs-offcanvas-bg: var(--bs-body-bg);
   --bs-offcanvas-border-width: var(--bs-border-width);
   --bs-offcanvas-border-color: var(--bs-border-color-translucent);
   --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
@@ -10816,101 +10680,235 @@ textarea.form-control-lg {
   overflow-y: auto;
 }
 
-.bg-light-darker {
-  background-color: #f6f7f9;
+.btn-secondary {
+  --bs-btn-color: black;
+  --bs-btn-bg: white;
+  --bs-btn-border-color: rgb(191.25, 191.25, 191.25);
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: rgb(229.5, 229.5, 229.5);
+  --bs-btn-hover-border-color: rgb(191.25, 191.25, 191.25);
+  --bs-btn-focus-shadow-rgb: 163, 163, 163;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: white;
+  --bs-btn-active-border-color: rgb(197.625, 197.625, 197.625);
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #000;
+  --bs-btn-disabled-bg: white;
+  --bs-btn-disabled-border-color: rgb(191.25, 191.25, 191.25);
 }
 
-.bg-primary-dark {
-  background-color: rgb(27.9166666667, 45.4642857143, 72.5833333333);
+.btn-primary-dark {
+  --bs-btn-color: white;
+  --bs-btn-bg: rgb(27.9166666667, 45.4642857143, 72.5833333333);
+  --bs-btn-border-color: rgb(20.8333333333, 33.9285714286, 54.1666666667);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #23395b;
+  --bs-btn-hover-border-color: rgb(27.9166666667, 45.4642857143, 72.5833333333);
+  --bs-btn-focus-shadow-rgb: 56, 67, 84;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(22.3333333333, 36.3714285714, 58.0666666667);
+  --bs-btn-active-border-color: rgb(15.625, 25.4464285714, 40.625);
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: rgb(27.9166666667, 45.4642857143, 72.5833333333);
+  --bs-btn-disabled-border-color: rgb(20.8333333333, 33.9285714286, 54.1666666667);
 }
 
-.text-primary-dark {
-  color: rgb(27.9166666667, 45.4642857143, 72.5833333333);
+.btn-select-primary {
+  display: inline-block;
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #406e8e;
+  --bs-btn-border-color: rgb(48.1553398058, 82.7669902913, 106.8446601942);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: rgb(54.4, 93.5, 120.7);
+  --bs-btn-hover-border-color: rgb(38.5242718447, 66.213592233, 85.4757281553);
+  --bs-btn-focus-shadow-rgb: 79, 109, 129;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(51.2, 88, 113.6);
+  --bs-btn-active-border-color: rgb(36.1165048544, 62.0752427184, 80.1334951456);
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: #406e8e;
+  --bs-btn-disabled-border-color: rgb(48.1553398058, 82.7669902913, 106.8446601942);
+  --bs-btn-padding-y: 0.1rem;
+  --bs-btn-padding-x: 0.3rem;
+  --bs-btn-font-size: 0.75rem;
+  --bs-btn-border-radius: 0.375rem;
 }
-
-section {
-  margin-bottom: 1rem;
+.btn-select-primary:not(.read-only):not(:disabled)::after {
+  margin-left: 0.5rem;
+  content: "\f00d";
+  font-family: "Font Awesome 5 Pro";
+  font-weight: 900;
 }
 
-.initials {
-  border: 1px solid #028490;
-  background-color: #007681;
+.btn-select-secondary {
+  display: inline-block;
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #4d4d4d;
+  --bs-btn-border-color: rgb(51.5, 51.5, 51.5);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: rgb(65.45, 65.45, 65.45);
+  --bs-btn-hover-border-color: rgb(41.2, 41.2, 41.2);
+  --bs-btn-focus-shadow-rgb: 82, 82, 82;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(61.6, 61.6, 61.6);
+  --bs-btn-active-border-color: rgb(38.625, 38.625, 38.625);
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-bg: #4d4d4d;
+  --bs-btn-disabled-border-color: rgb(51.5, 51.5, 51.5);
+  --bs-btn-padding-y: 0.1rem;
+  --bs-btn-padding-x: 0.3rem;
+  --bs-btn-font-size: 0.75rem;
+  --bs-btn-border-radius: 0.375rem;
   color: white;
-  border-radius: 50%;
-  height: 2rem;
-  width: 2rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+}
+.btn-select-secondary:not(.read-only):not(:disabled)::after {
+  margin-left: 0.5rem;
+  content: "\f00d";
+  font-family: "Font Awesome 5 Pro";
+  font-weight: 900;
 }
 
-.offcanvas-body ul,
-.offcanvas-body li.list-group-item {
-  border-color: rgba(255, 255, 255, 0.33) !important;
+.hide-help #help-button {
+  display: none !important;
 }
 
-.text-decoration-underline:hover {
-  text-decoration: underline !important;
+#help-button:hover #help-icon {
+  color: white !important;
 }
 
-.pointer {
-  cursor: pointer;
+.btn-pill-primary {
+  --bs-btn-color: black;
+  --bs-btn-bg: white;
+  --bs-btn-border-color: #646262;
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: #d9d9d9;
+  --bs-btn-hover-border-color: #646262;
+  --bs-btn-focus-shadow-rgb: 85, 83, 83;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: white;
+  --bs-btn-active-border-color: rgb(115.5, 113.7, 113.7);
+  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  --bs-btn-disabled-color: #000;
+  --bs-btn-disabled-bg: white;
+  --bs-btn-disabled-border-color: #646262;
+  --bs-btn-padding-y: 0.2rem;
+  --bs-btn-padding-x: 1rem;
+  --bs-btn-font-size: 1rem;
+  --bs-btn-border-radius: 50rem;
+  border-radius: 50rem;
+  box-shadow: none;
+}
+.btn-pill-primary.btn-sm {
+  --bs-btn-padding-y: 0.1rem;
+  --bs-btn-padding-x: 1rem;
+  --bs-btn-font-size: 0.875rem;
+  --bs-btn-border-radius: 50rem;
+}
+.btn-pill-primary.active {
+  background-color: #4d4d4d;
+  color: white;
 }
 
-mark, .mark {
-  font-weight: bold;
-  color: inherit;
-  background-color: inherit;
-  padding: 0;
+.btn-file {
+  position: relative;
+  overflow: hidden;
 }
 
-a:not(:hover),
-.btn-link:not(:hover) {
-  text-decoration: none;
+.btn-file input[type=file] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  min-width: 100%;
+  min-height: 100%;
+  font-size: 100px;
+  text-align: right;
+  filter: alpha(opacity=0);
+  opacity: 0;
+  outline: none;
+  background: white;
+  cursor: inherit;
+  display: block;
 }
 
-a.active {
-  color: black;
-  text-decoration: none;
-  pointer-events: none;
+.btn-invisible {
+  display: block;
+  width: 100%;
+  outline: 1;
+  white-space: normal;
+  text-align: left;
+  box-shadow: none;
 }
-a.active .text-decoration-underline-hover {
-  text-decoration: none;
+.btn-invisible:active, .btn-invisible:first-child:active {
+  border-color: transparent;
 }
-a:not(.active) .text-decoration-underline-hover:hover {
-  text-decoration: underline;
+.btn-invisible:hover {
+  color: grey;
+}
+.btn-invisible:focus-visible {
+  outline: dotted 1px #0d6efd !important;
+  border-radius: 0;
 }
 
-.left-ellipsis {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  direction: rtl;
-  text-align: right;
+.btn-light {
+  background-color: transparent;
+  border: 1px solid #f2f1f1;
 }
 
-pre {
-  padding: 2rem;
-  color: #02ff00;
-  background-color: black;
-  white-space: pre;
+#banner {
+  background-image: url("/assets/images/banner.png");
+  background-position: center;
+  background-size: cover;
 }
 
-.h-limit:not(.loading) {
-  max-height: 20rem;
-  overflow: auto;
+#pattern {
+  background-image: url("/assets/images/main_menu_pattern.png");
+  background-position: center;
 }
 
-.no-caret .dropdown-toggle::after {
-  border: none;
-  margin-left: 0;
+.bg-primary-dark {
+  background-color: rgb(27.9166666667, 45.4642857143, 72.5833333333);
 }
 
-.inner-flex-wrap {
-  min-width: 0;
+.text-primary-dark {
+  color: rgb(27.9166666667, 45.4642857143, 72.5833333333);
 }
 
-.capitalize::first-letter {
+section {
+  margin-bottom: 1rem;
+}
+
+.offcanvas-body ul,
+.offcanvas-body li.list-group-item {
+  border-color: rgba(255, 255, 255, 0.33) !important;
+}
+
+.text-decoration-underline:hover {
+  text-decoration: underline !important;
+}
+
+mark {
+  font-weight: bold;
+  color: inherit;
+  background-color: inherit;
+  padding: 0;
+}
+
+pre {
+  padding: 2rem;
+  color: #02ff00;
+  background-color: black;
+  white-space: pre;
+}
+
+.no-caret .dropdown-toggle::after {
+  border: none;
+  margin-left: 0;
+}
+
+.capitalize::first-letter {
   text-transform: capitalize;
 }
 
@@ -10918,7 +10916,7 @@ pre {
   text-transform: lowercase;
 }
 
-.text-preserve {
+.text-pre-wrap {
   white-space: pre-wrap;
 }
 
@@ -10936,6 +10934,47 @@ pre {
   color: white;
 }
 
+.adb-plate-primary {
+  background-color: white;
+  color: black;
+  border: 1px solid lightgray;
+  padding: 1rem 1rem;
+  margin-bottom: 1rem;
+}
+.adb-plate-primary:not(.loading-dead-spinner) {
+  min-height: 3rem;
+}
+.adb-plate-primary:not(.loading) {
+  min-height: 3rem;
+}
+
+.h-limit:not(.loading) {
+  max-height: 20rem;
+  overflow: auto;
+}
+
+.attention-item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 1rem;
+}
+.attention-item .icon {
+  font-size: 1.3rem;
+  align-self: flex-start;
+  display: flex;
+  color: white;
+  border-radius: 50%;
+  padding: 0.5rem;
+  background-color: #406e8e;
+  width: 2.4rem;
+  height: 2.4rem;
+  line-height: 2.4rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .bg-redlist-lc {
   background-color: #cdd425;
   color: rgb(58.0421686747, 60.0240963855, 10.4759036145);
@@ -10994,7 +11033,7 @@ pre {
 
 .bg-risk-class-se {
   background-color: #ce5c16;
-  color: rgb(249.4337349398, 250.3192771084, 228.1807228916);
+  color: rgb(249.9342105263, 223.6842105263, 207.5657894737);
 }
 .bg-risk-class-se.border {
   border: 1px solid rgb(182.9605263158, 81.7105263158, 19.5394736842) !important;
@@ -11002,7 +11041,7 @@ pre {
 
 .bg-risk-class-hi {
   background-color: #d77f15;
-  color: rgb(249.4337349398, 250.3192771084, 228.1807228916);
+  color: black;
 }
 .bg-risk-class-hi.border {
   border: 1px solid rgb(191.7690677966, 113.2775423729, 18.7309322034) !important;
@@ -11010,7 +11049,7 @@ pre {
 
 .bg-risk-class-ph {
   background-color: #edc04e;
-  color: rgb(37.0481927711, 38.313253012, 6.686746988);
+  color: black;
 }
 .bg-risk-class-ph.border {
   border: 1px solid rgb(234.6461538462, 183.7615384615, 54.8538461538) !important;
@@ -11018,7 +11057,7 @@ pre {
 
 .bg-risk-class-lo {
   background-color: #f6d862;
-  color: rgb(58.0421686747, 60.0240963855, 10.4759036145);
+  color: black;
 }
 .bg-risk-class-lo.border {
   border: 1px solid rgb(244.6174698795, 210.0090361446, 73.8825301205) !important;
@@ -11031,6 +11070,127 @@ pre {
   border: 1px solid rgb(249.7088607595, 231.1898734177, 155.7911392405) !important;
 }
 
+.fa-spin {
+  opacity: 0.2;
+}
+
+.loading,
+.loading-dead,
+.loading-dead-spinner {
+  pointer-events: none !important;
+  opacity: 0.5 !important;
+  min-height: 10rem;
+  position: relative;
+}
+.loading::before,
+.loading-dead::before,
+.loading-dead-spinner::before {
+  content: "\f110";
+  font-family: "Font Awesome 5 Pro";
+  font-size: 2rem;
+  opacity: 0.8 !important;
+  font-weight: 900;
+  animation: fa-spin 2s infinite linear;
+  position: absolute;
+  z-index: 1;
+  left: 45%;
+  transform: translateX(-45%);
+}
+
+a:hover img {
+  opacity: 0.8;
+}
+
+.preview-image {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: white;
+  padding: 0.5rem;
+  border: 1px solid lightgray;
+  width: 6rem;
+  height: 6rem;
+}
+
+.adb-block-image {
+  width: 13rem;
+}
+.adb-block-image img {
+  height: 13rem;
+  width: 13rem;
+  object-fit: cover;
+}
+
+@font-face {
+  font-family: "slu";
+  src: url("fonts/slu.eot?dg2n4j");
+  src: url("fonts/slu.eot?dg2n4j#iefix") format("embedded-opentype"), url("fonts/slu.ttf?dg2n4j") format("truetype"), url("fonts/slu.woff?dg2n4j") format("woff"), url("fonts/slu.svg?dg2n4j#slu") format("svg");
+  font-weight: normal;
+  font-style: normal;
+  font-display: block;
+}
+[class^=icon-], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: "slu" !important;
+  speak: never;
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-dyntaxa:before {
+  content: "\e900";
+}
+
+adb-date-picker > div {
+  z-index: 900;
+}
+adb-date-picker .to-left nav {
+  right: 0;
+}
+adb-date-picker nav header button.btn {
+  box-shadow: none;
+  border: 1px solid rgb(48.1553398058, 82.7669902913, 106.8446601942);
+}
+adb-date-picker nav header button.btn-outline-primary {
+  border: 1px solid transparent;
+}
+adb-date-picker nav .calendar .days {
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+}
+adb-date-picker nav .calendar .days button {
+  aspect-ratio: 1;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  transition: none;
+}
+adb-date-picker nav .calendar .days button:hover {
+  background-color: #e9ebee;
+  color: black;
+}
+
+.form-control.ng-invalid,
+.form-select.ng-invalid {
+  border-left: 5px solid #b83d39;
+}
+
+.validation-alt .form-control.ng-invalid:not(.ng-untouched),
+.validation-alt .form-select.ng-invalid:not(.ng-untouched) {
+  border-left: 5px solid #b83d39;
+}
+
+.ng-invalid .invalid-feedback {
+  display: block;
+  font-size: 0.9rem;
+}
+
 suggestive-search {
   background-color: white;
 }
@@ -11051,9 +11211,9 @@ suggestive-search {
   box-shadow: none;
 }
 .suggestive-input:focus, .suggestive-input.focus {
-  border: var(--bs-border-width) solid rgb(159.5, 182.5, 198.5);
+  border: 1px solid #e9ebee;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
 }
 .suggestive-input button:focus {
   outline: 0;
@@ -11089,7 +11249,7 @@ suggestive-search {
   left: 0;
   z-index: 900;
   text-align: left;
-  color: #000;
+  color: black;
   background-color: white;
   border: 1px solid lightgray;
   max-height: 70vh;
@@ -11104,479 +11264,8 @@ suggestive-search {
   color: black;
 }
 
-.fa-spin {
-  opacity: 0.2;
-}
-
-.loading.adb-plate-primary, .loading.adb-panel-body, .loading.loader-content {
-  height: 5rem;
-  text-align: center;
-}
-.loading.adb-plate-primary::after, .loading.adb-panel-body::after, .loading.loader-content::after {
-  display: inline-block;
-  -webkit-animation: fa-spin 2s infinite linear;
-  animation: fa-spin 2s infinite linear;
-  opacity: 0.2;
-  font-size: 2em;
-  content: "\f110";
-  font-family: "Font Awesome 5 Pro";
-  font-weight: 900;
-}
-.loadinginput, .loadingbutton {
-  pointer-events: none;
-  opacity: 0.65;
-}
-
-.loading-dead {
-  pointer-events: none !important;
-  opacity: 0.65 !important;
-}
-
-.loading-dead-spinner {
-  pointer-events: none !important;
-  opacity: 0.5 !important;
-  min-height: 10rem;
-  position: relative;
-}
-
-.loading-dead-spinner::before {
-  content: "\f110";
-  font-family: "Font Awesome 5 Pro";
-  font-size: 2rem;
-  opacity: 0.8 !important;
-  font-weight: 900;
-  animation: fa-spin 2s infinite linear;
-  position: absolute;
-  z-index: 1;
-  left: 45%;
-  transform: translateX(-45%);
-}
-
-.adb-plate-primary {
-  background-color: white;
-  color: black;
-  border: 1px solid lightgray;
-  padding: 1rem 1rem;
-  margin-bottom: 1rem;
-}
-.adb-plate-primary:not(.loading-dead-spinner) {
-  min-height: 3rem;
-}
-
-.attention-item {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  margin-bottom: 1rem;
-}
-.attention-item .icon {
-  font-size: 1.3rem;
-  align-self: flex-start;
-  display: flex;
-  color: white;
-  border-radius: 50%;
-  padding: 0.5rem;
-  background-color: #406e8e;
-  width: 2.4rem;
-  height: 2.4rem;
-  line-height: 2.4rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.adb-panel {
-  border: 1px solid lightgray;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  margin-bottom: 1rem;
-  word-wrap: break-word;
-}
-.adb-panel .adb-panel-header {
-  box-shadow: none;
-  border-bottom: 1px solid lightgrey;
-  padding: 0.5rem 1rem;
-  min-height: 2.8rem;
-  color: black;
-  background-color: #f6f7f9;
-  color: black;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.adb-panel .adb-panel-header.expandable {
-  cursor: pointer;
-}
-.adb-panel .adb-panel-header.expandable:hover {
-  background-color: #f2f1f1;
-}
-.adb-panel .adb-panel-header.expandable.expanded::before {
-  min-width: 0.9em;
-  margin-right: 1rem;
-  content: "\f078";
-  font-family: "Font Awesome 5 Pro";
-  font-weight: 900;
-}
-.adb-panel .adb-panel-header.expandable:not(.expanded)::before {
-  min-width: 0.9em;
-  margin-right: 1rem;
-  content: "\f054";
-  font-family: "Font Awesome 5 Pro";
-  font-weight: 900;
-}
-.adb-panel .adb-panel-header h1, .adb-panel .adb-panel-header .h1,
-.adb-panel .adb-panel-header h2,
-.adb-panel .adb-panel-header .h2,
-.adb-panel .adb-panel-header h3,
-.adb-panel .adb-panel-header .h3,
-.adb-panel .adb-panel-header h4,
-.adb-panel .adb-panel-header .h4 {
-  margin: 0;
-}
-.adb-panel .adb-panel-header .adb-panel-title {
-  flex-grow: 1;
-}
-.adb-panel .adb-panel-body {
-  flex: 1 1 auto;
-  margin: 0;
-  box-shadow: none;
-  background-color: white;
-  padding: 1rem 1rem;
-}
-.adb-panel .h-limit:not(.loading) {
-  max-height: 20rem;
-  overflow: auto;
-}
-
-.sticky-panel {
-  position: sticky;
-  top: 0;
-  margin-bottom: 1rem;
-  z-index: 1000;
-}
-
-.hide-help #help-button {
-  display: none !important;
-}
-
-#help-button:hover #help-icon {
-  color: white !important;
-}
-
-.btn-secondary {
-  --bs-btn-color: black;
-  --bs-btn-bg: white;
-  --bs-btn-border-color: rgb(191.25, 191.25, 191.25);
-  --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: rgb(229.5, 229.5, 229.5);
-  --bs-btn-hover-border-color: rgb(191.25, 191.25, 191.25);
-  --bs-btn-focus-shadow-rgb: 163, 163, 163;
-  --bs-btn-active-color: #000;
-  --bs-btn-active-bg: white;
-  --bs-btn-active-border-color: rgb(197.625, 197.625, 197.625);
-  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #000;
-  --bs-btn-disabled-bg: white;
-  --bs-btn-disabled-border-color: rgb(191.25, 191.25, 191.25);
-}
-
-.btn-primary-dark {
-  --bs-btn-color: white;
-  --bs-btn-bg: rgb(27.9166666667, 45.4642857143, 72.5833333333);
-  --bs-btn-border-color: rgb(20.8333333333, 33.9285714286, 54.1666666667);
-  --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #23395b;
-  --bs-btn-hover-border-color: rgb(27.9166666667, 45.4642857143, 72.5833333333);
-  --bs-btn-focus-shadow-rgb: 56, 67, 84;
-  --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: rgb(22.3333333333, 36.3714285714, 58.0666666667);
-  --bs-btn-active-border-color: rgb(15.625, 25.4464285714, 40.625);
-  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: rgb(27.9166666667, 45.4642857143, 72.5833333333);
-  --bs-btn-disabled-border-color: rgb(20.8333333333, 33.9285714286, 54.1666666667);
-}
-
-.btn-link:active, .btn-link.active {
-  color: black;
-  text-decoration: none;
-  box-shadow: none !important;
-  border: 1 px transparent !important;
-}
-.btn-link.active {
-  pointer-events: none;
-}
-
-.btn-select-primary {
-  display: inline-block;
-  --bs-btn-color: #fff;
-  --bs-btn-bg: #406e8e;
-  --bs-btn-border-color: rgb(48.1553398058, 82.7669902913, 106.8446601942);
-  --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: rgb(54.4, 93.5, 120.7);
-  --bs-btn-hover-border-color: rgb(38.5242718447, 66.213592233, 85.4757281553);
-  --bs-btn-focus-shadow-rgb: 79, 109, 129;
-  --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: rgb(51.2, 88, 113.6);
-  --bs-btn-active-border-color: rgb(36.1165048544, 62.0752427184, 80.1334951456);
-  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #406e8e;
-  --bs-btn-disabled-border-color: rgb(48.1553398058, 82.7669902913, 106.8446601942);
-  --bs-btn-padding-y: 0.1rem;
-  --bs-btn-padding-x: 0.3rem;
-  --bs-btn-font-size: 0.75rem;
-  --bs-btn-border-radius: 0.15rem;
-}
-.btn-select-primary:not(.read-only):not(:disabled)::after {
-  margin-left: 0.5rem;
-  content: "\f00d";
-  font-family: "Font Awesome 5 Pro";
-  font-weight: 900;
-}
-
-.btn-select-secondary {
-  display: inline-block;
-  --bs-btn-color: #fff;
-  --bs-btn-bg: #4d4d4d;
-  --bs-btn-border-color: rgb(51.5, 51.5, 51.5);
-  --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: rgb(65.45, 65.45, 65.45);
-  --bs-btn-hover-border-color: rgb(41.2, 41.2, 41.2);
-  --bs-btn-focus-shadow-rgb: 82, 82, 82;
-  --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: rgb(61.6, 61.6, 61.6);
-  --bs-btn-active-border-color: rgb(38.625, 38.625, 38.625);
-  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #4d4d4d;
-  --bs-btn-disabled-border-color: rgb(51.5, 51.5, 51.5);
-  --bs-btn-padding-y: 0.1rem;
-  --bs-btn-padding-x: 0.3rem;
-  --bs-btn-font-size: 0.75rem;
-  --bs-btn-border-radius: 0.15rem;
-  color: white;
-}
-.btn-select-secondary:not(.read-only):not(:disabled)::after {
-  margin-left: 0.5rem;
-  content: "\f00d";
-  font-family: "Font Awesome 5 Pro";
-  font-weight: 900;
-}
-
-.btn-pill-primary {
-  --bs-btn-color: black;
-  --bs-btn-bg: white;
-  --bs-btn-border-color: #646262;
-  --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #d9d9d9;
-  --bs-btn-hover-border-color: #646262;
-  --bs-btn-focus-shadow-rgb: 85, 83, 83;
-  --bs-btn-active-color: #000;
-  --bs-btn-active-bg: white;
-  --bs-btn-active-border-color: rgb(115.5, 113.7, 113.7);
-  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #000;
-  --bs-btn-disabled-bg: white;
-  --bs-btn-disabled-border-color: #646262;
-  --bs-btn-padding-y: 0.2rem;
-  --bs-btn-padding-x: 1rem;
-  --bs-btn-font-size: 1rem;
-  --bs-btn-border-radius: 50rem;
-  border-radius: 50rem;
-  box-shadow: none;
-}
-.btn-pill-primary.btn-sm, .btn-group-sm > .btn-pill-primary.btn {
-  --bs-btn-padding-y: 0.1rem;
-  --bs-btn-padding-x: 1rem;
-  --bs-btn-font-size: 0.875rem;
-  --bs-btn-border-radius: 50rem;
-}
-.btn-pill-primary.active {
-  background-color: #4d4d4d;
-  color: white;
-}
-
-.btn-file {
-  position: relative;
-  overflow: hidden;
-}
-
-.btn-file input[type=file] {
-  position: absolute;
-  top: 0;
-  right: 0;
-  min-width: 100%;
-  min-height: 100%;
-  font-size: 100px;
-  text-align: right;
-  filter: alpha(opacity=0);
-  opacity: 0;
-  outline: none;
-  background: white;
-  cursor: inherit;
-  display: block;
-}
-
-.btn-invisible {
-  display: block;
-  width: 100%;
-  outline: 1;
-  white-space: normal;
-  text-align: left;
-  box-shadow: none;
-}
-.btn-invisible:active, .btn-invisible:first-child:active {
-  border-color: transparent;
-}
-.btn-invisible:hover {
-  color: grey;
-}
-.btn-invisible:focus-visible {
-  outline: dotted 1px #406e8e !important;
-  border-radius: 0;
-}
-
-.btn-light {
-  background-color: transparent;
-  border: 1px solid #f2f1f1;
-}
-
-.form-control.ng-invalid,
-.form-select.ng-invalid {
-  border-left: 5px solid #b83d39;
-}
-
-.validation-alt .form-control.ng-invalid:not(.ng-untouched),
-.validation-alt .form-select.ng-invalid:not(.ng-untouched) {
-  border-left: 5px solid #b83d39;
-}
-
-.ng-invalid .invalid-feedback {
-  display: block;
-  font-size: 0.9rem;
-}
-
-a:hover img {
-  opacity: 0.8;
-}
-
-.preview-image {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: white;
-  padding: 0.5rem;
-  border: 1px solid lightgray;
-  width: 6rem;
-  height: 6rem;
-}
-
-.adb-block-image {
-  width: 13rem;
-}
-.adb-block-image img {
-  height: 13rem;
-  width: 13rem;
-  object-fit: cover;
-}
-
-@font-face {
-  font-family: "slu";
-  src: url("fonts/slu.eot?dg2n4j");
-  src: url("fonts/slu.eot?dg2n4j#iefix") format("embedded-opentype"), url("fonts/slu.ttf?dg2n4j") format("truetype"), url("fonts/slu.woff?dg2n4j") format("woff"), url("fonts/slu.svg?dg2n4j#slu") format("svg");
-  font-weight: normal;
-  font-style: normal;
-  font-display: block;
-}
-[class^=icon-], [class*=" icon-"] {
-  /* use !important to prevent issues with browser extensions that change fonts */
-  font-family: "slu" !important;
-  speak: never;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-dyntaxa:before {
-  content: "\e900";
-}
-
-.overlay {
-  padding: 1rem;
-  width: 100%;
-  position: fixed;
-  z-index: 1001;
-  left: 0;
-  bottom: 0;
-  background-color: #e9ebee;
-}
-.overlay .overlay-header {
-  display: flex;
-  gap: 1rem;
-  margin-bottom: 0.5rem;
-  justify-content: space-between;
-}
-.overlay .overlay-content {
-  position: relative;
-  width: 100%;
-  height: auto;
-  display: flex;
-  justify-content: center;
-}
-.overlay .overlay-content .img-fluid {
-  max-height: 100vh;
-}
-
-ul {
-  padding-left: 1rem;
-}
-
-.adb-deck {
-  display: grid;
-  grid-gap: 1rem;
-}
-@media (min-width: 576px) {
-  .adb-deck {
-    grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
-  }
-  .adb-deck .adb-panel-header {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .adb-deck .adb-panel-header h2, .adb-deck .adb-panel-header .h2 {
-    min-height: 2rem;
-    max-height: 2rem;
-  }
-}
-
-.striped {
-  background-color: white;
-}
-.striped .list-group-item {
-  background-color: white;
-}
-.striped .striped-item-extended {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  padding: 1rem 1rem;
-}
-.striped .striped-item-extended:nth-child(even) {
-  background-color: #f6f7f9;
-}
-.striped > li:nth-child(even) {
-  background-color: #f6f7f9;
-}
-.striped .striped-item:nth-child(even) {
-  background-color: #f6f7f9;
+ul {
+  padding-left: 1rem;
 }
 
 .comma-seperated > *:not(:last-child):after,
@@ -11584,42 +11273,4 @@ ul {
   content: ", ";
 }
 
-adb-date-picker > div {
-  z-index: 900;
-}
-adb-date-picker .to-left nav {
-  right: 0;
-}
-adb-date-picker nav header button.btn {
-  box-shadow: none;
-  border: 1px solid rgb(48.1553398058, 82.7669902913, 106.8446601942);
-}
-adb-date-picker nav header button.btn-outline-primary {
-  border: 1px solid transparent;
-}
-adb-date-picker nav .calendar .days {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-}
-adb-date-picker nav .calendar .days button {
-  aspect-ratio: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transition: none;
-}
-adb-date-picker nav .calendar .days button:hover {
-  background-color: #e9ebee;
-  color: black;
-}
-
-a:not(:hover),
-.btn-link:not(:hover) {
-  text-decoration: underline;
-}
-
-.alert {
-  color: black;
-}
-
 /*# sourceMappingURL=designsystem-aqua.css.map */