slu-design-system 6.0.17 → 6.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,4 @@
1
1
  @charset "UTF-8";
2
- /* primary plate */
3
2
  :root,
4
3
  [data-bs-theme=light] {
5
4
  --bs-blue: #0d6efd;
@@ -41,33 +40,33 @@
41
40
  --bs-danger-rgb: 184, 61, 57;
42
41
  --bs-light-rgb: 248, 249, 250;
43
42
  --bs-dark-rgb: 33, 37, 41;
44
- --bs-primary-text-emphasis: #1a2c39;
45
- --bs-secondary-text-emphasis: #2b2f32;
46
- --bs-success-text-emphasis: #214321;
47
- --bs-info-text-emphasis: #09414a;
48
- --bs-warning-text-emphasis: #582d00;
49
- --bs-danger-text-emphasis: #4a1817;
43
+ --bs-primary-text-emphasis: rgb(25.6, 44, 56.8);
44
+ --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
45
+ --bs-success-text-emphasis: rgb(32.8, 67.2, 32.8);
46
+ --bs-info-text-emphasis: rgb(9.2, 64.8, 73.6);
47
+ --bs-warning-text-emphasis: rgb(87.6, 45.2, 0);
48
+ --bs-danger-text-emphasis: rgb(73.6, 24.4, 22.8);
50
49
  --bs-light-text-emphasis: #495057;
51
50
  --bs-dark-text-emphasis: #495057;
52
- --bs-primary-bg-subtle: #d9e2e8;
53
- --bs-secondary-bg-subtle: #e2e3e5;
54
- --bs-success-bg-subtle: #dceedc;
55
- --bs-info-bg-subtle: #d1ecf1;
56
- --bs-warning-bg-subtle: #f8e3cc;
57
- --bs-danger-bg-subtle: #f1d8d7;
58
- --bs-light-bg-subtle: #fcfcfd;
51
+ --bs-primary-bg-subtle: rgb(216.8, 226, 232.4);
52
+ --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
53
+ --bs-success-bg-subtle: rgb(220.4, 237.6, 220.4);
54
+ --bs-info-bg-subtle: rgb(208.6, 236.4, 240.8);
55
+ --bs-warning-bg-subtle: rgb(247.8, 226.6, 204);
56
+ --bs-danger-bg-subtle: rgb(240.8, 216.2, 215.4);
57
+ --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
59
58
  --bs-dark-bg-subtle: #ced4da;
60
- --bs-primary-border-subtle: #b3c5d2;
61
- --bs-secondary-border-subtle: #c4c8cb;
62
- --bs-success-border-subtle: #badcba;
63
- --bs-info-border-subtle: #a2dae3;
64
- --bs-warning-border-subtle: #f1c699;
65
- --bs-danger-border-subtle: #e3b1b0;
59
+ --bs-primary-border-subtle: rgb(178.6, 197, 209.8);
60
+ --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
61
+ --bs-success-border-subtle: rgb(185.8, 220.2, 185.8);
62
+ --bs-info-border-subtle: rgb(162.2, 217.8, 226.6);
63
+ --bs-warning-border-subtle: rgb(240.6, 198.2, 153);
64
+ --bs-danger-border-subtle: rgb(226.6, 177.4, 175.8);
66
65
  --bs-light-border-subtle: #e9ecef;
67
66
  --bs-dark-border-subtle: #adb5bd;
68
67
  --bs-white-rgb: 255, 255, 255;
69
68
  --bs-black-rgb: 0, 0, 0;
70
- --bs-font-sans-serif: Roboto, Roboto, "Helvetica Neue", Arial, sans-serif;
69
+ --bs-font-sans-serif: "Roboto", "Helvetica Neue", Arial, sans-serif;
71
70
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
72
71
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
73
72
  --bs-body-font-family: var(--bs-font-sans-serif);
@@ -92,10 +91,11 @@
92
91
  --bs-link-color: #406e8e;
93
92
  --bs-link-color-rgb: 64, 110, 142;
94
93
  --bs-link-decoration: underline;
95
- --bs-link-hover-color: #1c2d49;
96
- --bs-link-hover-color-rgb: 28, 45, 73;
94
+ --bs-link-hover-color: rgb(51.2, 88, 113.6);
95
+ --bs-link-hover-color-rgb: 51, 88, 114;
97
96
  --bs-code-color: #d63384;
98
- --bs-highlight-bg: #fff3cd;
97
+ --bs-highlight-color: black;
98
+ --bs-highlight-bg: rgb(255, 242.6, 205.4);
99
99
  --bs-border-width: 1px;
100
100
  --bs-border-style: solid;
101
101
  --bs-border-color: #dee2e6;
@@ -122,56 +122,58 @@
122
122
 
123
123
  [data-bs-theme=dark] {
124
124
  color-scheme: dark;
125
- --bs-body-color: #adb5bd;
126
- --bs-body-color-rgb: 173, 181, 189;
125
+ --bs-body-color: #dee2e6;
126
+ --bs-body-color-rgb: 222, 226, 230;
127
127
  --bs-body-bg: #212529;
128
128
  --bs-body-bg-rgb: 33, 37, 41;
129
129
  --bs-emphasis-color: #fff;
130
130
  --bs-emphasis-color-rgb: 255, 255, 255;
131
- --bs-secondary-color: rgba(173, 181, 189, 0.75);
132
- --bs-secondary-color-rgb: 173, 181, 189;
131
+ --bs-secondary-color: rgba(222, 226, 230, 0.75);
132
+ --bs-secondary-color-rgb: 222, 226, 230;
133
133
  --bs-secondary-bg: #343a40;
134
134
  --bs-secondary-bg-rgb: 52, 58, 64;
135
- --bs-tertiary-color: rgba(173, 181, 189, 0.5);
136
- --bs-tertiary-color-rgb: 173, 181, 189;
137
- --bs-tertiary-bg: #2b3035;
135
+ --bs-tertiary-color: rgba(222, 226, 230, 0.5);
136
+ --bs-tertiary-color-rgb: 222, 226, 230;
137
+ --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
138
138
  --bs-tertiary-bg-rgb: 43, 48, 53;
139
- --bs-primary-text-emphasis: #8ca8bb;
140
- --bs-secondary-text-emphasis: #a7acb1;
141
- --bs-success-text-emphasis: #97cb97;
142
- --bs-info-text-emphasis: #74c7d4;
143
- --bs-warning-text-emphasis: #e9aa66;
144
- --bs-danger-text-emphasis: #d48b88;
139
+ --bs-primary-text-emphasis: rgb(140.4, 168, 187.2);
140
+ --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
141
+ --bs-success-text-emphasis: rgb(151.2, 202.8, 151.2);
142
+ --bs-info-text-emphasis: rgb(115.8, 199.2, 212.4);
143
+ --bs-warning-text-emphasis: rgb(233.4, 169.8, 102);
144
+ --bs-danger-text-emphasis: rgb(212.4, 138.6, 136.2);
145
145
  --bs-light-text-emphasis: #f8f9fa;
146
146
  --bs-dark-text-emphasis: #dee2e6;
147
- --bs-primary-bg-subtle: #0d161c;
148
- --bs-secondary-bg-subtle: #161719;
149
- --bs-success-bg-subtle: #102210;
150
- --bs-info-bg-subtle: #052025;
151
- --bs-warning-bg-subtle: #2c1700;
152
- --bs-danger-bg-subtle: #250c0b;
147
+ --bs-primary-bg-subtle: rgb(12.8, 22, 28.4);
148
+ --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
149
+ --bs-success-bg-subtle: rgb(16.4, 33.6, 16.4);
150
+ --bs-info-bg-subtle: rgb(4.6, 32.4, 36.8);
151
+ --bs-warning-bg-subtle: rgb(43.8, 22.6, 0);
152
+ --bs-danger-bg-subtle: rgb(36.8, 12.2, 11.4);
153
153
  --bs-light-bg-subtle: #343a40;
154
154
  --bs-dark-bg-subtle: #1a1d20;
155
- --bs-primary-border-subtle: #264255;
156
- --bs-secondary-border-subtle: #41464b;
157
- --bs-success-border-subtle: #316531;
158
- --bs-info-border-subtle: #0e616e;
159
- --bs-warning-border-subtle: #834400;
160
- --bs-danger-border-subtle: #6e2522;
155
+ --bs-primary-border-subtle: rgb(38.4, 66, 85.2);
156
+ --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
157
+ --bs-success-border-subtle: rgb(49.2, 100.8, 49.2);
158
+ --bs-info-border-subtle: rgb(13.8, 97.2, 110.4);
159
+ --bs-warning-border-subtle: rgb(131.4, 67.8, 0);
160
+ --bs-danger-border-subtle: rgb(110.4, 36.6, 34.2);
161
161
  --bs-light-border-subtle: #495057;
162
162
  --bs-dark-border-subtle: #343a40;
163
163
  --bs-heading-color: inherit;
164
- --bs-link-color: #8ca8bb;
165
- --bs-link-hover-color: #a3b9c9;
164
+ --bs-link-color: rgb(140.4, 168, 187.2);
165
+ --bs-link-hover-color: rgb(163.32, 185.4, 200.76);
166
166
  --bs-link-color-rgb: 140, 168, 187;
167
167
  --bs-link-hover-color-rgb: 163, 185, 201;
168
- --bs-code-color: #e685b5;
168
+ --bs-code-color: rgb(230.4, 132.6, 181.2);
169
+ --bs-highlight-color: #dee2e6;
170
+ --bs-highlight-bg: rgb(102, 77.2, 2.8);
169
171
  --bs-border-color: #495057;
170
172
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
171
- --bs-form-valid-color: #75b798;
172
- --bs-form-valid-border-color: #75b798;
173
- --bs-form-invalid-color: #ea868f;
174
- --bs-form-invalid-border-color: #ea868f;
173
+ --bs-form-valid-color: rgb(117, 183, 152.4);
174
+ --bs-form-valid-border-color: rgb(117, 183, 152.4);
175
+ --bs-form-invalid-color: rgb(234, 133.8, 143.4);
176
+ --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
175
177
  }
176
178
 
177
179
  .clearfix::after {
@@ -182,42 +184,42 @@
182
184
 
183
185
  .text-bg-primary {
184
186
  color: #fff !important;
185
- background-color: RGBA(64, 110, 142, var(--bs-bg-opacity, 1)) !important;
187
+ background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
186
188
  }
187
189
 
188
190
  .text-bg-secondary {
189
191
  color: #fff !important;
190
- background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
192
+ background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
191
193
  }
192
194
 
193
195
  .text-bg-success {
194
196
  color: #000 !important;
195
- background-color: RGBA(82, 168, 82, var(--bs-bg-opacity, 1)) !important;
197
+ background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
196
198
  }
197
199
 
198
200
  .text-bg-info {
199
201
  color: #000 !important;
200
- background-color: RGBA(23, 162, 184, var(--bs-bg-opacity, 1)) !important;
202
+ background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
201
203
  }
202
204
 
203
205
  .text-bg-warning {
204
206
  color: #000 !important;
205
- background-color: RGBA(219, 113, 0, var(--bs-bg-opacity, 1)) !important;
207
+ background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
206
208
  }
207
209
 
208
210
  .text-bg-danger {
209
211
  color: #fff !important;
210
- background-color: RGBA(184, 61, 57, var(--bs-bg-opacity, 1)) !important;
212
+ background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
211
213
  }
212
214
 
213
215
  .text-bg-light {
214
216
  color: #000 !important;
215
- background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
217
+ background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
216
218
  }
217
219
 
218
220
  .text-bg-dark {
219
221
  color: #fff !important;
220
- background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
222
+ background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
221
223
  }
222
224
 
223
225
  .link-primary {
@@ -501,7 +503,7 @@
501
503
  .vr {
502
504
  display: inline-block;
503
505
  align-self: stretch;
504
- width: 1px;
506
+ width: var(--bs-border-width);
505
507
  min-height: 1em;
506
508
  background-color: currentcolor;
507
509
  opacity: 0.25;
@@ -676,15 +678,15 @@
676
678
  }
677
679
 
678
680
  .shadow {
679
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
681
+ box-shadow: var(--bs-box-shadow) !important;
680
682
  }
681
683
 
682
684
  .shadow-sm {
683
- box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
685
+ box-shadow: var(--bs-box-shadow-sm) !important;
684
686
  }
685
687
 
686
688
  .shadow-lg {
687
- box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
689
+ box-shadow: var(--bs-box-shadow-lg) !important;
688
690
  }
689
691
 
690
692
  .shadow-none {
@@ -5407,6 +5409,7 @@ small, .small {
5407
5409
 
5408
5410
  mark, .mark {
5409
5411
  padding: 0.1875em;
5412
+ color: var(--bs-highlight-color);
5410
5413
  background-color: var(--bs-highlight-bg);
5411
5414
  }
5412
5415
 
@@ -5595,8 +5598,8 @@ legend {
5595
5598
  width: 100%;
5596
5599
  padding: 0;
5597
5600
  margin-bottom: 0.5rem;
5598
- font-size: calc(1.275rem + 0.3vw);
5599
5601
  line-height: inherit;
5602
+ font-size: calc(1.275rem + 0.3vw);
5600
5603
  }
5601
5604
  @media (min-width: 1200px) {
5602
5605
  legend {
@@ -5622,8 +5625,8 @@ legend + * {
5622
5625
  }
5623
5626
 
5624
5627
  [type=search] {
5625
- outline-offset: -2px;
5626
5628
  -webkit-appearance: textfield;
5629
+ outline-offset: -2px;
5627
5630
  }
5628
5631
 
5629
5632
  /* rtl:raw:
@@ -5674,9 +5677,9 @@ progress {
5674
5677
  }
5675
5678
 
5676
5679
  .display-1 {
5677
- font-size: calc(1.625rem + 4.5vw);
5678
5680
  font-weight: 300;
5679
5681
  line-height: 1.2;
5682
+ font-size: calc(1.625rem + 4.5vw);
5680
5683
  }
5681
5684
  @media (min-width: 1200px) {
5682
5685
  .display-1 {
@@ -5685,9 +5688,9 @@ progress {
5685
5688
  }
5686
5689
 
5687
5690
  .display-2 {
5688
- font-size: calc(1.575rem + 3.9vw);
5689
5691
  font-weight: 300;
5690
5692
  line-height: 1.2;
5693
+ font-size: calc(1.575rem + 3.9vw);
5691
5694
  }
5692
5695
  @media (min-width: 1200px) {
5693
5696
  .display-2 {
@@ -5696,9 +5699,9 @@ progress {
5696
5699
  }
5697
5700
 
5698
5701
  .display-3 {
5699
- font-size: calc(1.525rem + 3.3vw);
5700
5702
  font-weight: 300;
5701
5703
  line-height: 1.2;
5704
+ font-size: calc(1.525rem + 3.3vw);
5702
5705
  }
5703
5706
  @media (min-width: 1200px) {
5704
5707
  .display-3 {
@@ -5707,9 +5710,9 @@ progress {
5707
5710
  }
5708
5711
 
5709
5712
  .display-4 {
5710
- font-size: calc(1.475rem + 2.7vw);
5711
5713
  font-weight: 300;
5712
5714
  line-height: 1.2;
5715
+ font-size: calc(1.475rem + 2.7vw);
5713
5716
  }
5714
5717
  @media (min-width: 1200px) {
5715
5718
  .display-4 {
@@ -5718,9 +5721,9 @@ progress {
5718
5721
  }
5719
5722
 
5720
5723
  .display-5 {
5721
- font-size: calc(1.425rem + 2.1vw);
5722
5724
  font-weight: 300;
5723
5725
  line-height: 1.2;
5726
+ font-size: calc(1.425rem + 2.1vw);
5724
5727
  }
5725
5728
  @media (min-width: 1200px) {
5726
5729
  .display-5 {
@@ -5729,9 +5732,9 @@ progress {
5729
5732
  }
5730
5733
 
5731
5734
  .display-6 {
5732
- font-size: calc(1.375rem + 1.5vw);
5733
5735
  font-weight: 300;
5734
5736
  line-height: 1.2;
5737
+ font-size: calc(1.375rem + 1.5vw);
5735
5738
  }
5736
5739
  @media (min-width: 1200px) {
5737
5740
  .display-6 {
@@ -5848,7 +5851,7 @@ progress {
5848
5851
  }
5849
5852
 
5850
5853
  .col {
5851
- flex: 1 0 0%;
5854
+ flex: 1 0 0;
5852
5855
  }
5853
5856
 
5854
5857
  .row-cols-auto > * {
@@ -5868,7 +5871,7 @@ progress {
5868
5871
 
5869
5872
  .row-cols-3 > * {
5870
5873
  flex: 0 0 auto;
5871
- width: 33.3333333333%;
5874
+ width: 33.33333333%;
5872
5875
  }
5873
5876
 
5874
5877
  .row-cols-4 > * {
@@ -5883,7 +5886,7 @@ progress {
5883
5886
 
5884
5887
  .row-cols-6 > * {
5885
5888
  flex: 0 0 auto;
5886
- width: 16.6666666667%;
5889
+ width: 16.66666667%;
5887
5890
  }
5888
5891
 
5889
5892
  .col-auto {
@@ -6057,7 +6060,7 @@ progress {
6057
6060
 
6058
6061
  @media (min-width: 576px) {
6059
6062
  .col-sm {
6060
- flex: 1 0 0%;
6063
+ flex: 1 0 0;
6061
6064
  }
6062
6065
  .row-cols-sm-auto > * {
6063
6066
  flex: 0 0 auto;
@@ -6073,7 +6076,7 @@ progress {
6073
6076
  }
6074
6077
  .row-cols-sm-3 > * {
6075
6078
  flex: 0 0 auto;
6076
- width: 33.3333333333%;
6079
+ width: 33.33333333%;
6077
6080
  }
6078
6081
  .row-cols-sm-4 > * {
6079
6082
  flex: 0 0 auto;
@@ -6085,7 +6088,7 @@ progress {
6085
6088
  }
6086
6089
  .row-cols-sm-6 > * {
6087
6090
  flex: 0 0 auto;
6088
- width: 16.6666666667%;
6091
+ width: 16.66666667%;
6089
6092
  }
6090
6093
  .col-sm-auto {
6091
6094
  flex: 0 0 auto;
@@ -6226,7 +6229,7 @@ progress {
6226
6229
  }
6227
6230
  @media (min-width: 768px) {
6228
6231
  .col-md {
6229
- flex: 1 0 0%;
6232
+ flex: 1 0 0;
6230
6233
  }
6231
6234
  .row-cols-md-auto > * {
6232
6235
  flex: 0 0 auto;
@@ -6242,7 +6245,7 @@ progress {
6242
6245
  }
6243
6246
  .row-cols-md-3 > * {
6244
6247
  flex: 0 0 auto;
6245
- width: 33.3333333333%;
6248
+ width: 33.33333333%;
6246
6249
  }
6247
6250
  .row-cols-md-4 > * {
6248
6251
  flex: 0 0 auto;
@@ -6254,7 +6257,7 @@ progress {
6254
6257
  }
6255
6258
  .row-cols-md-6 > * {
6256
6259
  flex: 0 0 auto;
6257
- width: 16.6666666667%;
6260
+ width: 16.66666667%;
6258
6261
  }
6259
6262
  .col-md-auto {
6260
6263
  flex: 0 0 auto;
@@ -6395,7 +6398,7 @@ progress {
6395
6398
  }
6396
6399
  @media (min-width: 992px) {
6397
6400
  .col-lg {
6398
- flex: 1 0 0%;
6401
+ flex: 1 0 0;
6399
6402
  }
6400
6403
  .row-cols-lg-auto > * {
6401
6404
  flex: 0 0 auto;
@@ -6411,7 +6414,7 @@ progress {
6411
6414
  }
6412
6415
  .row-cols-lg-3 > * {
6413
6416
  flex: 0 0 auto;
6414
- width: 33.3333333333%;
6417
+ width: 33.33333333%;
6415
6418
  }
6416
6419
  .row-cols-lg-4 > * {
6417
6420
  flex: 0 0 auto;
@@ -6423,7 +6426,7 @@ progress {
6423
6426
  }
6424
6427
  .row-cols-lg-6 > * {
6425
6428
  flex: 0 0 auto;
6426
- width: 16.6666666667%;
6429
+ width: 16.66666667%;
6427
6430
  }
6428
6431
  .col-lg-auto {
6429
6432
  flex: 0 0 auto;
@@ -6564,7 +6567,7 @@ progress {
6564
6567
  }
6565
6568
  @media (min-width: 1200px) {
6566
6569
  .col-xl {
6567
- flex: 1 0 0%;
6570
+ flex: 1 0 0;
6568
6571
  }
6569
6572
  .row-cols-xl-auto > * {
6570
6573
  flex: 0 0 auto;
@@ -6580,7 +6583,7 @@ progress {
6580
6583
  }
6581
6584
  .row-cols-xl-3 > * {
6582
6585
  flex: 0 0 auto;
6583
- width: 33.3333333333%;
6586
+ width: 33.33333333%;
6584
6587
  }
6585
6588
  .row-cols-xl-4 > * {
6586
6589
  flex: 0 0 auto;
@@ -6592,7 +6595,7 @@ progress {
6592
6595
  }
6593
6596
  .row-cols-xl-6 > * {
6594
6597
  flex: 0 0 auto;
6595
- width: 16.6666666667%;
6598
+ width: 16.66666667%;
6596
6599
  }
6597
6600
  .col-xl-auto {
6598
6601
  flex: 0 0 auto;
@@ -6733,7 +6736,7 @@ progress {
6733
6736
  }
6734
6737
  @media (min-width: 1400px) {
6735
6738
  .col-xxl {
6736
- flex: 1 0 0%;
6739
+ flex: 1 0 0;
6737
6740
  }
6738
6741
  .row-cols-xxl-auto > * {
6739
6742
  flex: 0 0 auto;
@@ -6749,7 +6752,7 @@ progress {
6749
6752
  }
6750
6753
  .row-cols-xxl-3 > * {
6751
6754
  flex: 0 0 auto;
6752
- width: 33.3333333333%;
6755
+ width: 33.33333333%;
6753
6756
  }
6754
6757
  .row-cols-xxl-4 > * {
6755
6758
  flex: 0 0 auto;
@@ -6761,7 +6764,7 @@ progress {
6761
6764
  }
6762
6765
  .row-cols-xxl-6 > * {
6763
6766
  flex: 0 0 auto;
6764
- width: 16.6666666667%;
6767
+ width: 16.66666667%;
6765
6768
  }
6766
6769
  .col-xxl-auto {
6767
6770
  flex: 0 0 auto;
@@ -6905,16 +6908,16 @@ progress {
6905
6908
  --bs-table-bg-type: initial;
6906
6909
  --bs-table-color-state: initial;
6907
6910
  --bs-table-bg-state: initial;
6908
- --bs-table-color: var(--bs-body-color);
6911
+ --bs-table-color: var(--bs-emphasis-color);
6909
6912
  --bs-table-bg: white;
6910
6913
  --bs-table-border-color: var(--bs-border-color);
6911
6914
  --bs-table-accent-bg: transparent;
6912
- --bs-table-striped-color: var(--bs-body-color);
6913
- --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
6914
- --bs-table-active-color: var(--bs-body-color);
6915
- --bs-table-active-bg: rgba(0, 0, 0, 0.1);
6916
- --bs-table-hover-color: var(--bs-body-color);
6917
- --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
6915
+ --bs-table-striped-color: var(--bs-emphasis-color);
6916
+ --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
6917
+ --bs-table-active-color: var(--bs-emphasis-color);
6918
+ --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
6919
+ --bs-table-hover-color: var(--bs-emphasis-color);
6920
+ --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
6918
6921
  width: 100%;
6919
6922
  margin-bottom: 1rem;
6920
6923
  vertical-align: top;
@@ -6982,13 +6985,13 @@ progress {
6982
6985
 
6983
6986
  .table-primary {
6984
6987
  --bs-table-color: #000;
6985
- --bs-table-bg: #d9e2e8;
6986
- --bs-table-border-color: #c3cbd1;
6987
- --bs-table-striped-bg: #ced7dc;
6988
+ --bs-table-bg: rgb(216.8, 226, 232.4);
6989
+ --bs-table-border-color: rgb(173.44, 180.8, 185.92);
6990
+ --bs-table-striped-bg: rgb(205.96, 214.7, 220.78);
6988
6991
  --bs-table-striped-color: #000;
6989
- --bs-table-active-bg: #c3cbd1;
6992
+ --bs-table-active-bg: rgb(195.12, 203.4, 209.16);
6990
6993
  --bs-table-active-color: #000;
6991
- --bs-table-hover-bg: #c9d1d7;
6994
+ --bs-table-hover-bg: rgb(200.54, 209.05, 214.97);
6992
6995
  --bs-table-hover-color: #000;
6993
6996
  color: var(--bs-table-color);
6994
6997
  border-color: var(--bs-table-border-color);
@@ -6996,13 +6999,13 @@ progress {
6996
6999
 
6997
7000
  .table-secondary {
6998
7001
  --bs-table-color: #000;
6999
- --bs-table-bg: #e2e3e5;
7000
- --bs-table-border-color: #cbccce;
7001
- --bs-table-striped-bg: #d7d8da;
7002
+ --bs-table-bg: rgb(225.6, 227.4, 229);
7003
+ --bs-table-border-color: rgb(180.48, 181.92, 183.2);
7004
+ --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
7002
7005
  --bs-table-striped-color: #000;
7003
- --bs-table-active-bg: #cbccce;
7006
+ --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
7004
7007
  --bs-table-active-color: #000;
7005
- --bs-table-hover-bg: #d1d2d4;
7008
+ --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
7006
7009
  --bs-table-hover-color: #000;
7007
7010
  color: var(--bs-table-color);
7008
7011
  border-color: var(--bs-table-border-color);
@@ -7010,13 +7013,13 @@ progress {
7010
7013
 
7011
7014
  .table-success {
7012
7015
  --bs-table-color: #000;
7013
- --bs-table-bg: #dceedc;
7014
- --bs-table-border-color: #c6d6c6;
7015
- --bs-table-striped-bg: #d1e2d1;
7016
+ --bs-table-bg: rgb(220.4, 237.6, 220.4);
7017
+ --bs-table-border-color: rgb(176.32, 190.08, 176.32);
7018
+ --bs-table-striped-bg: rgb(209.38, 225.72, 209.38);
7016
7019
  --bs-table-striped-color: #000;
7017
- --bs-table-active-bg: #c6d6c6;
7020
+ --bs-table-active-bg: rgb(198.36, 213.84, 198.36);
7018
7021
  --bs-table-active-color: #000;
7019
- --bs-table-hover-bg: #ccdccc;
7022
+ --bs-table-hover-bg: rgb(203.87, 219.78, 203.87);
7020
7023
  --bs-table-hover-color: #000;
7021
7024
  color: var(--bs-table-color);
7022
7025
  border-color: var(--bs-table-border-color);
@@ -7024,13 +7027,13 @@ progress {
7024
7027
 
7025
7028
  .table-info {
7026
7029
  --bs-table-color: #000;
7027
- --bs-table-bg: #d1ecf1;
7028
- --bs-table-border-color: #bcd4d9;
7029
- --bs-table-striped-bg: #c7e0e5;
7030
+ --bs-table-bg: rgb(208.6, 236.4, 240.8);
7031
+ --bs-table-border-color: rgb(166.88, 189.12, 192.64);
7032
+ --bs-table-striped-bg: rgb(198.17, 224.58, 228.76);
7030
7033
  --bs-table-striped-color: #000;
7031
- --bs-table-active-bg: #bcd4d9;
7034
+ --bs-table-active-bg: rgb(187.74, 212.76, 216.72);
7032
7035
  --bs-table-active-color: #000;
7033
- --bs-table-hover-bg: #c1dadf;
7036
+ --bs-table-hover-bg: rgb(192.955, 218.67, 222.74);
7034
7037
  --bs-table-hover-color: #000;
7035
7038
  color: var(--bs-table-color);
7036
7039
  border-color: var(--bs-table-border-color);
@@ -7038,13 +7041,13 @@ progress {
7038
7041
 
7039
7042
  .table-warning {
7040
7043
  --bs-table-color: #000;
7041
- --bs-table-bg: #f8e3cc;
7042
- --bs-table-border-color: #dfccb8;
7043
- --bs-table-striped-bg: #ecd8c2;
7044
+ --bs-table-bg: rgb(247.8, 226.6, 204);
7045
+ --bs-table-border-color: rgb(198.24, 181.28, 163.2);
7046
+ --bs-table-striped-bg: rgb(235.41, 215.27, 193.8);
7044
7047
  --bs-table-striped-color: #000;
7045
- --bs-table-active-bg: #dfccb8;
7048
+ --bs-table-active-bg: rgb(223.02, 203.94, 183.6);
7046
7049
  --bs-table-active-color: #000;
7047
- --bs-table-hover-bg: #e5d2bd;
7050
+ --bs-table-hover-bg: rgb(229.215, 209.605, 188.7);
7048
7051
  --bs-table-hover-color: #000;
7049
7052
  color: var(--bs-table-color);
7050
7053
  border-color: var(--bs-table-border-color);
@@ -7052,13 +7055,13 @@ progress {
7052
7055
 
7053
7056
  .table-danger {
7054
7057
  --bs-table-color: #000;
7055
- --bs-table-bg: #f1d8d7;
7056
- --bs-table-border-color: #d9c2c2;
7057
- --bs-table-striped-bg: #e5cdcc;
7058
+ --bs-table-bg: rgb(240.8, 216.2, 215.4);
7059
+ --bs-table-border-color: rgb(192.64, 172.96, 172.32);
7060
+ --bs-table-striped-bg: rgb(228.76, 205.39, 204.63);
7058
7061
  --bs-table-striped-color: #000;
7059
- --bs-table-active-bg: #d9c2c2;
7062
+ --bs-table-active-bg: rgb(216.72, 194.58, 193.86);
7060
7063
  --bs-table-active-color: #000;
7061
- --bs-table-hover-bg: #dfc8c7;
7064
+ --bs-table-hover-bg: rgb(222.74, 199.985, 199.245);
7062
7065
  --bs-table-hover-color: #000;
7063
7066
  color: var(--bs-table-color);
7064
7067
  border-color: var(--bs-table-border-color);
@@ -7067,12 +7070,12 @@ progress {
7067
7070
  .table-light {
7068
7071
  --bs-table-color: #000;
7069
7072
  --bs-table-bg: #f8f9fa;
7070
- --bs-table-border-color: #dfe0e1;
7071
- --bs-table-striped-bg: #ecedee;
7073
+ --bs-table-border-color: rgb(198.4, 199.2, 200);
7074
+ --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
7072
7075
  --bs-table-striped-color: #000;
7073
- --bs-table-active-bg: #dfe0e1;
7076
+ --bs-table-active-bg: rgb(223.2, 224.1, 225);
7074
7077
  --bs-table-active-color: #000;
7075
- --bs-table-hover-bg: #e5e6e7;
7078
+ --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
7076
7079
  --bs-table-hover-color: #000;
7077
7080
  color: var(--bs-table-color);
7078
7081
  border-color: var(--bs-table-border-color);
@@ -7081,12 +7084,12 @@ progress {
7081
7084
  .table-dark {
7082
7085
  --bs-table-color: #fff;
7083
7086
  --bs-table-bg: #212529;
7084
- --bs-table-border-color: #373b3e;
7085
- --bs-table-striped-bg: #2c3034;
7087
+ --bs-table-border-color: rgb(77.4, 80.6, 83.8);
7088
+ --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
7086
7089
  --bs-table-striped-color: #fff;
7087
- --bs-table-active-bg: #373b3e;
7090
+ --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
7088
7091
  --bs-table-active-color: #fff;
7089
- --bs-table-hover-bg: #323539;
7092
+ --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
7090
7093
  --bs-table-hover-color: #fff;
7091
7094
  color: var(--bs-table-color);
7092
7095
  border-color: var(--bs-table-border-color);
@@ -7165,10 +7168,10 @@ progress {
7165
7168
  font-weight: 400;
7166
7169
  line-height: 1.5;
7167
7170
  color: var(--bs-body-color);
7171
+ appearance: none;
7168
7172
  background-color: white;
7169
7173
  background-clip: padding-box;
7170
7174
  border: var(--bs-border-width) solid var(--bs-border-color);
7171
- appearance: none;
7172
7175
  border-radius: var(--bs-border-radius);
7173
7176
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
7174
7177
  }
@@ -7186,7 +7189,7 @@ progress {
7186
7189
  .form-control:focus {
7187
7190
  color: var(--bs-body-color);
7188
7191
  background-color: white;
7189
- border-color: #a0b7c7;
7192
+ border-color: rgb(159.5, 182.5, 198.5);
7190
7193
  outline: 0;
7191
7194
  box-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
7192
7195
  }
@@ -7315,6 +7318,7 @@ textarea.form-control-lg {
7315
7318
  font-weight: 400;
7316
7319
  line-height: 1.5;
7317
7320
  color: var(--bs-body-color);
7321
+ appearance: none;
7318
7322
  background-color: white;
7319
7323
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
7320
7324
  background-repeat: no-repeat;
@@ -7323,7 +7327,6 @@ textarea.form-control-lg {
7323
7327
  border: var(--bs-border-width) solid var(--bs-border-color);
7324
7328
  border-radius: var(--bs-border-radius);
7325
7329
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
7326
- appearance: none;
7327
7330
  }
7328
7331
  @media (prefers-reduced-motion: reduce) {
7329
7332
  .form-select {
@@ -7331,7 +7334,7 @@ textarea.form-control-lg {
7331
7334
  }
7332
7335
  }
7333
7336
  .form-select:focus {
7334
- border-color: #a0b7c7;
7337
+ border-color: rgb(159.5, 182.5, 198.5);
7335
7338
  outline: 0;
7336
7339
  box-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
7337
7340
  }
@@ -7364,7 +7367,7 @@ textarea.form-control-lg {
7364
7367
  }
7365
7368
 
7366
7369
  [data-bs-theme=dark] .form-select {
7367
- --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
7370
+ --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
7368
7371
  }
7369
7372
 
7370
7373
  .form-check {
@@ -7391,17 +7394,18 @@ textarea.form-control-lg {
7391
7394
 
7392
7395
  .form-check-input {
7393
7396
  --bs-form-check-bg: white;
7397
+ flex-shrink: 0;
7394
7398
  width: 1em;
7395
7399
  height: 1em;
7396
7400
  margin-top: 0.25em;
7397
7401
  vertical-align: top;
7402
+ appearance: none;
7398
7403
  background-color: var(--bs-form-check-bg);
7399
7404
  background-image: var(--bs-form-check-bg-image);
7400
7405
  background-repeat: no-repeat;
7401
7406
  background-position: center;
7402
7407
  background-size: contain;
7403
7408
  border: var(--bs-border-width) solid var(--bs-border-color);
7404
- appearance: none;
7405
7409
  print-color-adjust: exact;
7406
7410
  }
7407
7411
  .form-check-input[type=checkbox] {
@@ -7414,7 +7418,7 @@ textarea.form-control-lg {
7414
7418
  filter: brightness(90%);
7415
7419
  }
7416
7420
  .form-check-input:focus {
7417
- border-color: #a0b7c7;
7421
+ border-color: rgb(159.5, 182.5, 198.5);
7418
7422
  outline: 0;
7419
7423
  box-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
7420
7424
  }
@@ -7461,7 +7465,7 @@ textarea.form-control-lg {
7461
7465
  }
7462
7466
  }
7463
7467
  .form-switch .form-check-input:focus {
7464
- --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='%23a0b7c7'/%3e%3c/svg%3e");
7468
+ --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%28159.5, 182.5, 198.5%29'/%3e%3c/svg%3e");
7465
7469
  }
7466
7470
  .form-switch .form-check-input:checked {
7467
7471
  background-position: right center;
@@ -7500,8 +7504,8 @@ textarea.form-control-lg {
7500
7504
  width: 100%;
7501
7505
  height: 1.5rem;
7502
7506
  padding: 0;
7503
- background-color: transparent;
7504
7507
  appearance: none;
7508
+ background-color: transparent;
7505
7509
  }
7506
7510
  .form-range:focus {
7507
7511
  outline: 0;
@@ -7519,11 +7523,11 @@ textarea.form-control-lg {
7519
7523
  width: 1rem;
7520
7524
  height: 1rem;
7521
7525
  margin-top: -0.25rem;
7526
+ appearance: none;
7522
7527
  background-color: #406e8e;
7523
7528
  border: 0;
7524
7529
  border-radius: 1rem;
7525
7530
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
7526
- appearance: none;
7527
7531
  }
7528
7532
  @media (prefers-reduced-motion: reduce) {
7529
7533
  .form-range::-webkit-slider-thumb {
@@ -7531,25 +7535,25 @@ textarea.form-control-lg {
7531
7535
  }
7532
7536
  }
7533
7537
  .form-range::-webkit-slider-thumb:active {
7534
- background-color: #c6d4dd;
7538
+ background-color: rgb(197.7, 211.5, 221.1);
7535
7539
  }
7536
7540
  .form-range::-webkit-slider-runnable-track {
7537
7541
  width: 100%;
7538
7542
  height: 0.5rem;
7539
7543
  color: transparent;
7540
7544
  cursor: pointer;
7541
- background-color: var(--bs-tertiary-bg);
7545
+ background-color: var(--bs-secondary-bg);
7542
7546
  border-color: transparent;
7543
7547
  border-radius: 1rem;
7544
7548
  }
7545
7549
  .form-range::-moz-range-thumb {
7546
7550
  width: 1rem;
7547
7551
  height: 1rem;
7552
+ appearance: none;
7548
7553
  background-color: #406e8e;
7549
7554
  border: 0;
7550
7555
  border-radius: 1rem;
7551
7556
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
7552
- appearance: none;
7553
7557
  }
7554
7558
  @media (prefers-reduced-motion: reduce) {
7555
7559
  .form-range::-moz-range-thumb {
@@ -7557,14 +7561,14 @@ textarea.form-control-lg {
7557
7561
  }
7558
7562
  }
7559
7563
  .form-range::-moz-range-thumb:active {
7560
- background-color: #c6d4dd;
7564
+ background-color: rgb(197.7, 211.5, 221.1);
7561
7565
  }
7562
7566
  .form-range::-moz-range-track {
7563
7567
  width: 100%;
7564
7568
  height: 0.5rem;
7565
7569
  color: transparent;
7566
7570
  cursor: pointer;
7567
- background-color: var(--bs-tertiary-bg);
7571
+ background-color: var(--bs-secondary-bg);
7568
7572
  border-color: transparent;
7569
7573
  border-radius: 1rem;
7570
7574
  }
@@ -7593,9 +7597,11 @@ textarea.form-control-lg {
7593
7597
  top: 0;
7594
7598
  left: 0;
7595
7599
  z-index: 2;
7600
+ max-width: 100%;
7596
7601
  height: 100%;
7597
7602
  padding: 1rem 0.5rem;
7598
7603
  overflow: hidden;
7604
+ color: rgba(var(--bs-body-color-rgb), 0.65);
7599
7605
  text-align: start;
7600
7606
  text-overflow: ellipsis;
7601
7607
  white-space: nowrap;
@@ -7631,18 +7637,19 @@ textarea.form-control-lg {
7631
7637
  .form-floating > .form-select {
7632
7638
  padding-top: 1.625rem;
7633
7639
  padding-bottom: 0.625rem;
7640
+ padding-left: 0.5rem;
7634
7641
  }
7635
7642
  .form-floating > .form-control:focus ~ label,
7636
7643
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
7637
7644
  .form-floating > .form-control-plaintext ~ label,
7638
7645
  .form-floating > .form-select ~ label {
7639
- color: rgba(var(--bs-body-color-rgb), 0.65);
7640
7646
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
7641
7647
  }
7642
- .form-floating > .form-control:focus ~ label::after,
7643
- .form-floating > .form-control:not(:placeholder-shown) ~ label::after,
7644
- .form-floating > .form-control-plaintext ~ label::after,
7645
- .form-floating > .form-select ~ label::after {
7648
+ .form-floating > .form-control:-webkit-autofill ~ label {
7649
+ transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
7650
+ }
7651
+ .form-floating > textarea:focus ~ label::after,
7652
+ .form-floating > textarea:not(:placeholder-shown) ~ label::after {
7646
7653
  position: absolute;
7647
7654
  inset: 1rem 0.25rem;
7648
7655
  z-index: -1;
@@ -7651,19 +7658,16 @@ textarea.form-control-lg {
7651
7658
  background-color: white;
7652
7659
  border-radius: var(--bs-border-radius);
7653
7660
  }
7654
- .form-floating > .form-control:-webkit-autofill ~ label {
7655
- color: rgba(var(--bs-body-color-rgb), 0.65);
7656
- transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
7661
+ .form-floating > textarea:disabled ~ label::after {
7662
+ background-color: var(--bs-secondary-bg);
7657
7663
  }
7658
7664
  .form-floating > .form-control-plaintext ~ label {
7659
7665
  border-width: var(--bs-border-width) 0;
7660
7666
  }
7661
- .form-floating > :disabled ~ label {
7667
+ .form-floating > :disabled ~ label,
7668
+ .form-floating > .form-control:disabled ~ label {
7662
7669
  color: #6c757d;
7663
7670
  }
7664
- .form-floating > :disabled ~ label::after {
7665
- background-color: var(--bs-secondary-bg);
7666
- }
7667
7671
 
7668
7672
  .input-group {
7669
7673
  position: relative;
@@ -7746,7 +7750,7 @@ textarea.form-control-lg {
7746
7750
  border-bottom-right-radius: 0;
7747
7751
  }
7748
7752
  .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
7749
- margin-left: calc(var(--bs-border-width) * -1);
7753
+ margin-left: calc(-1 * var(--bs-border-width));
7750
7754
  border-top-left-radius: 0;
7751
7755
  border-bottom-left-radius: 0;
7752
7756
  }
@@ -7788,7 +7792,7 @@ textarea.form-control-lg {
7788
7792
  .was-validated .form-control:valid, .form-control.is-valid {
7789
7793
  border-color: var(--bs-form-valid-border-color);
7790
7794
  padding-right: calc(1.5em + 0.75rem);
7791
- background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2352a852' 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");
7795
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2352a852' 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");
7792
7796
  background-repeat: no-repeat;
7793
7797
  background-position: right calc(0.375em + 0.1875rem) center;
7794
7798
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -7807,7 +7811,7 @@ textarea.form-control-lg {
7807
7811
  border-color: var(--bs-form-valid-border-color);
7808
7812
  }
7809
7813
  .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"] {
7810
- --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='%2352a852' 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");
7814
+ --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='%2352a852' 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");
7811
7815
  padding-right: 2.75rem;
7812
7816
  background-position: right 0.5rem center, center right 1.5rem;
7813
7817
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
@@ -8041,6 +8045,9 @@ textarea.form-control-lg {
8041
8045
  .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
8042
8046
  box-shadow: var(--bs-btn-focus-box-shadow);
8043
8047
  }
8048
+ .btn-check:checked:focus-visible + .btn {
8049
+ box-shadow: var(--bs-btn-focus-box-shadow);
8050
+ }
8044
8051
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
8045
8052
  color: var(--bs-btn-disabled-color);
8046
8053
  pointer-events: none;
@@ -8054,12 +8061,12 @@ textarea.form-control-lg {
8054
8061
  --bs-btn-bg: #406e8e;
8055
8062
  --bs-btn-border-color: #406e8e;
8056
8063
  --bs-btn-hover-color: #fff;
8057
- --bs-btn-hover-bg: #365e79;
8058
- --bs-btn-hover-border-color: #335872;
8064
+ --bs-btn-hover-bg: rgb(54.4, 93.5, 120.7);
8065
+ --bs-btn-hover-border-color: rgb(51.2, 88, 113.6);
8059
8066
  --bs-btn-focus-shadow-rgb: 93, 132, 159;
8060
8067
  --bs-btn-active-color: #fff;
8061
- --bs-btn-active-bg: #335872;
8062
- --bs-btn-active-border-color: #30536b;
8068
+ --bs-btn-active-bg: rgb(51.2, 88, 113.6);
8069
+ --bs-btn-active-border-color: rgb(48, 82.5, 106.5);
8063
8070
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
8064
8071
  --bs-btn-disabled-color: #fff;
8065
8072
  --bs-btn-disabled-bg: #406e8e;
@@ -8071,12 +8078,12 @@ textarea.form-control-lg {
8071
8078
  --bs-btn-bg: #6c757d;
8072
8079
  --bs-btn-border-color: #6c757d;
8073
8080
  --bs-btn-hover-color: #fff;
8074
- --bs-btn-hover-bg: #5c636a;
8075
- --bs-btn-hover-border-color: #565e64;
8081
+ --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
8082
+ --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
8076
8083
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
8077
8084
  --bs-btn-active-color: #fff;
8078
- --bs-btn-active-bg: #565e64;
8079
- --bs-btn-active-border-color: #51585e;
8085
+ --bs-btn-active-bg: rgb(86.4, 93.6, 100);
8086
+ --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
8080
8087
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
8081
8088
  --bs-btn-disabled-color: #fff;
8082
8089
  --bs-btn-disabled-bg: #6c757d;
@@ -8088,12 +8095,12 @@ textarea.form-control-lg {
8088
8095
  --bs-btn-bg: #52a852;
8089
8096
  --bs-btn-border-color: #52a852;
8090
8097
  --bs-btn-hover-color: #000;
8091
- --bs-btn-hover-bg: #6cb56c;
8092
- --bs-btn-hover-border-color: #63b163;
8098
+ --bs-btn-hover-bg: rgb(107.95, 181.05, 107.95);
8099
+ --bs-btn-hover-border-color: rgb(99.3, 176.7, 99.3);
8093
8100
  --bs-btn-focus-shadow-rgb: 70, 143, 70;
8094
8101
  --bs-btn-active-color: #000;
8095
- --bs-btn-active-bg: #75b975;
8096
- --bs-btn-active-border-color: #63b163;
8102
+ --bs-btn-active-bg: rgb(116.6, 185.4, 116.6);
8103
+ --bs-btn-active-border-color: rgb(99.3, 176.7, 99.3);
8097
8104
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
8098
8105
  --bs-btn-disabled-color: #000;
8099
8106
  --bs-btn-disabled-bg: #52a852;
@@ -8105,12 +8112,12 @@ textarea.form-control-lg {
8105
8112
  --bs-btn-bg: #17a2b8;
8106
8113
  --bs-btn-border-color: #17a2b8;
8107
8114
  --bs-btn-hover-color: #000;
8108
- --bs-btn-hover-bg: #3ab0c3;
8109
- --bs-btn-hover-border-color: #2eabbf;
8115
+ --bs-btn-hover-bg: rgb(57.8, 175.95, 194.65);
8116
+ --bs-btn-hover-border-color: rgb(46.2, 171.3, 191.1);
8110
8117
  --bs-btn-focus-shadow-rgb: 20, 138, 156;
8111
8118
  --bs-btn-active-color: #000;
8112
- --bs-btn-active-bg: #45b5c6;
8113
- --bs-btn-active-border-color: #2eabbf;
8119
+ --bs-btn-active-bg: rgb(69.4, 180.6, 198.2);
8120
+ --bs-btn-active-border-color: rgb(46.2, 171.3, 191.1);
8114
8121
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
8115
8122
  --bs-btn-disabled-color: #000;
8116
8123
  --bs-btn-disabled-bg: #17a2b8;
@@ -8122,12 +8129,12 @@ textarea.form-control-lg {
8122
8129
  --bs-btn-bg: #db7100;
8123
8130
  --bs-btn-border-color: #db7100;
8124
8131
  --bs-btn-hover-color: #000;
8125
- --bs-btn-hover-bg: #e08626;
8126
- --bs-btn-hover-border-color: #df7f1a;
8132
+ --bs-btn-hover-bg: rgb(224.4, 134.3, 38.25);
8133
+ --bs-btn-hover-border-color: rgb(222.6, 127.2, 25.5);
8127
8134
  --bs-btn-focus-shadow-rgb: 186, 96, 0;
8128
8135
  --bs-btn-active-color: #000;
8129
- --bs-btn-active-bg: #e28d33;
8130
- --bs-btn-active-border-color: #df7f1a;
8136
+ --bs-btn-active-bg: rgb(226.2, 141.4, 51);
8137
+ --bs-btn-active-border-color: rgb(222.6, 127.2, 25.5);
8131
8138
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
8132
8139
  --bs-btn-disabled-color: #000;
8133
8140
  --bs-btn-disabled-bg: #db7100;
@@ -8139,12 +8146,12 @@ textarea.form-control-lg {
8139
8146
  --bs-btn-bg: #b83d39;
8140
8147
  --bs-btn-border-color: #b83d39;
8141
8148
  --bs-btn-hover-color: #fff;
8142
- --bs-btn-hover-bg: #9c3430;
8143
- --bs-btn-hover-border-color: #93312e;
8149
+ --bs-btn-hover-bg: rgb(156.4, 51.85, 48.45);
8150
+ --bs-btn-hover-border-color: rgb(147.2, 48.8, 45.6);
8144
8151
  --bs-btn-focus-shadow-rgb: 195, 90, 87;
8145
8152
  --bs-btn-active-color: #fff;
8146
- --bs-btn-active-bg: #93312e;
8147
- --bs-btn-active-border-color: #8a2e2b;
8153
+ --bs-btn-active-bg: rgb(147.2, 48.8, 45.6);
8154
+ --bs-btn-active-border-color: rgb(138, 45.75, 42.75);
8148
8155
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
8149
8156
  --bs-btn-disabled-color: #fff;
8150
8157
  --bs-btn-disabled-bg: #b83d39;
@@ -8156,12 +8163,12 @@ textarea.form-control-lg {
8156
8163
  --bs-btn-bg: #f8f9fa;
8157
8164
  --bs-btn-border-color: #f8f9fa;
8158
8165
  --bs-btn-hover-color: #000;
8159
- --bs-btn-hover-bg: #d3d4d5;
8160
- --bs-btn-hover-border-color: #c6c7c8;
8166
+ --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
8167
+ --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
8161
8168
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
8162
8169
  --bs-btn-active-color: #000;
8163
- --bs-btn-active-bg: #c6c7c8;
8164
- --bs-btn-active-border-color: #babbbc;
8170
+ --bs-btn-active-bg: rgb(198.4, 199.2, 200);
8171
+ --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
8165
8172
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
8166
8173
  --bs-btn-disabled-color: #000;
8167
8174
  --bs-btn-disabled-bg: #f8f9fa;
@@ -8173,12 +8180,12 @@ textarea.form-control-lg {
8173
8180
  --bs-btn-bg: #212529;
8174
8181
  --bs-btn-border-color: #212529;
8175
8182
  --bs-btn-hover-color: #fff;
8176
- --bs-btn-hover-bg: #424649;
8177
- --bs-btn-hover-border-color: #373b3e;
8183
+ --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
8184
+ --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
8178
8185
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
8179
8186
  --bs-btn-active-color: #fff;
8180
- --bs-btn-active-bg: #4d5154;
8181
- --bs-btn-active-border-color: #373b3e;
8187
+ --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
8188
+ --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
8182
8189
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
8183
8190
  --bs-btn-disabled-color: #fff;
8184
8191
  --bs-btn-disabled-bg: #212529;
@@ -8391,14 +8398,14 @@ textarea.form-control-lg {
8391
8398
  --bs-dropdown-spacer: 0.125rem;
8392
8399
  --bs-dropdown-font-size: 1rem;
8393
8400
  --bs-dropdown-color: var(--bs-body-color);
8394
- --bs-dropdown-bg: white;
8401
+ --bs-dropdown-bg: var(--bs-body-bg);
8395
8402
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
8396
8403
  --bs-dropdown-border-radius: var(--bs-border-radius);
8397
8404
  --bs-dropdown-border-width: var(--bs-border-width);
8398
8405
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
8399
8406
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
8400
8407
  --bs-dropdown-divider-margin-y: 0.5rem;
8401
- --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
8408
+ --bs-dropdown-box-shadow: var(--bs-box-shadow);
8402
8409
  --bs-dropdown-link-color: var(--bs-body-color);
8403
8410
  --bs-dropdown-link-hover-color: var(--bs-body-color);
8404
8411
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
@@ -8714,7 +8721,7 @@ textarea.form-control-lg {
8714
8721
  }
8715
8722
  .btn-group > :not(.btn-check:first-child) + .btn,
8716
8723
  .btn-group > .btn-group:not(:first-child) {
8717
- margin-left: calc(var(--bs-border-width) * -1);
8724
+ margin-left: calc(-1 * var(--bs-border-width));
8718
8725
  }
8719
8726
  .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
8720
8727
  .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -8761,164 +8768,20 @@ textarea.form-control-lg {
8761
8768
  }
8762
8769
  .btn-group-vertical > .btn:not(:first-child),
8763
8770
  .btn-group-vertical > .btn-group:not(:first-child) {
8764
- margin-top: calc(var(--bs-border-width) * -1);
8771
+ margin-top: calc(-1 * var(--bs-border-width));
8765
8772
  }
8766
8773
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
8767
8774
  .btn-group-vertical > .btn-group:not(:last-child) > .btn {
8768
8775
  border-bottom-right-radius: 0;
8769
8776
  border-bottom-left-radius: 0;
8770
8777
  }
8771
- .btn-group-vertical > .btn ~ .btn,
8778
+ .btn-group-vertical > .btn:nth-child(n+3),
8779
+ .btn-group-vertical > :not(.btn-check) + .btn,
8772
8780
  .btn-group-vertical > .btn-group:not(:first-child) > .btn {
8773
8781
  border-top-left-radius: 0;
8774
8782
  border-top-right-radius: 0;
8775
8783
  }
8776
8784
 
8777
- .nav {
8778
- --bs-nav-link-padding-x: 1rem;
8779
- --bs-nav-link-padding-y: 0.5rem;
8780
- --bs-nav-link-font-weight: ;
8781
- --bs-nav-link-color: var(--bs-link-color);
8782
- --bs-nav-link-hover-color: var(--bs-link-hover-color);
8783
- --bs-nav-link-disabled-color: var(--bs-secondary-color);
8784
- display: flex;
8785
- flex-wrap: wrap;
8786
- padding-left: 0;
8787
- margin-bottom: 0;
8788
- list-style: none;
8789
- }
8790
-
8791
- .nav-link {
8792
- display: block;
8793
- padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
8794
- font-size: var(--bs-nav-link-font-size);
8795
- font-weight: var(--bs-nav-link-font-weight);
8796
- color: var(--bs-nav-link-color);
8797
- text-decoration: none;
8798
- background: none;
8799
- border: 0;
8800
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
8801
- }
8802
- @media (prefers-reduced-motion: reduce) {
8803
- .nav-link {
8804
- transition: none;
8805
- }
8806
- }
8807
- .nav-link:hover, .nav-link:focus {
8808
- color: var(--bs-nav-link-hover-color);
8809
- }
8810
- .nav-link:focus-visible {
8811
- outline: 0;
8812
- box-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
8813
- }
8814
- .nav-link.disabled {
8815
- color: var(--bs-nav-link-disabled-color);
8816
- pointer-events: none;
8817
- cursor: default;
8818
- }
8819
-
8820
- .nav-tabs {
8821
- --bs-nav-tabs-border-width: var(--bs-border-width);
8822
- --bs-nav-tabs-border-color: var(--bs-border-color);
8823
- --bs-nav-tabs-border-radius: var(--bs-border-radius);
8824
- --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
8825
- --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
8826
- --bs-nav-tabs-link-active-bg: white;
8827
- --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) white;
8828
- border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
8829
- }
8830
- .nav-tabs .nav-link {
8831
- margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
8832
- border: var(--bs-nav-tabs-border-width) solid transparent;
8833
- border-top-left-radius: var(--bs-nav-tabs-border-radius);
8834
- border-top-right-radius: var(--bs-nav-tabs-border-radius);
8835
- }
8836
- .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
8837
- isolation: isolate;
8838
- border-color: var(--bs-nav-tabs-link-hover-border-color);
8839
- }
8840
- .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
8841
- color: var(--bs-nav-link-disabled-color);
8842
- background-color: transparent;
8843
- border-color: transparent;
8844
- }
8845
- .nav-tabs .nav-link.active,
8846
- .nav-tabs .nav-item.show .nav-link {
8847
- color: var(--bs-nav-tabs-link-active-color);
8848
- background-color: var(--bs-nav-tabs-link-active-bg);
8849
- border-color: var(--bs-nav-tabs-link-active-border-color);
8850
- }
8851
- .nav-tabs .dropdown-menu {
8852
- margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
8853
- border-top-left-radius: 0;
8854
- border-top-right-radius: 0;
8855
- }
8856
-
8857
- .nav-pills {
8858
- --bs-nav-pills-border-radius: var(--bs-border-radius);
8859
- --bs-nav-pills-link-active-color: #fff;
8860
- --bs-nav-pills-link-active-bg: #406e8e;
8861
- }
8862
- .nav-pills .nav-link {
8863
- border-radius: var(--bs-nav-pills-border-radius);
8864
- }
8865
- .nav-pills .nav-link:disabled {
8866
- color: var(--bs-nav-link-disabled-color);
8867
- background-color: transparent;
8868
- border-color: transparent;
8869
- }
8870
- .nav-pills .nav-link.active,
8871
- .nav-pills .show > .nav-link {
8872
- color: var(--bs-nav-pills-link-active-color);
8873
- background-color: var(--bs-nav-pills-link-active-bg);
8874
- }
8875
-
8876
- .nav-underline {
8877
- --bs-nav-underline-gap: 1rem;
8878
- --bs-nav-underline-border-width: 0.125rem;
8879
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
8880
- gap: var(--bs-nav-underline-gap);
8881
- }
8882
- .nav-underline .nav-link {
8883
- padding-right: 0;
8884
- padding-left: 0;
8885
- border-bottom: var(--bs-nav-underline-border-width) solid transparent;
8886
- }
8887
- .nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
8888
- border-bottom-color: currentcolor;
8889
- }
8890
- .nav-underline .nav-link.active,
8891
- .nav-underline .show > .nav-link {
8892
- font-weight: 700;
8893
- color: var(--bs-nav-underline-link-active-color);
8894
- border-bottom-color: currentcolor;
8895
- }
8896
-
8897
- .nav-fill > .nav-link,
8898
- .nav-fill .nav-item {
8899
- flex: 1 1 auto;
8900
- text-align: center;
8901
- }
8902
-
8903
- .nav-justified > .nav-link,
8904
- .nav-justified .nav-item {
8905
- flex-basis: 0;
8906
- flex-grow: 1;
8907
- text-align: center;
8908
- }
8909
-
8910
- .nav-fill .nav-item .nav-link,
8911
- .nav-justified .nav-item .nav-link {
8912
- width: 100%;
8913
- }
8914
-
8915
- .tab-content > .tab-pane {
8916
- display: none;
8917
- }
8918
- .tab-content > .active {
8919
- display: block;
8920
- }
8921
-
8922
8785
  .badge {
8923
8786
  --bs-badge-padding-x: 0.65em;
8924
8787
  --bs-badge-padding-y: 0.35em;
@@ -9051,7 +8914,7 @@ textarea.form-control-lg {
9051
8914
  --bs-list-group-item-padding-y: 0.5rem;
9052
8915
  --bs-list-group-action-color: #000;
9053
8916
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
9054
- --bs-list-group-action-hover-bg: #f6f7f9;
8917
+ --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
9055
8918
  --bs-list-group-action-active-color: var(--bs-body-color);
9056
8919
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
9057
8920
  --bs-list-group-disabled-color: var(--bs-secondary-color);
@@ -9075,22 +8938,6 @@ textarea.form-control-lg {
9075
8938
  counter-increment: section;
9076
8939
  }
9077
8940
 
9078
- .list-group-item-action {
9079
- width: 100%;
9080
- color: var(--bs-list-group-action-color);
9081
- text-align: inherit;
9082
- }
9083
- .list-group-item-action:hover, .list-group-item-action:focus {
9084
- z-index: 1;
9085
- color: var(--bs-list-group-action-hover-color);
9086
- text-decoration: none;
9087
- background-color: var(--bs-list-group-action-hover-bg);
9088
- }
9089
- .list-group-item-action:active {
9090
- color: var(--bs-list-group-action-active-color);
9091
- background-color: var(--bs-list-group-action-active-bg);
9092
- }
9093
-
9094
8941
  .list-group-item {
9095
8942
  position: relative;
9096
8943
  display: block;
@@ -9127,6 +8974,22 @@ textarea.form-control-lg {
9127
8974
  border-top-width: var(--bs-list-group-border-width);
9128
8975
  }
9129
8976
 
8977
+ .list-group-item-action {
8978
+ width: 100%;
8979
+ color: var(--bs-list-group-action-color);
8980
+ text-align: inherit;
8981
+ }
8982
+ .list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
8983
+ z-index: 1;
8984
+ color: var(--bs-list-group-action-hover-color);
8985
+ text-decoration: none;
8986
+ background-color: var(--bs-list-group-action-hover-bg);
8987
+ }
8988
+ .list-group-item-action:not(.active):active {
8989
+ color: var(--bs-list-group-action-active-color);
8990
+ background-color: var(--bs-list-group-action-active-bg);
8991
+ }
8992
+
9130
8993
  .list-group-horizontal {
9131
8994
  flex-direction: row;
9132
8995
  }
@@ -9386,19 +9249,19 @@ textarea.form-control-lg {
9386
9249
 
9387
9250
  .btn-close {
9388
9251
  --bs-btn-close-color: #000;
9389
- --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");
9252
+ --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");
9390
9253
  --bs-btn-close-opacity: 0.5;
9391
9254
  --bs-btn-close-hover-opacity: 0.75;
9392
9255
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
9393
9256
  --bs-btn-close-focus-opacity: 1;
9394
9257
  --bs-btn-close-disabled-opacity: 0.25;
9395
- --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
9396
9258
  box-sizing: content-box;
9397
9259
  width: 1em;
9398
9260
  height: 1em;
9399
9261
  padding: 0.25em 0.25em;
9400
9262
  color: var(--bs-btn-close-color);
9401
9263
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
9264
+ filter: var(--bs-btn-close-filter);
9402
9265
  border: 0;
9403
9266
  border-radius: 0.15rem;
9404
9267
  opacity: var(--bs-btn-close-opacity);
@@ -9420,11 +9283,16 @@ textarea.form-control-lg {
9420
9283
  }
9421
9284
 
9422
9285
  .btn-close-white {
9423
- filter: var(--bs-btn-close-white-filter);
9286
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
9287
+ }
9288
+
9289
+ :root,
9290
+ [data-bs-theme=light] {
9291
+ --bs-btn-close-filter: ;
9424
9292
  }
9425
9293
 
9426
- [data-bs-theme=dark] .btn-close {
9427
- filter: var(--bs-btn-close-white-filter);
9294
+ [data-bs-theme=dark] {
9295
+ --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
9428
9296
  }
9429
9297
 
9430
9298
  .modal {
@@ -9432,12 +9300,12 @@ textarea.form-control-lg {
9432
9300
  --bs-modal-width: 500px;
9433
9301
  --bs-modal-padding: 1rem;
9434
9302
  --bs-modal-margin: 0.5rem;
9435
- --bs-modal-color: ;
9436
- --bs-modal-bg: white;
9303
+ --bs-modal-color: var(--bs-body-color);
9304
+ --bs-modal-bg: var(--bs-body-bg);
9437
9305
  --bs-modal-border-color: var(--bs-border-color-translucent);
9438
9306
  --bs-modal-border-width: var(--bs-border-width);
9439
9307
  --bs-modal-border-radius: var(--bs-border-radius-lg);
9440
- --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
9308
+ --bs-modal-box-shadow: var(--bs-box-shadow-sm);
9441
9309
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
9442
9310
  --bs-modal-header-padding-x: 1rem;
9443
9311
  --bs-modal-header-padding-y: 1rem;
@@ -9468,8 +9336,8 @@ textarea.form-control-lg {
9468
9336
  pointer-events: none;
9469
9337
  }
9470
9338
  .modal.fade .modal-dialog {
9471
- transition: transform 0.3s ease-out;
9472
9339
  transform: translate(0, -50px);
9340
+ transition: transform 0.3s ease-out;
9473
9341
  }
9474
9342
  @media (prefers-reduced-motion: reduce) {
9475
9343
  .modal.fade .modal-dialog {
@@ -9537,7 +9405,6 @@ textarea.form-control-lg {
9537
9405
  display: flex;
9538
9406
  flex-shrink: 0;
9539
9407
  align-items: center;
9540
- justify-content: space-between;
9541
9408
  padding: var(--bs-modal-header-padding);
9542
9409
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
9543
9410
  border-top-left-radius: var(--bs-modal-inner-border-radius);
@@ -9545,7 +9412,10 @@ textarea.form-control-lg {
9545
9412
  }
9546
9413
  .modal-header .btn-close {
9547
9414
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
9548
- 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;
9415
+ margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
9416
+ margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
9417
+ margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
9418
+ margin-left: auto;
9549
9419
  }
9550
9420
 
9551
9421
  .modal-title {
@@ -9578,7 +9448,7 @@ textarea.form-control-lg {
9578
9448
  @media (min-width: 576px) {
9579
9449
  .modal {
9580
9450
  --bs-modal-margin: 1.75rem;
9581
- --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
9451
+ --bs-modal-box-shadow: var(--bs-box-shadow);
9582
9452
  }
9583
9453
  .modal-dialog {
9584
9454
  max-width: var(--bs-modal-width);
@@ -9766,7 +9636,7 @@ textarea.form-control-lg {
9766
9636
  }
9767
9637
  @keyframes progress-bar-stripes {
9768
9638
  0% {
9769
- background-position-x: 1rem;
9639
+ background-position-x: var(--bs-progress-height);
9770
9640
  }
9771
9641
  }
9772
9642
  .progress,
@@ -9835,7 +9705,7 @@ textarea.form-control-lg {
9835
9705
  --bs-popover-border-color: var(--bs-border-color-translucent);
9836
9706
  --bs-popover-border-radius: var(--bs-border-radius-lg);
9837
9707
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
9838
- --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
9708
+ --bs-popover-box-shadow: var(--bs-box-shadow);
9839
9709
  --bs-popover-header-padding-x: 1rem;
9840
9710
  --bs-popover-header-padding-y: 0.5rem;
9841
9711
  --bs-popover-header-font-size: 1rem;
@@ -10098,6 +9968,7 @@ textarea.form-control-lg {
10098
9968
  color: #fff;
10099
9969
  text-align: center;
10100
9970
  background: none;
9971
+ filter: var(--bs-carousel-control-icon-filter);
10101
9972
  border: 0;
10102
9973
  opacity: 0.5;
10103
9974
  transition: opacity 0.15s ease;
@@ -10135,20 +10006,12 @@ textarea.form-control-lg {
10135
10006
  background-size: 100% 100%;
10136
10007
  }
10137
10008
 
10138
- /* rtl:options: {
10139
- "autoRename": true,
10140
- "stringMap":[ {
10141
- "name" : "prev-next",
10142
- "search" : "prev",
10143
- "replace" : "next"
10144
- } ]
10145
- } */
10146
10009
  .carousel-control-prev-icon {
10147
- 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");
10010
+ 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")*/;
10148
10011
  }
10149
10012
 
10150
10013
  .carousel-control-next-icon {
10151
- 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");
10014
+ 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")*/;
10152
10015
  }
10153
10016
 
10154
10017
  .carousel-indicators {
@@ -10174,7 +10037,7 @@ textarea.form-control-lg {
10174
10037
  margin-left: 3px;
10175
10038
  text-indent: -999px;
10176
10039
  cursor: pointer;
10177
- background-color: #fff;
10040
+ background-color: var(--bs-carousel-indicator-active-bg);
10178
10041
  background-clip: padding-box;
10179
10042
  border: 0;
10180
10043
  border-top: 10px solid transparent;
@@ -10198,31 +10061,27 @@ textarea.form-control-lg {
10198
10061
  left: 15%;
10199
10062
  padding-top: 1.25rem;
10200
10063
  padding-bottom: 1.25rem;
10201
- color: #fff;
10064
+ color: var(--bs-carousel-caption-color);
10202
10065
  text-align: center;
10203
10066
  }
10204
10067
 
10205
- .carousel-dark .carousel-control-prev-icon,
10206
- .carousel-dark .carousel-control-next-icon {
10207
- filter: invert(1) grayscale(100);
10208
- }
10209
- .carousel-dark .carousel-indicators [data-bs-target] {
10210
- background-color: #000;
10211
- }
10212
- .carousel-dark .carousel-caption {
10213
- color: #000;
10068
+ .carousel-dark {
10069
+ --bs-carousel-indicator-active-bg: #000;
10070
+ --bs-carousel-caption-color: #000;
10071
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
10214
10072
  }
10215
10073
 
10216
- [data-bs-theme=dark] .carousel .carousel-control-prev-icon,
10217
- [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
10218
- [data-bs-theme=dark].carousel .carousel-control-next-icon {
10219
- filter: invert(1) grayscale(100);
10220
- }
10221
- [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
10222
- background-color: #000;
10074
+ :root,
10075
+ [data-bs-theme=light] {
10076
+ --bs-carousel-indicator-active-bg: #fff;
10077
+ --bs-carousel-caption-color: #fff;
10078
+ --bs-carousel-control-icon-filter: ;
10223
10079
  }
10224
- [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
10225
- color: #000;
10080
+
10081
+ [data-bs-theme=dark] {
10082
+ --bs-carousel-indicator-active-bg: #000;
10083
+ --bs-carousel-caption-color: #000;
10084
+ --bs-carousel-control-icon-filter: invert(1) grayscale(100);
10226
10085
  }
10227
10086
 
10228
10087
  .pagination {
@@ -10294,7 +10153,7 @@ textarea.form-control-lg {
10294
10153
  }
10295
10154
 
10296
10155
  .page-item:not(:first-child) .page-link {
10297
- margin-left: calc(var(--bs-border-width) * -1);
10156
+ margin-left: calc(-1 * var(--bs-border-width));
10298
10157
  }
10299
10158
  .page-item:first-child .page-link {
10300
10159
  border-top-left-radius: var(--bs-pagination-border-radius);
@@ -10326,10 +10185,10 @@ textarea.form-control-lg {
10326
10185
  --bs-offcanvas-padding-x: 1rem;
10327
10186
  --bs-offcanvas-padding-y: 1rem;
10328
10187
  --bs-offcanvas-color: var(--bs-body-color);
10329
- --bs-offcanvas-bg: white;
10188
+ --bs-offcanvas-bg: var(--bs-body-bg);
10330
10189
  --bs-offcanvas-border-width: var(--bs-border-width);
10331
10190
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
10332
- --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
10191
+ --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
10333
10192
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
10334
10193
  --bs-offcanvas-title-line-height: 1.5;
10335
10194
  }
@@ -10800,7 +10659,6 @@ textarea.form-control-lg {
10800
10659
  .offcanvas-header {
10801
10660
  display: flex;
10802
10661
  align-items: center;
10803
- justify-content: space-between;
10804
10662
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
10805
10663
  }
10806
10664
  .offcanvas-header .btn-close {
@@ -10808,6 +10666,7 @@ textarea.form-control-lg {
10808
10666
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
10809
10667
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
10810
10668
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
10669
+ margin-left: auto;
10811
10670
  }
10812
10671
 
10813
10672
  .offcanvas-title {
@@ -10821,72 +10680,220 @@ textarea.form-control-lg {
10821
10680
  overflow-y: auto;
10822
10681
  }
10823
10682
 
10824
- .bg-light-darker {
10825
- background-color: #f6f7f9;
10683
+ .btn-secondary {
10684
+ --bs-btn-color: black;
10685
+ --bs-btn-bg: white;
10686
+ --bs-btn-border-color: rgb(191.25, 191.25, 191.25);
10687
+ --bs-btn-hover-color: #000;
10688
+ --bs-btn-hover-bg: rgb(229.5, 229.5, 229.5);
10689
+ --bs-btn-hover-border-color: rgb(191.25, 191.25, 191.25);
10690
+ --bs-btn-focus-shadow-rgb: 163, 163, 163;
10691
+ --bs-btn-active-color: #000;
10692
+ --bs-btn-active-bg: white;
10693
+ --bs-btn-active-border-color: rgb(197.625, 197.625, 197.625);
10694
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
10695
+ --bs-btn-disabled-color: #000;
10696
+ --bs-btn-disabled-bg: white;
10697
+ --bs-btn-disabled-border-color: rgb(191.25, 191.25, 191.25);
10826
10698
  }
10827
10699
 
10828
- .bg-primary-dark {
10829
- background-color: #1c2d49;
10700
+ .btn-primary-dark {
10701
+ --bs-btn-color: white;
10702
+ --bs-btn-bg: rgb(27.9166666667, 45.4642857143, 72.5833333333);
10703
+ --bs-btn-border-color: rgb(20.8333333333, 33.9285714286, 54.1666666667);
10704
+ --bs-btn-hover-color: #fff;
10705
+ --bs-btn-hover-bg: #23395b;
10706
+ --bs-btn-hover-border-color: rgb(27.9166666667, 45.4642857143, 72.5833333333);
10707
+ --bs-btn-focus-shadow-rgb: 56, 67, 84;
10708
+ --bs-btn-active-color: #fff;
10709
+ --bs-btn-active-bg: rgb(22.3333333333, 36.3714285714, 58.0666666667);
10710
+ --bs-btn-active-border-color: rgb(15.625, 25.4464285714, 40.625);
10711
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
10712
+ --bs-btn-disabled-color: #fff;
10713
+ --bs-btn-disabled-bg: rgb(27.9166666667, 45.4642857143, 72.5833333333);
10714
+ --bs-btn-disabled-border-color: rgb(20.8333333333, 33.9285714286, 54.1666666667);
10830
10715
  }
10831
10716
 
10832
- .text-primary-dark {
10833
- color: #1c2d49;
10717
+ .btn-select-primary {
10718
+ display: inline-block;
10719
+ --bs-btn-color: #fff;
10720
+ --bs-btn-bg: #406e8e;
10721
+ --bs-btn-border-color: rgb(48.1553398058, 82.7669902913, 106.8446601942);
10722
+ --bs-btn-hover-color: #fff;
10723
+ --bs-btn-hover-bg: rgb(54.4, 93.5, 120.7);
10724
+ --bs-btn-hover-border-color: rgb(38.5242718447, 66.213592233, 85.4757281553);
10725
+ --bs-btn-focus-shadow-rgb: 79, 109, 129;
10726
+ --bs-btn-active-color: #fff;
10727
+ --bs-btn-active-bg: rgb(51.2, 88, 113.6);
10728
+ --bs-btn-active-border-color: rgb(36.1165048544, 62.0752427184, 80.1334951456);
10729
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
10730
+ --bs-btn-disabled-color: #fff;
10731
+ --bs-btn-disabled-bg: #406e8e;
10732
+ --bs-btn-disabled-border-color: rgb(48.1553398058, 82.7669902913, 106.8446601942);
10733
+ --bs-btn-padding-y: 0.1rem;
10734
+ --bs-btn-padding-x: 0.3rem;
10735
+ --bs-btn-font-size: 0.75rem;
10736
+ --bs-btn-border-radius: 0.375rem;
10834
10737
  }
10835
-
10836
- section {
10837
- margin-bottom: 1rem;
10738
+ .btn-select-primary:not(.read-only):not(:disabled)::after {
10739
+ margin-left: 0.5rem;
10740
+ content: "\f00d";
10741
+ font-family: "Font Awesome 5 Pro";
10742
+ font-weight: 900;
10838
10743
  }
10839
10744
 
10840
- .initials {
10841
- border: 1px solid #028490;
10842
- background-color: #007681;
10745
+ .btn-select-secondary {
10746
+ display: inline-block;
10747
+ --bs-btn-color: #fff;
10748
+ --bs-btn-bg: #4d4d4d;
10749
+ --bs-btn-border-color: rgb(51.5, 51.5, 51.5);
10750
+ --bs-btn-hover-color: #fff;
10751
+ --bs-btn-hover-bg: rgb(65.45, 65.45, 65.45);
10752
+ --bs-btn-hover-border-color: rgb(41.2, 41.2, 41.2);
10753
+ --bs-btn-focus-shadow-rgb: 82, 82, 82;
10754
+ --bs-btn-active-color: #fff;
10755
+ --bs-btn-active-bg: rgb(61.6, 61.6, 61.6);
10756
+ --bs-btn-active-border-color: rgb(38.625, 38.625, 38.625);
10757
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
10758
+ --bs-btn-disabled-color: #fff;
10759
+ --bs-btn-disabled-bg: #4d4d4d;
10760
+ --bs-btn-disabled-border-color: rgb(51.5, 51.5, 51.5);
10761
+ --bs-btn-padding-y: 0.1rem;
10762
+ --bs-btn-padding-x: 0.3rem;
10763
+ --bs-btn-font-size: 0.75rem;
10764
+ --bs-btn-border-radius: 0.375rem;
10843
10765
  color: white;
10844
- border-radius: 50%;
10845
- height: 2rem;
10846
- width: 2rem;
10847
- display: flex;
10848
- justify-content: center;
10849
- align-items: center;
10850
- }
10851
-
10852
- .text-decoration-underline:hover {
10853
- text-decoration: underline !important;
10854
10766
  }
10855
-
10856
- .pointer {
10857
- cursor: pointer;
10767
+ .btn-select-secondary:not(.read-only):not(:disabled)::after {
10768
+ margin-left: 0.5rem;
10769
+ content: "\f00d";
10770
+ font-family: "Font Awesome 5 Pro";
10771
+ font-weight: 900;
10858
10772
  }
10859
10773
 
10860
- mark, .mark {
10861
- font-weight: bold;
10862
- color: inherit;
10863
- background-color: inherit;
10864
- padding: 0;
10774
+ .hide-help #help-button {
10775
+ display: none !important;
10865
10776
  }
10866
10777
 
10867
- a:not(:hover),
10868
- .btn-link:not(:hover) {
10869
- text-decoration: none;
10778
+ #help-button:hover #help-icon {
10779
+ color: white !important;
10870
10780
  }
10871
10781
 
10872
- a.active {
10873
- color: black;
10874
- text-decoration: none;
10875
- pointer-events: none;
10876
- }
10877
- a.active .text-decoration-underline-hover {
10878
- text-decoration: none;
10879
- }
10880
- a:not(.active) .text-decoration-underline-hover:hover {
10881
- text-decoration: underline;
10782
+ .btn-pill-primary {
10783
+ --bs-btn-color: black;
10784
+ --bs-btn-bg: white;
10785
+ --bs-btn-border-color: #646262;
10786
+ --bs-btn-hover-color: #000;
10787
+ --bs-btn-hover-bg: #d9d9d9;
10788
+ --bs-btn-hover-border-color: #646262;
10789
+ --bs-btn-focus-shadow-rgb: 85, 83, 83;
10790
+ --bs-btn-active-color: #000;
10791
+ --bs-btn-active-bg: white;
10792
+ --bs-btn-active-border-color: rgb(115.5, 113.7, 113.7);
10793
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
10794
+ --bs-btn-disabled-color: #000;
10795
+ --bs-btn-disabled-bg: white;
10796
+ --bs-btn-disabled-border-color: #646262;
10797
+ --bs-btn-padding-y: 0.2rem;
10798
+ --bs-btn-padding-x: 1rem;
10799
+ --bs-btn-font-size: 1rem;
10800
+ --bs-btn-border-radius: 50rem;
10801
+ border-radius: 50rem;
10802
+ box-shadow: none;
10803
+ }
10804
+ .btn-pill-primary.btn-sm {
10805
+ --bs-btn-padding-y: 0.1rem;
10806
+ --bs-btn-padding-x: 1rem;
10807
+ --bs-btn-font-size: 0.875rem;
10808
+ --bs-btn-border-radius: 50rem;
10809
+ }
10810
+ .btn-pill-primary.active {
10811
+ background-color: #4d4d4d;
10812
+ color: white;
10882
10813
  }
10883
10814
 
10884
- .left-ellipsis {
10815
+ .btn-file {
10816
+ position: relative;
10885
10817
  overflow: hidden;
10886
- text-overflow: ellipsis;
10887
- white-space: nowrap;
10888
- direction: rtl;
10818
+ }
10819
+
10820
+ .btn-file input[type=file] {
10821
+ position: absolute;
10822
+ top: 0;
10823
+ right: 0;
10824
+ min-width: 100%;
10825
+ min-height: 100%;
10826
+ font-size: 100px;
10889
10827
  text-align: right;
10828
+ filter: alpha(opacity=0);
10829
+ opacity: 0;
10830
+ outline: none;
10831
+ background: white;
10832
+ cursor: inherit;
10833
+ display: block;
10834
+ }
10835
+
10836
+ .btn-invisible {
10837
+ display: block;
10838
+ width: 100%;
10839
+ outline: 1;
10840
+ white-space: normal;
10841
+ text-align: left;
10842
+ box-shadow: none;
10843
+ }
10844
+ .btn-invisible:active, .btn-invisible:first-child:active {
10845
+ border-color: transparent;
10846
+ }
10847
+ .btn-invisible:hover {
10848
+ color: grey;
10849
+ }
10850
+ .btn-invisible:focus-visible {
10851
+ outline: dotted 1px #0d6efd !important;
10852
+ border-radius: 0;
10853
+ }
10854
+
10855
+ .btn-light {
10856
+ background-color: transparent;
10857
+ border: 1px solid #f2f1f1;
10858
+ }
10859
+
10860
+ #banner {
10861
+ background-image: url("/assets/images/banner.png");
10862
+ background-position: center;
10863
+ background-size: cover;
10864
+ }
10865
+
10866
+ #pattern {
10867
+ background-image: url("/assets/images/main_menu_pattern.png");
10868
+ background-position: center;
10869
+ }
10870
+
10871
+ .bg-primary-dark {
10872
+ background-color: rgb(27.9166666667, 45.4642857143, 72.5833333333);
10873
+ }
10874
+
10875
+ .text-primary-dark {
10876
+ color: rgb(27.9166666667, 45.4642857143, 72.5833333333);
10877
+ }
10878
+
10879
+ section {
10880
+ margin-bottom: 1rem;
10881
+ }
10882
+
10883
+ .offcanvas-body ul,
10884
+ .offcanvas-body li.list-group-item {
10885
+ border-color: rgba(255, 255, 255, 0.33) !important;
10886
+ }
10887
+
10888
+ .text-decoration-underline:hover {
10889
+ text-decoration: underline !important;
10890
+ }
10891
+
10892
+ mark {
10893
+ font-weight: bold;
10894
+ color: inherit;
10895
+ background-color: inherit;
10896
+ padding: 0;
10890
10897
  }
10891
10898
 
10892
10899
  pre {
@@ -10896,20 +10903,11 @@ pre {
10896
10903
  white-space: pre;
10897
10904
  }
10898
10905
 
10899
- .h-limit:not(.loading) {
10900
- max-height: 20rem;
10901
- overflow: auto;
10902
- }
10903
-
10904
10906
  .no-caret .dropdown-toggle::after {
10905
10907
  border: none;
10906
10908
  margin-left: 0;
10907
10909
  }
10908
10910
 
10909
- .inner-flex-wrap {
10910
- min-width: 0;
10911
- }
10912
-
10913
10911
  .capitalize::first-letter {
10914
10912
  text-transform: capitalize;
10915
10913
  }
@@ -10918,7 +10916,7 @@ pre {
10918
10916
  text-transform: lowercase;
10919
10917
  }
10920
10918
 
10921
- .text-preserve {
10919
+ .text-pre-wrap {
10922
10920
  white-space: pre-wrap;
10923
10921
  }
10924
10922
 
@@ -10936,209 +10934,156 @@ pre {
10936
10934
  color: white;
10937
10935
  }
10938
10936
 
10937
+ .adb-plate-primary {
10938
+ background-color: white;
10939
+ color: black;
10940
+ border: 1px solid lightgray;
10941
+ padding: 1rem 1rem;
10942
+ margin-bottom: 1rem;
10943
+ }
10944
+ .adb-plate-primary:not(.loading-dead-spinner) {
10945
+ min-height: 3rem;
10946
+ }
10947
+ .adb-plate-primary:not(.loading) {
10948
+ min-height: 3rem;
10949
+ }
10950
+
10951
+ .h-limit:not(.loading) {
10952
+ max-height: 20rem;
10953
+ overflow: auto;
10954
+ }
10955
+
10956
+ .attention-item {
10957
+ display: flex;
10958
+ align-items: center;
10959
+ gap: 0.5rem;
10960
+ margin-bottom: 1rem;
10961
+ }
10962
+ .attention-item .icon {
10963
+ font-size: 1.3rem;
10964
+ align-self: flex-start;
10965
+ display: flex;
10966
+ color: white;
10967
+ border-radius: 50%;
10968
+ padding: 0.5rem;
10969
+ background-color: #406e8e;
10970
+ width: 2.4rem;
10971
+ height: 2.4rem;
10972
+ line-height: 2.4rem;
10973
+ display: flex;
10974
+ justify-content: center;
10975
+ align-items: center;
10976
+ }
10977
+
10939
10978
  .bg-redlist-lc {
10940
10979
  background-color: #cdd425;
10941
- color: #3a3c0a;
10980
+ color: rgb(58.0421686747, 60.0240963855, 10.4759036145);
10942
10981
  }
10943
10982
  .bg-redlist-lc.border {
10944
- border: 1px solid #b8be21 !important;
10983
+ border: 1px solid rgb(184.0060240964, 190.2891566265, 33.2108433735) !important;
10945
10984
  }
10946
10985
 
10947
10986
  .bg-redlist-dd {
10948
10987
  background-color: #dcdcdc;
10949
- color: #363636;
10988
+ color: rgb(54.25, 54.25, 54.25);
10950
10989
  }
10951
10990
  .bg-redlist-dd.border {
10952
- border: 1px solid #cfcfcf !important;
10991
+ border: 1px solid rgb(207.25, 207.25, 207.25) !important;
10953
10992
  }
10954
10993
 
10955
10994
  .bg-redlist-nt {
10956
10995
  background-color: #ebc5c6;
10957
- color: #381314;
10996
+ color: rgb(55.7692307692, 19.2307692308, 20.1923076923);
10958
10997
  }
10959
10998
  .bg-redlist-nt.border {
10960
- border: 1px solid #e4b2b3 !important;
10999
+ border: 1px solid rgb(228.4615384615, 178.0384615385, 179.3653846154) !important;
10961
11000
  }
10962
11001
 
10963
11002
  .bg-redlist-vu {
10964
11003
  background-color: #d7828d;
10965
- color: #311014;
11004
+ color: rgb(48.8636363636, 15.6363636364, 19.9363636364);
10966
11005
  }
10967
11006
  .bg-redlist-vu.border {
10968
- border: 1px solid #d16f7b !important;
11007
+ border: 1px solid rgb(208.8181818182, 110.6818181818, 123.3818181818) !important;
10969
11008
  }
10970
11009
 
10971
11010
  .bg-redlist-en {
10972
11011
  background-color: #cb506a;
10973
- color: #faedf0;
11012
+ color: rgb(249.731277533, 237.268722467, 239.9030837004);
10974
11013
  }
10975
11014
  .bg-redlist-en.border {
10976
- border: 1px solid #c53c59 !important;
11015
+ border: 1px solid rgb(197.1585903084, 60.3414096916, 89.2621145374) !important;
10977
11016
  }
10978
11017
 
10979
11018
  .bg-redlist-cr {
10980
11019
  background-color: #c4004e;
10981
- color: #fff7fa;
11020
+ color: rgb(255, 247, 250.1836734694);
10982
11021
  }
10983
11022
  .bg-redlist-cr.border {
10984
- border: 1px solid #ab0044 !important;
11023
+ border: 1px solid rgb(170.5, 0, 67.8520408163) !important;
10985
11024
  }
10986
11025
 
10987
11026
  .bg-redlist-re {
10988
11027
  background-color: #41172f;
10989
- color: #fff7fa;
11028
+ color: rgb(255, 247, 250.1836734694);
10990
11029
  }
10991
11030
  .bg-redlist-re.border {
10992
- border: 1px solid #2e1021 !important;
11031
+ border: 1px solid rgb(46.1647727273, 16.3352272727, 33.3806818182) !important;
10993
11032
  }
10994
11033
 
10995
11034
  .bg-risk-class-se {
10996
11035
  background-color: #ce5c16;
10997
- color: #f9fae4;
11036
+ color: rgb(249.9342105263, 223.6842105263, 207.5657894737);
10998
11037
  }
10999
11038
  .bg-risk-class-se.border {
11000
- border: 1px solid #b75214 !important;
11039
+ border: 1px solid rgb(182.9605263158, 81.7105263158, 19.5394736842) !important;
11001
11040
  }
11002
11041
 
11003
11042
  .bg-risk-class-hi {
11004
11043
  background-color: #d77f15;
11005
- color: #f9fae4;
11044
+ color: black;
11006
11045
  }
11007
11046
  .bg-risk-class-hi.border {
11008
- border: 1px solid #c07113 !important;
11047
+ border: 1px solid rgb(191.7690677966, 113.2775423729, 18.7309322034) !important;
11009
11048
  }
11010
11049
 
11011
11050
  .bg-risk-class-ph {
11012
11051
  background-color: #edc04e;
11013
- color: #252607;
11052
+ color: black;
11014
11053
  }
11015
11054
  .bg-risk-class-ph.border {
11016
- border: 1px solid #ebb837 !important;
11055
+ border: 1px solid rgb(234.6461538462, 183.7615384615, 54.8538461538) !important;
11017
11056
  }
11018
11057
 
11019
11058
  .bg-risk-class-lo {
11020
11059
  background-color: #f6d862;
11021
- color: #3a3c0a;
11060
+ color: black;
11022
11061
  }
11023
11062
  .bg-risk-class-lo.border {
11024
- border: 1px solid #f5d24a !important;
11063
+ border: 1px solid rgb(244.6174698795, 210.0090361446, 73.8825301205) !important;
11025
11064
  }
11026
11065
 
11027
11066
  .bg-risk-class-nk {
11028
11067
  background-color: #fbedb4;
11029
11068
  }
11030
11069
  .bg-risk-class-nk.border {
11031
- border: 1px solid #fae79c !important;
11032
- }
11033
-
11034
- suggestive-search {
11035
- background-color: white;
11036
- }
11037
-
11038
- .suggestive-input {
11039
- background-color: white;
11040
- /* clears the 'X' from Internet Explorer */
11041
- /* clears the 'X' from Chrome */
11042
- }
11043
- .suggestive-input input {
11044
- background-color: white;
11045
- z-index: 3;
11046
- width: 0;
11047
- box-shadow: none;
11048
- }
11049
- .suggestive-input input:focus {
11050
- outline: none;
11051
- box-shadow: none;
11052
- }
11053
- .suggestive-input:focus, .suggestive-input.focus {
11054
- border: var(--bs-border-width) solid #a0b7c7;
11055
- outline: 0;
11056
- box-shadow: 0 0 0 0.25rem rgba(64, 110, 142, 0.25);
11057
- }
11058
- .suggestive-input button:focus {
11059
- outline: 0;
11060
- box-shadow: none;
11061
- }
11062
- .suggestive-input button,
11063
- .suggestive-input .btn-secondary {
11064
- box-shadow: none;
11065
- }
11066
- .suggestive-input input[type=search]::-ms-clear {
11067
- display: none;
11068
- width: 0;
11069
- height: 0;
11070
- }
11071
- .suggestive-input input[type=search]::-ms-reveal {
11072
- display: none;
11073
- width: 0;
11074
- height: 0;
11075
- }
11076
- .suggestive-input input[type=search]::-webkit-search-decoration,
11077
- .suggestive-input input[type=search]::-webkit-search-cancel-button,
11078
- .suggestive-input input[type=search]::-webkit-search-results-button,
11079
- .suggestive-input input[type=search]::-webkit-search-results-decoration {
11080
- display: none;
11081
- }
11082
-
11083
- .pop {
11084
- position: relative;
11085
- display: block;
11086
- }
11087
- .pop .pop-body {
11088
- position: absolute;
11089
- left: 0;
11090
- z-index: 900;
11091
- text-align: left;
11092
- color: #000;
11093
- background-color: white;
11094
- border: 1px solid lightgray;
11095
- max-height: 70vh;
11096
- overflow-y: auto;
11097
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
11098
- width: 100%;
11099
- }
11100
- .pop .pop-body :focus-visible {
11101
- outline: none;
11102
- }
11103
- .pop .pop-body .result-list a {
11104
- color: black;
11070
+ border: 1px solid rgb(249.7088607595, 231.1898734177, 155.7911392405) !important;
11105
11071
  }
11106
11072
 
11107
11073
  .fa-spin {
11108
11074
  opacity: 0.2;
11109
11075
  }
11110
11076
 
11111
- .loading.adb-plate-primary, .loading.adb-panel-body, .loading.loader-content {
11112
- height: 5rem;
11113
- text-align: center;
11114
- }
11115
- .loading.adb-plate-primary::after, .loading.adb-panel-body::after, .loading.loader-content::after {
11116
- display: inline-block;
11117
- -webkit-animation: fa-spin 2s infinite linear;
11118
- animation: fa-spin 2s infinite linear;
11119
- opacity: 0.2;
11120
- font-size: 2em;
11121
- content: "\f110";
11122
- font-family: "Font Awesome 5 Pro";
11123
- font-weight: 900;
11124
- }
11125
- .loadinginput, .loadingbutton {
11126
- pointer-events: none;
11127
- opacity: 0.65;
11128
- }
11129
-
11130
- .loading-dead {
11131
- pointer-events: none !important;
11132
- opacity: 0.65 !important;
11133
- }
11134
-
11077
+ .loading,
11078
+ .loading-dead,
11135
11079
  .loading-dead-spinner {
11136
11080
  pointer-events: none !important;
11137
11081
  opacity: 0.5 !important;
11138
11082
  min-height: 10rem;
11139
11083
  position: relative;
11140
11084
  }
11141
-
11085
+ .loading::before,
11086
+ .loading-dead::before,
11142
11087
  .loading-dead-spinner::before {
11143
11088
  content: "\f110";
11144
11089
  font-family: "Font Awesome 5 Pro";
@@ -11152,317 +11097,11 @@ suggestive-search {
11152
11097
  transform: translateX(-45%);
11153
11098
  }
11154
11099
 
11155
- .adb-plate-primary {
11156
- background-color: white;
11157
- color: black;
11158
- border: 1px solid lightgray;
11159
- padding: 1rem 1rem;
11160
- margin-bottom: 1rem;
11161
- }
11162
- .adb-plate-primary:not(.loading-dead-spinner) {
11163
- min-height: 3rem;
11100
+ a:hover img {
11101
+ opacity: 0.8;
11164
11102
  }
11165
11103
 
11166
- .attention-item {
11167
- display: flex;
11168
- align-items: center;
11169
- gap: 0.5rem;
11170
- margin-bottom: 1rem;
11171
- }
11172
- .attention-item .icon {
11173
- font-size: 1.3rem;
11174
- align-self: flex-start;
11175
- display: flex;
11176
- color: white;
11177
- border-radius: 50%;
11178
- padding: 0.5rem;
11179
- background-color: #406e8e;
11180
- width: 2.4rem;
11181
- height: 2.4rem;
11182
- line-height: 2.4rem;
11183
- display: flex;
11184
- justify-content: center;
11185
- align-items: center;
11186
- }
11187
-
11188
- .adb-panel {
11189
- border: 1px solid lightgray;
11190
- display: flex;
11191
- flex-direction: column;
11192
- box-sizing: border-box;
11193
- margin-bottom: 1rem;
11194
- word-wrap: break-word;
11195
- }
11196
- .adb-panel .adb-panel-header {
11197
- box-shadow: none;
11198
- border-bottom: 1px solid lightgrey;
11199
- padding: 0.5rem 1rem;
11200
- min-height: 2.8rem;
11201
- color: black;
11202
- background-color: #f6f7f9;
11203
- color: black;
11204
- display: flex;
11205
- align-items: center;
11206
- justify-content: space-between;
11207
- }
11208
- .adb-panel .adb-panel-header.expandable {
11209
- cursor: pointer;
11210
- }
11211
- .adb-panel .adb-panel-header.expandable:hover {
11212
- background-color: #f2f1f1;
11213
- }
11214
- .adb-panel .adb-panel-header.expandable.expanded::before {
11215
- min-width: 0.9em;
11216
- margin-right: 1rem;
11217
- content: "\f078";
11218
- font-family: "Font Awesome 5 Pro";
11219
- font-weight: 900;
11220
- }
11221
- .adb-panel .adb-panel-header.expandable:not(.expanded)::before {
11222
- min-width: 0.9em;
11223
- margin-right: 1rem;
11224
- content: "\f054";
11225
- font-family: "Font Awesome 5 Pro";
11226
- font-weight: 900;
11227
- }
11228
- .adb-panel .adb-panel-header h1, .adb-panel .adb-panel-header .h1,
11229
- .adb-panel .adb-panel-header h2,
11230
- .adb-panel .adb-panel-header .h2,
11231
- .adb-panel .adb-panel-header h3,
11232
- .adb-panel .adb-panel-header .h3,
11233
- .adb-panel .adb-panel-header h4,
11234
- .adb-panel .adb-panel-header .h4 {
11235
- margin: 0;
11236
- }
11237
- .adb-panel .adb-panel-header .adb-panel-title {
11238
- flex-grow: 1;
11239
- }
11240
- .adb-panel .adb-panel-body {
11241
- flex: 1 1 auto;
11242
- margin: 0;
11243
- box-shadow: none;
11244
- background-color: white;
11245
- padding: 1rem 1rem;
11246
- }
11247
- .adb-panel .h-limit:not(.loading) {
11248
- max-height: 20rem;
11249
- overflow: auto;
11250
- }
11251
-
11252
- .sticky-panel {
11253
- position: sticky;
11254
- top: 0;
11255
- margin-bottom: 1rem;
11256
- z-index: 1000;
11257
- }
11258
-
11259
- .hide-help #help-button {
11260
- display: none;
11261
- }
11262
-
11263
- #help-button:hover #help-icon {
11264
- color: white !important;
11265
- }
11266
-
11267
- .btn-secondary {
11268
- --bs-btn-color: black;
11269
- --bs-btn-bg: white;
11270
- --bs-btn-border-color: #bfbfbf;
11271
- --bs-btn-hover-color: #000;
11272
- --bs-btn-hover-bg: #e6e6e6;
11273
- --bs-btn-hover-border-color: #bfbfbf;
11274
- --bs-btn-focus-shadow-rgb: 162, 162, 162;
11275
- --bs-btn-active-color: #000;
11276
- --bs-btn-active-bg: white;
11277
- --bs-btn-active-border-color: #c5c5c5;
11278
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
11279
- --bs-btn-disabled-color: #000;
11280
- --bs-btn-disabled-bg: white;
11281
- --bs-btn-disabled-border-color: #bfbfbf;
11282
- }
11283
-
11284
- .btn-primary-dark {
11285
- --bs-btn-color: white;
11286
- --bs-btn-bg: #1c2d49;
11287
- --bs-btn-border-color: #152236;
11288
- --bs-btn-hover-color: #fff;
11289
- --bs-btn-hover-bg: #23395b;
11290
- --bs-btn-hover-border-color: #1c2d49;
11291
- --bs-btn-focus-shadow-rgb: 56, 67, 84;
11292
- --bs-btn-active-color: #fff;
11293
- --bs-btn-active-bg: #16243a;
11294
- --bs-btn-active-border-color: #101a29;
11295
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
11296
- --bs-btn-disabled-color: #fff;
11297
- --bs-btn-disabled-bg: #1c2d49;
11298
- --bs-btn-disabled-border-color: #152236;
11299
- }
11300
-
11301
- .btn-link:active, .btn-link.active {
11302
- color: black;
11303
- text-decoration: none;
11304
- box-shadow: none !important;
11305
- border: 1 px transparent !important;
11306
- }
11307
- .btn-link.active {
11308
- pointer-events: none;
11309
- }
11310
-
11311
- .btn-select-primary {
11312
- display: inline-block;
11313
- --bs-btn-color: #fff;
11314
- --bs-btn-bg: #406e8e;
11315
- --bs-btn-border-color: #30536b;
11316
- --bs-btn-hover-color: #fff;
11317
- --bs-btn-hover-bg: #365e79;
11318
- --bs-btn-hover-border-color: #264256;
11319
- --bs-btn-focus-shadow-rgb: 79, 109, 129;
11320
- --bs-btn-active-color: #fff;
11321
- --bs-btn-active-bg: #335872;
11322
- --bs-btn-active-border-color: #243e50;
11323
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
11324
- --bs-btn-disabled-color: #fff;
11325
- --bs-btn-disabled-bg: #406e8e;
11326
- --bs-btn-disabled-border-color: #30536b;
11327
- --bs-btn-padding-y: 0.1rem;
11328
- --bs-btn-padding-x: 0.3rem;
11329
- --bs-btn-font-size: 0.75rem;
11330
- --bs-btn-border-radius: 0.15rem;
11331
- }
11332
- .btn-select-primary:not(.read-only):not(:disabled)::after {
11333
- margin-left: 0.5rem;
11334
- content: "\f00d";
11335
- font-family: "Font Awesome 5 Pro";
11336
- font-weight: 900;
11337
- }
11338
-
11339
- .btn-select-secondary {
11340
- display: inline-block;
11341
- --bs-btn-color: #fff;
11342
- --bs-btn-bg: #4d4d4d;
11343
- --bs-btn-border-color: #343434;
11344
- --bs-btn-hover-color: #fff;
11345
- --bs-btn-hover-bg: #414141;
11346
- --bs-btn-hover-border-color: #2a2a2a;
11347
- --bs-btn-focus-shadow-rgb: 82, 82, 82;
11348
- --bs-btn-active-color: #fff;
11349
- --bs-btn-active-bg: #3e3e3e;
11350
- --bs-btn-active-border-color: #272727;
11351
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
11352
- --bs-btn-disabled-color: #fff;
11353
- --bs-btn-disabled-bg: #4d4d4d;
11354
- --bs-btn-disabled-border-color: #343434;
11355
- --bs-btn-padding-y: 0.1rem;
11356
- --bs-btn-padding-x: 0.3rem;
11357
- --bs-btn-font-size: 0.75rem;
11358
- --bs-btn-border-radius: 0.15rem;
11359
- color: white;
11360
- }
11361
- .btn-select-secondary:not(.read-only):not(:disabled)::after {
11362
- margin-left: 0.5rem;
11363
- content: "\f00d";
11364
- font-family: "Font Awesome 5 Pro";
11365
- font-weight: 900;
11366
- }
11367
-
11368
- .btn-pill-primary {
11369
- --bs-btn-color: black;
11370
- --bs-btn-bg: white;
11371
- --bs-btn-border-color: #646262;
11372
- --bs-btn-hover-color: #000;
11373
- --bs-btn-hover-bg: #d9d9d9;
11374
- --bs-btn-hover-border-color: #646262;
11375
- --bs-btn-focus-shadow-rgb: 85, 83, 83;
11376
- --bs-btn-active-color: #000;
11377
- --bs-btn-active-bg: white;
11378
- --bs-btn-active-border-color: #747272;
11379
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
11380
- --bs-btn-disabled-color: #000;
11381
- --bs-btn-disabled-bg: white;
11382
- --bs-btn-disabled-border-color: #646262;
11383
- --bs-btn-padding-y: 0.2rem;
11384
- --bs-btn-padding-x: 1rem;
11385
- --bs-btn-font-size: 1rem;
11386
- --bs-btn-border-radius: 50rem;
11387
- border-radius: 50rem;
11388
- box-shadow: none;
11389
- }
11390
- .btn-pill-primary.btn-sm, .btn-group-sm > .btn-pill-primary.btn {
11391
- --bs-btn-padding-y: 0.1rem;
11392
- --bs-btn-padding-x: 1rem;
11393
- --bs-btn-font-size: 0.875rem;
11394
- --bs-btn-border-radius: 50rem;
11395
- }
11396
- .btn-pill-primary.active {
11397
- background-color: #4d4d4d;
11398
- color: white;
11399
- }
11400
-
11401
- .btn-file {
11402
- position: relative;
11403
- overflow: hidden;
11404
- }
11405
-
11406
- .btn-file input[type=file] {
11407
- position: absolute;
11408
- top: 0;
11409
- right: 0;
11410
- min-width: 100%;
11411
- min-height: 100%;
11412
- font-size: 100px;
11413
- text-align: right;
11414
- filter: alpha(opacity=0);
11415
- opacity: 0;
11416
- outline: none;
11417
- background: white;
11418
- cursor: inherit;
11419
- display: block;
11420
- }
11421
-
11422
- .btn-invisible {
11423
- display: block;
11424
- width: 100%;
11425
- outline: 1;
11426
- white-space: normal;
11427
- text-align: left;
11428
- box-shadow: none;
11429
- }
11430
- .btn-invisible:active, .btn-invisible:first-child:active {
11431
- border-color: transparent;
11432
- }
11433
- .btn-invisible:hover {
11434
- color: grey;
11435
- }
11436
- .btn-invisible:focus-visible {
11437
- outline: dotted 1px #406e8e !important;
11438
- border-radius: 0;
11439
- }
11440
-
11441
- .btn-light {
11442
- background-color: transparent;
11443
- border: 1px solid #f2f1f1;
11444
- }
11445
-
11446
- .form-control.ng-invalid,
11447
- .form-select.ng-invalid {
11448
- border-left: 5px solid #b83d39;
11449
- }
11450
-
11451
- .validation-alt .form-control.ng-invalid:not(.ng-untouched),
11452
- .validation-alt .form-select.ng-invalid:not(.ng-untouched) {
11453
- border-left: 5px solid #b83d39;
11454
- }
11455
-
11456
- .ng-invalid .invalid-feedback {
11457
- display: block;
11458
- font-size: 0.9rem;
11459
- }
11460
-
11461
- a:hover img {
11462
- opacity: 0.8;
11463
- }
11464
-
11465
- .preview-image {
11104
+ .preview-image {
11466
11105
  display: flex;
11467
11106
  align-items: center;
11468
11107
  justify-content: center;
@@ -11508,118 +11147,130 @@ a:hover img {
11508
11147
  content: "\e900";
11509
11148
  }
11510
11149
 
11511
- .overlay {
11512
- padding: 1rem;
11513
- width: 100%;
11514
- position: fixed;
11515
- z-index: 1001;
11516
- left: 0;
11517
- bottom: 0;
11518
- background-color: #e9ebee;
11150
+ adb-date-picker > div {
11151
+ z-index: 900;
11519
11152
  }
11520
- .overlay .overlay-header {
11521
- display: flex;
11522
- gap: 1rem;
11523
- margin-bottom: 0.5rem;
11524
- justify-content: space-between;
11153
+ adb-date-picker .to-left nav {
11154
+ right: 0;
11525
11155
  }
11526
- .overlay .overlay-content {
11527
- position: relative;
11528
- width: 100%;
11529
- height: auto;
11156
+ adb-date-picker nav header button.btn {
11157
+ box-shadow: none;
11158
+ border: 1px solid rgb(48.1553398058, 82.7669902913, 106.8446601942);
11159
+ }
11160
+ adb-date-picker nav header button.btn-outline-primary {
11161
+ border: 1px solid transparent;
11162
+ }
11163
+ adb-date-picker nav .calendar .days {
11164
+ display: grid;
11165
+ grid-template-columns: repeat(7, 1fr);
11166
+ }
11167
+ adb-date-picker nav .calendar .days button {
11168
+ aspect-ratio: 1;
11530
11169
  display: flex;
11531
11170
  justify-content: center;
11171
+ align-items: center;
11172
+ transition: none;
11532
11173
  }
11533
- .overlay .overlay-content .img-fluid {
11534
- max-height: 100vh;
11174
+ adb-date-picker nav .calendar .days button:hover {
11175
+ background-color: #e9ebee;
11176
+ color: black;
11535
11177
  }
11536
11178
 
11537
- ul {
11538
- padding-left: 1rem;
11179
+ .form-control.ng-invalid,
11180
+ .form-select.ng-invalid {
11181
+ border-left: 5px solid #b83d39;
11539
11182
  }
11540
11183
 
11541
- .adb-deck {
11542
- display: grid;
11543
- grid-gap: 1rem;
11184
+ .validation-alt .form-control.ng-invalid:not(.ng-untouched),
11185
+ .validation-alt .form-select.ng-invalid:not(.ng-untouched) {
11186
+ border-left: 5px solid #b83d39;
11544
11187
  }
11545
- @media (min-width: 576px) {
11546
- .adb-deck {
11547
- grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
11548
- }
11549
- .adb-deck .adb-panel-header {
11550
- overflow: hidden;
11551
- text-overflow: ellipsis;
11552
- white-space: nowrap;
11553
- }
11554
- .adb-deck .adb-panel-header h2, .adb-deck .adb-panel-header .h2 {
11555
- min-height: 2rem;
11556
- max-height: 2rem;
11557
- }
11188
+
11189
+ .ng-invalid .invalid-feedback {
11190
+ display: block;
11191
+ font-size: 0.9rem;
11558
11192
  }
11559
11193
 
11560
- .striped {
11194
+ suggestive-search {
11561
11195
  background-color: white;
11562
11196
  }
11563
- .striped .list-group-item {
11197
+
11198
+ .suggestive-input {
11564
11199
  background-color: white;
11200
+ /* clears the 'X' from Internet Explorer */
11201
+ /* clears the 'X' from Chrome */
11565
11202
  }
11566
- .striped .striped-item-extended {
11567
- display: flex;
11568
- align-items: center;
11569
- gap: 1rem;
11570
- padding: 1rem 1rem;
11203
+ .suggestive-input input {
11204
+ background-color: white;
11205
+ z-index: 3;
11206
+ width: 0;
11207
+ box-shadow: none;
11571
11208
  }
11572
- .striped .striped-item-extended:nth-child(even) {
11573
- background-color: #f6f7f9;
11209
+ .suggestive-input input:focus {
11210
+ outline: none;
11211
+ box-shadow: none;
11574
11212
  }
11575
- .striped > li:nth-child(even) {
11576
- background-color: #f6f7f9;
11213
+ .suggestive-input:focus, .suggestive-input.focus {
11214
+ border: 1px solid #e9ebee;
11215
+ outline: 0;
11216
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
11577
11217
  }
11578
- .striped .striped-item:nth-child(even) {
11579
- background-color: #f6f7f9;
11218
+ .suggestive-input button:focus {
11219
+ outline: 0;
11220
+ box-shadow: none;
11580
11221
  }
11581
-
11582
- .comma-seperated > *:not(:last-child):after,
11583
- .comma-separated > *:not(:last-child):after {
11584
- content: ", ";
11222
+ .suggestive-input button,
11223
+ .suggestive-input .btn-secondary {
11224
+ box-shadow: none;
11585
11225
  }
11586
-
11587
- adb-date-picker > div {
11588
- z-index: 900;
11226
+ .suggestive-input input[type=search]::-ms-clear {
11227
+ display: none;
11228
+ width: 0;
11229
+ height: 0;
11589
11230
  }
11590
- adb-date-picker .to-left nav {
11591
- right: 0;
11231
+ .suggestive-input input[type=search]::-ms-reveal {
11232
+ display: none;
11233
+ width: 0;
11234
+ height: 0;
11592
11235
  }
11593
- adb-date-picker nav header button.btn {
11594
- box-shadow: none;
11595
- border: 1px solid #30536b;
11236
+ .suggestive-input input[type=search]::-webkit-search-decoration,
11237
+ .suggestive-input input[type=search]::-webkit-search-cancel-button,
11238
+ .suggestive-input input[type=search]::-webkit-search-results-button,
11239
+ .suggestive-input input[type=search]::-webkit-search-results-decoration {
11240
+ display: none;
11596
11241
  }
11597
- adb-date-picker nav header button.btn-outline-primary {
11598
- border: 1px solid transparent;
11242
+
11243
+ .pop {
11244
+ position: relative;
11245
+ display: block;
11599
11246
  }
11600
- adb-date-picker nav .calendar .days {
11601
- display: grid;
11602
- grid-template-columns: repeat(7, 1fr);
11247
+ .pop .pop-body {
11248
+ position: absolute;
11249
+ left: 0;
11250
+ z-index: 900;
11251
+ text-align: left;
11252
+ color: black;
11253
+ background-color: white;
11254
+ border: 1px solid lightgray;
11255
+ max-height: 70vh;
11256
+ overflow-y: auto;
11257
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
11258
+ width: 100%;
11603
11259
  }
11604
- adb-date-picker nav .calendar .days button {
11605
- aspect-ratio: 1;
11606
- display: flex;
11607
- justify-content: center;
11608
- align-items: center;
11609
- transition: none;
11260
+ .pop .pop-body :focus-visible {
11261
+ outline: none;
11610
11262
  }
11611
- adb-date-picker nav .calendar .days button:hover {
11612
- background-color: #e9ebee;
11263
+ .pop .pop-body .result-list a {
11613
11264
  color: black;
11614
11265
  }
11615
11266
 
11616
- a:not(:hover),
11617
- .btn-link:not(:hover) {
11618
- text-decoration: underline;
11267
+ ul {
11268
+ padding-left: 1rem;
11619
11269
  }
11620
11270
 
11621
- .alert {
11622
- color: black;
11271
+ .comma-seperated > *:not(:last-child):after,
11272
+ .comma-separated > *:not(:last-child):after {
11273
+ content: ", ";
11623
11274
  }
11624
11275
 
11625
11276
  /*# sourceMappingURL=designsystem-aqua.css.map */