@openeuropa/bcl-theme-default 0.18.0 → 0.21.0

package/css/oe-bcl-default.css

@@ -22,21 +22,21 @@
   --bs-gray-700: #495057;
   --bs-gray-800: #343a40;
   --bs-gray-900: #212529;
-  --bs-primary: #0d6efd;
-  --bs-secondary: #6c757d;
+  --bs-primary: #0a58ca;
+  --bs-secondary: #801f4f;
   --bs-success: #198754;
-  --bs-info: #0dcaf0;
+  --bs-info: #087990;
   --bs-warning: #ffc107;
-  --bs-danger: #dc3545;
-  --bs-light: #f0f0f0;
+  --bs-danger: #b02a37;
+  --bs-light: #f8f9fa;
   --bs-dark: #212529;
-  --bs-primary-rgb: 13, 110, 253;
-  --bs-secondary-rgb: 108, 117, 125;
+  --bs-primary-rgb: 10, 88, 202;
+  --bs-secondary-rgb: 128, 31, 79;
   --bs-success-rgb: 25, 135, 84;
-  --bs-info-rgb: 13, 202, 240;
+  --bs-info-rgb: 8, 121, 144;
   --bs-warning-rgb: 255, 193, 7;
-  --bs-danger-rgb: 220, 53, 69;
-  --bs-light-rgb: 240, 240, 240;
+  --bs-danger-rgb: 176, 42, 55;
+  --bs-light-rgb: 248, 249, 250;
   --bs-dark-rgb: 33, 37, 41;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
