@openeuropa/bcl-theme-ucpkn 1.10.1 → 1.10.3

package/css/oe-bcl-ucpkn.css

@@ -40,12 +40,12 @@
   --bs-danger-rgb: 184, 40, 42;
   --bs-light-rgb: 240, 240, 240;
   --bs-dark-rgb: 46, 51, 56;
-  --bs-primary-text-emphasis: #0e0935;
-  --bs-secondary-text-emphasis: #61240e;
-  --bs-success-text-emphasis: #183916;
-  --bs-info-text-emphasis: #112f37;
-  --bs-warning-text-emphasis: #5a4400;
-  --bs-danger-text-emphasis: #4a1011;
+  --bs-primary-text-emphasis: rgb(13.6, 8.8, 52.8);
+  --bs-secondary-text-emphasis: rgb(96.8, 35.6, 14.4);
+  --bs-success-text-emphasis: rgb(24, 57.2, 22.4);
+  --bs-info-text-emphasis: rgb(17.2, 47.2, 55.2);
+  --bs-warning-text-emphasis: rgb(90, 68.4, 0);
+  --bs-danger-text-emphasis: rgb(73.6, 16, 16.8);
   --bs-light-text-emphasis: #495057;
   --bs-dark-text-emphasis: #495057;
   --bs-primary-bg-subtle: tint-color(#253ebe, 90%);
@@ -54,7 +54,7 @@
   --bs-info-bg-subtle: tint-color(#0d768b, 90%);
   --bs-warning-bg-subtle: tint-color(#ffba07, 90%);
   --bs-danger-bg-subtle: tint-color(#a51f2c, 90%);
-  --bs-light-bg-subtle: #fcfcfd;
+  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
   --bs-dark-bg-subtle: #ced4da;
   --bs-primary-border-subtle: tint-color(#253ebe, 80%);
   --bs-secondary-border-subtle: tint-color(#70254a, 80%);
@@ -91,11 +91,11 @@
   --bs-link-color: #221684;
   --bs-link-color-rgb: 34, 22, 132;
   --bs-link-decoration: underline;
-  --bs-link-hover-color: #1b126a;
+  --bs-link-hover-color: rgb(27.2, 17.6, 105.6);
   --bs-link-hover-color-rgb: 27, 18, 106;
   --bs-code-color: #d63384;
   --bs-highlight-color: #212529;
-  --bs-highlight-bg: #fff3cd;
+  --bs-highlight-bg: rgb(255, 242.6, 205.4);
   --bs-border-width: 1px;
   --bs-border-style: solid;
   --bs-border-color: #dee2e6;
@@ -134,46 +134,46 @@
   --bs-secondary-bg-rgb: 52, 58, 64;
   --bs-tertiary-color: rgba(222, 226, 230, 0.5);
   --bs-tertiary-color-rgb: 222, 226, 230;
-  --bs-tertiary-bg: #2b3035;
+  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
   --bs-tertiary-bg-rgb: 43, 48, 53;
-  --bs-primary-text-emphasis: #7a73b5;
-  --bs-secondary-text-emphasis: #f79b7c;
-  --bs-success-text-emphasis: #8abc88;
-  --bs-info-text-emphasis: #80adb9;
-  --bs-warning-text-emphasis: #edcd66;
-  --bs-danger-text-emphasis: #d47e7f;
+  --bs-primary-text-emphasis: rgb(122.4, 115.2, 181.2);
+  --bs-secondary-text-emphasis: rgb(247.2, 155.4, 123.6);
+  --bs-success-text-emphasis: rgb(138, 187.8, 135.6);
+  --bs-info-text-emphasis: rgb(127.8, 172.8, 184.8);
+  --bs-warning-text-emphasis: rgb(237, 204.6, 102);
+  --bs-danger-text-emphasis: rgb(212.4, 126, 127.2);
   --bs-light-text-emphasis: #f8f9fa;
   --bs-dark-text-emphasis: #dee2e6;
-  --bs-primary-bg-subtle: #07041a;
-  --bs-secondary-bg-subtle: #301207;
-  --bs-success-bg-subtle: #0c1d0b;
-  --bs-info-bg-subtle: #09181c;
-  --bs-warning-bg-subtle: #2d2200;
-  --bs-danger-bg-subtle: #250808;
+  --bs-primary-bg-subtle: rgb(6.8, 4.4, 26.4);
+  --bs-secondary-bg-subtle: rgb(48.4, 17.8, 7.2);
+  --bs-success-bg-subtle: rgb(12, 28.6, 11.2);
+  --bs-info-bg-subtle: rgb(8.6, 23.6, 27.6);
+  --bs-warning-bg-subtle: rgb(45, 34.2, 0);
+  --bs-danger-bg-subtle: rgb(36.8, 8, 8.4);
   --bs-light-bg-subtle: #343a40;
   --bs-dark-bg-subtle: #1a1d20;
-  --bs-primary-border-subtle: #140d4f;
-  --bs-secondary-border-subtle: #913516;
-  --bs-success-border-subtle: #245622;
-  --bs-info-border-subtle: #1a4753;
-  --bs-warning-border-subtle: #876700;
-  --bs-danger-border-subtle: #6e1819;
+  --bs-primary-border-subtle: rgb(20.4, 13.2, 79.2);
+  --bs-secondary-border-subtle: rgb(145.2, 53.4, 21.6);
+  --bs-success-border-subtle: rgb(36, 85.8, 33.6);
+  --bs-info-border-subtle: rgb(25.8, 70.8, 82.8);
+  --bs-warning-border-subtle: rgb(135, 102.6, 0);
+  --bs-danger-border-subtle: rgb(110.4, 24, 25.2);
   --bs-light-border-subtle: #495057;
   --bs-dark-border-subtle: #343a40;
   --bs-heading-color: inherit;
-  --bs-link-color: #7a73b5;
-  --bs-link-hover-color: #958fc4;
+  --bs-link-color: rgb(122.4, 115.2, 181.2);
+  --bs-link-hover-color: rgb(148.92, 143.16, 195.96);
   --bs-link-color-rgb: 122, 115, 181;
   --bs-link-hover-color-rgb: 149, 143, 196;
-  --bs-code-color: #e685b5;
+  --bs-code-color: rgb(230.4, 132.6, 181.2);
   --bs-highlight-color: #dee2e6;
-  --bs-highlight-bg: #664d03;
+  --bs-highlight-bg: rgb(102, 77.2, 2.8);
   --bs-border-color: #495057;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
-  --bs-form-valid-color: #75b798;
-  --bs-form-valid-border-color: #75b798;
-  --bs-form-invalid-color: #ea868f;
-  --bs-form-invalid-border-color: #ea868f;
+  --bs-form-valid-color: rgb(117, 183, 152.4);
+  --bs-form-valid-border-color: rgb(117, 183, 152.4);
+  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
+  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
 }
 
 *,
@@ -512,8 +512,8 @@ legend {
   width: 100%;
   padding: 0;
   margin-bottom: 0.5rem;
-  font-size: calc(1.275rem + 0.3vw);
   line-height: inherit;
+  font-size: calc(1.275rem + 0.3vw);
 }
 @media (min-width: 1200px) {
   legend {
@@ -596,9 +596,9 @@ progress {
 }
 
 .display-1 {
-  font-size: calc(1.625rem + 4.5vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.625rem + 4.5vw);
 }
 @media (min-width: 1200px) {
   .display-1 {
@@ -607,9 +607,9 @@ progress {
 }
 
 .display-2 {
-  font-size: calc(1.575rem + 3.9vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.575rem + 3.9vw);
 }
 @media (min-width: 1200px) {
   .display-2 {
@@ -618,9 +618,9 @@ progress {
 }
 
 .display-3 {
-  font-size: calc(1.525rem + 3.3vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.525rem + 3.3vw);
 }
 @media (min-width: 1200px) {
   .display-3 {
@@ -629,9 +629,9 @@ progress {
 }
 
 .display-4 {
-  font-size: calc(1.475rem + 2.7vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.475rem + 2.7vw);
 }
 @media (min-width: 1200px) {
   .display-4 {
@@ -640,9 +640,9 @@ progress {
 }
 
 .display-5 {
-  font-size: calc(1.425rem + 2.1vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.425rem + 2.1vw);
 }
 @media (min-width: 1200px) {
   .display-5 {
@@ -651,9 +651,9 @@ progress {
 }
 
 .display-6 {
-  font-size: calc(1.375rem + 1.5vw);
   font-weight: 300;
   line-height: 1.2;
+  font-size: calc(1.375rem + 1.5vw);
 }
 @media (min-width: 1200px) {
   .display-6 {
@@ -801,8 +801,8 @@ progress {
 }
 
 .col {
-  -ms-flex: 1 0 0%;
-      flex: 1 0 0%;
+  -ms-flex: 1 0 0px;
+      flex: 1 0 0;
 }
 
 .row-cols-auto > * {
@@ -1091,8 +1091,8 @@ progress {
 
 @media (min-width: 576px) {
   .col-sm {
-    -ms-flex: 1 0 0%;
-        flex: 1 0 0%;
+    -ms-flex: 1 0 0px;
+        flex: 1 0 0;
   }
   .row-cols-sm-auto > * {
     -ms-flex: 0 0 auto;
@@ -1329,8 +1329,8 @@ progress {
 }
 @media (min-width: 768px) {
   .col-md {
-    -ms-flex: 1 0 0%;
-        flex: 1 0 0%;
+    -ms-flex: 1 0 0px;
+        flex: 1 0 0;
   }
   .row-cols-md-auto > * {
     -ms-flex: 0 0 auto;
@@ -1567,8 +1567,8 @@ progress {
 }
 @media (min-width: 992px) {
   .col-lg {
-    -ms-flex: 1 0 0%;
-        flex: 1 0 0%;
+    -ms-flex: 1 0 0px;
+        flex: 1 0 0;
   }
   .row-cols-lg-auto > * {
     -ms-flex: 0 0 auto;
@@ -1805,8 +1805,8 @@ progress {
 }
 @media (min-width: 1200px) {
   .col-xl {
-    -ms-flex: 1 0 0%;
-        flex: 1 0 0%;
+    -ms-flex: 1 0 0px;
+        flex: 1 0 0;
   }
   .row-cols-xl-auto > * {
     -ms-flex: 0 0 auto;
@@ -2043,8 +2043,8 @@ progress {
 }
 @media (min-width: 1400px) {
   .col-xxl {
-    -ms-flex: 1 0 0%;
-        flex: 1 0 0%;
+    -ms-flex: 1 0 0px;
+        flex: 1 0 0;
   }
   .row-cols-xxl-auto > * {
     -ms-flex: 0 0 auto;
@@ -2361,13 +2361,13 @@ progress {
 
 .table-primary {
   --bs-table-color: #000;
-  --bs-table-bg: #d3d0e6;
-  --bs-table-border-color: #bebbcf;
-  --bs-table-striped-bg: #c8c6db;
+  --bs-table-bg: rgb(210.8, 208.4, 230.4);
+  --bs-table-border-color: rgb(189.72, 187.56, 207.36);
+  --bs-table-striped-bg: rgb(200.26, 197.98, 218.88);
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #bebbcf;
+  --bs-table-active-bg: rgb(189.72, 187.56, 207.36);
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #bebbcf;
+  --bs-table-hover-bg: rgb(189.72, 187.56, 207.36);
   --bs-table-hover-color: #000;
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
@@ -2375,13 +2375,13 @@ progress {
 
 .table-secondary {
   --bs-table-color: #000;
-  --bs-table-bg: #fcded3;
-  --bs-table-border-color: #e3c8be;
-  --bs-table-striped-bg: #efd3c8;
+  --bs-table-bg: rgb(252.4, 221.8, 211.2);
+  --bs-table-border-color: rgb(227.16, 199.62, 190.08);
+  --bs-table-striped-bg: rgb(239.78, 210.71, 200.64);
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #e3c8be;
+  --bs-table-active-bg: rgb(227.16, 199.62, 190.08);
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #e3c8be;
+  --bs-table-hover-bg: rgb(227.16, 199.62, 190.08);
   --bs-table-hover-color: #000;
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
@@ -2389,13 +2389,13 @@ progress {
 
 .table-success {
   --bs-table-color: #000;
-  --bs-table-bg: #d8e9d7;
-  --bs-table-border-color: #c2d2c2;
-  --bs-table-striped-bg: #cdddcc;
+  --bs-table-bg: rgb(216, 232.6, 215.2);
+  --bs-table-border-color: rgb(194.4, 209.34, 193.68);
+  --bs-table-striped-bg: rgb(205.2, 220.97, 204.44);
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #c2d2c2;
+  --bs-table-active-bg: rgb(194.4, 209.34, 193.68);
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #c2d2c2;
+  --bs-table-hover-bg: rgb(194.4, 209.34, 193.68);
   --bs-table-hover-color: #000;
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
@@ -2403,13 +2403,13 @@ progress {
 
 .table-info {
   --bs-table-color: #000;
-  --bs-table-bg: #d5e4e8;
-  --bs-table-border-color: #c0cdd1;
-  --bs-table-striped-bg: #cad9dc;
+  --bs-table-bg: rgb(212.6, 227.6, 231.6);
+  --bs-table-border-color: rgb(191.34, 204.84, 208.44);
+  --bs-table-striped-bg: rgb(201.97, 216.22, 220.02);
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #c0cdd1;
+  --bs-table-active-bg: rgb(191.34, 204.84, 208.44);
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #c0cdd1;
+  --bs-table-hover-bg: rgb(191.34, 204.84, 208.44);
   --bs-table-hover-color: #000;
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
@@ -2417,13 +2417,13 @@ progress {
 
 .table-warning {
   --bs-table-color: #000;
-  --bs-table-bg: #f9eecc;
-  --bs-table-border-color: #e0d6b8;
-  --bs-table-striped-bg: #ede2c2;
+  --bs-table-bg: rgb(249, 238.2, 204);
+  --bs-table-border-color: rgb(224.1, 214.38, 183.6);
+  --bs-table-striped-bg: rgb(236.55, 226.29, 193.8);
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #e0d6b8;
+  --bs-table-active-bg: rgb(224.1, 214.38, 183.6);
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #e0d6b8;
+  --bs-table-hover-bg: rgb(224.1, 214.38, 183.6);
   --bs-table-hover-color: #000;
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
@@ -2431,13 +2431,13 @@ progress {
 
 .table-danger {
   --bs-table-color: #000;
-  --bs-table-bg: #f1d4d4;
-  --bs-table-border-color: #d9bfbf;
-  --bs-table-striped-bg: #e5c9c9;
+  --bs-table-bg: rgb(240.8, 212, 212.4);
+  --bs-table-border-color: rgb(216.72, 190.8, 191.16);
+  --bs-table-striped-bg: rgb(228.76, 201.4, 201.78);
   --bs-table-striped-color: #000;
-  --bs-table-active-bg: #d9bfbf;
+  --bs-table-active-bg: rgb(216.72, 190.8, 191.16);
   --bs-table-active-color: #000;
-  --bs-table-hover-bg: #d9bfbf;
+  --bs-table-hover-bg: rgb(216.72, 190.8, 191.16);
   --bs-table-hover-color: #000;
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
@@ -2460,12 +2460,12 @@ progress {
 .table-dark {
   --bs-table-color: #fff;
   --bs-table-bg: #2e3338;
-  --bs-table-border-color: #43474c;
-  --bs-table-striped-bg: #383d42;
+  --bs-table-border-color: rgb(66.9, 71.4, 75.9);
+  --bs-table-striped-bg: rgb(56.45, 61.2, 65.95);
   --bs-table-striped-color: #fff;
-  --bs-table-active-bg: #43474c;
+  --bs-table-active-bg: rgb(66.9, 71.4, 75.9);
   --bs-table-active-color: #fff;
-  --bs-table-hover-bg: #43474c;
+  --bs-table-hover-bg: rgb(66.9, 71.4, 75.9);
   --bs-table-hover-color: #fff;
   color: var(--bs-table-color);
   border-color: var(--bs-table-border-color);
@@ -2567,7 +2567,7 @@ progress {
 .form-control:focus {
   color: var(--bs-body-color);
   background-color: var(--bs-body-bg);
-  border-color: #918bc2;
+  border-color: rgb(144.5, 138.5, 193.5);
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(34, 22, 132, 0.25);
 }
@@ -2771,7 +2771,7 @@ textarea.form-control-lg {
   }
 }
 .form-select:focus {
-  border-color: #918bc2;
+  border-color: rgb(144.5, 138.5, 193.5);
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(34, 22, 132, 0.25);
 }
@@ -2861,7 +2861,7 @@ textarea.form-control-lg {
           filter: brightness(90%);
 }
 .form-check-input:focus {
-  border-color: #918bc2;
+  border-color: rgb(144.5, 138.5, 193.5);
   outline: 0;
   box-shadow: 0 0 0 0.25rem rgba(34, 22, 132, 0.25);
 }
@@ -2909,7 +2909,7 @@ textarea.form-control-lg {
   }
 }
 .form-switch .form-check-input:focus {
-  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23918bc2'/%3e%3c/svg%3e");
+  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28144.5, 138.5, 193.5%29'/%3e%3c/svg%3e");
 }
 .form-switch .form-check-input:checked {
   background-position: right center;
@@ -2985,7 +2985,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-webkit-slider-thumb:active {
-  background-color: #bdb9da;
+  background-color: rgb(188.7, 185.1, 218.1);
 }
 .form-range::-webkit-slider-runnable-track {
   width: 100%;
@@ -3014,7 +3014,7 @@ textarea.form-control-lg {
   }
 }
 .form-range::-moz-range-thumb:active {
-  background-color: #bdb9da;
+  background-color: rgb(188.7, 185.1, 218.1);
 }
 .form-range::-moz-range-track {
   width: 100%;
@@ -3050,9 +3050,11 @@ textarea.form-control-lg {
   top: 0;
   left: 0;
   z-index: 2;
+  max-width: 100%;
   height: 100%;
   padding: 1rem 0.75rem;
   overflow: hidden;
+  color: rgba(var(--bs-body-color-rgb), 0.65);
   text-align: start;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -3089,7 +3091,7 @@ textarea.form-control-lg {
 .form-floating > .form-control-plaintext::placeholder {
   color: transparent;
 }
-.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
+.form-floating > .form-control:not(:-moz-placeholder), .form-floating > .form-control-plaintext:not(:-moz-placeholder) {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
 }
@@ -3111,24 +3113,26 @@ textarea.form-control-lg {
 .form-floating > .form-select {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
+  padding-left: 0.75rem;
 }
-.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
+.form-floating > .form-control:not(:-moz-placeholder) ~ label {
   transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
 .form-floating > .form-control:not(:-ms-input-placeholder) ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
   transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
 .form-floating > .form-control:focus ~ label,
 .form-floating > .form-control:not(:placeholder-shown) ~ label,
 .form-floating > .form-control-plaintext ~ label,
 .form-floating > .form-select ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
   -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
           transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
 }
-.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
+.form-floating > .form-control:-webkit-autofill ~ label {
+  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+          transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+}
+.form-floating > textarea:not(:-moz-placeholder) ~ label::after {
   position: absolute;
   inset: 1rem 0.375rem;
   z-index: -1;
@@ -3137,7 +3141,7 @@ textarea.form-control-lg {
   background-color: var(--bs-body-bg);
   border-radius: var(--bs-border-radius);
 }
-.form-floating > .form-control:not(:-ms-input-placeholder) ~ label::after {
+.form-floating > textarea:not(:-ms-input-placeholder) ~ label::after {
   position: absolute;
   inset: 1rem 0.375rem;
   z-index: -1;
@@ -3146,10 +3150,8 @@ textarea.form-control-lg {
   background-color: var(--bs-body-bg);
   border-radius: var(--bs-border-radius);
 }
-.form-floating > .form-control:focus ~ label::after,
-.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
-.form-floating > .form-control-plaintext ~ label::after,
-.form-floating > .form-select ~ label::after {
+.form-floating > textarea:focus ~ label::after,
+.form-floating > textarea:not(:placeholder-shown) ~ label::after {
   position: absolute;
   inset: 1rem 0.375rem;
   z-index: -1;
@@ -3158,10 +3160,8 @@ textarea.form-control-lg {
   background-color: var(--bs-body-bg);
   border-radius: var(--bs-border-radius);
 }
-.form-floating > .form-control:-webkit-autofill ~ label {
-  color: rgba(var(--bs-body-color-rgb), 0.65);
-  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
-          transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
+.form-floating > textarea:disabled ~ label::after {
+  background-color: var(--bs-secondary-bg);
 }
 .form-floating > .form-control-plaintext ~ label {
   border-width: var(--bs-border-width) 0;
@@ -3170,10 +3170,6 @@ textarea.form-control-lg {
 .form-floating > .form-control:disabled ~ label {
   color: #6c757d;
 }
-.form-floating > :disabled ~ label::after,
-.form-floating > .form-control:disabled ~ label::after {
-  background-color: var(--bs-secondary-bg);
-}
 
 .input-group {
   position: relative;
@@ -3262,7 +3258,7 @@ textarea.form-control-lg {
   border-bottom-right-radius: 0;
 }
 .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
-  margin-left: calc(var(--bs-border-width) * -1);
+  margin-left: calc(-1 * var(--bs-border-width));
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -3304,7 +3300,7 @@ textarea.form-control-lg {
 .was-validated .form-control:valid, .form-control.is-valid {
   border-color: var(--bs-form-valid-border-color);
   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='%233c8f38' d='M2.3 6.73.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='%233c8f38' d='M2.3 6.73.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.1'/%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);
@@ -3323,7 +3319,7 @@ textarea.form-control-lg {
   border-color: var(--bs-form-valid-border-color);
 }
 .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"] {
-  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%233c8f38' d='M2.3 6.73.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");
+  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%233c8f38' d='M2.3 6.73.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.1'/%3e%3c/svg%3e");
   padding-right: 4.125rem;
   background-position: right 0.75rem center, center right 2.25rem;
   background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -3539,12 +3535,12 @@ textarea.form-control-lg {
   --bs-btn-bg: #221684;
   --bs-btn-border-color: #221684;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #1d1370;
-  --bs-btn-hover-border-color: #1b126a;
+  --bs-btn-hover-bg: rgb(28.9, 18.7, 112.2);
+  --bs-btn-hover-border-color: rgb(27.2, 17.6, 105.6);
   --bs-btn-focus-shadow-rgb: 67, 57, 150;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #1b126a;
-  --bs-btn-active-border-color: #1a1163;
+  --bs-btn-active-bg: rgb(27.2, 17.6, 105.6);
+  --bs-btn-active-border-color: rgb(25.5, 16.5, 99);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-bg: #221684;
@@ -3556,12 +3552,12 @@ textarea.form-control-lg {
   --bs-btn-bg: #f25924;
   --bs-btn-border-color: #f25924;
   --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #f47245;
-  --bs-btn-hover-border-color: #f36a3a;
+  --bs-btn-hover-bg: rgb(243.95, 113.9, 68.85);
+  --bs-btn-hover-border-color: rgb(243.3, 105.6, 57.9);
   --bs-btn-focus-shadow-rgb: 206, 76, 31;
   --bs-btn-active-color: #000;
-  --bs-btn-active-bg: #f57a50;
-  --bs-btn-active-border-color: #f36a3a;
+  --bs-btn-active-bg: rgb(244.6, 122.2, 79.8);
+  --bs-btn-active-border-color: rgb(243.3, 105.6, 57.9);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #000;
   --bs-btn-disabled-bg: #f25924;
@@ -3573,12 +3569,12 @@ textarea.form-control-lg {
   --bs-btn-bg: #3c8f38;
   --bs-btn-border-color: #3c8f38;
   --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #59a056;
-  --bs-btn-hover-border-color: #509a4c;
+  --bs-btn-hover-bg: rgb(89.25, 159.8, 85.85);
+  --bs-btn-hover-border-color: rgb(79.5, 154.2, 75.9);
   --bs-btn-focus-shadow-rgb: 51, 122, 48;
   --bs-btn-active-color: #000;
-  --bs-btn-active-bg: #63a560;
-  --bs-btn-active-border-color: #509a4c;
+  --bs-btn-active-bg: rgb(99, 165.4, 95.8);
+  --bs-btn-active-border-color: rgb(79.5, 154.2, 75.9);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #000;
   --bs-btn-disabled-bg: #3c8f38;
@@ -3590,12 +3586,12 @@ textarea.form-control-lg {
   --bs-btn-bg: #2b768a;
   --bs-btn-border-color: #2b768a;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #256475;
-  --bs-btn-hover-border-color: #225e6e;
+  --bs-btn-hover-bg: rgb(36.55, 100.3, 117.3);
+  --bs-btn-hover-border-color: rgb(34.4, 94.4, 110.4);
   --bs-btn-focus-shadow-rgb: 75, 139, 156;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #225e6e;
-  --bs-btn-active-border-color: #205968;
+  --bs-btn-active-bg: rgb(34.4, 94.4, 110.4);
+  --bs-btn-active-border-color: rgb(32.25, 88.5, 103.5);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-bg: #2b768a;
@@ -3607,12 +3603,12 @@ textarea.form-control-lg {
   --bs-btn-bg: #e1ab00;
   --bs-btn-border-color: #e1ab00;
   --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #e6b826;
-  --bs-btn-hover-border-color: #e4b31a;
+  --bs-btn-hover-bg: rgb(229.5, 183.6, 38.25);
+  --bs-btn-hover-border-color: rgb(228, 179.4, 25.5);
   --bs-btn-focus-shadow-rgb: 191, 145, 0;
   --bs-btn-active-color: #000;
-  --bs-btn-active-bg: #e7bc33;
-  --bs-btn-active-border-color: #e4b31a;
+  --bs-btn-active-bg: rgb(231, 187.8, 51);
+  --bs-btn-active-border-color: rgb(228, 179.4, 25.5);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #000;
   --bs-btn-disabled-bg: #e1ab00;
@@ -3624,12 +3620,12 @@ textarea.form-control-lg {
   --bs-btn-bg: #b8282a;
   --bs-btn-border-color: #b8282a;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #9c2224;
-  --bs-btn-hover-border-color: #932022;
+  --bs-btn-hover-bg: rgb(156.4, 34, 35.7);
+  --bs-btn-hover-border-color: rgb(147.2, 32, 33.6);
   --bs-btn-focus-shadow-rgb: 195, 72, 74;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #932022;
-  --bs-btn-active-border-color: #8a1e20;
+  --bs-btn-active-bg: rgb(147.2, 32, 33.6);
+  --bs-btn-active-border-color: rgb(138, 30, 31.5);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-bg: #b8282a;
@@ -3658,12 +3654,12 @@ textarea.form-control-lg {
   --bs-btn-bg: #2e3338;
   --bs-btn-border-color: #2e3338;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #4d5256;
-  --bs-btn-hover-border-color: #43474c;
+  --bs-btn-hover-bg: rgb(77.35, 81.6, 85.85);
+  --bs-btn-hover-border-color: rgb(66.9, 71.4, 75.9);
   --bs-btn-focus-shadow-rgb: 77, 82, 86;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #585c60;
-  --bs-btn-active-border-color: #43474c;
+  --bs-btn-active-bg: rgb(87.8, 91.8, 95.8);
+  --bs-btn-active-border-color: rgb(66.9, 71.4, 75.9);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-bg: #2e3338;
@@ -4241,7 +4237,7 @@ textarea.form-control-lg {
 }
 .btn-group > :not(.btn-check:first-child) + .btn,
 .btn-group > .btn-group:not(:first-child) {
-  margin-left: calc(var(--bs-border-width) * -1);
+  margin-left: calc(-1 * var(--bs-border-width));
 }
 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
 .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -4291,14 +4287,15 @@ textarea.form-control-lg {
 }
 .btn-group-vertical > .btn:not(:first-child),
 .btn-group-vertical > .btn-group:not(:first-child) {
-  margin-top: calc(var(--bs-border-width) * -1);
+  margin-top: calc(-1 * var(--bs-border-width));
 }
 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.btn-group-vertical > .btn ~ .btn,
+.btn-group-vertical > .btn:nth-child(n+3),
+.btn-group-vertical > :not(.btn-check) + .btn,
 .btn-group-vertical > .btn-group:not(:first-child) > .btn {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
@@ -4425,10 +4422,10 @@ textarea.form-control-lg {
 
 .nav-justified > .nav-link,
 .nav-justified .nav-item {
-  -ms-flex-preferred-size: 0;
-      flex-basis: 0;
   -ms-flex-positive: 1;
       flex-grow: 1;
+  -ms-flex-preferred-size: 0;
+      flex-basis: 0;
   text-align: center;
 }
 
@@ -4539,10 +4536,10 @@ textarea.form-control-lg {
 }
 
 .navbar-collapse {
-  -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
   -ms-flex-positive: 1;
       flex-grow: 1;
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
   -ms-flex-align: center;
       align-items: center;
 }
@@ -5097,8 +5094,8 @@ textarea.form-control-lg {
         flex-flow: row wrap;
   }
   .card-group > .card {
-    -ms-flex: 1 0 0%;
-        flex: 1 0 0%;
+    -ms-flex: 1 0 0px;
+        flex: 1 0 0;
     margin-bottom: 0;
   }
   .card-group > .card + .card {
@@ -5109,24 +5106,24 @@ textarea.form-control-lg {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
-  .card-group > .card:not(:last-child) .card-img-top,
-  .card-group > .card:not(:last-child) .card-header {
+  .card-group > .card:not(:last-child) > .card-img-top,
+  .card-group > .card:not(:last-child) > .card-header {
     border-top-right-radius: 0;
   }
-  .card-group > .card:not(:last-child) .card-img-bottom,
-  .card-group > .card:not(:last-child) .card-footer {
+  .card-group > .card:not(:last-child) > .card-img-bottom,
+  .card-group > .card:not(:last-child) > .card-footer {
     border-bottom-right-radius: 0;
   }
   .card-group > .card:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
-  .card-group > .card:not(:first-child) .card-img-top,
-  .card-group > .card:not(:first-child) .card-header {
+  .card-group > .card:not(:first-child) > .card-img-top,
+  .card-group > .card:not(:first-child) > .card-header {
     border-top-left-radius: 0;
   }
-  .card-group > .card:not(:first-child) .card-img-bottom,
-  .card-group > .card:not(:first-child) .card-footer {
+  .card-group > .card:not(:first-child) > .card-img-bottom,
+  .card-group > .card:not(:first-child) > .card-footer {
     border-bottom-left-radius: 0;
   }
 }
@@ -5143,11 +5140,11 @@ textarea.form-control-lg {
   --bs-accordion-btn-padding-y: 1rem;
   --bs-accordion-btn-color: var(--bs-body-color);
   --bs-accordion-btn-bg: var(--bs-accordion-bg);
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   --bs-accordion-btn-icon-width: 1.25rem;
   --bs-accordion-btn-icon-transform: rotate(-180deg);
   --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230e0935' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%2813.6, 8.8, 52.8%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
   --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(34, 22, 132, 0.25);
   --bs-accordion-body-padding-x: 1.25rem;
   --bs-accordion-body-padding-y: 1rem;
@@ -5261,16 +5258,15 @@ textarea.form-control-lg {
 .accordion-flush > .accordion-item:last-child {
   border-bottom: 0;
 }
-.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
-  border-radius: 0;
-}
-.accordion-flush > .accordion-item > .accordion-collapse {
+.accordion-flush > .accordion-item > .accordion-collapse,
+.accordion-flush > .accordion-item > .accordion-header .accordion-button,
+.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
   border-radius: 0;
 }
 
 [data-bs-theme=dark] .accordion-button::after {
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237a73b5'%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");
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237a73b5'%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");
+  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28122.4, 115.2, 181.2%29'%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-.708'/%3e%3c/svg%3e");
+  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28122.4, 115.2, 181.2%29'%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-.708'/%3e%3c/svg%3e");
 }
 
 .breadcrumb {
@@ -5377,7 +5373,7 @@ textarea.form-control-lg {
 }
 
 .page-item:not(:first-child) .page-link {
-  margin-left: calc(var(--bs-border-width) * -1);
+  margin-left: calc(-1 * var(--bs-border-width));
 }
 .page-item:first-child .page-link {
   border-top-left-radius: var(--bs-pagination-border-radius);
@@ -5589,13 +5585,13 @@ textarea.form-control-lg {
 
 @-webkit-keyframes progress-bar-stripes {
   0% {
-    background-position-x: 1rem;
+    background-position-x: var(--bs-progress-height);
   }
 }
 
 @keyframes progress-bar-stripes {
   0% {
-    background-position-x: 1rem;
+    background-position-x: var(--bs-progress-height);
   }
 }
 .progress,
@@ -5697,22 +5693,6 @@ textarea.form-control-lg {
   counter-increment: section;
 }
 
-.list-group-item-action {
-  width: 100%;
-  color: var(--bs-list-group-action-color);
-  text-align: inherit;
-}
-.list-group-item-action:hover, .list-group-item-action:focus {
-  z-index: 1;
-  color: var(--bs-list-group-action-hover-color);
-  text-decoration: none;
-  background-color: var(--bs-list-group-action-hover-bg);
-}
-.list-group-item-action:active {
-  color: var(--bs-list-group-action-active-color);
-  background-color: var(--bs-list-group-action-active-bg);
-}
-
 .list-group-item {
   position: relative;
   display: block;
@@ -5749,6 +5729,22 @@ textarea.form-control-lg {
   border-top-width: var(--bs-list-group-border-width);
 }
 
+.list-group-item-action {
+  width: 100%;
+  color: var(--bs-list-group-action-color);
+  text-align: inherit;
+}
+.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
+  z-index: 1;
+  color: var(--bs-list-group-action-hover-color);
+  text-decoration: none;
+  background-color: var(--bs-list-group-action-hover-bg);
+}
+.list-group-item-action:not(.active):active {
+  color: var(--bs-list-group-action-active-color);
+  background-color: var(--bs-list-group-action-active-bg);
+}
+
 .list-group-horizontal {
   -ms-flex-direction: row;
       flex-direction: row;
@@ -6014,19 +6010,20 @@ textarea.form-control-lg {
 
 .btn-close {
   --bs-btn-close-color: #000;
-  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
   --bs-btn-close-opacity: 0.5;
   --bs-btn-close-hover-opacity: 0.75;
   --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(34, 22, 132, 0.25);
   --bs-btn-close-focus-opacity: 1;
   --bs-btn-close-disabled-opacity: 0.25;
-  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
   box-sizing: content-box;
   width: 1em;
   height: 1em;
   padding: 0.25em 0.25em;
   color: var(--bs-btn-close-color);
   background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
+  -webkit-filter: var(--bs-btn-close-filter);
+          filter: var(--bs-btn-close-filter);
   border: 0;
   border-radius: 0.375rem;
   opacity: var(--bs-btn-close-opacity);
@@ -6051,13 +6048,16 @@ textarea.form-control-lg {
 }
 
 .btn-close-white {
-  -webkit-filter: var(--bs-btn-close-white-filter);
-          filter: var(--bs-btn-close-white-filter);
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
 }
 
-[data-bs-theme=dark] .btn-close {
-  -webkit-filter: var(--bs-btn-close-white-filter);
-          filter: var(--bs-btn-close-white-filter);
+:root,
+[data-bs-theme=light] {
+  --bs-btn-close-filter: ;
+}
+
+[data-bs-theme=dark] {
+  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
 }
 
 .toast {
@@ -6136,7 +6136,7 @@ textarea.form-control-lg {
   --bs-modal-width: 500px;
   --bs-modal-padding: 1rem;
   --bs-modal-margin: 0.5rem;
-  --bs-modal-color: ;
+  --bs-modal-color: var(--bs-body-color);
   --bs-modal-bg: var(--bs-body-bg);
   --bs-modal-border-color: var(--bs-border-color-translucent);
   --bs-modal-border-width: var(--bs-border-width);
@@ -6172,11 +6172,11 @@ textarea.form-control-lg {
   pointer-events: none;
 }
 .modal.fade .modal-dialog {
+  -webkit-transform: translate(0, -50px);
+          transform: translate(0, -50px);
   transition: -webkit-transform 0.3s ease-out;
   transition: transform 0.3s ease-out;
   transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
-  -webkit-transform: translate(0, -50px);
-          transform: translate(0, -50px);
 }
 @media (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
@@ -6260,7 +6260,10 @@ textarea.form-control-lg {
 }
 .modal-header .btn-close {
   padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
-  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
+  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
+  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
+  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
+  margin-left: auto;
 }
 
 .modal-title {
@@ -6796,6 +6799,8 @@ textarea.form-control-lg {
   color: #fff;
   text-align: center;
   background: none;
+  -webkit-filter: var(--bs-carousel-control-icon-filter);
+          filter: var(--bs-carousel-control-icon-filter);
   border: 0;
   opacity: 0.5;
   transition: opacity 0.15s ease;
@@ -6834,11 +6839,11 @@ textarea.form-control-lg {
 }
 
 .carousel-control-prev-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.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='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")*/;
 }
 
 .carousel-control-next-icon {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%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='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")*/;
 }
 
 .carousel-indicators {
@@ -6867,7 +6872,7 @@ textarea.form-control-lg {
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
-  background-color: #fff;
+  background-color: var(--bs-carousel-indicator-active-bg);
   background-clip: padding-box;
   border: 0;
   border-top: 10px solid transparent;
@@ -6891,33 +6896,27 @@ textarea.form-control-lg {
   left: 15%;
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
-  color: #fff;
+  color: var(--bs-carousel-caption-color);
   text-align: center;
 }
 
-.carousel-dark .carousel-control-prev-icon,
-.carousel-dark .carousel-control-next-icon {
-  -webkit-filter: invert(1) grayscale(100);
-          filter: invert(1) grayscale(100);
-}
-.carousel-dark .carousel-indicators [data-bs-target] {
-  background-color: #000;
-}
-.carousel-dark .carousel-caption {
-  color: #000;
+.carousel-dark {
+  --bs-carousel-indicator-active-bg: #000;
+  --bs-carousel-caption-color: #000;
+  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
 }
 
-[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
-[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
-[data-bs-theme=dark].carousel .carousel-control-next-icon {
-  -webkit-filter: invert(1) grayscale(100);
-          filter: invert(1) grayscale(100);
-}
-[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
-  background-color: #000;
+:root,
+[data-bs-theme=light] {
+  --bs-carousel-indicator-active-bg: #fff;
+  --bs-carousel-caption-color: #fff;
+  --bs-carousel-control-icon-filter: ;
 }
-[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
-  color: #000;
+
+[data-bs-theme=dark] {
+  --bs-carousel-indicator-active-bg: #000;
+  --bs-carousel-caption-color: #000;
+  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
 }
 
 .spinner-grow,
@@ -7544,7 +7543,10 @@ textarea.form-control-lg {
 }
 .offcanvas-header .btn-close {
   padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
-  margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
+  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
+  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
+  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
+  margin-left: auto;
 }
 
 .offcanvas-title {
@@ -7912,6 +7914,10 @@ textarea.form-control-lg {
 .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
   position: absolute !important;
 }
+.visually-hidden *,
+.visually-hidden-focusable:not(:focus):not(:focus-within) * {
+  overflow: hidden !important;
+}
 
 .stretched-link::after {
   position: absolute;
@@ -7940,8 +7946,10 @@ textarea.form-control-lg {
   opacity: 0.25;
 }
 
-@media (min-width: 992px) {
-  .bcl-sidebar h2, .bcl-sidebar .h2 {
+@media (max-width: 767.98px) {
+  .bcl-sidebar .dropdown-toggle,
+  .bcl-sidebar h2,
+  .bcl-sidebar .h2 {
     font-size: 1.5rem;
   }
 }
@@ -17158,37 +17166,37 @@ svg {
 .card.text-bg-primary .card-header,
 .card.text-bg-primary .card-footer {
   border: none;
-  background: #1b126a;
+  background: rgb(27.2, 17.6, 105.6);
 }
 
 .card.text-bg-secondary .card-header,
 .card.text-bg-secondary .card-footer {
   border: none;
-  background: #c2471d;
+  background: rgb(193.6, 71.2, 28.8);
 }
 
 .card.text-bg-success .card-header,
 .card.text-bg-success .card-footer {
   border: none;
-  background: #30722d;
+  background: rgb(48, 114.4, 44.8);
 }
 
 .card.text-bg-info .card-header,
 .card.text-bg-info .card-footer {
   border: none;
-  background: #225e6e;
+  background: rgb(34.4, 94.4, 110.4);
 }
 
 .card.text-bg-warning .card-header,
 .card.text-bg-warning .card-footer {
   border: none;
-  background: #b48900;
+  background: rgb(180, 136.8, 0);
 }
 
 .card.text-bg-danger .card-header,
 .card.text-bg-danger .card-footer {
   border: none;
-  background: #932022;
+  background: rgb(147.2, 32, 33.6);
 }
 
 .card.text-bg-light .card-header,
@@ -17200,7 +17208,7 @@ svg {
 .card.text-bg-dark .card-header,
 .card.text-bg-dark .card-footer {
   border: none;
-  background: #25292d;
+  background: rgb(36.8, 40.8, 44.8);
 }
 
 body {
@@ -17943,11 +17951,11 @@ a.badge:focus-visible {
 }
 
 a.badge:focus-within.badge-outline-primary, a.badge:active.badge-outline-primary, a.badge:hover.badge-outline-primary {
-  background-color: #e9e8f3 !important;
-  border-color: #1d1370 !important;
+  background-color: rgb(232.9, 231.7, 242.7) !important;
+  border-color: rgb(28.9, 18.7, 112.2) !important;
 }
 a.badge:focus-within.text-bg-primary, a.badge:active.text-bg-primary, a.badge:hover.text-bg-primary {
-  background-color: #1d1370 !important;
+  background-color: rgb(28.9, 18.7, 112.2) !important;
 }
 
 .badge.bg-secondary a,
@@ -17966,11 +17974,11 @@ a.badge:focus-within.text-bg-primary, a.badge:active.text-bg-primary, a.badge:ho
 }
 
 a.badge:focus-within.badge-outline-secondary, a.badge:active.badge-outline-secondary, a.badge:hover.badge-outline-secondary {
-  background-color: #feeee9 !important;
-  border-color: #ce4c1f !important;
+  background-color: rgb(253.7, 238.4, 233.1) !important;
+  border-color: rgb(205.7, 75.65, 30.6) !important;
 }
 a.badge:focus-within.text-bg-secondary, a.badge:active.text-bg-secondary, a.badge:hover.text-bg-secondary {
-  background-color: #ce4c1f !important;
+  background-color: rgb(205.7, 75.65, 30.6) !important;
 }
 
 .badge.bg-success a,
@@ -17989,11 +17997,11 @@ a.badge:focus-within.text-bg-secondary, a.badge:active.text-bg-secondary, a.badg
 }
 
 a.badge:focus-within.badge-outline-success, a.badge:active.badge-outline-success, a.badge:hover.badge-outline-success {
-  background-color: #ecf4eb !important;
-  border-color: #337a30 !important;
+  background-color: rgb(235.5, 243.8, 235.1) !important;
+  border-color: rgb(51, 121.55, 47.6) !important;
 }
 a.badge:focus-within.text-bg-success, a.badge:active.text-bg-success, a.badge:hover.text-bg-success {
-  background-color: #337a30 !important;
+  background-color: rgb(51, 121.55, 47.6) !important;
 }
 
 .badge.bg-info a,
@@ -18012,11 +18020,11 @@ a.badge:focus-within.text-bg-success, a.badge:active.text-bg-success, a.badge:ho
 }
 
 a.badge:focus-within.badge-outline-info, a.badge:active.badge-outline-info, a.badge:hover.badge-outline-info {
-  background-color: #eaf1f3 !important;
-  border-color: #256475 !important;
+  background-color: rgb(233.8, 241.3, 243.3) !important;
+  border-color: rgb(36.55, 100.3, 117.3) !important;
 }
 a.badge:focus-within.text-bg-info, a.badge:active.text-bg-info, a.badge:hover.text-bg-info {
-  background-color: #256475 !important;
+  background-color: rgb(36.55, 100.3, 117.3) !important;
 }
 
 .badge.bg-warning a,
@@ -18035,11 +18043,11 @@ a.badge:focus-within.text-bg-info, a.badge:active.text-bg-info, a.badge:hover.te
 }
 
 a.badge:focus-within.badge-outline-warning, a.badge:active.badge-outline-warning, a.badge:hover.badge-outline-warning {
-  background-color: #fcf7e6 !important;
-  border-color: #bf9100 !important;
+  background-color: rgb(252, 246.6, 229.5) !important;
+  border-color: rgb(191.25, 145.35, 0) !important;
 }
 a.badge:focus-within.text-bg-warning, a.badge:active.text-bg-warning, a.badge:hover.text-bg-warning {
-  background-color: #bf9100 !important;
+  background-color: rgb(191.25, 145.35, 0) !important;
 }
 
 .badge.bg-danger a,
@@ -18058,11 +18066,11 @@ a.badge:focus-within.text-bg-warning, a.badge:active.text-bg-warning, a.badge:ho
 }
 
 a.badge:focus-within.badge-outline-danger, a.badge:active.badge-outline-danger, a.badge:hover.badge-outline-danger {
-  background-color: #f8eaea !important;
-  border-color: #9c2224 !important;
+  background-color: rgb(247.9, 233.5, 233.7) !important;
+  border-color: rgb(156.4, 34, 35.7) !important;
 }
 a.badge:focus-within.text-bg-danger, a.badge:active.text-bg-danger, a.badge:hover.text-bg-danger {
-  background-color: #9c2224 !important;
+  background-color: rgb(156.4, 34, 35.7) !important;
 }
 
 .badge.bg-light a,
@@ -18109,7 +18117,7 @@ a.badge:focus-within.badge-outline-dark, a.badge:active.badge-outline-dark, a.ba
   border-color: #000;
 }
 a.badge:focus-within.text-bg-dark, a.badge:active.text-bg-dark, a.badge:hover.text-bg-dark {
-  background-color: #272b30 !important;
+  background-color: rgb(39.1, 43.35, 47.6) !important;
 }
 
 .ss-main.ss-1 {
@@ -18774,7 +18782,7 @@ select.multi-select {
 :root {
   --ss-bg-color: #ffffff;
   --ss-font-color: #4d4d4d;
-  --ss-font-placeholder-color: $form-select-color;
+  --ss-font-placeholder-color: #212529;
   --ss-disabled-color: #dcdee2;
   --ss-border-color: #dcdee2;
   --ss-highlight-color: #fffb8c;
@@ -19621,7 +19629,13 @@ select.multi-select {
   -ms-flex-align: center;
       align-items: center;
   white-space: normal;
+  border-left: none;
+  border-top: none;
+  border-right: none;
+  background: transparent;
   border-bottom: 1px solid #dee2e6;
+  width: 100%;
+  padding: 1.25rem;
 }
 .bcl-inpage-navigation .dropdown-toggle:after {
   display: none;
@@ -19646,6 +19660,7 @@ select.multi-select {
 .bcl-inpage-navigation .bcl-heading {
   margin-bottom: 0;
   padding: 1.25rem;
+  border-bottom: 1px solid #dee2e6;
 }
 .bcl-inpage-navigation ul {
   padding: 0.75rem;