@openeuropa/bcl-theme-joinup 0.17.0 → 0.20.0

package/css/oe-bcl-joinup.css

@@ -56,38 +56,38 @@ h4.fw-medium,
   --bs-teal: #20c997;
   --bs-cyan: #0dcaf0;
   --bs-white: #fff;
-  --bs-gray: #6c757d;
-  --bs-gray-dark: #343a40;
-  --bs-gray-100: #f8f9fa;
-  --bs-gray-200: #e9ecef;
-  --bs-gray-300: #dee2e6;
-  --bs-gray-400: #ced4da;
-  --bs-gray-500: #adb5bd;
-  --bs-gray-600: #6c757d;
-  --bs-gray-700: #495057;
-  --bs-gray-800: #343a40;
-  --bs-gray-900: #212529;
+  --bs-gray: #6d7173;
+  --bs-gray-dark: #3d3f40;
+  --bs-gray-100: #fafbfc;
+  --bs-gray-200: #f5f6f7;
+  --bs-gray-300: #dadee0;
+  --bs-gray-400: #a2a8ab;
+  --bs-gray-500: #858a8c;
+  --bs-gray-600: #6d7173;
+  --bs-gray-700: #555859;
+  --bs-gray-800: #3d3f40;
+  --bs-gray-900: #242626;
   --bs-primary: #143b76;
   --bs-secondary: #e7f1fb;
   --bs-success: #18bf80;
-  --bs-info: #0dcaf0;
+  --bs-info: #087990;
   --bs-warning: #eba843;
   --bs-danger: #eb3434;
-  --bs-light: #f0f0f0;
+  --bs-light: #f8f9fa;
   --bs-dark: #212529;
   --bs-brand: #1073de;
   --bs-primary-rgb: 20, 59, 118;
   --bs-secondary-rgb: 231, 241, 251;
   --bs-success-rgb: 24, 191, 128;
-  --bs-info-rgb: 13, 202, 240;
+  --bs-info-rgb: 8, 121, 144;
   --bs-warning-rgb: 235, 168, 67;
   --bs-danger-rgb: 235, 52, 52;
-  --bs-light-rgb: 240, 240, 240;
+  --bs-light-rgb: 248, 249, 250;
   --bs-dark-rgb: 33, 37, 41;
   --bs-brand-rgb: 16, 115, 222;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
-  --bs-body-color-rgb: 33, 37, 41;
+  --bs-body-color-rgb: 36, 38, 38;
   --bs-body-bg-rgb: 255, 255, 255;
   --bs-font-sans-serif: "Roboto", sans-serif;
   --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
@@ -96,7 +96,7 @@ h4.fw-medium,
   --bs-body-font-size: 1rem;
   --bs-body-font-weight: 400;
   --bs-body-line-height: 1.5;
-  --bs-body-color: #212529;
+  --bs-body-color: #242626;
   --bs-body-bg: #fff;
 }
 
@@ -271,7 +271,7 @@ a {
   text-decoration: none;
 }
 a:hover {
-  color: #0a58ca;
+  color: #102f5e;
   text-decoration: underline;
 }
 