@@ -224,11 +224,11 @@ sup {
 }
 
 a {
-  color: #0d6efd;
+  color: #0a58ca;
   text-decoration: underline;
 }
 a:hover {
-  color: #0a58ca;
+  color: #0846a2;
 }
 
 a:not([href]):not([class]), a:not([href]):not([class]):hover {
@@ -298,7 +298,7 @@ table {
 caption {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
-  color: #6c757d;
+  color: #495057;
   text-align: left;
 }
 
@@ -2503,27 +2503,27 @@ progress {
 }
 
 .table-primary {
-  --bs-table-bg: #cfe2ff;
-  --bs-table-striped-bg: #c5d7f2;
+  --bs-table-bg: #cedef4;
+  --bs-table-striped-bg: #c4d3e8;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #bacbe6;
+  --bs-table-active-bg: #b9c8dc;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #bfd1ec;
+  --bs-table-hover-bg: #bfcde2;
   --bs-table-hover-color: #000;
   color: #000;
-  border-color: #bacbe6;
+  border-color: #b9c8dc;
 }
 
 .table-secondary {
-  --bs-table-bg: #e2e3e5;
-  --bs-table-striped-bg: #d7d8da;
+  --bs-table-bg: #e6d2dc;
+  --bs-table-striped-bg: #dbc8d1;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #cbccce;
+  --bs-table-active-bg: #cfbdc6;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #d1d2d4;
+  --bs-table-hover-bg: #d5c2cc;
   --bs-table-hover-color: #000;
   color: #000;
-  border-color: #cbccce;
+  border-color: #cfbdc6;
 }
 
 .table-success {
@@ -2539,15 +2539,15 @@ progress {
 }
 
 .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 {
@@ -2563,15 +2563,15 @@ progress {
 }
 
 .table-danger {
-  --bs-table-bg: #f8d7da;
-  --bs-table-striped-bg: #eccccf;
+  --bs-table-bg: #efd4d7;
+  --bs-table-striped-bg: #e3c9cc;
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #dfc2c4;
+  --bs-table-active-bg: #d7bfc2;
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #e5c7ca;
+  --bs-table-hover-bg: #ddc4c7;
   --bs-table-hover-color: #000;
   color: #000;
-  border-color: #dfc2c4;
+  border-color: #d7bfc2;
 }
 
 .table-light {
@@ -2660,7 +2660,7 @@ progress {
 .form-text {
   margin-top: 0.25rem;
   font-size: 0.875em;
-  color: #6c757d;
+  color: #495057;
 }
 
 .form-control {
@@ -2694,9 +2694,9 @@ progress {
 .form-control:focus {
   color: #212529;
   background-color: #fff;
-  border-color: #86b7fe;
+  border-color: #85ace5;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(10, 88, 202, 0.25);
 }
 .form-control::-webkit-date-and-time-value {
   height: 1.5em;
@@ -2920,9 +2920,9 @@ textarea.form-control-lg {
   }
 }
 .form-select:focus {
-  border-color: #86b7fe;
+  border-color: #85ace5;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(10, 88, 202, 0.25);
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
   padding-right: 0.75rem;
@@ -2990,13 +2990,13 @@ textarea.form-control-lg {
           filter: brightness(90%);
 }
 .form-check-input:focus {
-  border-color: #86b7fe;
+  border-color: #85ace5;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(10, 88, 202, 0.25);
 }
 .form-check-input:checked {
-  background-color: #0d6efd;
-  border-color: #0d6efd;
+  background-color: #0a58ca;
+  border-color: #0a58ca;
 }
 .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");
@@ -3005,8 +3005,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: #0a58ca;
+  border-color: #0a58ca;
   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 {
@@ -3036,7 +3036,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='%2385ace5'/%3e%3c/svg%3e");
 }
 .form-switch .form-check-input:checked {
   background-position: right center;
@@ -3073,10 +3073,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(10, 88, 202, 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(10, 88, 202, 0.25);
 }
 .form-range::-moz-focus-outer {
   border: 0;
@@ -3085,7 +3085,7 @@ textarea.form-control-lg {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
-  background-color: #0d6efd;
+  background-color: #0a58ca;
   border: 0;
   border-radius: 1rem;
   -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -3100,7 +3100,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-webkit-slider-thumb:active {
-  background-color: #b6d4fe;
+  background-color: #b6cdef;
 }
 .form-range::-webkit-slider-runnable-track {
   width: 100%;
@@ -3114,7 +3114,7 @@ textarea.form-control-lg {
 .form-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
-  background-color: #0d6efd;
+  background-color: #0a58ca;
   border: 0;
   border-radius: 1rem;
   -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -3129,7 +3129,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-moz-range-thumb:active {
-  background-color: #b6d4fe;
+  background-color: #b6cdef;
 }
 .form-range::-moz-range-track {
   width: 100%;
@@ -3416,7 +3416,7 @@ textarea.form-control-lg {
   width: 100%;
   margin-top: 0.25rem;
   font-size: 0.875em;
-  color: #dc3545;
+  color: #b02a37;
 }
 
 .invalid-tooltip {
@@ -3429,7 +3429,7 @@ textarea.form-control-lg {
   margin-top: 0.1rem;
   font-size: 0.875rem;
   color: #fff;
-  background-color: rgba(220, 53, 69, 0.9);
+  background-color: rgba(176, 42, 55, 0.9);
   border-radius: 0.25rem;
 }
 
@@ -3441,16 +3441,16 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-control:invalid, .form-control.is-invalid {
-  border-color: #dc3545;
+  border-color: #b02a37;
   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='%23b02a37'%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='%23b02a37' 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.25rem rgba(220, 53, 69, 0.25);
+  border-color: #b02a37;
+  box-shadow: 0 0 0 0.25rem rgba(176, 42, 55, 0.25);
 }
 
 .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
@@ -3459,30 +3459,30 @@ textarea.form-control-lg {
 }
 
 .was-validated .form-select:invalid, .form-select.is-invalid {
-  border-color: #dc3545;
+  border-color: #b02a37;
 }
 .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='%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='%23b02a37'%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='%23b02a37' 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.25rem rgba(220, 53, 69, 0.25);
+  border-color: #b02a37;
+  box-shadow: 0 0 0 0.25rem rgba(176, 42, 55, 0.25);
 }
 
 .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
-  border-color: #dc3545;
+  border-color: #b02a37;
 }
 .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
-  background-color: #dc3545;
+  background-color: #b02a37;
 }
 .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
-  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(176, 42, 55, 0.25);
 }
 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
-  color: #dc3545;
+  color: #b02a37;
 }
 
 .form-check-inline .form-check-input ~ .invalid-feedback {
@@ -3530,7 +3530,7 @@ textarea.form-control-lg {
 }
 .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(10, 88, 202, 0.25);
 }
 .btn:disabled, .btn.disabled, fieldset:disabled .btn {
   pointer-events: none;
@@ -3539,62 +3539,62 @@ textarea.form-control-lg {
 
 .btn-primary {
   color: #fff;
-  background-color: #0d6efd;
-  border-color: #0d6efd;
+  background-color: #0a58ca;
+  border-color: #0a58ca;
 }
 .btn-primary:hover {
   color: #fff;
-  background-color: #0b5ed7;
-  border-color: #0a58ca;
+  background-color: #094bac;
+  border-color: #0846a2;
 }
 .btn-check:focus + .btn-primary, .btn-primary:focus {
   color: #fff;
-  background-color: #0b5ed7;
-  border-color: #0a58ca;
-  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+  background-color: #094bac;
+  border-color: #0846a2;
+  box-shadow: 0 0 0 0.25rem rgba(47, 113, 210, 0.5);
 }
 .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
   color: #fff;
-  background-color: #0a58ca;
-  border-color: #0a53be;
+  background-color: #0846a2;
+  border-color: #084298;
 }
 .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(47, 113, 210, 0.5);
 }
 .btn-primary:disabled, .btn-primary.disabled {
   color: #fff;
-  background-color: #0d6efd;
-  border-color: #0d6efd;
+  background-color: #0a58ca;
+  border-color: #0a58ca;
 }
 
 .btn-secondary {
   color: #fff;
-  background-color: #6c757d;
-  border-color: #6c757d;
+  background-color: #801f4f;
+  border-color: #801f4f;
 }
 .btn-secondary:hover {
   color: #fff;
-  background-color: #5c636a;
-  border-color: #565e64;
+  background-color: #6d1a43;
+  border-color: #66193f;
 }
 .btn-check:focus + .btn-secondary, .btn-secondary:focus {
   color: #fff;
-  background-color: #5c636a;
-  border-color: #565e64;
-  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+  background-color: #6d1a43;
+  border-color: #66193f;
+  box-shadow: 0 0 0 0.25rem rgba(147, 65, 105, 0.5);
 }
 .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
   color: #fff;
-  background-color: #565e64;
-  border-color: #51585e;
+  background-color: #66193f;
+  border-color: #60173b;
 }
 .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(147, 65, 105, 0.5);
 }
 .btn-secondary:disabled, .btn-secondary.disabled {
   color: #fff;
-  background-color: #6c757d;
-  border-color: #6c757d;
+  background-color: #801f4f;
+  border-color: #801f4f;
 }
 
 .btn-success {
@@ -3628,33 +3628,33 @@ textarea.form-control-lg {
 }
 
 .btn-info {
-  color: #000;
-  background-color: #0dcaf0;
-  border-color: #0dcaf0;
+  color: #fff;
+  background-color: #087990;
+  border-color: #087990;
 }
 .btn-info:hover {
-  color: #000;
-  background-color: #31d2f2;
-  border-color: #25cff2;
+  color: #fff;
+  background-color: #07677a;
+  border-color: #066173;
 }
 .btn-check:focus + .btn-info, .btn-info:focus {
-  color: #000;
-  background-color: #31d2f2;
-  border-color: #25cff2;
-  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+  color: #fff;
+  background-color: #07677a;
+  border-color: #066173;
+  box-shadow: 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: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
+  box-shadow: 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 {
@@ -3689,62 +3689,62 @@ textarea.form-control-lg {
 
 .btn-danger {
   color: #fff;
-  background-color: #dc3545;
-  border-color: #dc3545;
+  background-color: #b02a37;
+  border-color: #b02a37;
 }
 .btn-danger:hover {
   color: #fff;
-  background-color: #bb2d3b;
-  border-color: #b02a37;
+  background-color: #96242f;
+  border-color: #8d222c;
 }
 .btn-check:focus + .btn-danger, .btn-danger:focus {
   color: #fff;
-  background-color: #bb2d3b;
-  border-color: #b02a37;
-  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+  background-color: #96242f;
+  border-color: #8d222c;
+  box-shadow: 0 0 0 0.25rem rgba(188, 74, 85, 0.5);
 }
 .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
   color: #fff;
-  background-color: #b02a37;
-  border-color: #a52834;
+  background-color: #8d222c;
+  border-color: #842029;
 }
 .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
-  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(188, 74, 85, 0.5);
 }
 .btn-danger:disabled, .btn-danger.disabled {
   color: #fff;
-  background-color: #dc3545;
-  border-color: #dc3545;
+  background-color: #b02a37;
+  border-color: #b02a37;
 }
 
 .btn-light {
   color: #000;
-  background-color: #f0f0f0;
-  border-color: #f0f0f0;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
 }
 .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: 0 0 0 0.25rem rgba(204, 204, 204, 0.5);
+  background-color: #f9fafb;
+  border-color: #f9fafb;
+  box-shadow: 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: 0 0 0 0.25rem rgba(204, 204, 204, 0.5);
+  box-shadow: 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 {
@@ -3778,52 +3778,52 @@ textarea.form-control-lg {
 }
 
 .btn-outline-primary {
-  color: #0d6efd;
-  border-color: #0d6efd;
+  color: #0a58ca;
+  border-color: #0a58ca;
 }
 .btn-outline-primary:hover {
   color: #fff;
-  background-color: #0d6efd;
-  border-color: #0d6efd;
+  background-color: #0a58ca;
+  border-color: #0a58ca;
 }
 .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(10, 88, 202, 0.5);
 }
 .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
   color: #fff;
-  background-color: #0d6efd;
-  border-color: #0d6efd;
+  background-color: #0a58ca;
+  border-color: #0a58ca;
 }
 .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(10, 88, 202, 0.5);
 }
 .btn-outline-primary:disabled, .btn-outline-primary.disabled {
-  color: #0d6efd;
+  color: #0a58ca;
   background-color: transparent;
 }
 
 .btn-outline-secondary {
-  color: #6c757d;
-  border-color: #6c757d;
+  color: #801f4f;
+  border-color: #801f4f;
 }
 .btn-outline-secondary:hover {
   color: #fff;
-  background-color: #6c757d;
-  border-color: #6c757d;
+  background-color: #801f4f;
+  border-color: #801f4f;
 }
 .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
-  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(128, 31, 79, 0.5);
 }
 .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
   color: #fff;
-  background-color: #6c757d;
-  border-color: #6c757d;
+  background-color: #801f4f;
+  border-color: #801f4f;
 }
 .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
-  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(128, 31, 79, 0.5);
 }
 .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
-  color: #6c757d;
+  color: #801f4f;
   background-color: transparent;
 }
 
@@ -3853,27 +3853,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: 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-outline-info:disabled, .btn-outline-info.disabled {
-  color: #0dcaf0;
+  color: #087990;
   background-color: transparent;
 }
 
@@ -3903,52 +3903,52 @@ textarea.form-control-lg {
 }
 
 .btn-outline-danger {
-  color: #dc3545;
-  border-color: #dc3545;
+  color: #b02a37;
+  border-color: #b02a37;
 }
 .btn-outline-danger:hover {
   color: #fff;
-  background-color: #dc3545;
-  border-color: #dc3545;
+  background-color: #b02a37;
+  border-color: #b02a37;
 }
 .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
-  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(176, 42, 55, 0.5);
 }
 .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
   color: #fff;
-  background-color: #dc3545;
-  border-color: #dc3545;
+  background-color: #b02a37;
+  border-color: #b02a37;
 }
 .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
-  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
+  box-shadow: 0 0 0 0.25rem rgba(176, 42, 55, 0.5);
 }
 .btn-outline-danger:disabled, .btn-outline-danger.disabled {
-  color: #dc3545;
+  color: #b02a37;
   background-color: transparent;
 }
 
 .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: 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-outline-light:disabled, .btn-outline-light.disabled {
-  color: #f0f0f0;
+  color: #f8f9fa;
   background-color: transparent;
 }
 
@@ -3979,11 +3979,11 @@ textarea.form-control-lg {
 
 .btn-link {
   font-weight: 400;
-  color: #0d6efd;
+  color: #0a58ca;
   text-decoration: underline;
 }
 .btn-link:hover {
-  color: #0a58ca;
+  color: #0846a2;
 }
 .btn-link:disabled, .btn-link.disabled {
   color: #6c757d;
@@ -4288,7 +4288,7 @@ textarea.form-control-lg {
 .dropdown-item.active, .dropdown-item:active {
   color: #fff;
   text-decoration: none;
-  background-color: #0d6efd;
+  background-color: #0a58ca;
 }
 .dropdown-item.disabled, .dropdown-item:disabled {
   color: #adb5bd;
@@ -4329,7 +4329,7 @@ textarea.form-control-lg {
 }
 .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
   color: #fff;
-  background-color: #0d6efd;
+  background-color: #0a58ca;
 }
 .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
   color: #adb5bd;
@@ -4461,7 +4461,7 @@ textarea.form-control-lg {
 .nav-link {
   display: block;
   padding: 0.5rem 1rem;
-  color: #0d6efd;
+  color: #0a58ca;
   text-decoration: none;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
 }
@@ -4471,7 +4471,7 @@ textarea.form-control-lg {
   }
 }
 .nav-link:hover, .nav-link:focus {
-  color: #0a58ca;
+  color: #0846a2;
 }
 .nav-link.disabled {
   color: #6c757d;
@@ -4518,7 +4518,7 @@ textarea.form-control-lg {
 .nav-pills .nav-link.active,
 .nav-pills .show > .nav-link {
   color: #fff;
-  background-color: #0d6efd;
+  background-color: #0a58ca;
 }
 
 .nav-fill > .nav-link,
@@ -5287,7 +5287,7 @@ textarea.form-control-lg {
   box-shadow: inset 0 -1px 0 #dee2e6;
 }
 .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='%23094fb6'%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);
 }
@@ -5315,9 +5315,9 @@ textarea.form-control-lg {
 }
 .accordion-button:focus {
   z-index: 3;
-  border-color: #86b7fe;
+  border-color: #85ace5;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(10, 88, 202, 0.25);
 }
 
 .accordion-header {
@@ -5407,7 +5407,7 @@ textarea.form-control-lg {
 .page-link {
   position: relative;
   display: block;
-  color: #0d6efd;
+  color: #0a58ca;
   text-decoration: none;
   background-color: #fff;
   border: 1px solid #dee2e6;
@@ -5420,16 +5420,16 @@ textarea.form-control-lg {
 }
 .page-link:hover {
   z-index: 2;
-  color: #0a58ca;
+  color: #0846a2;
   background-color: #e9ecef;
   border-color: #dee2e6;
 }
 .page-link:focus {
   z-index: 3;
-  color: #0a58ca;
+  color: #0846a2;
   background-color: #e9ecef;
   outline: 0;
-  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+  box-shadow: 0 0 0 0.25rem rgba(10, 88, 202, 0.25);
 }
 
 .page-item:not(:first-child) .page-link {
@@ -5438,8 +5438,8 @@ textarea.form-control-lg {
 .page-item.active .page-link {
   z-index: 3;
   color: #fff;
-  background-color: #0d6efd;
-  border-color: #0d6efd;
+  background-color: #0a58ca;
+  border-color: #0a58ca;
 }
 .page-item.disabled .page-link {
   color: #6c757d;
@@ -5599,21 +5599,21 @@ textarea.form-control-lg {
 }
 
 .alert-primary {
-  color: #084298;
-  background-color: #cfe2ff;
-  border-color: #b6d4fe;
+  color: #063579;
+  background-color: #cedef4;
+  border-color: #b6cdef;
 }
 .alert-primary .alert-link {
-  color: #06357a;
+  color: #052a61;
 }
 
 .alert-secondary {
-  color: #41464b;
-  background-color: #e2e3e5;
-  border-color: #d3d6d8;
+  color: #4d132f;
+  background-color: #e6d2dc;
+  border-color: #d9bcca;
 }
 .alert-secondary .alert-link {
-  color: #34383c;
+  color: #3e0f26;
 }
 
 .alert-success {
@@ -5626,12 +5626,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 {
@@ -5644,21 +5644,21 @@ textarea.form-control-lg {
 }
 
 .alert-danger {
-  color: #842029;
-  background-color: #f8d7da;
-  border-color: #f5c2c7;
+  color: #6a1921;
+  background-color: #efd4d7;
+  border-color: #e7bfc3;
 }
 .alert-danger .alert-link {
-  color: #6a1a21;
+  color: #55141a;
 }
 
 .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 {
@@ -5702,7 +5702,7 @@ textarea.form-control-lg {
   color: #fff;
   text-align: center;
   white-space: nowrap;
-  background-color: #0d6efd;
+  background-color: #0a58ca;
   transition: width 0.6s ease;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -5787,8 +5787,8 @@ textarea.form-control-lg {
 .list-group-item.active {
   z-index: 2;
   color: #fff;
-  background-color: #0d6efd;
-  border-color: #0d6efd;
+  background-color: #0a58ca;
+  border-color: #0a58ca;
 }
 .list-group-item + .list-group-item {
   border-top-width: 0;
@@ -5958,31 +5958,31 @@ textarea.form-control-lg {
 }
 
 .list-group-item-primary {
-  color: #084298;
-  background-color: #cfe2ff;
+  color: #063579;
+  background-color: #cedef4;
 }
 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
-  color: #084298;
-  background-color: #bacbe6;
+  color: #063579;
+  background-color: #b9c8dc;
 }
 .list-group-item-primary.list-group-item-action.active {
   color: #fff;
-  background-color: #084298;
-  border-color: #084298;
+  background-color: #063579;
+  border-color: #063579;
 }
 
 .list-group-item-secondary {
-  color: #41464b;
-  background-color: #e2e3e5;
+  color: #4d132f;
+  background-color: #e6d2dc;
 }
 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
-  color: #41464b;
-  background-color: #cbccce;
+  color: #4d132f;
+  background-color: #cfbdc6;
 }
 .list-group-item-secondary.list-group-item-action.active {
   color: #fff;
-  background-color: #41464b;
-  border-color: #41464b;
+  background-color: #4d132f;
+  border-color: #4d132f;
 }
 
 .list-group-item-success {
@@ -6000,17 +6000,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 {
@@ -6028,31 +6028,31 @@ textarea.form-control-lg {
 }
 
 .list-group-item-danger {
-  color: #842029;
-  background-color: #f8d7da;
+  color: #6a1921;
+  background-color: #efd4d7;
 }
 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
-  color: #842029;
-  background-color: #dfc2c4;
+  color: #6a1921;
+  background-color: #d7bfc2;
 }
 .list-group-item-danger.list-group-item-action.active {
   color: #fff;
-  background-color: #842029;
-  border-color: #842029;
+  background-color: #6a1921;
+  border-color: #6a1921;
 }
 
 .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 {
@@ -6087,7 +6087,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(10, 88, 202, 0.25);
   opacity: 1;
 }
 .btn-close:disabled, .btn-close.disabled {
@@ -7103,17 +7103,17 @@ textarea.form-control-lg {
 }
 
 .link-primary {
-  color: #0d6efd;
+  color: #0a58ca;
 }
 .link-primary:hover, .link-primary:focus {
-  color: #0a58ca;
+  color: #0846a2;
 }
 
 .link-secondary {
-  color: #6c757d;
+  color: #801f4f;
 }
 .link-secondary:hover, .link-secondary:focus {
-  color: #565e64;
+  color: #66193f;
 }
 
 .link-success {
@@ -7124,10 +7124,10 @@ textarea.form-control-lg {
 }
 
 .link-info {
-  color: #0dcaf0;
+  color: #087990;
 }
 .link-info:hover, .link-info:focus {
-  color: #3dd5f3;
+  color: #066173;
 }
 
 .link-warning {
@@ -7138,17 +7138,17 @@ textarea.form-control-lg {
 }
 
 .link-danger {
-  color: #dc3545;
+  color: #b02a37;
 }
 .link-danger:hover, .link-danger:focus {
-  color: #b02a37;
+  color: #8d222c;
 }
 
 .link-light {
-  color: #f0f0f0;
+  color: #f8f9fa;
 }
 .link-light:hover, .link-light:focus {
-  color: #f3f3f3;
+  color: #f9fafb;
 }
 
 .link-dark {
@@ -7318,14 +7318,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(10, 88, 202, 0.3);
+          text-decoration-color: rgba(10, 88, 202, 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;
@@ -7342,6 +7356,10 @@ textarea.form-control-lg {
   background-color: #e9ecef;
 }
 
+.bg-gray-400 {
+  background-color: #ced4da;
+}
+
 .grid-3-9 {
   -ms-grid-columns: 25% 75%;
   grid-template-columns: 25% 75%;
@@ -7604,11 +7622,11 @@ textarea.form-control-lg {
 }
 
 .border-primary {
-  border-color: #0d6efd !important;
+  border-color: #0a58ca !important;
 }
 
 .border-secondary {
-  border-color: #6c757d !important;
+  border-color: #801f4f !important;
 }
 
 .border-success {
@@ -7616,7 +7634,7 @@ textarea.form-control-lg {
 }
 
 .border-info {
-  border-color: #0dcaf0 !important;
+  border-color: #087990 !important;
 }
 
 .border-warning {
@@ -7624,11 +7642,11 @@ textarea.form-control-lg {
 }
 
 .border-danger {
-  border-color: #dc3545 !important;
+  border-color: #b02a37 !important;
 }
 
 .border-light {
-  border-color: #f0f0f0 !important;
+  border-color: #f8f9fa !important;
 }
 
 .border-dark {
@@ -7687,6 +7705,10 @@ textarea.form-control-lg {
   max-width: 7.5rem !important;
 }
 
+.mw-col-date {
+  max-width: calc(7.5rem + var(--bs-gutter-x)) !important;
+}
+
 .mw-listing-img {
   max-width: 10rem !important;
 }
@@ -8953,6 +8975,10 @@ textarea.form-control-lg {
   font-weight: bolder !important;
 }
 
+.fw-medium {
+  font-weight: 500 !important;
+}
+
 .lh-1 {
   line-height: 1 !important;
 }
@@ -9077,7 +9103,7 @@ textarea.form-control-lg {
 
 .text-muted {
   --bs-text-opacity: 1;
-  color: #6c757d !important;
+  color: #495057 !important;
 }
 
 .text-black-50 {
@@ -15555,6 +15581,15 @@ textarea.form-control-lg {
     display: none !important;
   }
 }
+.btn {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+
 [data-bs-toggle=collapse][aria-expanded=false] .text-collapsed {
   display: none;
 }
@@ -15562,129 +15597,584 @@ textarea.form-control-lg {
   display: none;
 }
 
-body {
-  overflow-x: hidden;
+.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 #ced4da;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.circular-progress > span {
+  width: 50%;
+  height: 100%;
+  overflow: hidden;
+  position: absolute;
+  top: 0;
+  z-index: 1;
 }
 
-.bcl-header__project,
-.bcl-header__navbar {
-  background: linear-gradient(90deg, #039 0%, #1b4ac3 100%);
+.circular-progress-bar {
+  width: 100%;
+  height: 100%;
+  background: none;
+  border-width: 12px;
+  border-style: solid;
+  position: absolute;
+  top: 0;
+  border-color: #0a58ca;
 }
 
-.bcl-header__navbar .container {
-  position: relative;
+.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;
 }
 
-.bcl-header__navbar .navbar-collapse {
-  padding-bottom: 1rem;
+.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;
 }
 
-.bcl-header--neutral .bcl-header__project,
-.bcl-header--neutral .bcl-header__navbar {
-  background: #495057;
+/* 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;
 }
 
-.bcl-navbar-header {
-  -ms-flex-align: end;
-      align-items: flex-end;
+.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;
 }
 
-.bcl-header .nav-link {
-  color: #1b4ac3;
+.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;
 }
 
-.bcl-header--ec .bcl-header__project,
-.bcl-header--ec .bcl-header__navbar,
-.ec__header .bcl-header__project,
-.ec__header .bcl-header__navbar {
-  background: #004494;
+.circular-progress[data-percentage="20"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-4 1s linear forwards;
+          animation: loading-4 1s linear forwards;
 }
-.bcl-header--ec .nav-link,
-.ec__header .nav-link {
-  color: #17458f;
+.circular-progress[data-percentage="20"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: 0;
+          animation: 0;
 }
 
-.bcl-header:not(.bcl-header--neutral) .bcl-header__project {
-  padding-top: 1rem;
+.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;
 }
 
-.bcl-header__navbar .navbar-nav .nav-link {
-  color: #f8f9fa;
+.circular-progress[data-percentage="30"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-6 1s linear forwards;
+          animation: loading-6 1s linear forwards;
 }
-.bcl-header__navbar .navbar-nav .nav-link:first-child {
-  padding-left: 0;
+.circular-progress[data-percentage="30"] .circular-progress-left .circular-progress-bar {
+  -webkit-animation: 0;
+          animation: 0;
 }
 
-.bcl-header__navbar .navbar-nav .nav-link:focus,
-.bcl-header__navbar .navbar-nav .nav-link:hover,
-.bcl-header__navbar .navbar-nav .nav-link.active {
-  color: #fff;
+.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;
 }
 
-.bcl-header__navbar input:active,
-.bcl-header__navbar input:focus {
-  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+.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;
 }
 
-.bcl-header .notification {
-  position: relative;
-  padding-right: 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;
 }
 
-.bcl-header .navbar-brand img {
-  width: 100px;
+.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;
 }
 
-.bcl-header .notification span {
-  z-index: 1;
-  height: 18px;
-  padding-right: 5px;
-  padding-left: 5px;
-  line-height: 0.6rem;
-  border-radius: 10px;
-  -webkit-transform: translate(-11px, 5px);
-          transform: translate(-11px, 5px);
+.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;
 }
 
-.bcl-header__project .bcl-header__site-name {
-  display: inline-block;
-  margin-bottom: 0;
-  font-size: 1.3rem;
-  font-weight: 300;
-  color: #fff;
-  vertical-align: middle;
-  max-width: 80%;
+.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;
 }
 
-.bcl-header .navbar-toggler {
-  position: absolute;
-  top: -43px;
-  right: 14px;
-  border-color: #fff;
+.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;
 }
 
-.bcl-header .navbar-toggler .navbar-toggler-icon {
-  background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
+.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;
 }
 
-@media only screen and (max-width: 400px) {
-  .bcl-header--neutral .bcl-header__project-logo {
-    display: none;
-  }
+.circular-progress[data-percentage="75"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards;
+          animation: loading-10 1s linear forwards;
 }
-@media (max-width: 575.98px) {
-  .bcl-header .navbar:first-child .nav-link {
-    padding: 0.5rem 0.4rem;
-  }
+.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;
 }
-@media (min-width: 768px) {
-  .bcl-header--ec .navbar-brand img,
-.ec__header .navbar-brand img {
-    width: 180px;
-  }
+
+.circular-progress[data-percentage="80"] .circular-progress-right .circular-progress-bar {
+  -webkit-animation: loading-10 1s linear forwards;
+          animation: loading-10 1s linear forwards;
 }
-@media (max-width: 991.98px) {
-  .bcl-header__project {
+.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);
+  }
+}
+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%);
+}
+
+.bcl-header__navbar .container {
+  position: relative;
+}
+
+.bcl-header__navbar .navbar-collapse {
+  padding-bottom: 1rem;
+}
+
+.bcl-header--neutral .bcl-header__project,
+.bcl-header--neutral .bcl-header__navbar {
+  background: #495057;
+}
+
+.bcl-navbar-header {
+  -ms-flex-align: end;
+      align-items: flex-end;
+}
+
+.bcl-header .nav-link {
+  color: #1b4ac3;
+}
+
+.bcl-header--ec .bcl-header__project,
+.bcl-header--ec .bcl-header__navbar,
+.ec__header .bcl-header__project,
+.ec__header .bcl-header__navbar {
+  background: #004494;
+}
+.bcl-header--ec .nav-link,
+.ec__header .nav-link {
+  color: #17458f;
+}
+
+.bcl-header:not(.bcl-header--neutral) .bcl-header__project {
+  padding-top: 1rem;
+}
+
+.bcl-header__navbar .navbar-nav .nav-link {
+  color: #f8f9fa;
+}
+.bcl-header__navbar .navbar-nav .nav-link:first-child {
+  padding-left: 0;
+}
+
+.bcl-header__navbar .navbar-nav .nav-link:focus,
+.bcl-header__navbar .navbar-nav .nav-link:hover,
+.bcl-header__navbar .navbar-nav .nav-link.active {
+  color: #fff;
+}
+
+.bcl-header__navbar input:active,
+.bcl-header__navbar input:focus {
+  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
+}
+
+.bcl-header .notification {
+  position: relative;
+  padding-right: 0;
+}
+
+.bcl-header .navbar-brand img {
+  width: 100px;
+}
+
+.bcl-header .notification span {
+  z-index: 1;
+  height: 18px;
+  padding-right: 5px;
+  padding-left: 5px;
+  line-height: 0.6rem;
+  border-radius: 10px;
+  -webkit-transform: translate(-11px, 5px);
+          transform: translate(-11px, 5px);
+}
+
+.bcl-header__project .bcl-header__site-name {
+  display: inline-block;
+  margin-bottom: 0;
+  font-size: 1.3rem;
+  font-weight: 300;
+  color: #fff;
+  vertical-align: middle;
+  max-width: 80%;
+}
+
+.bcl-header .navbar-toggler {
+  position: absolute;
+  top: -43px;
+  right: 14px;
+  border-color: #fff;
+}
+
+.bcl-header .navbar-toggler .navbar-toggler-icon {
+  background: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
+}
+
+@media only screen and (max-width: 400px) {
+  .bcl-header--neutral .bcl-header__project-logo {
+    display: none;
+  }
+}
+@media (max-width: 575.98px) {
+  .bcl-header .navbar:first-child .nav-link {
+    padding: 0.5rem 0.4rem;
+  }
+}
+@media (min-width: 768px) {
+  .bcl-header--ec .navbar-brand img,
+.ec__header .navbar-brand img {
+    width: 180px;
+  }
+}
+@media (max-width: 991.98px) {
+  .bcl-header__project {
     min-height: 3rem;
     padding-top: 1rem;
   }
@@ -15763,41 +16253,46 @@ body {
     width: 285px;
   }
 }
-.bcl-language .modal-content {
-  color: #fff;
-  background-color: #004494;
+.bcl-language-list-modal .btn-close {
+  opacity: 1;
 }
-
-.bcl-language__list {
-  display: -ms-grid;
-  display: grid;
-  gap: 0.5rem;
-  margin-bottom: 1.5rem;
+.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__title {
-  margin-bottom: 1.5rem;
+.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__item {
-  padding: 0.5rem 1rem;
-  font-weight: 700;
-  color: #004494;
-  text-decoration: none;
-  background-color: #fff;
+.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__item:hover, .bcl-language__item:focus {
-  color: #212529;
-  text-decoration: underline;
-  background-color: #ffd617;
+.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 .modal-body {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
+.bcl-language-list-modal.bcl-language-list-modal--ec {
+  background: #034da1;
 }
-
-.bcl-language .btn-close {
+.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;
+}
+.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%);
 }
@@ -15859,7 +16354,7 @@ body {
   border-radius: 0;
 }
 .nav.bcl__nav .nav-link:hover {
-  background: rgba(13, 110, 253, 0.3);
+  background: rgba(10, 88, 202, 0.3);
 }
 .nav.bcl__nav .nav-link.disabled {
   color: #6c757d;
@@ -15869,7 +16364,7 @@ body {
   background: transparent;
   border-top: none;
   border-right: none;
-  border-bottom: 2px solid #0d6efd;
+  border-bottom: 2px solid #0a58ca;
   border-left: none;
 }
 .nav.bg-gray {
@@ -15971,9 +16466,8 @@ body {
           transform: scaleY(-1);
 }
 
-.btn .bi {
-  vertical-align: top;
-  margin-top: 0.25rem;
+.icon--file {
+  color: #6c757d;
 }
 
 .bcl-search-form .bcl-search-form__input[type=search]::-webkit-search-cancel-button {
@@ -16135,34 +16629,37 @@ 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 {
-  color: #0d6efd;
+  color: #0a58ca;
 }
 .badge.bg-secondary .icon--close {
-  color: #6c757d;
+  color: #801f4f;
 }
 .badge.bg-success .icon--close {
   color: #198754;
 }
 .badge.bg-danger .icon--close {
-  color: #dc3545;
+  color: #b02a37;
 }
 .badge.bg-dark .icon--close {
   color: #212529;
@@ -16172,11 +16669,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;
 }
 
@@ -16197,22 +16694,22 @@ a .badge {
 }
 
 .badge-outline-primary {
-  border: 1px solid #0d6efd;
-  color: #0d6efd !important;
+  border: 1px solid #0a58ca;
+  color: #0a58ca !important;
   background: transparent !important;
 }
 .badge-outline-primary .icon--close {
-  background: #0d6efd;
+  background: #0a58ca;
   color: #fff;
 }
 
 .badge-outline-secondary {
-  border: 1px solid #6c757d;
-  color: #6c757d !important;
+  border: 1px solid #801f4f;
+  color: #801f4f !important;
   background: transparent !important;
 }
 .badge-outline-secondary .icon--close {
-  background: #6c757d;
+  background: #801f4f;
   color: #fff;
 }
 
@@ -16227,12 +16724,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;
 }
 
@@ -16247,22 +16744,22 @@ a .badge {
 }
 
 .badge-outline-danger {
-  border: 1px solid #dc3545;
-  color: #dc3545 !important;
+  border: 1px solid #b02a37;
+  color: #b02a37 !important;
   background: transparent !important;
 }
 .badge-outline-danger .icon--close {
-  background: #dc3545;
+  background: #b02a37;
   color: #fff;
 }
 
 .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;
 }
@@ -16532,7 +17029,7 @@ a .badge {
   padding: 3px 5px;
   margin: 3px 5px 3px 0px;
   color: #ffffff;
-  background-color: #0d6efd;
+  background-color: #0a58ca;
   border-radius: 4px;
   -webkit-animation-name: scaleIn;
           animation-name: scaleIn;
@@ -16692,7 +17189,7 @@ a .badge {
 }
 
 .ss-content .ss-search input:focus {
-  box-shadow: 0 0 5px #0d6efd;
+  box-shadow: 0 0 5px #0a58ca;
 }
 
 .ss-content .ss-search .ss-addable {
@@ -16740,7 +17237,7 @@ a .badge {
 
 .ss-content .ss-list .ss-optgroup-label-selectable:hover {
   color: #ffffff;
-  background-color: #0d6efd;
+  background-color: #0a58ca;
 }
 
 .ss-content .ss-list .ss-option {
@@ -16758,7 +17255,7 @@ a .badge {
 
 .ss-content .ss-list .ss-option:hover, .ss-content .ss-list .ss-option.ss-highlighted {
   color: #ffffff;
-  background-color: #0d6efd;
+  background-color: #0a58ca;
 }
 
 .ss-content .ss-list .ss-option.ss-disabled {
@@ -16769,7 +17266,7 @@ a .badge {
 
 .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
   color: #666666;
-  background-color: rgba(13, 110, 253, 0.1);
+  background-color: rgba(10, 88, 202, 0.1);
 }
 
 .ss-content .ss-list .ss-option.ss-hide {
@@ -16844,11 +17341,11 @@ select.multi-select {
 .ss-main.multi-select.is-invalid .ss-multi-selected,
 .was-validated .multi-select:invalid + .ss-main.multi-select .ss-multi-selected {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z' fill='%23D72E3D'/%3E%3C/svg%3E%0A");
-  border-color: #dc3545;
+  border-color: #b02a37;
 }
 .ss-main.multi-select.is-invalid .ss-values .ss-value,
 .was-validated .multi-select:invalid + .ss-main.multi-select .ss-values .ss-value {
-  background: #dc3545;
+  background: #b02a37;
 }
 
 .ss-main.multi-select.is-valid .ss-multi-selected,
@@ -16894,16 +17391,27 @@ select.multi-select {
     border: none;
     -webkit-transform: none;
             transform: none;
+    box-shadow: none;
   }
   .bcl-offcanvas .offcanvas-body {
     overflow: visible;
   }
+  .bcl-offcanvas .offcanvas-title {
+    height: 38px;
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+        align-items: center;
+  }
 
   .bcl-offcanvas + .offcanvas-backdrop {
     display: none;
   }
 }
 @media (max-width: 767.98px) {
+  .breadcrumb-item + .breadcrumb-item {
+    padding-left: 0;
+  }
   .breadcrumb-item + .breadcrumb-item::before {
     display: none;
     content: "";
@@ -16932,7 +17440,7 @@ select.multi-select {
 
 .bcl-banner__content {
   padding: 2.5rem 2rem;
-  border-color: #0d6efd;
+  border-color: #0a58ca;
 }
 
 .bcl-banner__image {
@@ -16944,11 +17452,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) {
@@ -16958,7 +17466,7 @@ select.multi-select {
   }
   .bcl-banner.overlay .bcl-banner__content {
     background: #fff;
-    border-bottom: 4px solid #0d6efd;
+    border-bottom: 4px solid #0a58ca;
   }
   .bcl-banner.shade {
     color: #fff;
@@ -17034,14 +17542,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 */
@@ -17063,7 +17571,7 @@ select.multi-select {
   display: inline-block;
   position: absolute;
   border-radius: 50%;
-  border: 2px solid #0d6efd;
+  border: 2px solid #0a58ca;
   left: 0;
   width: 22px;
   height: 22px;
@@ -17120,4 +17628,388 @@ select.multi-select {
   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: #0a58ca;
+  border-color: #ced4da;
+}
+.bcl-language-list .btn:hover {
+  text-decoration: underline;
+  border-color: #0e47cb;
+}
+.bcl-language-list .btn.selected {
+  background: #801f4f;
+  color: #fff;
+  border-color: #801f4f;
+}
+.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;
+}
+
+.carousel-indicators {
+  background-color: rgba(0, 0, 0, 0.5);
+  margin: 0;
+}
+.carousel-indicators [data-bs-target] {
+  width: 8px;
+  height: 8px;
+  margin: 0.375rem 0.5rem 1rem;
+  border-radius: 50%;
+}
+
+.carousel-caption {
+  width: 100%;
+  left: 0;
+  right: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  bottom: 0;
+  padding: 1rem 0 1.5rem;
+}
+.carousel-caption p {
+  margin-bottom: 0;
+}
+.carousel-caption a {
+  color: #fff;
+  -webkit-text-decoration-color: #fff;
+          text-decoration-color: #fff;
+}
+
+.carousel-dark .carousel-caption {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+.carousel-dark .carousel-caption a {
+  color: #000;
+  -webkit-text-decoration-color: #000;
+          text-decoration-color: #000;
+}
+.carousel-dark .carousel-indicators {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+.carousel-control-next,
+.carousel-control-prev {
+  opacity: 1;
+}
+.carousel-control-next:hover,
+.carousel-control-prev:hover {
+  opacity: 1;
+}
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  width: 40px;
+  height: 40px;
+  background-size: 60% 60%;
+  background-color: rgba(0, 0, 0, 0.5);
+  border-radius: 4px;
+}
+
+.carousel-control-next-icon {
+  background-position: 9px center;
+}
+
+.carousel-control-prev-icon {
+  background-position: 7px center;
+}
+
+.carousel.rounded-indicators .carousel-control-prev-icon,
+.carousel.rounded-indicators .carousel-control-next-icon {
+  border-radius: 50%;
+}
+
+@media (min-width: 768px) {
+  .carousel-indicators + .carousel-inner .carousel-caption {
+    bottom: 50px;
+    padding-bottom: 0;
+  }
+}
+.bcl-gallery {
+  /* lazyload */
+}
+.bcl-gallery .bcl-gallery__thumbnails {
+  border-radius: 0.25rem;
+  overflow: hidden;
+}
+.bcl-gallery ul.bcl-gallery__grid {
+  list-style: none;
+  padding: 0;
+  margin-bottom: 0;
+}
+.bcl-gallery .bcl-gallery__item {
+  position: relative;
+}
+.bcl-gallery .bcl-gallery__item-overlay {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: 0 1rem;
+  transition: background-color 0.2s ease;
+}
+.bcl-gallery .bcl-gallery__item-play-icon {
+  background-color: rgba(0, 0, 0, 0.5);
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 0.25rem;
+  pointer-events: none;
+}
+.bcl-gallery .bcl-gallery__item-play-icon .bi {
+  fill: #fff;
+}
+.bcl-gallery .bcl-gallery__item-caption {
+  display: none;
+  color: #fff;
+  text-align: center;
+  pointer-events: none;
+}
+.bcl-gallery .bcl-gallery__item-caption h5, .bcl-gallery .bcl-gallery__item-caption .h5 {
+  margin-bottom: 0;
+}
+.bcl-gallery .bcl-gallery__item-description {
+  display: none;
+  margin-top: 0.25rem;
+}
+.bcl-gallery ul.bcl-gallery__grid li:not(:last-child) {
+  margin-bottom: 0.5rem;
+}
+.bcl-gallery .bcl-gallery__thumbnails-collaspe ul.bcl-gallery__grid {
+  margin-top: 0.5rem;
+}
+.bcl-gallery .bcl-gallery__collapse[aria-expanded=false] .label-expanded {
+  display: none;
+}
+.bcl-gallery .bcl-gallery__collapse[aria-expanded=true] .label-collapsed {
+  display: none;
+}
+.bcl-gallery .bcl-gallery__collapse[aria-expanded=true] svg {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
+.bcl-gallery .carousel {
+  height: 100%;
+  width: 100%;
+  max-height: 500px;
+}
+.bcl-gallery .carousel-inner {
+  height: 100%;
+}
+.bcl-gallery .carousel-item {
+  position: relative;
+  height: 100%;
+  text-align: center;
+  z-index: 1;
+}
+.bcl-gallery .modal-content {
+  background: black;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+.bcl-gallery .modal-title {
+  width: 35%;
+  color: white;
+}
+.bcl-gallery .carousel-pager {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  color: white;
+  width: 30%;
+}
+.bcl-gallery .carousel-pager span {
+  display: inline-block;
+  margin-right: 5px;
+}
+.bcl-gallery .modal-close {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: end;
+      justify-content: end;
+  width: 35%;
+}
+.bcl-gallery .modal-close .btn-close {
+  -webkit-filter: invert(100%);
+          filter: invert(100%);
+  opacity: 1;
+}
+.bcl-gallery .carousel-control-next,
+.bcl-gallery .carousel-control-prev {
+  top: 50%;
+  height: 20%;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+}
+.bcl-gallery iframe,
+.bcl-gallery video {
+  width: 100%;
+  height: 100%;
+  aspect-ratio: 16/9;
+  max-width: 900px;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.bcl-gallery img {
+  display: inline-block;
+  height: 100%;
+  width: 100%;
+  -o-object-fit: contain;
+     object-fit: contain;
+}
+.bcl-gallery img:not([src]):not([srcset]) {
+  visibility: hidden;
+}
+@-webkit-keyframes lazy_spinner {
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes lazy_spinner {
+  to {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+.bcl-gallery .carousel-item:after {
+  content: "";
+  box-sizing: border-box;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 20px;
+  height: 20px;
+  margin-top: -10px;
+  margin-left: -10px;
+  border-radius: 50%;
+  border: 2px solid #ccc;
+  border-top-color: #000;
+  -webkit-animation: lazy_spinner 0.6s linear infinite;
+          animation: lazy_spinner 0.6s linear infinite;
+  z-index: -1;
+}
+@media (min-width: 576px) {
+  .bcl-gallery ul.bcl-gallery__grid {
+    display: -ms-grid;
+    display: grid;
+    -ms-grid-rows: 1fr 1fr 0;
+    grid-template-rows: 1fr 1fr 0;
+    grid-gap: 0.5rem;
+    -ms-grid-columns: (1fr)[4];
+    grid-template-columns: repeat(4, 1fr);
+    margin-bottom: -0.5rem;
+  }
+  .bcl-gallery ul.bcl-gallery__grid li:not(:last-child) {
+    margin-bottom: 0;
+  }
+  .bcl-gallery ul.bcl-gallery__grid li:first-child {
+    -ms-grid-column: 1;
+    -ms-grid-column-span: 2;
+    grid-column: 1/3;
+    -ms-grid-row: 1;
+    -ms-grid-row-span: 2;
+    grid-row: 1/3;
+  }
+  .bcl-gallery .bcl-gallery__thumbnails-collaspe ul.bcl-gallery__grid {
+    margin-top: 0.5rem;
+  }
+  .bcl-gallery .bcl-gallery__thumbnails-collaspe ul.bcl-gallery__grid:nth-child(odd) li:first-child {
+    grid-column: auto;
+    grid-row: auto;
+  }
+  .bcl-gallery .bcl-gallery__thumbnails-collaspe ul.bcl-gallery__grid:nth-child(odd) li:last-child {
+    -ms-grid-column: 3;
+    -ms-grid-column-span: 2;
+    grid-column: 3/5;
+    -ms-grid-row: 1;
+    -ms-grid-row-span: 2;
+    grid-row: 1/3;
+  }
+  .bcl-gallery .bcl-gallery__item:hover .bcl-gallery__item-overlay {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
+  .bcl-gallery .bcl-gallery__item:hover .bcl-gallery__item-play-icon {
+    background-color: #fff;
+  }
+  .bcl-gallery .bcl-gallery__item:hover .bcl-gallery__item-play-icon .bi {
+    fill: #000;
+  }
+  .bcl-gallery .modal-title,
+.bcl-gallery .modal-close {
+    width: 45%;
+  }
+  .bcl-gallery .carousel-pager {
+    width: 10%;
+  }
+}
+@media (min-width: 768px) {
+  .bcl-gallery .bcl-gallery__item:hover .bcl-gallery__item-caption {
+    display: block;
+  }
+  .bcl-gallery .bcl-gallery__item:hover .bcl-gallery__item-play-icon + .bcl-gallery__item-caption {
+    margin-top: 0.5rem;
+  }
+}
+@media (min-width: 992px) {
+  .bcl-gallery .bcl-gallery__item-description {
+    display: block;
+  }
+}
+
+.pagination .page-link {
+  display: -ms-flexbox;
+  display: flex;
+  height: 100%;
+  -ms-flex-align: center;
+      align-items: center;
+}
 /*# sourceMappingURL=oe-bcl-default.css.map */