@volo/ngx-lepton-x.lite 4.3.5 → 5.0.0-rc.1

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.
Files changed (10) hide show
  1. package/assets/css/bootstrap-dim.css +139 -55
  2. package/assets/css/bootstrap-dim.rtl.css +140 -56
  3. package/assets/css/ng-bundle.css +61 -7
  4. package/assets/css/ng-bundle.rtl.css +61 -7
  5. package/assets/css/side-menu/layout-bundle.css +194 -6
  6. package/assets/css/side-menu/layout-bundle.rtl.css +197 -6
  7. package/fesm2022/volo-ngx-lepton-x.lite-layouts.mjs +33 -34
  8. package/fesm2022/volo-ngx-lepton-x.lite-layouts.mjs.map +1 -1
  9. package/layouts/index.d.ts +1 -8
  10. package/package.json +2 -2
package/assets/css/bootstrap-dim.css CHANGED
@@ -30,7 +30,7 @@
30
30
  --bs-info: #438aa7;
31
31
  --bs-warning: #ff9f38;
32
32
  --bs-danger: #c00d49;
33
- --bs-light: #eeeeee;
33
+ --bs-light: #bbb;
34
34
  --bs-dark: #161616;
35
35
  --bs-primary-rgb: 53, 93, 255;
36
36
  --bs-secondary-rgb: 108, 93, 211;
@@ -38,7 +38,7 @@
38
38
  --bs-info-rgb: 67, 138, 167;
39
39
  --bs-warning-rgb: 255, 159, 56;
40
40
  --bs-danger-rgb: 192, 13, 73;
41
- --bs-light-rgb: 238, 238, 238;
41
+ --bs-light-rgb: 187, 187, 187;
42
42
  --bs-dark-rgb: 22, 22, 22;
43
43
  --bs-primary-text-emphasis: rgb(21.2, 37.2, 102);
44
44
  --bs-secondary-text-emphasis: rgb(43.2, 37.2, 84.4);
@@ -644,11 +644,11 @@ progress {
644
644
  }
645
645
 
646
646
  .bg-light {
647
- background-color: #eeeeee;
647
+ background-color: #bbb;
648
648
  }
649
649
  .bg-light.soft {
650
- color: #eeeeee !important;
651
- background-color: rgba(238, 238, 238, 0.1) !important;
650
+ color: #bbb !important;
651
+ background-color: rgba(187, 187, 187, 0.1) !important;
652
652
  }
653
653
 