@@ -316,7 +316,7 @@ kbd {
   padding: 0.2rem 0.4rem;
   font-size: 0.875em;
   color: #fff;
-  background-color: #212529;
+  background-color: #242626;
   border-radius: 0.2rem;
 }
 kbd kbd {
@@ -342,7 +342,7 @@ table {
 caption {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-  color: #6c757d;
+  color: #495057;
   text-align: left;
 }
 
@@ -625,7 +625,7 @@ progress {
   margin-top: -1rem;
   margin-bottom: 1rem;
   font-size: 0.875em;
-  color: #6c757d;
+  color: #6d7173;
 }
 .blockquote-footer::before {
   content: "— ";
@@ -639,7 +639,7 @@ progress {
 .img-thumbnail {
   padding: 0.25rem;
   background-color: #fff;
-  border: 1px solid #dee2e6;
+  border: 1px solid #dadee0;
   border-radius: 0.25rem;
   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
   max-width: 100%;
@@ -657,7 +657,7 @@ progress {
 
 .figure-caption {
   font-size: 0.875em;
-  color: #6c757d;
+  color: #6d7173;
 }
 
 .container,
@@ -2482,17 +2482,17 @@ progress {
 .table {
   --bs-table-bg: transparent;
   --bs-table-accent-bg: transparent;
-  --bs-table-striped-color: #212529;
+  --bs-table-striped-color: #242626;
   --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
-  --bs-table-active-color: #212529;
+  --bs-table-active-color: #242626;
   --bs-table-active-bg: rgba(0, 0, 0, 0.1);
-  --bs-table-hover-color: #212529;
+  --bs-table-hover-color: #242626;
   --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
   width: 100%;
   margin-bottom: 1rem;
-  color: #212529;
+  color: #242626;
   vertical-align: top;
-  border-color: #dee2e6;
+  border-color: #dadee0;
 }
 .table > :not(caption) > * > * {
   padding: 0.5rem 0.5rem;
@@ -2548,75 +2548,75 @@ progress {
 }
 
 .table-primary {
-  --bs-table-bg: #cfe2ff;
-  --bs-table-striped-bg: #c5d7f2;
+  --bs-table-bg: #d0d8e4;
+  --bs-table-striped-bg: #c6cdd9;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #bacbe6;
+  --bs-table-active-bg: #bbc2cd;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #bfd1ec;
+  --bs-table-hover-bg: #c0c8d3;
   --bs-table-hover-color: #000;
   color: #000;
-  border-color: #bacbe6;
+  border-color: #bbc2cd;
 }
 
 .table-secondary {
-  --bs-table-bg: #e2e3e5;
-  --bs-table-striped-bg: #d7d8da;
+  --bs-table-bg: #fafcfe;
+  --bs-table-striped-bg: #eeeff1;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #cbccce;
+  --bs-table-active-bg: #e1e3e5;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #d1d2d4;
+  --bs-table-hover-bg: #e7e9eb;
   --bs-table-hover-color: #000;
   color: #000;
-  border-color: #cbccce;
+  border-color: #e1e3e5;
 }
 
 .table-success {
-  --bs-table-bg: #d1e7dd;
-  --bs-table-striped-bg: #c7dbd2;
+  --bs-table-bg: #d1f2e6;
+  --bs-table-striped-bg: #c7e6db;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #bcd0c7;
+  --bs-table-active-bg: #bcdacf;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #c1d6cc;
+  --bs-table-hover-bg: #c1e0d5;
   --bs-table-hover-color: #000;
   color: #000;
-  border-color: #bcd0c7;
+  border-color: #bcdacf;
 }
 
 .table-info {
-  --bs-table-bg: #cff4fc;
-  --bs-table-striped-bg: #c5e8ef;
+  --bs-table-bg: #cee4e9;
+  --bs-table-striped-bg: #c4d9dd;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #badce3;
+  --bs-table-active-bg: #b9cdd2;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #bfe2e9;
+  --bs-table-hover-bg: #bfd3d8;
   --bs-table-hover-color: #000;
   color: #000;
-  border-color: #badce3;
+  border-color: #b9cdd2;
 }
 
 .table-warning {
-  --bs-table-bg: #fff3cd;
-  --bs-table-striped-bg: #f2e7c3;
+  --bs-table-bg: #fbeed9;
+  --bs-table-striped-bg: #eee2ce;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #e6dbb9;
+  --bs-table-active-bg: #e2d6c3;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #ece1be;
+  --bs-table-hover-bg: #e8dcc9;
   --bs-table-hover-color: #000;
   color: #000;
-  border-color: #e6dbb9;
+  border-color: #e2d6c3;
 }
 
 .table-danger {
-  --bs-table-bg: #f8d7da;
-  --bs-table-striped-bg: #eccccf;
+  --bs-table-bg: #fbd6d6;
+  --bs-table-striped-bg: #eecbcb;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #dfc2c4;
+  --bs-table-active-bg: #e2c1c1;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #e5c7ca;
+  --bs-table-hover-bg: #e8c6c6;
   --bs-table-hover-color: #000;
   color: #000;
-  border-color: #dfc2c4;
+  border-color: #e2c1c1;
 }
 
 .table-light {
@@ -2705,7 +2705,7 @@ progress {
 .form-text {
   margin-top: 0.25rem;
   font-size: 0.875em;
-  color: #6c757d;
+  color: #495057;
 }
 
 .form-control {
@@ -2715,10 +2715,10 @@ progress {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #212529;
+  color: #242626;
   background-color: #fff;
   background-clip: padding-box;
-  border: 1px solid #ced4da;
+  border: 1px solid #a2a8ab;
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
@@ -2738,37 +2738,37 @@ progress {
   cursor: pointer;
 }
 .form-control:focus {
-  color: #212529;
+  color: #242626;
   background-color: #fff;
-  border-color: #86b7fe;
+  border-color: #8a9dbb;
   outline: 0;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(20, 59, 118, 0.25);
 }
 .form-control::-webkit-date-and-time-value {
   height: 1.5em;
 }
 .form-control::-webkit-input-placeholder {
-  color: #6c757d;
+  color: #6d7173;
   opacity: 1;
 }
 .form-control::-moz-placeholder {
-  color: #6c757d;
+  color: #6d7173;
   opacity: 1;
 }
 .form-control:-ms-input-placeholder {
-  color: #6c757d;
+  color: #6d7173;
   opacity: 1;
 }
 .form-control::-ms-input-placeholder {
-  color: #6c757d;
+  color: #6d7173;
   opacity: 1;
 }
 .form-control::placeholder {
-  color: #6c757d;
+  color: #6d7173;
   opacity: 1;
 }
 .form-control:disabled, .form-control[readonly] {
-  background-color: #e9ecef;
+  background-color: #f5f6f7;
   opacity: 1;
 }
 .form-control::-webkit-file-upload-button {
@@ -2776,8 +2776,8 @@ progress {
   margin: -0.375rem -0.75rem;
   -webkit-margin-end: 0.75rem;
           margin-inline-end: 0.75rem;
-  color: #212529;
-  background-color: #e9ecef;
+  color: #242626;
+  background-color: #f5f6f7;
   pointer-events: none;
   border-color: inherit;
   border-style: solid;
@@ -2793,8 +2793,8 @@ progress {
   -webkit-margin-end: 0.75rem;
      -moz-margin-end: 0.75rem;
           margin-inline-end: 0.75rem;
-  color: #212529;
-  background-color: #e9ecef;
+  color: #242626;
+  background-color: #f5f6f7;
   pointer-events: none;
   border-color: inherit;
   border-style: solid;
@@ -2813,18 +2813,18 @@ progress {
   }
 }
 .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
-  background-color: #dde0e3;
+  background-color: #e9eaeb;
 }
 .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
-  background-color: #dde0e3;
+  background-color: #e9eaeb;
 }
 .form-control::-webkit-file-upload-button {
   padding: 0.375rem 0.75rem;
   margin: -0.375rem -0.75rem;
   -webkit-margin-end: 0.75rem;
           margin-inline-end: 0.75rem;
-  color: #212529;
-  background-color: #e9ecef;
+  color: #242626;
+  background-color: #f5f6f7;
   pointer-events: none;
   border-color: inherit;
   border-style: solid;
@@ -2841,7 +2841,7 @@ progress {
   }
 }
 .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
-  background-color: #dde0e3;
+  background-color: #e9eaeb;
 }
 
 .form-control-plaintext {
@@ -2850,7 +2850,7 @@ progress {
   padding: 0.375rem 0;
   margin-bottom: 0;
   line-height: 1.5;
-  color: #212529;
+  color: #242626;
   background-color: transparent;
   border: solid transparent;
   border-width: 1px 0;
@@ -2947,13 +2947,13 @@ textarea.form-control-lg {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #212529;
+  color: #242626;
   background-color: #fff;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233d3f40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right 0.75rem center;
   background-size: 16px 12px;
-  border: 1px solid #ced4da;
+  border: 1px solid #a2a8ab;
   border-radius: 0.25rem;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2967,20 +2967,20 @@ textarea.form-control-lg {
   }
 }
 .form-select:focus {
-  border-color: #86b7fe;
+  border-color: #8a9dbb;
   outline: 0;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(20, 59, 118, 0.25);
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
   padding-right: 0.75rem;
   background-image: none;
 }
 .form-select:disabled {
-  background-color: #e9ecef;
+  background-color: #f5f6f7;
 }
 .form-select:-moz-focusring {
   color: transparent;
-  text-shadow: 0 0 0 #212529;
+  text-shadow: 0 0 0 #242626;
 }
 
 .form-select-sm {
@@ -3037,13 +3037,13 @@ textarea.form-control-lg {
           filter: brightness(90%);
 }
 .form-check-input:focus {
-  border-color: #86b7fe;
+  border-color: #8a9dbb;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(20, 59, 118, 0.25);
 }
 .form-check-input:checked {
-  background-color: #0d6efd;
-  border-color: #0d6efd;
+  background-color: #143b76;
+  border-color: #143b76;
 }
 .form-check-input:checked[type=checkbox] {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
@@ -3052,8 +3052,8 @@ textarea.form-control-lg {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
 }
 .form-check-input[type=checkbox]:indeterminate {
-  background-color: #0d6efd;
-  border-color: #0d6efd;
+  background-color: #143b76;
+  border-color: #143b76;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
 }
 .form-check-input:disabled {
@@ -3083,7 +3083,7 @@ textarea.form-control-lg {
   }
 }
 .form-switch .form-check-input:focus {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238a9dbb'/%3e%3c/svg%3e");
 }
 .form-switch .form-check-input:checked {
   background-position: right center;
@@ -3120,10 +3120,10 @@ textarea.form-control-lg {
   outline: 0;
 }
 .form-range:focus::-webkit-slider-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(20, 59, 118, 0.25);
 }
 .form-range:focus::-moz-range-thumb {
-  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(20, 59, 118, 0.25);
 }
 .form-range::-moz-focus-outer {
   border: 0;
@@ -3132,7 +3132,7 @@ textarea.form-control-lg {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
-  background-color: #0d6efd;
+  background-color: #143b76;
   border: 0;
   border-radius: 1rem;
   box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
@@ -3148,14 +3148,14 @@ textarea.form-control-lg {
   }
 }
 .form-range::-webkit-slider-thumb:active {
-  background-color: #b6d4fe;
+  background-color: #b9c4d6;
 }
 .form-range::-webkit-slider-runnable-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
-  background-color: #dee2e6;
+  background-color: #dadee0;
   border-color: transparent;
   border-radius: 1rem;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
@@ -3163,7 +3163,7 @@ textarea.form-control-lg {
 .form-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
-  background-color: #0d6efd;
+  background-color: #143b76;
   border: 0;
   border-radius: 1rem;
   box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
@@ -3179,14 +3179,14 @@ textarea.form-control-lg {
   }
 }
 .form-range::-moz-range-thumb:active {
-  background-color: #b6d4fe;
+  background-color: #b9c4d6;
 }
 .form-range::-moz-range-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
-  background-color: #dee2e6;
+  background-color: #dadee0;
   border-color: transparent;
   border-radius: 1rem;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
@@ -3195,10 +3195,10 @@ textarea.form-control-lg {
   pointer-events: none;
 }
 .form-range:disabled::-webkit-slider-thumb {
-  background-color: #adb5bd;
+  background-color: #858a8c;
 }
 .form-range:disabled::-moz-range-thumb {
-  background-color: #adb5bd;
+  background-color: #858a8c;
 }
 
 .form-floating {
@@ -3326,11 +3326,11 @@ textarea.form-control-lg {
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
-  color: #212529;
+  color: #242626;
   text-align: center;
   white-space: nowrap;
-  background-color: #e9ecef;
-  border: 1px solid #ced4da;
+  background-color: #f5f6f7;
+  border: 1px solid #a2a8ab;
   border-radius: 0.25rem;
 }
 
@@ -3378,7 +3378,7 @@ textarea.form-control-lg {
   width: 100%;
   margin-top: 0.25rem;
   font-size: 0.875em;
-  color: #198754;
+  color: #18bf80;
 }
 
 .valid-tooltip {
@@ -3390,8 +3390,8 @@ textarea.form-control-lg {
   padding: 0.25rem 0.5rem;
   margin-top: 0.1rem;
   font-size: 0.875rem;
-  color: #fff;
-  background-color: rgba(25, 135, 84, 0.9);
+  color: #000;
+  background-color: rgba(24, 191, 128, 0.9);
   border-radius: 0.25rem;
 }
 
@@ -3403,16 +3403,16 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-control:valid, .form-control.is-valid {
-  border-color: #198754;
+  border-color: #18bf80;
   padding-right: calc(1.5em + 0.75rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2318bf80' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
-  border-color: #198754;
-  box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.25);
+  border-color: #18bf80;
+  box-shadow: 0 0 0 0 rgba(24, 191, 128, 0.25);
 }
 
 .was-validated textarea.form-control:valid, textarea.form-control.is-valid {
@@ -3421,30 +3421,30 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-select:valid, .form-select.is-valid {
-  border-color: #198754;
+  border-color: #18bf80;
 }
 .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
   padding-right: 4.125rem;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233d3f40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2318bf80' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
   background-position: right 0.75rem center, center right 2.25rem;
   background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
-  border-color: #198754;
-  box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.25);
+  border-color: #18bf80;
+  box-shadow: 0 0 0 0 rgba(24, 191, 128, 0.25);
 }
 
 .was-validated .form-check-input:valid, .form-check-input.is-valid {
-  border-color: #198754;
+  border-color: #18bf80;
 }
 .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
-  background-color: #198754;
+  background-color: #18bf80;
 }
 .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
-  box-shadow: 0 0 0 0 rgba(25, 135, 84, 0.25);
+  box-shadow: 0 0 0 0 rgba(24, 191, 128, 0.25);
 }
 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
-  color: #198754;
+  color: #18bf80;
 }
 
 .form-check-inline .form-check-input ~ .valid-feedback {
@@ -3467,7 +3467,7 @@ textarea.form-control-lg {
   width: 100%;
   margin-top: 0.25rem;
   font-size: 0.875em;
-  color: #dc3545;
+  color: #eb3434;
 }
 
 .invalid-tooltip {
@@ -3479,8 +3479,8 @@ textarea.form-control-lg {
   padding: 0.25rem 0.5rem;
   margin-top: 0.1rem;
   font-size: 0.875rem;
-  color: #fff;
-  background-color: rgba(220, 53, 69, 0.9);
+  color: #000;
+  background-color: rgba(235, 52, 52, 0.9);
   border-radius: 0.25rem;
 }
 
@@ -3492,16 +3492,16 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-control:invalid, .form-control.is-invalid {
-  border-color: #dc3545;
+  border-color: #eb3434;
   padding-right: calc(1.5em + 0.75rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23eb3434'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23eb3434' stroke='none'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
-  border-color: #dc3545;
-  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
+  border-color: #eb3434;
+  box-shadow: 0 0 0 0 rgba(235, 52, 52, 0.25);
 }
 
 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
@@ -3510,30 +3510,30 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-select:invalid, .form-select.is-invalid {
-  border-color: #dc3545;
+  border-color: #eb3434;
 }
 .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
   padding-right: 4.125rem;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233d3f40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23eb3434'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23eb3434' stroke='none'/%3e%3c/svg%3e");
   background-position: right 0.75rem center, center right 2.25rem;
   background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
-  border-color: #dc3545;
-  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
+  border-color: #eb3434;
+  box-shadow: 0 0 0 0 rgba(235, 52, 52, 0.25);
 }
 
 .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
-  border-color: #dc3545;
+  border-color: #eb3434;
 }
 .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
-  background-color: #dc3545;
+  background-color: #eb3434;
 }
 .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
-  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
+  box-shadow: 0 0 0 0 rgba(235, 52, 52, 0.25);
 }
 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
-  color: #dc3545;
+  color: #eb3434;
 }
 
 .form-check-inline .form-check-input ~ .invalid-feedback {
@@ -3555,7 +3555,7 @@ textarea.form-control-lg {
   display: inline-block;
   font-weight: 400;
   line-height: 1.5;
-  color: #212529;
+  color: #242626;
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
@@ -3576,18 +3576,18 @@ textarea.form-control-lg {
   }
 }
 .btn:hover {
-  color: #212529;
+  color: #242626;
   text-decoration: none;
 }
 .btn-check:focus + .btn, .btn:focus {
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(20, 59, 118, 0.25);
 }
 .btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active {
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 .btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus {
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25), inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  box-shadow: 0 0 0 0.25rem rgba(20, 59, 118, 0.25), inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 .btn:disabled, .btn.disabled, fieldset:disabled .btn {
   pointer-events: none;
@@ -3689,34 +3689,34 @@ textarea.form-control-lg {
 }
 
 .btn-info {
-  color: #000;
-  background-color: #0dcaf0;
-  border-color: #0dcaf0;
+  color: #fff;
+  background-color: #087990;
+  border-color: #087990;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
 }
 .btn-info:hover {
-  color: #000;
-  background-color: #25cff2;
-  border-color: #25cff2;
+  color: #fff;
+  background-color: #076d82;
+  border-color: #066173;
 }
 .btn-check:focus + .btn-info, .btn-info:focus {
-  color: #000;
-  background-color: #25cff2;
-  border-color: #25cff2;
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+  color: #fff;
+  background-color: #076d82;
+  border-color: #066173;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(45, 141, 161, 0.5);
 }
 .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
-  color: #000;
-  background-color: #3dd5f3;
-  border-color: #25cff2;
+  color: #fff;
+  background-color: #066173;
+  border-color: #065b6c;
 }
 .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(45, 141, 161, 0.5);
 }
 .btn-info:disabled, .btn-info.disabled {
-  color: #000;
-  background-color: #0dcaf0;
-  border-color: #0dcaf0;
+  color: #fff;
+  background-color: #087990;
+  border-color: #087990;
 }
 
 .btn-warning {
@@ -3783,33 +3783,33 @@ textarea.form-control-lg {
 
 .btn-light {
   color: #000;
-  background-color: #f0f0f0;
-  border-color: #f0f0f0;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
   box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
 }
 .btn-light:hover {
   color: #000;
-  background-color: #f2f2f2;
-  border-color: #f2f2f2;
+  background-color: #f9fafb;
+  border-color: #f9fafb;
 }
 .btn-check:focus + .btn-light, .btn-light:focus {
   color: #000;
-  background-color: #f2f2f2;
-  border-color: #f2f2f2;
-  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(204, 204, 204, 0.5);
+  background-color: #f9fafb;
+  border-color: #f9fafb;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
 }
 .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
   color: #000;
-  background-color: #f3f3f3;
-  border-color: #f2f2f2;
+  background-color: #f9fafb;
+  border-color: #f9fafb;
 }
 .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(204, 204, 204, 0.5);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
 }
 .btn-light:disabled, .btn-light.disabled {
   color: #000;
-  background-color: #f0f0f0;
-  border-color: #f0f0f0;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
 }
 
 .btn-dark {
@@ -3950,27 +3950,27 @@ textarea.form-control-lg {
 }
 
 .btn-outline-info {
-  color: #0dcaf0;
-  border-color: #0dcaf0;
+  color: #087990;
+  border-color: #087990;
 }
 .btn-outline-info:hover {
-  color: #000;
-  background-color: #0dcaf0;
-  border-color: #0dcaf0;
+  color: #fff;
+  background-color: #087990;
+  border-color: #087990;
 }
 .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
-  box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(8, 121, 144, 0.5);
 }
 .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
-  color: #000;
-  background-color: #0dcaf0;
-  border-color: #0dcaf0;
+  color: #fff;
+  background-color: #087990;
+  border-color: #087990;
 }
 .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(8, 121, 144, 0.5);
 }
 .btn-outline-info:disabled, .btn-outline-info.disabled {
-  color: #0dcaf0;
+  color: #087990;
   background-color: transparent;
 }
 
@@ -4025,27 +4025,27 @@ textarea.form-control-lg {
 }
 
 .btn-outline-light {
-  color: #f0f0f0;
-  border-color: #f0f0f0;
+  color: #f8f9fa;
+  border-color: #f8f9fa;
 }
 .btn-outline-light:hover {
   color: #000;
-  background-color: #f0f0f0;
-  border-color: #f0f0f0;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
 }
 .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
-  box-shadow: 0 0 0 0.25rem rgba(240, 240, 240, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
 }
 .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
   color: #000;
-  background-color: #f0f0f0;
-  border-color: #f0f0f0;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
 }
 .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(240, 240, 240, 0.5);
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
 }
 .btn-outline-light:disabled, .btn-outline-light.disabled {
-  color: #f0f0f0;
+  color: #f8f9fa;
   background-color: transparent;
 }
 
@@ -4105,14 +4105,14 @@ textarea.form-control-lg {
   text-decoration: none;
 }
 .btn-link:hover {
-  color: #0a58ca;
+  color: #102f5e;
   text-decoration: underline;
 }
 .btn-link:focus {
   text-decoration: underline;
 }
 .btn-link:disabled, .btn-link.disabled {
-  color: #6c757d;
+  color: #6d7173;
 }
 
 .btn-lg, .btn-group-lg > .btn {
@@ -4196,7 +4196,7 @@ textarea.form-control-lg {
   padding: 0.5rem 0;
   margin: 0;
   font-size: 1rem;
-  color: #212529;
+  color: #242626;
   text-align: left;
   list-style: none;
   background-color: #fff;
@@ -4401,24 +4401,24 @@ textarea.form-control-lg {
   padding: 0.25rem 1rem;
   clear: both;
   font-weight: 400;
-  color: #212529;
+  color: #242626;
   text-align: inherit;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
 }
 .dropdown-item:hover, .dropdown-item:focus {
-  color: #1e2125;
+  color: #202222;
   text-decoration: none;
-  background-color: #e9ecef;
+  background-color: #f5f6f7;
 }
 .dropdown-item.active, .dropdown-item:active {
   color: #fff;
   text-decoration: none;
-  background-color: #0d6efd;
+  background-color: #143b76;
 }
 .dropdown-item.disabled, .dropdown-item:disabled {
-  color: #adb5bd;
+  color: #858a8c;
   pointer-events: none;
   background-color: transparent;
 }
@@ -4432,23 +4432,23 @@ textarea.form-control-lg {
   padding: 0.5rem 1rem;
   margin-bottom: 0;
   font-size: 0.875rem;
-  color: #6c757d;
+  color: #6d7173;
   white-space: nowrap;
 }
 
 .dropdown-item-text {
   display: block;
   padding: 0.25rem 1rem;
-  color: #212529;
+  color: #242626;
 }
 
 .dropdown-menu-dark {
-  color: #dee2e6;
-  background-color: #343a40;
+  color: #dadee0;
+  background-color: #3d3f40;
   border-color: rgba(0, 0, 0, 0.15);
 }
 .dropdown-menu-dark .dropdown-item {
-  color: #dee2e6;
+  color: #dadee0;
 }
 .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
   color: #fff;
@@ -4456,19 +4456,19 @@ textarea.form-control-lg {
 }
 .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
   color: #fff;
-  background-color: #0d6efd;
+  background-color: #143b76;
 }
 .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
-  color: #adb5bd;
+  color: #858a8c;
 }
 .dropdown-menu-dark .dropdown-divider {
   border-color: rgba(0, 0, 0, 0.15);
 }
 .dropdown-menu-dark .dropdown-item-text {
-  color: #dee2e6;
+  color: #dadee0;
 }
 .dropdown-menu-dark .dropdown-header {
-  color: #adb5bd;
+  color: #858a8c;
 }
 
 .btn-group,
@@ -4595,7 +4595,7 @@ textarea.form-control-lg {
 .nav-link {
   display: block;
   padding: 0.5rem 1rem;
-  color: #0d6efd;
+  color: #143b76;
   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) {
@@ -4604,17 +4604,17 @@ textarea.form-control-lg {
   }
 }
 .nav-link:hover, .nav-link:focus {
-  color: #0a58ca;
+  color: #102f5e;
   text-decoration: none;
 }
 .nav-link.disabled {
-  color: #6c757d;
+  color: #6d7173;
   pointer-events: none;
   cursor: default;
 }
 
 .nav-tabs {
-  border-bottom: 1px solid #dee2e6;
+  border-bottom: 1px solid #dadee0;
 }
 .nav-tabs .nav-link {
   margin-bottom: -1px;
@@ -4624,19 +4624,19 @@ textarea.form-control-lg {
   border-top-right-radius: 0.25rem;
 }
 .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
-  border-color: #e9ecef #e9ecef #dee2e6;
+  border-color: #f5f6f7 #f5f6f7 #dadee0;
   isolation: isolate;
 }
 .nav-tabs .nav-link.disabled {
-  color: #6c757d;
+  color: #6d7173;
   background-color: transparent;
   border-color: transparent;
 }
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
-  color: #495057;
+  color: #555859;
   background-color: #fff;
-  border-color: #dee2e6 #dee2e6 #fff;
+  border-color: #dadee0 #dadee0 #fff;
 }
 .nav-tabs .dropdown-menu {
   margin-top: -1px;
@@ -4652,7 +4652,7 @@ textarea.form-control-lg {
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
   color: #fff;
-  background-color: #0d6efd;
+  background-color: #143b76;
 }
 
 .nav-fill > .nav-link,
@@ -4807,8 +4807,8 @@ textarea.form-control-lg {
     position: absolute;
   }
   .navbar-expand-sm .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
+    padding-right: 0.75rem;
+    padding-left: 0.75rem;
   }
   .navbar-expand-sm .navbar-nav-scroll {
     overflow: visible;
@@ -4869,8 +4869,8 @@ textarea.form-control-lg {
     position: absolute;
   }
   .navbar-expand-md .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
+    padding-right: 0.75rem;
+    padding-left: 0.75rem;
   }
   .navbar-expand-md .navbar-nav-scroll {
     overflow: visible;
@@ -4931,8 +4931,8 @@ textarea.form-control-lg {
     position: absolute;
   }
   .navbar-expand-lg .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
+    padding-right: 0.75rem;
+    padding-left: 0.75rem;
   }
   .navbar-expand-lg .navbar-nav-scroll {
     overflow: visible;
@@ -4993,8 +4993,8 @@ textarea.form-control-lg {
     position: absolute;
   }
   .navbar-expand-xl .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
+    padding-right: 0.75rem;
+    padding-left: 0.75rem;
   }
   .navbar-expand-xl .navbar-nav-scroll {
     overflow: visible;
@@ -5055,8 +5055,8 @@ textarea.form-control-lg {
     position: absolute;
   }
   .navbar-expand-xxl .navbar-nav .nav-link {
-    padding-right: 0.5rem;
-    padding-left: 0.5rem;
+    padding-right: 0.75rem;
+    padding-left: 0.75rem;
   }
   .navbar-expand-xxl .navbar-nav-scroll {
     overflow: visible;
@@ -5116,8 +5116,8 @@ textarea.form-control-lg {
   position: absolute;
 }
 .navbar-expand .navbar-nav .nav-link {
-  padding-right: 0.5rem;
-  padding-left: 0.5rem;
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
 }
 .navbar-expand .navbar-nav-scroll {
   overflow: visible;
@@ -5408,7 +5408,7 @@ textarea.form-control-lg {
   width: 100%;
   padding: 1rem 1.25rem;
   font-size: 1rem;
-  color: #212529;
+  color: #242626;
   text-align: left;
   background-color: #fff;
   border: 0;
@@ -5422,12 +5422,12 @@ textarea.form-control-lg {
   }
 }
 .accordion-button:not(.collapsed) {
-  color: #212529;
-  background-color: #f8f9fa;
-  box-shadow: inset 0 -1px 0 #dee2e6;
+  color: #242626;
+  background-color: #fafbfc;
+  box-shadow: inset 0 -1px 0 #dadee0;
 }
 .accordion-button:not(.collapsed)::after {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2312356a'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   -webkit-transform: rotate(-180deg);
           transform: rotate(-180deg);
 }
@@ -5438,7 +5438,7 @@ textarea.form-control-lg {
   height: 1.25rem;
   margin-left: auto;
   content: "";
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23242626'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-size: 1.25rem;
   transition: -webkit-transform 0.2s ease-in-out;
@@ -5455,9 +5455,9 @@ textarea.form-control-lg {
 }
 .accordion-button:focus {
   z-index: 3;
-  border-color: #86b7fe;
+  border-color: #8a9dbb;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(20, 59, 118, 0.25);
 }
 
 .accordion-header {
@@ -5466,7 +5466,7 @@ textarea.form-control-lg {
 
 .accordion-item {
   background-color: #fff;
-  border: 1px solid #dee2e6;
+  border: 1px solid #dadee0;
 }
 .accordion-item:first-of-type {
   border-top-left-radius: 0.25rem;
@@ -5530,11 +5530,11 @@ textarea.form-control-lg {
 .breadcrumb-item + .breadcrumb-item::before {
   float: left;
   padding-right: 0.5rem;
-  color: #6c757d;
+  color: #6d7173;
   content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
 }
 .breadcrumb-item.active {
-  color: #6c757d;
+  color: #6d7173;
 }
 
 .placeholder {
@@ -5612,7 +5612,7 @@ textarea.form-control-lg {
   display: block;
   color: #a2a8ab;
   background-color: transparent;
-  border: 0 solid #dee2e6;
+  border: 0 solid #dadee0;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -5625,7 +5625,7 @@ textarea.form-control-lg {
   color: #242626;
   text-decoration: none;
   background-color: transparent;
-  border-color: #dee2e6;
+  border-color: #dadee0;
 }
 .page-link:focus {
   z-index: 3;
@@ -5642,13 +5642,13 @@ textarea.form-control-lg {
   z-index: 3;
   color: #242626;
   background-color: transparent;
-  border-color: #0d6efd;
+  border-color: #143b76;
 }
 .page-item.disabled .page-link {
   color: #dadee0;
   pointer-events: none;
   background-color: transparent;
-  border-color: #dee2e6;
+  border-color: #dadee0;
 }
 
 .page-link {
@@ -5751,12 +5751,12 @@ textarea.form-control-lg {
 }
 
 .alert-info {
-  color: #055160;
-  background-color: #cff4fc;
-  border-color: #b6effb;
+  color: #054956;
+  background-color: #cee4e9;
+  border-color: #b5d7de;
 }
 .alert-info .alert-link {
-  color: #04414d;
+  color: #043a45;
 }
 
 .alert-warning {
@@ -5778,12 +5778,12 @@ textarea.form-control-lg {
 }
 
 .alert-light {
-  color: #606060;
-  background-color: #fcfcfc;
-  border-color: #fbfbfb;
+  color: #636464;
+  background-color: #fefefe;
+  border-color: #fdfdfe;
 }
 .alert-light .alert-link {
-  color: #4d4d4d;
+  color: #4f5050;
 }
 
 .alert-dark {
@@ -5821,7 +5821,7 @@ textarea.form-control-lg {
   height: 1rem;
   overflow: hidden;
   font-size: 0.75rem;
-  background-color: #e9ecef;
+  background-color: #f5f6f7;
   border-radius: 0.25rem;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
 }
@@ -5837,7 +5837,7 @@ textarea.form-control-lg {
   color: #fff;
   text-align: center;
   white-space: nowrap;
-  background-color: #0d6efd;
+  background-color: #143b76;
   transition: width 0.6s ease;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -5883,25 +5883,25 @@ textarea.form-control-lg {
 
 .list-group-item-action {
   width: 100%;
-  color: #495057;
+  color: #555859;
   text-align: inherit;
 }
 .list-group-item-action:hover, .list-group-item-action:focus {
   z-index: 1;
-  color: #495057;
+  color: #555859;
   text-decoration: none;
-  background-color: #f8f9fa;
+  background-color: #fafbfc;
 }
 .list-group-item-action:active {
-  color: #212529;
-  background-color: #e9ecef;
+  color: #242626;
+  background-color: #f5f6f7;
 }
 
 .list-group-item {
   position: relative;
   display: block;
   padding: 0.5rem 1rem;
-  color: #212529;
+  color: #242626;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.125);
 }
@@ -5914,15 +5914,15 @@ textarea.form-control-lg {
   border-bottom-left-radius: inherit;
 }
 .list-group-item.disabled, .list-group-item:disabled {
-  color: #6c757d;
+  color: #6d7173;
   pointer-events: none;
   background-color: #fff;
 }
 .list-group-item.active {
   z-index: 2;
   color: #fff;
-  background-color: #0d6efd;
-  border-color: #0d6efd;
+  background-color: #143b76;
+  border-color: #143b76;
 }
 .list-group-item + .list-group-item {
   border-top-width: 0;
@@ -6134,17 +6134,17 @@ textarea.form-control-lg {
 }
 
 .list-group-item-info {
-  color: #055160;
-  background-color: #cff4fc;
+  color: #054956;
+  background-color: #cee4e9;
 }
 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
-  color: #055160;
-  background-color: #badce3;
+  color: #054956;
+  background-color: #b9cdd2;
 }
 .list-group-item-info.list-group-item-action.active {
   color: #fff;
-  background-color: #055160;
-  border-color: #055160;
+  background-color: #054956;
+  border-color: #054956;
 }
 
 .list-group-item-warning {
@@ -6176,17 +6176,17 @@ textarea.form-control-lg {
 }
 
 .list-group-item-light {
-  color: #606060;
-  background-color: #fcfcfc;
+  color: #636464;
+  background-color: #fefefe;
 }
 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
-  color: #606060;
-  background-color: #e3e3e3;
+  color: #636464;
+  background-color: #e5e5e5;
 }
 .list-group-item-light.list-group-item-action.active {
   color: #fff;
-  background-color: #606060;
-  border-color: #606060;
+  background-color: #636464;
+  border-color: #636464;
 }
 
 .list-group-item-dark {
@@ -6235,7 +6235,7 @@ textarea.form-control-lg {
 }
 .btn-close:focus {
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(20, 59, 118, 0.25);
   opacity: 1;
 }
 .btn-close:disabled, .btn-close.disabled {
@@ -6287,7 +6287,7 @@ textarea.form-control-lg {
   -ms-flex-align: center;
       align-items: center;
   padding: 0.5rem 0.75rem;
-  color: #6c757d;
+  color: #6d7173;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
@@ -6405,7 +6405,7 @@ textarea.form-control-lg {
   -ms-flex-pack: justify;
       justify-content: space-between;
   padding: 1rem 1rem;
-  border-bottom: 1px solid #dee2e6;
+  border-bottom: 1px solid #dadee0;
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px);
 }
@@ -6438,7 +6438,7 @@ textarea.form-control-lg {
   -ms-flex-pack: end;
       justify-content: flex-end;
   padding: 0.75rem;
-  border-top: 1px solid #dee2e6;
+  border-top: 1px solid #dadee0;
   border-bottom-right-radius: calc(0.3rem - 1px);
   border-bottom-left-radius: calc(0.3rem - 1px);
 }
@@ -6838,7 +6838,7 @@ textarea.form-control-lg {
 
 .popover-body {
   padding: 1rem 1rem;
-  color: #212529;
+  color: #242626;
 }
 
 .carousel {
@@ -7279,10 +7279,10 @@ textarea.form-control-lg {
 }
 
 .link-info {
-  color: #0dcaf0;
+  color: #087990;
 }
 .link-info:hover, .link-info:focus {
-  color: #3dd5f3;
+  color: #066173;
 }
 
 .link-warning {
@@ -7300,10 +7300,10 @@ textarea.form-control-lg {
 }
 
 .link-light {
-  color: #f0f0f0;
+  color: #f8f9fa;
 }
 .link-light:hover, .link-light:focus {
-  color: #f3f3f3;
+  color: #f9fafb;
 }
 
 .link-dark {
@@ -7480,14 +7480,28 @@ textarea.form-control-lg {
   opacity: 0.25;
 }
 
-.text-underline-hover {
+a {
+  text-underline-offset: 2px;
+}
+a:not(.text-underline-hover), a:not(.standalone) {
+  -webkit-text-decoration-color: rgba(20, 59, 118, 0.3);
+          text-decoration-color: rgba(20, 59, 118, 0.3);
+}
+a:not(.text-underline-hover):hover, a:not(.standalone):hover {
+  -webkit-text-decoration-color: currentColor;
+          text-decoration-color: currentColor;
+}
+a.standalone, a.text-underline-hover {
   text-decoration: none;
 }
-
-.text-underline-hover:hover {
+a.standalone:hover, a.text-underline-hover:hover {
   text-decoration: underline;
 }
 
+svg {
+  fill: currentColor;
+}
+
 @media (max-width: 767.98px) {
   .n-mx-container {
     padding-right: 0.75rem;
@@ -7497,13 +7511,17 @@ textarea.form-control-lg {
   }
 }
 .bg-lighter {
-  background-color: #f8f9fa;
+  background-color: #fafbfc;
 }
 
 .bg-gray-200 {
   background-color: #f5f6f7;
 }
 
+.bg-gray-400 {
+  background-color: #a2a8ab;
+}
+
 .grid-3-9 {
   -ms-grid-columns: 25% 75%;
   grid-template-columns: 25% 75%;
@@ -7726,7 +7744,7 @@ textarea.form-control-lg {
 }
 
 .border {
-  border: 1px solid #dee2e6 !important;
+  border: 1px solid #dadee0 !important;
 }
 
 .border-0 {
@@ -7734,7 +7752,7 @@ textarea.form-control-lg {
 }
 
 .border-top {
-  border-top: 1px solid #dee2e6 !important;
+  border-top: 1px solid #dadee0 !important;
 }
 
 .border-top-0 {
@@ -7742,7 +7760,7 @@ textarea.form-control-lg {
 }
 
 .border-end {
-  border-right: 1px solid #dee2e6 !important;
+  border-right: 1px solid #dadee0 !important;
 }
 
 .border-end-0 {
@@ -7750,7 +7768,7 @@ textarea.form-control-lg {
 }
 
 .border-bottom {
-  border-bottom: 1px solid #dee2e6 !important;
+  border-bottom: 1px solid #dadee0 !important;
 }
 
 .border-bottom-0 {
@@ -7758,7 +7776,7 @@ textarea.form-control-lg {
 }
 
 .border-start {
-  border-left: 1px solid #dee2e6 !important;
+  border-left: 1px solid #dadee0 !important;
 }
 
 .border-start-0 {
@@ -7778,7 +7796,7 @@ textarea.form-control-lg {
 }
 
 .border-info {
-  border-color: #0dcaf0 !important;
+  border-color: #087990 !important;
 }
 
 .border-warning {
@@ -7790,7 +7808,7 @@ textarea.form-control-lg {
 }
 
 .border-light {
-  border-color: #f0f0f0 !important;
+  border-color: #f8f9fa !important;
 }
 
 .border-dark {
@@ -9067,24 +9085,28 @@ textarea.form-control-lg {
   font-family: var(--bs-font-monospace) !important;
 }
 
-.fs-light {
-  font-size: 300 !important;
+.fs-1 {
+  font-size: calc(1.375rem + 1.5vw) !important;
 }
 
-.fs-lighter {
-  font-size: lighter !important;
+.fs-2 {
+  font-size: calc(1.325rem + 0.9vw) !important;
 }
 
-.fs-normal {
-  font-size: 400 !important;
+.fs-3 {
+  font-size: calc(1.3rem + 0.6vw) !important;
 }
 
-.fs-bold {
-  font-size: 700 !important;
+.fs-4 {
+  font-size: calc(1.275rem + 0.3vw) !important;
 }
 
-.fs-bolder {
-  font-size: bolder !important;
+.fs-5 {
+  font-size: 1.25rem !important;
+}
+
+.fs-6 {
+  font-size: 1rem !important;
 }
 
 .fs-sm {
@@ -9127,6 +9149,10 @@ textarea.form-control-lg {
   font-weight: 500 !important;
 }
 
+.fw-medium {
+  font-weight: 500 !important;
+}
+
 .lh-1 {
   line-height: 1 !important;
 }
@@ -9251,7 +9277,7 @@ textarea.form-control-lg {
 
 .text-muted {
   --bs-text-opacity: 1;
-  color: #6c757d !important;
+  color: #495057 !important;
 }
 
 .text-black-50 {
@@ -9515,7 +9541,7 @@ textarea.form-control-lg {
   }
 
   .border-sm {
-    border: 1px solid #dee2e6 !important;
+    border: 1px solid #dadee0 !important;
   }
 
   .border-sm-0 {
@@ -10757,7 +10783,7 @@ textarea.form-control-lg {
   }
 
   .border-md {
-    border: 1px solid #dee2e6 !important;
+    border: 1px solid #dadee0 !important;
   }
 
   .border-md-0 {
@@ -11999,7 +12025,7 @@ textarea.form-control-lg {
   }
 
   .border-lg {
-    border: 1px solid #dee2e6 !important;
+    border: 1px solid #dadee0 !important;
   }
 
   .border-lg-0 {
@@ -13241,7 +13267,7 @@ textarea.form-control-lg {
   }
 
   .border-xl {
-    border: 1px solid #dee2e6 !important;
+    border: 1px solid #dadee0 !important;
   }
 
   .border-xl-0 {
@@ -14483,7 +14509,7 @@ textarea.form-control-lg {
   }
 
   .border-xxl {
-    border: 1px solid #dee2e6 !important;
+    border: 1px solid #dadee0 !important;
   }
 
   .border-xxl-0 {
@@ -15668,6 +15694,23 @@ textarea.form-control-lg {
     text-align: center !important;
   }
 }
+@media (min-width: 1200px) {
+  .fs-1 {
+    font-size: 2.5rem !important;
+  }
+
+  .fs-2 {
+    font-size: 2rem !important;
+  }
+
+  .fs-3 {
+    font-size: 1.75rem !important;
+  }
+
+  .fs-4 {
+    font-size: 1.5rem !important;
+  }
+}
 @media print {
   .d-print-inline {
     display: inline !important;
@@ -15716,6 +15759,15 @@ body {
   overflow-x: hidden;
 }
 
+em.placeholder {
+  background-color: transparent;
+  cursor: auto;
+  min-height: 0;
+  vertical-align: baseline;
+  opacity: 1;
+  display: inline;
+}
+
 .bcl-header__project,
 .bcl-header__navbar {
   background: linear-gradient(90deg, #039 0%, #1b4ac3 100%);
@@ -15731,7 +15783,7 @@ body {
 
 .bcl-header--neutral .bcl-header__project,
 .bcl-header--neutral .bcl-header__navbar {
-  background: #6d7173;
+  background: #555859;
 }
 
 .bcl-navbar-header {
@@ -15759,7 +15811,10 @@ body {
 }
 
 .bcl-header__navbar .navbar-nav .nav-link {
-  color: #a2a8ab;
+  color: #fafbfc;
+}
+.bcl-header__navbar .navbar-nav .nav-link:first-child {
+  padding-left: 0;
 }
 
 .bcl-header__navbar .navbar-nav .nav-link:focus,
@@ -15910,45 +15965,96 @@ body {
     width: 285px;
   }
 }
-.bcl-language .modal-content {
+.bcl-language-list-modal .btn-close {
+  opacity: 1;
+}
+.bcl-language-list-modal.bcl-language-list-modal--ec .modal-body, .bcl-language-list-modal.bcl-language-list-modal--eu .modal-body {
+  padding-top: 0.5rem;
+  overflow: visible;
+}
+.bcl-language-list-modal.bcl-language-list-modal--ec .modal-header, .bcl-language-list-modal.bcl-language-list-modal--eu .modal-header {
+  border: 0;
+  padding: 0;
+}
+.bcl-language-list-modal.bcl-language-list-modal--eu .modal-body {
+  background: #fff;
+}
+.bcl-language-list-modal.bcl-language-list-modal--eu .modal-dialog {
+  background: #fff;
+}
+.bcl-language-list-modal.bcl-language-list-modal--eu h5, .bcl-language-list-modal.bcl-language-list-modal--eu .h5 {
+  color: #0e47cb;
+}
+.bcl-language-list-modal.bcl-language-list-modal--eu svg {
+  color: #0e47cb;
+}
+.bcl-language-list-modal.bcl-language-list-modal--eu .btn-close {
+  -webkit-filter: invert(20%) sepia(70%) saturate(2876%) hue-rotate(216deg) brightness(94%) contrast(105%);
+          filter: invert(20%) sepia(70%) saturate(2876%) hue-rotate(216deg) brightness(94%) contrast(105%);
+}
+.bcl-language-list-modal.bcl-language-list-modal--ec {
+  background: #034da1;
+}
+.bcl-language-list-modal.bcl-language-list-modal--ec .modal-content {
+  background: #034da1;
+}
+.bcl-language-list-modal.bcl-language-list-modal--ec h5, .bcl-language-list-modal.bcl-language-list-modal--ec .h5 {
+  color: #fff;
+}
+.bcl-language-list-modal.bcl-language-list-modal--ec svg {
   color: #fff;
-  background-color: #004494;
+}
+.bcl-language-list-modal.bcl-language-list-modal--ec .btn-close {
+  -webkit-filter: invert(1) grayscale(100%) brightness(200%);
+          filter: invert(1) grayscale(100%) brightness(200%);
 }
 
-.bcl-language__list {
-  display: -ms-grid;
-  display: grid;
-  gap: 0.5rem;
-  margin-bottom: 1.5rem;
+.bcl-footer--neutral {
+  background: #6d7173;
+}
+.bcl-footer--neutral a,
+.bcl-footer--neutral p {
+  color: #fff;
 }
 
-.bcl-language__title {
-  margin-bottom: 1.5rem;
+.bcl-footer--eu,
+.eu__footer {
+  background: #f4f6fb;
+}
+.bcl-footer--eu a,
+.eu__footer a {
+  color: #0e47cb;
 }
 
-.bcl-language__item {
-  padding: 0.5rem 1rem;
-  font-weight: 700;
-  color: #004494;
-  text-decoration: none;
-  background-color: #fff;
+.bcl-footer--ec,
+.ec__footer {
+  background: #17458f;
 }
-.bcl-language__item:hover, .bcl-language__item:focus {
-  color: #212529;
-  text-decoration: underline;
-  background-color: #ffd617;
+.bcl-footer--ec a,
+.bcl-footer--ec p,
+.ec__footer a,
+.ec__footer p {
+  color: #fff;
 }
 
-.bcl-language .modal-body {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
+.bcl-footer *[class*=border-] {
+  border-color: #adb5bd !important;
 }
 
-.bcl-language .btn-close {
-  -webkit-filter: invert(1) grayscale(100%) brightness(200%);
-          filter: invert(1) grayscale(100%) brightness(200%);
+.bcl-footer__bordered-row::before {
+  display: block;
+  width: 100%;
+  margin: 0 12px;
+  margin-bottom: 1.5rem;
+  content: "";
+  border-bottom: 1px solid #adb5bd;
 }
 
+@media (min-width: 992px) {
+  .bcl-footer__bordered-row::before {
+    margin-bottom: 3rem;
+  }
+}
 .icon--2xs {
   width: 0.75rem;
   height: 0.75rem;
@@ -16014,9 +16120,17 @@ body {
           transform: scaleY(-1);
 }
 
-.btn .bi {
-  vertical-align: top;
-  margin-top: 0.25rem;
+.icon--file {
+  color: #6d7173;
+}
+
+.btn {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
 }
 
 .bcl-search-form .bcl-search-form__input[type=search]::-webkit-search-cancel-button {
@@ -16236,21 +16350,24 @@ textarea.form-control.is-valid,
   }
 }
 .badge .icon--close {
-  display: inline-block;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
   width: 12px;
   height: 12px;
   margin-left: 0.3rem;
   font-size: 1em;
   font-weight: 300;
-  line-height: 0.55rem;
-  vertical-align: inherit;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
   cursor: pointer;
   background: #fff;
   border-radius: 50%;
 }
 .badge .icon--close svg {
-  width: 12px;
-  height: 12px;
+  width: 6px;
+  height: 6px;
   margin: 0;
 }
 .badge.bg-primary .icon--close {
@@ -16273,11 +16390,11 @@ textarea.form-control.is-valid,
   background: #000;
 }
 .badge.bg-info .icon--close {
-  color: #0dcaf0;
+  color: #087990;
   background: #000;
 }
 .badge.bg-light .icon--close {
-  color: #f0f0f0;
+  color: #f8f9fa;
   background: #000;
 }
 
@@ -16328,12 +16445,12 @@ a .badge {
 }
 
 .badge-outline-info {
-  border: 1px solid #0dcaf0;
-  color: #0dcaf0 !important;
+  border: 1px solid #087990;
+  color: #087990 !important;
   background: transparent !important;
 }
 .badge-outline-info .icon--close {
-  background: #0dcaf0;
+  background: #087990;
   color: #fff;
 }
 
@@ -16358,12 +16475,12 @@ a .badge {
 }
 
 .badge-outline-light {
-  border: 1px solid #f0f0f0;
-  color: #f0f0f0 !important;
+  border: 1px solid #f8f9fa;
+  color: #f8f9fa !important;
   background: transparent !important;
 }
 .badge-outline-light .icon--close {
-  background: #f0f0f0;
+  background: #f8f9fa;
   color: #fff;
   color: #000;
 }
@@ -17010,6 +17127,9 @@ select.multi-select {
   }
 }
 @media (max-width: 767.98px) {
+  .breadcrumb-item + .breadcrumb-item {
+    padding-left: 0;
+  }
   .breadcrumb-item + .breadcrumb-item::before {
     display: none;
     content: "";
@@ -17038,7 +17158,7 @@ select.multi-select {
 
 .bcl-banner__content {
   padding: 2.5rem 2rem;
-  border-color: #0d6efd;
+  border-color: #143b76;
 }
 
 .bcl-banner__image {
@@ -17050,11 +17170,11 @@ select.multi-select {
 .bcl-banner__image::before {
   display: block;
   width: 100%;
-  padding-top: 25%;
+  padding-top: 20%;
   content: "";
 }
 .hero .bcl-banner__image::before {
-  padding-top: 33.33%;
+  padding-top: 25%;
 }
 
 @media (min-width: 768px) {
@@ -17064,7 +17184,7 @@ select.multi-select {
   }
   .bcl-banner.overlay .bcl-banner__content {
     background: #fff;
-    border-bottom: 4px solid #0d6efd;
+    border-bottom: 4px solid #143b76;
   }
   .bcl-banner.shade {
     color: #fff;
@@ -17140,14 +17260,14 @@ select.multi-select {
   .bcl-banner::before {
     display: block;
     width: 100%;
-    padding-top: 25%;
+    padding-top: 20%;
     content: "";
   }
   .bcl-banner.hero {
     min-height: 380px;
   }
   .bcl-banner.hero::before {
-    padding-top: 33.33%;
+    padding-top: 25%;
   }
 }
 /* stylelint-disable declaration-no-important */
@@ -17209,6 +17329,459 @@ select.multi-select {
           transform: rotate(180deg);
 }
 
+.circular-progress {
+  width: 120px;
+  height: 120px;
+  line-height: 120px;
+  background: none;
+  box-shadow: none;
+  position: relative;
+}
+.circular-progress:after {
+  content: "";
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  border: 12px solid #a2a8ab;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.circular-progress > span {
+  width: 50%;
+  height: 100%;
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+  z-index: 1;
+}
+
+.circular-progress-bar {
+  width: 100%;
+  height: 100%;
+  background: none;
+  border-width: 12px;
+  border-style: solid;
+  position: absolute;
+  top: 0;
+  border-color: #143b76;
+}
+
+.circular-progress-left {
+  left: 0;
+}
+.circular-progress-left .circular-progress-bar {
+  left: 100%;
+  border-top-right-radius: 60px;
+  border-bottom-right-radius: 60px;
+  border-left: 0;
+  -webkit-transform-origin: center left;
+          transform-origin: center left;
+}
+
+.circular-progress-right {
+  right: 0;
+}
+.circular-progress-right .circular-progress-bar {
+  left: -100%;
+  border-top-left-radius: 60px;
+  border-bottom-left-radius: 60px;
+  border-right: 0;
+  -webkit-transform-origin: center right;
+          transform-origin: center right;
+}
+
+/* This for loop creates the necessary css animation names 
+Due to the split circle of progress-left and progress right, we must use the animations on each side. 
+*/
+.circular-progress[data-percentage="5"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-1 1s linear forwards;
+          animation: loading-1 1s linear forwards;
+}
+.circular-progress[data-percentage="5"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: 0;
+          animation: 0;
+}
+
+.circular-progress[data-percentage="10"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-2 1s linear forwards;
+          animation: loading-2 1s linear forwards;
+}
+.circular-progress[data-percentage="10"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: 0;
+          animation: 0;
+}
+
+.circular-progress[data-percentage="15"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-3 1s linear forwards;
+          animation: loading-3 1s linear forwards;
+}
+.circular-progress[data-percentage="15"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: 0;
+          animation: 0;
+}
+
+.circular-progress[data-percentage="20"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-4 1s linear forwards;
+          animation: loading-4 1s linear forwards;
+}
+.circular-progress[data-percentage="20"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: 0;
+          animation: 0;
+}
+
+.circular-progress[data-percentage="25"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-5 1s linear forwards;
+          animation: loading-5 1s linear forwards;
+}
+.circular-progress[data-percentage="25"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: 0;
+          animation: 0;
+}
+
+.circular-progress[data-percentage="30"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-6 1s linear forwards;
+          animation: loading-6 1s linear forwards;
+}
+.circular-progress[data-percentage="30"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: 0;
+          animation: 0;
+}
+
+.circular-progress[data-percentage="35"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-7 1s linear forwards;
+          animation: loading-7 1s linear forwards;
+}
+.circular-progress[data-percentage="35"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: 0;
+          animation: 0;
+}
+
+.circular-progress[data-percentage="40"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-8 1s linear forwards;
+          animation: loading-8 1s linear forwards;
+}
+.circular-progress[data-percentage="40"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: 0;
+          animation: 0;
+}
+
+.circular-progress[data-percentage="45"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-9 1s linear forwards;
+          animation: loading-9 1s linear forwards;
+}
+.circular-progress[data-percentage="45"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: 0;
+          animation: 0;
+}
+
+.circular-progress[data-percentage="50"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards;
+          animation: loading-10 1s linear forwards;
+}
+.circular-progress[data-percentage="50"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: 0;
+          animation: 0;
+}
+
+.circular-progress[data-percentage="55"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards;
+          animation: loading-10 1s linear forwards;
+}
+.circular-progress[data-percentage="55"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: loading-1 1s linear forwards 1s;
+          animation: loading-1 1s linear forwards 1s;
+}
+
+.circular-progress[data-percentage="60"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards;
+          animation: loading-10 1s linear forwards;
+}
+.circular-progress[data-percentage="60"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: loading-2 1s linear forwards 1s;
+          animation: loading-2 1s linear forwards 1s;
+}
+
+.circular-progress[data-percentage="65"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards;
+          animation: loading-10 1s linear forwards;
+}
+.circular-progress[data-percentage="65"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: loading-3 1s linear forwards 1s;
+          animation: loading-3 1s linear forwards 1s;
+}
+
+.circular-progress[data-percentage="70"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards;
+          animation: loading-10 1s linear forwards;
+}
+.circular-progress[data-percentage="70"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: loading-4 1s linear forwards 1s;
+          animation: loading-4 1s linear forwards 1s;
+}
+
+.circular-progress[data-percentage="75"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards;
+          animation: loading-10 1s linear forwards;
+}
+.circular-progress[data-percentage="75"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: loading-5 1s linear forwards 1s;
+          animation: loading-5 1s linear forwards 1s;
+}
+
+.circular-progress[data-percentage="80"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards;
+          animation: loading-10 1s linear forwards;
+}
+.circular-progress[data-percentage="80"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: loading-6 1s linear forwards 1s;
+          animation: loading-6 1s linear forwards 1s;
+}
+
+.circular-progress[data-percentage="85"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards;
+          animation: loading-10 1s linear forwards;
+}
+.circular-progress[data-percentage="85"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: loading-7 1s linear forwards 1s;
+          animation: loading-7 1s linear forwards 1s;
+}
+
+.circular-progress[data-percentage="90"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards;
+          animation: loading-10 1s linear forwards;
+}
+.circular-progress[data-percentage="90"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: loading-8 1s linear forwards 1s;
+          animation: loading-8 1s linear forwards 1s;
+}
+
+.circular-progress[data-percentage="95"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards;
+          animation: loading-10 1s linear forwards;
+}
+.circular-progress[data-percentage="95"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: loading-9 1s linear forwards 1s;
+          animation: loading-9 1s linear forwards 1s;
+}
+
+.circular-progress[data-percentage="100"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards;
+          animation: loading-10 1s linear forwards;
+}
+.circular-progress[data-percentage="100"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards 1s;
+          animation: loading-10 1s linear forwards 1s;
+}
+
+@-webkit-keyframes loading-1 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(18deg);
+            transform: rotate(18deg);
+  }
+}
+
+@keyframes loading-1 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(18deg);
+            transform: rotate(18deg);
+  }
+}
+@-webkit-keyframes loading-2 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(36deg);
+            transform: rotate(36deg);
+  }
+}
+@keyframes loading-2 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(36deg);
+            transform: rotate(36deg);
+  }
+}
+@-webkit-keyframes loading-3 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(54deg);
+            transform: rotate(54deg);
+  }
+}
+@keyframes loading-3 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(54deg);
+            transform: rotate(54deg);
+  }
+}
+@-webkit-keyframes loading-4 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(72deg);
+            transform: rotate(72deg);
+  }
+}
+@keyframes loading-4 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(72deg);
+            transform: rotate(72deg);
+  }
+}
+@-webkit-keyframes loading-5 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(90deg);
+            transform: rotate(90deg);
+  }
+}
+@keyframes loading-5 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(90deg);
+            transform: rotate(90deg);
+  }
+}
+@-webkit-keyframes loading-6 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(108deg);
+            transform: rotate(108deg);
+  }
+}
+@keyframes loading-6 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(108deg);
+            transform: rotate(108deg);
+  }
+}
+@-webkit-keyframes loading-7 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(126deg);
+            transform: rotate(126deg);
+  }
+}
+@keyframes loading-7 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(126deg);
+            transform: rotate(126deg);
+  }
+}
+@-webkit-keyframes loading-8 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(144deg);
+            transform: rotate(144deg);
+  }
+}
+@keyframes loading-8 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(144deg);
+            transform: rotate(144deg);
+  }
+}
+@-webkit-keyframes loading-9 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(162deg);
+            transform: rotate(162deg);
+  }
+}
+@keyframes loading-9 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(162deg);
+            transform: rotate(162deg);
+  }
+}
+@-webkit-keyframes loading-10 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(180deg);
+            transform: rotate(180deg);
+  }
+}
+@keyframes loading-10 {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(180deg);
+            transform: rotate(180deg);
+  }
+}
+.badge.bg-secondary {
+  color: #0b4e97;
+}
+.badge.bg-secondary:hover {
+  color: #0b4e97;
+}
+
 .btn {
   font-weight: 500;
 }
@@ -17224,10 +17797,10 @@ select.multi-select {
 }
 
 .btn-secondary {
-  color: #1073de;
+  color: #0b4e97;
 }
 .btn-secondary:hover {
-  color: #1073de;
+  color: #0b4e97;
 }
 
 .btn-light {
@@ -17265,4 +17838,56 @@ input:hover {
   padding: 0.5rem;
   margin-bottom: 0.5rem;
 }
+.bcl-inpage-navigation ul .nav-link:not(.active):hover {
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
+  -webkit-text-decoration-color: currentColor;
+          text-decoration-color: currentColor;
+}
+.bcl-inpage-navigation ul ul {
+  padding: 0 0.75rem;
+}
+
+.bcl-language-list .btn {
+  background: #fff;
+  color: #143b76;
+  border-color: #a2a8ab;
+}
+.bcl-language-list .btn:hover {
+  text-decoration: underline;
+  border-color: #0e47cb;
+}
+.bcl-language-list .btn.selected {
+  background: #e7f1fb;
+  color: #fff;
+  border-color: #e7f1fb;
+}
+.bcl-language-list .btn.selected svg {
+  color: #fff;
+}
+.bcl-language-list.bcl-language-list--ec .btn, .bcl-language-list.bcl-language-list--eu .btn {
+  color: #0e47cb;
+  font-weight: 700;
+}
+.bcl-language-list.bcl-language-list--ec .btn.selected, .bcl-language-list.bcl-language-list--eu .btn.selected {
+  background: #ffcc00;
+  color: #000;
+  border-color: #ffcc00;
+}
+.bcl-language-list.bcl-language-list--ec .btn.selected svg, .bcl-language-list.bcl-language-list--eu .btn.selected svg {
+  color: #000;
+}
+.bcl-language-list.bcl-language-list--eu .btn {
+  border: 2px solid #0e47cb;
+}
+.bcl-language-list.bcl-language-list--ec .main {
+  background: #034da1;
+}
+.bcl-language-list.bcl-language-list--ec .main h5, .bcl-language-list.bcl-language-list--ec .main .h5 {
+  color: #fff;
+}
+.bcl-language-list.bcl-language-list--ec .btn {
+  border-radius: 0;
+  border-color: transparent;
+}
 /*# sourceMappingURL=oe-bcl-joinup.css.map */