654
654
  .bg-dark {
@@ -824,10 +824,10 @@ progress {
824
824
  }
825
825
 
826
826
  .text-light {
827
- color: #eeeeee !important;
827
+ color: #bbb !important;
828
828
  }
829
829
  .text-light.soft {
830
- color: rgba(238, 238, 238, 0.1) !important;
830
+ color: rgba(187, 187, 187, 0.1) !important;
831
831
  }
832
832
 
833
833
  .text-dark {
@@ -2153,13 +2153,13 @@ progress {
2153
2153
 
2154
2154
  .table-light {
2155
2155
  --bs-table-color: #000;
2156
- --bs-table-bg: #eeeeee;
2157
- --bs-table-border-color: rgb(190.4, 190.4, 190.4);
2158
- --bs-table-striped-bg: rgb(226.1, 226.1, 226.1);
2156
+ --bs-table-bg: #bbb;
2157
+ --bs-table-border-color: rgb(149.6, 149.6, 149.6);
2158
+ --bs-table-striped-bg: rgb(177.65, 177.65, 177.65);
2159
2159
  --bs-table-striped-color: #000;
2160
- --bs-table-active-bg: rgb(214.2, 214.2, 214.2);
2160
+ --bs-table-active-bg: rgb(168.3, 168.3, 168.3);
2161
2161
  --bs-table-active-color: #000;
2162
- --bs-table-hover-bg: rgb(220.15, 220.15, 220.15);
2162
+ --bs-table-hover-bg: rgb(172.975, 172.975, 172.975);
2163
2163
  --bs-table-hover-color: #000;
2164
2164
  color: var(--bs-table-color);
2165
2165
  border-color: var(--bs-table-border-color);
@@ -2264,8 +2264,8 @@ progress {
2264
2264
  }
2265
2265
 
2266
2266
  .table-light {
2267
- background-color: rgba(238, 238, 238, 0.1);
2268
- --bs-table-bg: rgba(238, 238, 238, 0.1);
2267
+ background-color: rgba(187, 187, 187, 0.1);
2268
+ --bs-table-bg: rgba(187, 187, 187, 0.1);
2269
2269
  border-color: #e7e9ec;
2270
2270
  color: #686b6e;
2271
2271
  }
@@ -2330,6 +2330,16 @@ progress {
2330
2330
  --bs-table-striped-bg: inherit;
2331
2331
  }
2332
2332
 
2333
+ html[dir=rtl] table.dataTable thead th {
2334
+ text-align: left;
2335
+ }
2336
+ html[dir=rtl] table.dataTable thead th .dt-column-title {
2337
+ margin-left: 20px;
2338
+ }
2339
+ html[dir=rtl] table.dataTable thead th .dt-column-header {
2340
+ flex-direction: row;
2341
+ }
2342
+
2333
2343
  .table > :not(caption) > * > * {
2334
2344
  background-color: inherit !important;
2335
2345
  color: inherit !important;
@@ -3291,6 +3301,80 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3291
3301
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px !important;
3292
3302
  }
3293
3303
 
3304
+ .custom-select-wrapper {
3305
+ position: relative;
3306
+ margin-bottom: 1rem;
3307
+ }
3308
+
3309
+ .custom-select-wrapper .form-select {
3310
+ display: none;
3311
+ }
3312
+
3313
+ .custom-select-display {
3314
+ cursor: pointer;
3315
+ background-image: none !important;
3316
+ padding-right: 1.125rem;
3317
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
3318
+ }
3319
+
3320
+ .custom-select-display .arrow-icon {
3321
+ color: #686b6e !important;
3322
+ transition: transform 0.2s ease-in-out;
3323
+ }
3324
+
3325
+ .custom-select-wrapper.open .arrow-icon {
3326
+ transform: rotate(180deg);
3327
+ }
3328
+
3329
+ .custom-options-container {
3330
+ background-color: #ffffff;
3331
+ max-height: 320px;
3332
+ border-radius: 0.5rem;
3333
+ border: 1px solid #e7e9ec;
3334
+ box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
3335
+ overflow-y: auto;
3336
+ z-index: 1000;
3337
+ display: none;
3338
+ }
3339
+
3340
+ .custom-option {
3341
+ cursor: pointer;
3342
+ font-size: 0.925em;
3343
+ padding: 0.35rem 1.25rem;
3344
+ transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
3345
+ }
3346
+
3347
+ .custom-option:hover {
3348
+ background-color: rgba(53, 93, 255, 0.08);
3349
+ color: #161616;
3350
+ }
3351
+
3352
+ .custom-option.active {
3353
+ background-color: rgba(53, 93, 255, 0.12);
3354
+ color: #355dff;
3355
+ }
3356
+
3357
+ .custom-scrollbar::-webkit-scrollbar {
3358
+ width: 10px;
3359
+ border-radius: 16px;
3360
+ }
3361
+
3362
+ .custom-scrollbar::-webkit-scrollbar-track {
3363
+ background: #e7e9ec;
3364
+ border-radius: 16px;
3365
+ }
3366
+
3367
+ .custom-scrollbar::-webkit-scrollbar-thumb {
3368
+ background-color: transparent;
3369
+ border-radius: 0.5rem;
3370
+ border: 1px solid #e7e9ec;
3371
+ }
3372
+
3373
+ .custom-scrollbar {
3374
+ scrollbar-width: thin;
3375
+ scrollbar-color: #e7e9ec transparent;
3376
+ }
3377
+
3294
3378
  .btn {
3295
3379
  --bs-btn-padding-x: 1.25rem;
3296
3380
  --bs-btn-padding-y: 0.675rem;
@@ -3477,19 +3561,19 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3477
3561
 
3478
3562
  .btn-light {
3479
3563
  --bs-btn-color: #000;
3480
- --bs-btn-bg: #eeeeee;
3481
- --bs-btn-border-color: #eeeeee;
3564
+ --bs-btn-bg: #bbb;
3565
+ --bs-btn-border-color: #bbb;
3482
3566
  --bs-btn-hover-color: #000;
3483
- --bs-btn-hover-bg: rgb(202.3, 202.3, 202.3);
3484
- --bs-btn-hover-border-color: rgb(190.4, 190.4, 190.4);
3485
- --bs-btn-focus-shadow-rgb: 202, 202, 202;
3567
+ --bs-btn-hover-bg: rgb(158.95, 158.95, 158.95);
3568
+ --bs-btn-hover-border-color: rgb(149.6, 149.6, 149.6);
3569
+ --bs-btn-focus-shadow-rgb: 159, 159, 159;
3486
3570
  --bs-btn-active-color: #000;
3487
- --bs-btn-active-bg: rgb(190.4, 190.4, 190.4);
3488
- --bs-btn-active-border-color: rgb(178.5, 178.5, 178.5);
3571
+ --bs-btn-active-bg: rgb(149.6, 149.6, 149.6);
3572
+ --bs-btn-active-border-color: rgb(140.25, 140.25, 140.25);
3489
3573
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3490
3574
  --bs-btn-disabled-color: #000;
3491
- --bs-btn-disabled-bg: #eeeeee;
3492
- --bs-btn-disabled-border-color: #eeeeee;
3575
+ --bs-btn-disabled-bg: #bbb;
3576
+ --bs-btn-disabled-border-color: #bbb;
3493
3577
  }
3494
3578
 
3495
3579
  .btn-dark {
@@ -3612,19 +3696,19 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3612
3696
  }
3613
3697
 
3614
3698
  .btn-outline-light {
3615
- --bs-btn-color: #eeeeee;
3616
- --bs-btn-border-color: #eeeeee;
3699
+ --bs-btn-color: #bbb;
3700
+ --bs-btn-border-color: #bbb;
3617
3701
  --bs-btn-hover-color: #000;
3618
- --bs-btn-hover-bg: #eeeeee;
3619
- --bs-btn-hover-border-color: #eeeeee;
3620
- --bs-btn-focus-shadow-rgb: 238, 238, 238;
3702
+ --bs-btn-hover-bg: #bbb;
3703
+ --bs-btn-hover-border-color: #bbb;
3704
+ --bs-btn-focus-shadow-rgb: 187, 187, 187;
3621
3705
  --bs-btn-active-color: #000;
3622
- --bs-btn-active-bg: #eeeeee;
3623
- --bs-btn-active-border-color: #eeeeee;
3706
+ --bs-btn-active-bg: #bbb;
3707
+ --bs-btn-active-border-color: #bbb;
3624
3708
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3625
- --bs-btn-disabled-color: #eeeeee;
3709
+ --bs-btn-disabled-color: #bbb;
3626
3710
  --bs-btn-disabled-bg: transparent;
3627
- --bs-btn-disabled-border-color: #eeeeee;
3711
+ --bs-btn-disabled-border-color: #bbb;
3628
3712
  --bs-gradient: none;
3629
3713
  }
3630
3714
 
@@ -3920,21 +4004,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3920
4004
  }
3921
4005
 
3922
4006
  .btn-light {
3923
- --bs-btn-bg: #eeeeee;
4007
+ --bs-btn-bg: #bbb;
3924
4008
  }
3925
4009
  .btn-light.soft {
3926
- --bs-btn-color: #eeeeee;
3927
- --bs-btn-bg: rgba(238, 238, 238, 0.1);
3928
- --bs-btn-border-color: rgba(238, 238, 238, 0);
3929
- --bs-btn-hover-color: #eeeeee;
3930
- --bs-btn-hover-bg: rgba(238, 238, 238, 0.2);
3931
- --bs-btn-hover-border-color: rgba(238, 238, 238, 0);
4010
+ --bs-btn-color: #bbb;
4011
+ --bs-btn-bg: rgba(187, 187, 187, 0.1);
4012
+ --bs-btn-border-color: rgba(187, 187, 187, 0);
4013
+ --bs-btn-hover-color: #bbb;
4014
+ --bs-btn-hover-bg: rgba(187, 187, 187, 0.2);
4015
+ --bs-btn-hover-border-color: rgba(187, 187, 187, 0);
3932
4016
  }
3933
4017
  .btn-light.grey {
3934
- --bs-btn-color: #eeeeee;
4018
+ --bs-btn-color: #bbb;
3935
4019
  --bs-btn-bg: rgba(104, 107, 110, 0.1);
3936
4020
  --bs-btn-border-color: rgba(104, 107, 110, 0);
3937
- --bs-btn-hover-color: #eeeeee;
4021
+ --bs-btn-hover-color: #bbb;
3938
4022
  --bs-btn-hover-bg: rgba(104, 107, 110, 0.2);
3939
4023
  --bs-btn-hover-border-color: rgba(104, 107, 110, 0);
3940
4024
  }
@@ -5096,16 +5180,16 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5096
5180
  background-color: #161616 !important;
5097
5181
  }
5098
5182
  .navbar.navbar-dark.bg-dark .navbar-brand {
5099
- color: #eeeeee !important;
5183
+ color: #bbb !important;
5100
5184
  }
5101
5185
  .navbar.navbar-dark.bg-dark .nav-item .nav-link {
5102
- color: rgba(238, 238, 238, 0.5) !important;
5186
+ color: rgba(187, 187, 187, 0.5) !important;
5103
5187
  }
5104
5188
  .navbar.navbar-dark.bg-dark .nav-item .nav-link:hover {
5105
- color: rgba(238, 238, 238, 0.7) !important;
5189
+ color: rgba(187, 187, 187, 0.7) !important;
5106
5190
  }
5107
5191
  .navbar.navbar-dark.bg-dark .nav-item .nav-link.active {
5108
- color: #eeeeee !important;
5192
+ color: #bbb !important;
5109
5193
  }
5110
5194
  .navbar.navbar-light.bg-light .navbar-brand {
5111
5195
  color: #161616 !important;
@@ -5120,7 +5204,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5120
5204
  color: #161616 !important;
5121
5205
  }
5122
5206
  .navbar.navbar-light .nav-item .nav-link:hover {
5123
- color: rgba(238, 238, 238, 0.7) !important;
5207
+ color: rgba(187, 187, 187, 0.7) !important;
5124
5208
  }
5125
5209
 
5126
5210
  .card {
@@ -5373,7 +5457,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5373
5457
  }
5374
5458
 
5375
5459
  .card.bg-primary, .card.bg-brand-gradient {
5376
- color: #eeeeee;
5460
+ color: #bbb;
5377
5461
  }
5378
5462
  .card.bg-primary .text-muted, .card.bg-brand-gradient .text-muted {
5379
5463
  color: #fff !important;
@@ -5848,11 +5932,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5848
5932
 
5849
5933
  .badge.bg-light {
5850
5934
  color: #fff !important;
5851
- background-color: #eeeeee !important;
5935
+ background-color: #bbb !important;
5852
5936
  }
5853
5937
  .badge.bg-light.soft {
5854
- color: #eeeeee !important;
5855
- background-color: rgba(238, 238, 238, 0.1) !important;
5938
+ color: #bbb !important;
5939
+ background-color: rgba(187, 187, 187, 0.1) !important;
5856
5940
  }
5857
5941
 
5858
5942
  .badge.bg-dark {
@@ -6142,8 +6226,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6142
6226
  }
6143
6227
 
6144
6228
  .alert-light {
6145
- background: rgba(238, 238, 238, 0.3);
6146
- border: 1px solid rgba(238, 238, 238, 0.3);
6229
+ background: rgba(187, 187, 187, 0.3);
6230
+ border: 1px solid rgba(187, 187, 187, 0.3);
6147
6231
  -webkit-backdrop-filter: saturate(100%) blur(10px);
6148
6232
  backdrop-filter: saturate(100%) blur(10px);
6149
6233
  position: relative;
@@ -7050,7 +7134,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7050
7134
  --bs-tooltip-padding-y: 0.375rem;
7051
7135
  --bs-tooltip-margin: ;
7052
7136
  --bs-tooltip-font-size: 0.765625rem;
7053
- --bs-tooltip-color: #eeeeee;
7137
+ --bs-tooltip-color: #bbb;
7054
7138
  --bs-tooltip-bg: #161616;
7055
7139
  --bs-tooltip-border-radius: var(--bs-border-radius);
7056
7140
  --bs-tooltip-opacity: 0.9;
@@ -8227,8 +8311,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8227
8311
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
8228
8312
  }
8229
8313
  .link-light:hover, .link-light:focus {
8230
- color: RGBA(241, 241, 241, var(--bs-link-opacity, 1)) !important;
8231
- text-decoration-color: RGBA(241, 241, 241, var(--bs-link-underline-opacity, 1)) !important;
8314
+ color: RGBA(201, 201, 201, var(--bs-link-opacity, 1)) !important;
8315
+ text-decoration-color: RGBA(201, 201, 201, var(--bs-link-underline-opacity, 1)) !important;
8232
8316
  }
8233
8317
 
8234
8318
  .link-dark {
package/assets/css/bootstrap-dim.rtl.css CHANGED
@@ -30,7 +30,7 @@
30
30
  --bs-info: #438aa7;
31
31
  --bs-warning: #ff9f38;
32
32
  --bs-danger: #c00d49;
33
- --bs-light: #eeeeee;
33
+ --bs-light: #bbb;
34
34
  --bs-dark: #161616;
35
35
  --bs-primary-rgb: 53, 93, 255;
36
36
  --bs-secondary-rgb: 108, 93, 211;
@@ -38,7 +38,7 @@
38
38
  --bs-info-rgb: 67, 138, 167;
39
39
  --bs-warning-rgb: 255, 159, 56;
40
40
  --bs-danger-rgb: 192, 13, 73;
41
- --bs-light-rgb: 238, 238, 238;
41
+ --bs-light-rgb: 187, 187, 187;
42
42
  --bs-dark-rgb: 22, 22, 22;
43
43
  --bs-primary-text-emphasis: rgb(21.2, 37.2, 102);
44
44
  --bs-secondary-text-emphasis: rgb(43.2, 37.2, 84.4);
@@ -644,11 +644,11 @@ progress {
644
644
  }
645
645
 
646
646
  .bg-light {
647
- background-color: #eeeeee;
647
+ background-color: #bbb;
648
648
  }
649
649
  .bg-light.soft {
650
- color: #eeeeee !important;
651
- background-color: rgba(238, 238, 238, 0.1) !important;
650
+ color: #bbb !important;
651
+ background-color: rgba(187, 187, 187, 0.1) !important;
652
652
  }
653
653
 
654
654
  .bg-dark {
@@ -824,10 +824,10 @@ progress {
824
824
  }
825
825
 
826
826
  .text-light {
827
- color: #eeeeee !important;
827
+ color: #bbb !important;
828
828
  }
829
829
  .text-light.soft {
830
- color: rgba(238, 238, 238, 0.1) !important;
830
+ color: rgba(187, 187, 187, 0.1) !important;
831
831
  }
832
832
 
833
833
  .text-dark {
@@ -2153,13 +2153,13 @@ progress {
2153
2153
 
2154
2154
  .table-light {
2155
2155
  --bs-table-color: #000;
2156
- --bs-table-bg: #eeeeee;
2157
- --bs-table-border-color: rgb(190.4, 190.4, 190.4);
2158
- --bs-table-striped-bg: rgb(226.1, 226.1, 226.1);
2156
+ --bs-table-bg: #bbb;
2157
+ --bs-table-border-color: rgb(149.6, 149.6, 149.6);
2158
+ --bs-table-striped-bg: rgb(177.65, 177.65, 177.65);
2159
2159
  --bs-table-striped-color: #000;
2160
- --bs-table-active-bg: rgb(214.2, 214.2, 214.2);
2160
+ --bs-table-active-bg: rgb(168.3, 168.3, 168.3);
2161
2161
  --bs-table-active-color: #000;
2162
- --bs-table-hover-bg: rgb(220.15, 220.15, 220.15);
2162
+ --bs-table-hover-bg: rgb(172.975, 172.975, 172.975);
2163
2163
  --bs-table-hover-color: #000;
2164
2164
  color: var(--bs-table-color);
2165
2165
  border-color: var(--bs-table-border-color);
@@ -2264,8 +2264,8 @@ progress {
2264
2264
  }
2265
2265
 
2266
2266
  .table-light {
2267
- background-color: rgba(238, 238, 238, 0.1);
2268
- --bs-table-bg: rgba(238, 238, 238, 0.1);
2267
+ background-color: rgba(187, 187, 187, 0.1);
2268
+ --bs-table-bg: rgba(187, 187, 187, 0.1);
2269
2269
  border-color: #e7e9ec;
2270
2270
  color: #686b6e;
2271
2271
  }
@@ -2330,6 +2330,16 @@ progress {
2330
2330
  --bs-table-striped-bg: inherit;
2331
2331
  }
2332
2332
 
2333
+ html[dir=rtl] table.dataTable thead th {
2334
+ text-align: right;
2335
+ }
2336
+ html[dir=rtl] table.dataTable thead th .dt-column-title {
2337
+ margin-right: 20px;
2338
+ }
2339
+ html[dir=rtl] table.dataTable thead th .dt-column-header {
2340
+ flex-direction: row;
2341
+ }
2342
+
2333
2343
  .table > :not(caption) > * > * {
2334
2344
  background-color: inherit !important;
2335
2345
  color: inherit !important;
@@ -3337,6 +3347,80 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3337
3347
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") no-repeat left 0.75rem center/8px 10px !important;
3338
3348
  }
3339
3349
 
3350
+ .custom-select-wrapper {
3351
+ position: relative;
3352
+ margin-bottom: 1rem;
3353
+ }
3354
+
3355
+ .custom-select-wrapper .form-select {
3356
+ display: none;
3357
+ }
3358
+
3359
+ .custom-select-display {
3360
+ cursor: pointer;
3361
+ background-image: none !important;
3362
+ padding-left: 1.125rem;
3363
+ transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
3364
+ }
3365
+
3366
+ .custom-select-display .arrow-icon {
3367
+ color: #686b6e !important;
3368
+ transition: transform 0.2s ease-in-out;
3369
+ }
3370
+
3371
+ .custom-select-wrapper.open .arrow-icon {
3372
+ transform: rotate(-180deg);
3373
+ }
3374
+
3375
+ .custom-options-container {
3376
+ background-color: #ffffff;
3377
+ max-height: 320px;
3378
+ border-radius: 0.5rem;
3379
+ border: 1px solid #e7e9ec;
3380
+ box-shadow: 0 0 20px 0 rgba(76, 87, 125, 0.02);
3381
+ overflow-y: auto;
3382
+ z-index: 1000;
3383
+ display: none;
3384
+ }
3385
+
3386
+ .custom-option {
3387
+ cursor: pointer;
3388
+ font-size: 0.925em;
3389
+ padding: 0.35rem 1.25rem;
3390
+ transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
3391
+ }
3392
+
3393
+ .custom-option:hover {
3394
+ background-color: rgba(53, 93, 255, 0.08);
3395
+ color: #161616;
3396
+ }
3397
+
3398
+ .custom-option.active {
3399
+ background-color: rgba(53, 93, 255, 0.12);
3400
+ color: #355dff;
3401
+ }
3402
+
3403
+ .custom-scrollbar::-webkit-scrollbar {
3404
+ width: 10px;
3405
+ border-radius: 16px;
3406
+ }
3407
+
3408
+ .custom-scrollbar::-webkit-scrollbar-track {
3409
+ background: #e7e9ec;
3410
+ border-radius: 16px;
3411
+ }
3412
+
3413
+ .custom-scrollbar::-webkit-scrollbar-thumb {
3414
+ background-color: transparent;
3415
+ border-radius: 0.5rem;
3416
+ border: 1px solid #e7e9ec;
3417
+ }
3418
+
3419
+ .custom-scrollbar {
3420
+ scrollbar-width: thin;
3421
+ scrollbar-color: #e7e9ec transparent;
3422
+ }
3423
+
3340
3424
  .btn {
3341
3425
  --bs-btn-padding-x: 1.25rem;
3342
3426
  --bs-btn-padding-y: 0.675rem;
@@ -3525,19 +3609,19 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3525
3609
 
3526
3610
  .btn-light {
3527
3611
  --bs-btn-color: #000;
3528
- --bs-btn-bg: #eeeeee;
3529
- --bs-btn-border-color: #eeeeee;
3612
+ --bs-btn-bg: #bbb;
3613
+ --bs-btn-border-color: #bbb;
3530
3614
  --bs-btn-hover-color: #000;
3531
- --bs-btn-hover-bg: rgb(202.3, 202.3, 202.3);
3532
- --bs-btn-hover-border-color: rgb(190.4, 190.4, 190.4);
3533
- --bs-btn-focus-shadow-rgb: 202, 202, 202;
3615
+ --bs-btn-hover-bg: rgb(158.95, 158.95, 158.95);
3616
+ --bs-btn-hover-border-color: rgb(149.6, 149.6, 149.6);
3617
+ --bs-btn-focus-shadow-rgb: 159, 159, 159;
3534
3618
  --bs-btn-active-color: #000;
3535
- --bs-btn-active-bg: rgb(190.4, 190.4, 190.4);
3536
- --bs-btn-active-border-color: rgb(178.5, 178.5, 178.5);
3619
+ --bs-btn-active-bg: rgb(149.6, 149.6, 149.6);
3620
+ --bs-btn-active-border-color: rgb(140.25, 140.25, 140.25);
3537
3621
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3538
3622
  --bs-btn-disabled-color: #000;
3539
- --bs-btn-disabled-bg: #eeeeee;
3540
- --bs-btn-disabled-border-color: #eeeeee;
3623
+ --bs-btn-disabled-bg: #bbb;
3624
+ --bs-btn-disabled-border-color: #bbb;
3541
3625
  }
3542
3626
 
3543
3627
  .btn-dark {
@@ -3660,19 +3744,19 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3660
3744
  }
3661
3745
 
3662
3746
  .btn-outline-light {
3663
- --bs-btn-color: #eeeeee;
3664
- --bs-btn-border-color: #eeeeee;
3747
+ --bs-btn-color: #bbb;
3748
+ --bs-btn-border-color: #bbb;
3665
3749
  --bs-btn-hover-color: #000;
3666
- --bs-btn-hover-bg: #eeeeee;
3667
- --bs-btn-hover-border-color: #eeeeee;
3668
- --bs-btn-focus-shadow-rgb: 238, 238, 238;
3750
+ --bs-btn-hover-bg: #bbb;
3751
+ --bs-btn-hover-border-color: #bbb;
3752
+ --bs-btn-focus-shadow-rgb: 187, 187, 187;
3669
3753
  --bs-btn-active-color: #000;
3670
- --bs-btn-active-bg: #eeeeee;
3671
- --bs-btn-active-border-color: #eeeeee;
3754
+ --bs-btn-active-bg: #bbb;
3755
+ --bs-btn-active-border-color: #bbb;
3672
3756
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
3673
- --bs-btn-disabled-color: #eeeeee;
3757
+ --bs-btn-disabled-color: #bbb;
3674
3758
  --bs-btn-disabled-bg: transparent;
3675
- --bs-btn-disabled-border-color: #eeeeee;
3759
+ --bs-btn-disabled-border-color: #bbb;
3676
3760
  --bs-gradient: none;
3677
3761
  }
3678
3762
 
@@ -3968,21 +4052,21 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
3968
4052
  }
3969
4053
 
3970
4054
  .btn-light {
3971
- --bs-btn-bg: #eeeeee;
4055
+ --bs-btn-bg: #bbb;
3972
4056
  }
3973
4057
  .btn-light.soft {
3974
- --bs-btn-color: #eeeeee;
3975
- --bs-btn-bg: rgba(238, 238, 238, 0.1);
3976
- --bs-btn-border-color: rgba(238, 238, 238, 0);
3977
- --bs-btn-hover-color: #eeeeee;
3978
- --bs-btn-hover-bg: rgba(238, 238, 238, 0.2);
3979
- --bs-btn-hover-border-color: rgba(238, 238, 238, 0);
4058
+ --bs-btn-color: #bbb;
4059
+ --bs-btn-bg: rgba(187, 187, 187, 0.1);
4060
+ --bs-btn-border-color: rgba(187, 187, 187, 0);
4061
+ --bs-btn-hover-color: #bbb;
4062
+ --bs-btn-hover-bg: rgba(187, 187, 187, 0.2);
4063
+ --bs-btn-hover-border-color: rgba(187, 187, 187, 0);
3980
4064
  }
3981
4065
  .btn-light.grey {
3982
- --bs-btn-color: #eeeeee;
4066
+ --bs-btn-color: #bbb;
3983
4067
  --bs-btn-bg: rgba(104, 107, 110, 0.1);
3984
4068
  --bs-btn-border-color: rgba(104, 107, 110, 0);
3985
- --bs-btn-hover-color: #eeeeee;
4069
+ --bs-btn-hover-color: #bbb;
3986
4070
  --bs-btn-hover-bg: rgba(104, 107, 110, 0.2);
3987
4071
  --bs-btn-hover-border-color: rgba(104, 107, 110, 0);
3988
4072
  }
@@ -5144,16 +5228,16 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5144
5228
  background-color: #161616 !important;
5145
5229
  }
5146
5230
  .navbar.navbar-dark.bg-dark .navbar-brand {
5147
- color: #eeeeee !important;
5231
+ color: #bbb !important;
5148
5232
  }
5149
5233
  .navbar.navbar-dark.bg-dark .nav-item .nav-link {
5150
- color: rgba(238, 238, 238, 0.5) !important;
5234
+ color: rgba(187, 187, 187, 0.5) !important;
5151
5235
  }
5152
5236
  .navbar.navbar-dark.bg-dark .nav-item .nav-link:hover {
5153
- color: rgba(238, 238, 238, 0.7) !important;
5237
+ color: rgba(187, 187, 187, 0.7) !important;
5154
5238
  }
5155
5239
  .navbar.navbar-dark.bg-dark .nav-item .nav-link.active {
5156
- color: #eeeeee !important;
5240
+ color: #bbb !important;
5157
5241
  }
5158
5242
  .navbar.navbar-light.bg-light .navbar-brand {
5159
5243
  color: #161616 !important;
@@ -5168,7 +5252,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5168
5252
  color: #161616 !important;
5169
5253
  }
5170
5254
  .navbar.navbar-light .nav-item .nav-link:hover {
5171
- color: rgba(238, 238, 238, 0.7) !important;
5255
+ color: rgba(187, 187, 187, 0.7) !important;
5172
5256
  }
5173
5257
 
5174
5258
  .card {
@@ -5421,7 +5505,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5421
5505
  }
5422
5506
 
5423
5507
  .card.bg-primary, .card.bg-brand-gradient {
5424
- color: #eeeeee;
5508
+ color: #bbb;
5425
5509
  }
5426
5510
  .card.bg-primary .text-muted, .card.bg-brand-gradient .text-muted {
5427
5511
  color: #fff !important;
@@ -5896,11 +5980,11 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
5896
5980
 
5897
5981
  .badge.bg-light {
5898
5982
  color: #fff !important;
5899
- background-color: #eeeeee !important;
5983
+ background-color: #bbb !important;
5900
5984
  }
5901
5985
  .badge.bg-light.soft {
5902
- color: #eeeeee !important;
5903
- background-color: rgba(238, 238, 238, 0.1) !important;
5986
+ color: #bbb !important;
5987
+ background-color: rgba(187, 187, 187, 0.1) !important;
5904
5988
  }
5905
5989
 
5906
5990
  .badge.bg-dark {
@@ -6183,8 +6267,8 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
6183
6267
  }
6184
6268
 
6185
6269
  .alert-light {
6186
- background: rgba(238, 238, 238, 0.3);
6187
- border: 1px solid rgba(238, 238, 238, 0.3);
6270
+ background: rgba(187, 187, 187, 0.3);
6271
+ border: 1px solid rgba(187, 187, 187, 0.3);
6188
6272
  backdrop-filter: saturate(100%) blur(10px);
6189
6273
  position: relative;
6190
6274
  color: #686b6e;
@@ -7092,7 +7176,7 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
7092
7176
  --bs-tooltip-padding-y: 0.375rem;
7093
7177
  --bs-tooltip-margin: ;
7094
7178
  --bs-tooltip-font-size: 0.765625rem;
7095
- --bs-tooltip-color: #eeeeee;
7179
+ --bs-tooltip-color: #bbb;
7096
7180
  --bs-tooltip-bg: #161616;
7097
7181
  --bs-tooltip-border-radius: var(--bs-border-radius);
7098
7182
  --bs-tooltip-opacity: 0.9;
@@ -8269,9 +8353,9 @@ select.form-select option:checked[selected], select.form-select option:focus[sel
8269
8353
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
8270
8354
  }
8271
8355
  .link-light:hover, .link-light:focus {
8272
- color: RGBA(241, 241, 241, var(--bs-link-opacity, 1)) !important;
8273
- -webkit-text-decoration-color: RGBA(241, 241, 241, var(--bs-link-underline-opacity, 1)) !important;
8274
- text-decoration-color: RGBA(241, 241, 241, var(--bs-link-underline-opacity, 1)) !important;
8356
+ color: RGBA(201, 201, 201, var(--bs-link-opacity, 1)) !important;
8357
+ -webkit-text-decoration-color: RGBA(201, 201, 201, var(--bs-link-underline-opacity, 1)) !important;
8358
+ text-decoration-color: RGBA(201, 201, 201, var(--bs-link-underline-opacity, 1)) !important;
8275
8359
  }
8276
8360
 
8277
8361
  .link-dark {