@appsbd/vue3-appsbd-ui 1.0.2 → 1.0.4

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 (87) hide show
  1. package/.ai/ai_ref_AbAvatar.md +1 -11
  2. package/.ai/ai_ref_AbBadge.md +2 -11
  3. package/.ai/ai_ref_AbButton.md +4 -23
  4. package/.ai/ai_ref_AbCard.md +6 -25
  5. package/.ai/ai_ref_AbCarousel.md +1 -12
  6. package/.ai/ai_ref_AbChart.md +16 -57
  7. package/.ai/ai_ref_AbColorPicker.md +1 -14
  8. package/.ai/ai_ref_AbConfirmPopover.md +1 -6
  9. package/.ai/ai_ref_AbCustomField.md +1 -9
  10. package/.ai/ai_ref_AbDarkModeToggler.md +1 -10
  11. package/.ai/ai_ref_AbDateTimePicker.md +4 -38
  12. package/.ai/ai_ref_AbEasyModal.md +2 -8
  13. package/.ai/ai_ref_AbField.md +1 -9
  14. package/.ai/ai_ref_AbFileUploader.md +3 -19
  15. package/.ai/ai_ref_AbFilterPanel.md +0 -4
  16. package/.ai/ai_ref_AbFormCheck.md +2 -19
  17. package/.ai/ai_ref_AbImageRadioInput.md +1 -9
  18. package/.ai/ai_ref_AbInputField.md +1 -9
  19. package/.ai/ai_ref_AbInputTag.md +2 -22
  20. package/.ai/ai_ref_AbKbd.md +0 -12
  21. package/.ai/ai_ref_AbKbdGroup.md +1 -13
  22. package/.ai/ai_ref_AbModal.md +98 -103
  23. package/.ai/ai_ref_AbMultiSelect.md +3 -37
  24. package/.ai/ai_ref_AbNumberField.md +5 -30
  25. package/.ai/ai_ref_AbPinInput.md +1 -13
  26. package/.ai/ai_ref_AbPopover.md +2 -12
  27. package/.ai/ai_ref_AbPricingCard.md +0 -8
  28. package/.ai/ai_ref_AbPricingContainer.md +0 -8
  29. package/.ai/ai_ref_AbPricingTable.md +20 -36
  30. package/.ai/ai_ref_AbProgressbar.md +1 -11
  31. package/.ai/ai_ref_AbScrollbar.md +2 -12
  32. package/.ai/ai_ref_AbSettingsForm.md +1 -9
  33. package/.ai/ai_ref_AbSideMenuItem.md +1 -12
  34. package/.ai/ai_ref_AbSidebar.md +2 -10
  35. package/.ai/ai_ref_AbSkeleton.md +0 -18
  36. package/.ai/ai_ref_AbSlider.md +1 -20
  37. package/.ai/ai_ref_AbTab.md +0 -8
  38. package/.ai/ai_ref_AbTable.md +0 -10
  39. package/.ai/ai_ref_AbTabs.md +1 -11
  40. package/.ai/ai_ref_AbToggle.md +4 -23
  41. package/.ai/ai_ref_AbTooltip.md +1 -15
  42. package/.ai/ai_ref_AbWizard.md +7 -20
  43. package/.ai/ai_ref_AbWizardStep.md +1 -13
  44. package/.ai/ai_ref_abEventBus.md +66 -94
  45. package/.ai/ai_ref_abRequestParam.md +40 -55
  46. package/.ai/ai_ref_abTranslate.md +30 -15
  47. package/.ai/ai_ref_abVeeRules.md +33 -42
  48. package/.ai/ai_ref_global_config.md +7 -17
  49. package/.ai/ai_ref_useAlert.md +45 -63
  50. package/.ai/ai_ref_useFileValidator.md +31 -46
  51. package/.ai/ai_ref_useResponsive.md +41 -55
  52. package/.ai/ai_ref_useTheme.md +28 -39
  53. package/.ai/ai_ref_useToast.md +30 -42
  54. package/AI_REF.md +114 -0
  55. package/AI_REFERENCE.md +83 -1131
  56. package/dist/skins/black.css +1 -1
  57. package/dist/skins/cyan.css +1 -1
  58. package/dist/skins/default.css +1 -1
  59. package/dist/skins/gray.css +1 -1
  60. package/dist/skins/green.css +1 -1
  61. package/dist/skins/orange.css +1 -1
  62. package/dist/skins/pink.css +1 -1
  63. package/dist/skins/purple.css +1 -1
  64. package/dist/skins/red.css +1 -1
  65. package/dist/skins/themes/_blue.scss +35 -35
  66. package/dist/skins/themes/_common_variable.scss +101 -6
  67. package/dist/skins/themes/_cyan.scss +1 -1
  68. package/dist/skins/themes/_gray.scss +2 -1
  69. package/dist/skins/themes/_green.scss +1 -1
  70. package/dist/skins/themes/_grid.scss +4 -1
  71. package/dist/skins/themes/_orange.scss +1 -1
  72. package/dist/skins/themes/_pink.scss +1 -1
  73. package/dist/skins/themes/_purple.scss +1 -1
  74. package/dist/skins/themes/_red.scss +1 -1
  75. package/dist/skins/themes/_violet.scss +1 -1
  76. package/dist/skins/violet.css +1 -1
  77. package/dist/style.css +1 -1
  78. package/dist/vue3-appsbd-ui.cjs.js +93 -61
  79. package/dist/vue3-appsbd-ui.es.js +26647 -17054
  80. package/package.json +7 -1
  81. package/readme.md +59 -1
  82. package/scripts/postinstall.js +55 -0
  83. package/scripts/setup.js +16 -0
  84. package/scripts/skill-groups.js +38 -0
  85. package/skills/commands/generate-module.md +76 -0
  86. package/skills/commands/settings-form.md +175 -0
  87. package/skills/commands/use-appsbd-ui.md +40 -0
@@ -5,6 +5,17 @@ $color-error: #bd2a20;
5
5
  $color-success: #079455;
6
6
  $color-warning: #F79009;
7
7
  $color-info: #0EA5E9;
8
+ $color-light: #f4f4f5;
9
+
10
+ $color-error-dark: #60140f;
11
+ $color-success-dark: #124e33;
12
+ $color-warning-dark: #603d10;
13
+ $color-info-dark: #0f5878;
14
+ $color-dark-dark: #222b3e;
15
+ $color-secondary-dark: #585555;
16
+ $color-light-dark: #6a6a6a;
17
+
18
+
8
19
  $label-color: #414651;
9
20
  $border-color-light: #D5D7DA;
10
21
  $border-color-dark: #334155;
@@ -42,6 +53,9 @@ body {
42
53
  --#{$prefix}apbd-input-box-shadow: 0 0 0 4px rgba(#{red($theme-color)}, #{green($theme-color)}, #{blue($theme-color)}, 0.24);
43
54
 
44
55
  // Dependent components
56
+
57
+ --#{$prefix}light:#{$color-light};
58
+ --#{$prefix}apbd-text-color: #{$color-white};
45
59
  --#{$prefix}apbd-checkbox-checked-form-check-bg: #{$theme-color};
46
60
  --#{$prefix}apbd-toggle-checked-bg: #{$theme-color};
47
61
  --#{$prefix}apbd-toggle-checked-hover-bg: #{$theme-color-hover};
@@ -54,6 +68,7 @@ body {
54
68
  --#{$prefix}apbd-slider-thumb-focus-shadow: 0 0 0 4px rgba(#{red($theme-color)}, #{green($theme-color)}, #{blue($theme-color)}, 0.24);
55
69
 
56
70
  --#{$prefix}apbd-border-color: #{$border-color-light};
71
+ --#{$prefix}apbd-modal-border-color: #edf1f7;
57
72
  --#{$prefix}apbd-error-border-color: #{$border-color-error};
58
73
  --#{$prefix}apbd-bg-color: #{$bg-color-light};
59
74
  --#{$prefix}apbd-input-bg-color: #{$input-bg-color-lite};
@@ -74,6 +89,9 @@ body {
74
89
 
75
90
  --#{$prefix}btn-icon-divider-color: #cbc1c175;
76
91
 
92
+ // Elite grid
93
+ --#{$prefix}apbd-grid-cell-text-color: #212529;
94
+
77
95
  // secondary btn color
78
96
  --#{$prefix}secondary: #F5F5F5;
79
97
  --#{$prefix}secondary-btn-hover: #E9EAEB;
@@ -240,6 +258,9 @@ body {
240
258
  --#{$prefix}apbd-date-picker-icon-container-color: #fffff;
241
259
 
242
260
  // badge
261
+ --#{$prefix}apbd-badge-primary-bg: #{$theme-color-light};
262
+ --#{$prefix}apbd-badge-primary-border-color: #{$border-color-focus-light};
263
+
243
264
  --#{$prefix}apbd-badge-gray-bg-text-color: #717680;
244
265
  --#{$prefix}apbd-badge-gray-bg: #F5F5F5;
245
266
  --#{$prefix}apbd-badge-gray-border-color: #E9EAEB;
@@ -292,7 +313,7 @@ body {
292
313
  --#{$prefix}apbd-tab-button-color: #717680;
293
314
  --#{$prefix}apbd-tab-button-hover-color: #{$theme-color};
294
315
  --#{$prefix}apbd-tab-button-active-color: #{$theme-color};
295
- --#{$prefix}apbd-tab-button-active-bg: #EFF4FF;
316
+ --#{$prefix}apbd-tab-button-active-bg: var(--#{$prefix}primary-light);
296
317
  --#{$prefix}apbd-tab-button-focus-bg: #{$color-white};
297
318
  --#{$prefix}apbd-tab-button-focus-box-shadow: 0 0 0 4px rgba(41, 112, 255, 0.24);
298
319
  --#{$prefix}apbd-tab-button-underline-color: #{$theme-color};
@@ -377,7 +398,17 @@ body {
377
398
  --bs-body-bg: var(--#{$prefix}apbd-bg-color);
378
399
  --bs-body-color: var(--#{$prefix}apbd-main-text-color);
379
400
  --bs-border-color: var(--#{$prefix}apbd-border-color);
401
+
402
+ --#{$prefix}primary:#{$theme-color-dark};
403
+ --#{$prefix}secondary:#{$color-secondary-dark};
404
+ --#{$prefix}success:#{$color-success-dark};
405
+ --#{$prefix}warning:#{$color-warning-dark};
406
+ --#{$prefix}danger:#{$color-error-dark};
407
+ --#{$prefix}info:#{$color-info-dark};
408
+ --#{$prefix}dark:#{$color-dark-dark};
409
+ --#{$prefix}light:#{$color-light-dark};
380
410
 
411
+ --#{$prefix}apbd-text-color: #b7bfc7;
381
412
  --#{$prefix}theme: #{$theme-color-dark};
382
413
  --#{$prefix}primary: #{$theme-color-dark};
383
414
  --#{$prefix}primary-rgb: #{red($theme-color-dark)}, #{green($theme-color-dark)}, #{blue($theme-color-dark)};
@@ -390,6 +421,7 @@ body {
390
421
  color-scheme: dark;
391
422
  --#{$prefix}apbd-border-color: #{$border-color-dark};
392
423
  --#{$prefix}apbd-border-color-focus: #{$border-color-focus-dark};
424
+ --#{$prefix}apbd-modal-border-color: #39414e5c;
393
425
  --#{$prefix}apbd-bg-color: #{$bg-color-dark};
394
426
  --#{$prefix}apbd-input-bg-color: #{$input-bg-color-dark};
395
427
  --#{$prefix}apbd-input-box-shadow: 0 0 0 4px rgb(100 104 110 / 51%);
@@ -400,7 +432,7 @@ body {
400
432
 
401
433
  --#{$prefix}btn-disabled-text: #98A2B3;
402
434
  --#{$prefix}btn-disabled-bg-color: #252B37;
403
- --#{$prefix}btn-disabled-border: #EAECF0;
435
+ --#{$prefix}btn-disabled-border: #383838;
404
436
  --#{$prefix}btn-disabled-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
405
437
  --#{$prefix}btn-close-hover-bg: #F9FAFB;
406
438
  --#{$prefix}btn-close-focus-box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, 0.14);
@@ -441,6 +473,10 @@ body {
441
473
  // light btn color
442
474
  --#{$prefix}light-outline-btn-hover-bg: rgb(120 120 120);
443
475
 
476
+ // image radio input
477
+ --#{$prefix}apbd-imgr-bg: #{lighten($theme-color-dark, 10%)};
478
+ --#{$prefix}apbd-imgr-checked-color: #{lighten($theme-color-dark, 10%)};
479
+
444
480
  // Input field
445
481
  --#{$prefix}input-field-bg: #{$input-bg-color-dark};
446
482
  --#{$prefix}input-field-disable-bg: #{$disabled-bg-color-dark};
@@ -454,6 +490,63 @@ body {
454
490
  --#{$prefix}input-field-code-input-text-color:#{$color-white};
455
491
  --#{$prefix}input-field-code-input-text-color-active:#{$color-white};
456
492
 
493
+
494
+ // badge
495
+ --#{$prefix}apbd-badge-primary-bg: #{darken($theme-color-dark, 5%)};
496
+ --#{$prefix}apbd-badge-primary-border-color: #{darken($theme-color-dark, 5%)};
497
+ --#{$prefix}apbd-badge-primary-bg-text-color: #{darken($theme-color-dark, 35%)};
498
+
499
+ --#{$prefix}apbd-badge-gray-bg-text-color: #4d4e50;
500
+ --#{$prefix}apbd-badge-gray-bg: #a5a5a5;
501
+ --#{$prefix}apbd-badge-gray-border-color: #a5a5a5;
502
+
503
+ --#{$prefix}apbd-badge-blue-deep-bg-text-color: #142a56;
504
+ --#{$prefix}apbd-badge-blue-deep-bg: #465e70;
505
+ --#{$prefix}apbd-badge-blue-deep-border-color: #465e70;
506
+
507
+ --#{$prefix}apbd-badge-danger-bg-text-color: #3e120e;
508
+ --#{$prefix}apbd-badge-danger-bg: #724e4b;
509
+ --#{$prefix}apbd-badge-danger-border-color: #724e4b;
510
+
511
+ --#{$prefix}apbd-badge-warning-bg-text-color: #382c02;
512
+ --#{$prefix}apbd-badge-warning-bg: #68624e;
513
+ --#{$prefix}apbd-badge-warning-border-color: #68624e;
514
+
515
+ --#{$prefix}apbd-badge-success-bg-text-color: #064028;
516
+ --#{$prefix}apbd-badge-success-bg: #597c67;
517
+ --#{$prefix}apbd-badge-success-border-color: #597c67;
518
+
519
+ --#{$prefix}apbd-badge-gray-blue-bg-text-color: #222747;
520
+ --#{$prefix}apbd-badge-gray-blue-bg: #6e758d;
521
+ --#{$prefix}apbd-badge-gray-blue-border-color: #6e758d;
522
+
523
+ --#{$prefix}apbd-badge-info-bg-text-color: #13374a;
524
+ --#{$prefix}apbd-badge-info-bg: #546672;
525
+ --#{$prefix}apbd-badge-info-border-color: #546672;
526
+
527
+ --#{$prefix}apbd-badge-blue-bg-text-color: #202750;
528
+ --#{$prefix}apbd-badge-blue-bg: #586691;
529
+ --#{$prefix}apbd-badge-blue-border-color: #586691;
530
+
531
+ --#{$prefix}apbd-badge-indigo-bg-text-color: #212277;
532
+ --#{$prefix}apbd-badge-indigo-bg: #5f7fbb;
533
+ --#{$prefix}apbd-badge-indigo-border-color: #5f7fbb;
534
+
535
+ --#{$prefix}apbd-badge-purple-bg-text-color: #321d68;
536
+ --#{$prefix}apbd-badge-purple-bg: #66619d;
537
+ --#{$prefix}apbd-badge-purple-border-color: #66619d;
538
+
539
+ --#{$prefix}apbd-badge-pink-bg-text-color: #470f2e;
540
+ --#{$prefix}apbd-badge-pink-bg: #6c5165;
541
+ --#{$prefix}apbd-badge-pink-border-color: #6c5165;
542
+
543
+ --#{$prefix}apbd-badge-orange-bg-text-color: #5c1f0e;
544
+ --#{$prefix}apbd-badge-orange-bg: #765d44;
545
+ --#{$prefix}apbd-badge-orange-border-color: #765d44;
546
+
547
+ // Elite grid
548
+ --#{$prefix}apbd-grid-cell-text-color: #b7bfc7;
549
+
457
550
  // checkbox
458
551
  --#{$prefix}apbd-checkbox-checked-form-check-bg: #{$input-bg-color-dark};
459
552
  --#{$prefix}apbd-checkbox-description-text-color: #A4A7AE;
@@ -508,9 +601,10 @@ body {
508
601
 
509
602
  // tabs
510
603
  --#{$prefix}apbd-tab-button-color: #717680;
511
- --#{$prefix}apbd-tab-button-hover-color: #528BFF;
512
- --#{$prefix}apbd-tab-button-active-color: #528BFF;
513
- --#{$prefix}apbd-tab-button-active-bg: #00359E;
604
+ --#{$prefix}apbd-tab-button-hover-color: #{$theme-color};
605
+ --#{$prefix}apbd-tab-button-active-color: #{$theme-color};
606
+ --#{$prefix}apbd-tab-button-active-bg: #1E293B;
607
+ --#{$prefix}apbd-bg-tab-seondary: #1E293B;
514
608
 
515
609
  // progressbar
516
610
  --#{$prefix}apbd-progressbar-bg: #334155;
@@ -541,7 +635,8 @@ body {
541
635
  --#{$prefix}apbd-sidebar-item-hover-bg: #1E293B;
542
636
  --#{$prefix}apbd-sidebar-item-hover-text-color: #F1F5F9;
543
637
  --#{$prefix}apbd-sidebar-item-active-bg: #1E293B;
544
- --#{$prefix}apbd-sidebar-item-active-text-color: var(--#{$prefix}primary);
638
+ // --#{$prefix}apbd-sidebar-item-active-text-color: #{$theme-color};
639
+ --#{$prefix}apbd-sidebar-item-active-text-color: #{lighten($theme-color-dark, 25%)};
545
640
  --#{$prefix}apbd-sidebar-submenu-tree-color: #334155;
546
641
  --#{$prefix}apbd-sidebar-submenu-text-color: #94A3B8;
547
642
  --#{$prefix}apbd-sidebar-submenu-active-text-color: #F1F5F9;
@@ -1,6 +1,6 @@
1
1
  // Cyan Theme
2
2
  $theme-color: #00ACC1; //06AED4
3
3
  $theme-color-light: lighten(#00ACC1,58);// #ECFDFF;
4
- $theme-color-dark:darken(#00ACC1,10);// #00ACC1;
4
+ $theme-color-dark:rgb(21 83 90);// #00ACC1;
5
5
  $theme-color-hover: #0891B2;
6
6
  $border-color-focus-light: #A5F3FC;
@@ -1,6 +1,7 @@
1
1
  // Gray Theme
2
2
  $theme-color: #475467;
3
3
  $theme-color-light: #F2F4F7;
4
- $theme-color-dark: #667085;
4
+ $theme-color-dark: #3d4454;
5
5
  $theme-color-hover: #344054;
6
6
  $border-color-focus-light: #D0D5DD;
7
+
@@ -1,6 +1,6 @@
1
1
  // Green Theme
2
2
  $theme-color: #079455;
3
3
  $theme-color-light: #ECFDF3;
4
- $theme-color-dark: #079455;
4
+ $theme-color-dark: #20523b;
5
5
  $theme-color-hover: #067647;
6
6
  $border-color-focus-light: #ABEFC6;
@@ -16,12 +16,15 @@ body{
16
16
  --eg-pg-btn-color: #FFFFFF;
17
17
  --eg-pg-shodow-color: #ccc;
18
18
  --eg-pagination-shadow: #{rgba($theme-color,0.6)};
19
+ --eg-primary-color:var(--#{$prefix}primary);
20
+ --eg-dropdown-bg:var(--#{$prefix}apbd-bg-color);
19
21
  }
20
22
 
21
23
  [data-bs-theme=dark] {
22
24
  body{
23
25
  color-scheme: dark;
24
- --eg-table-border-color:#{rgba(darken($theme-color,20%),0.25)};
26
+ --eg-table-border-color:#{rgba(darken($theme-color,15%),0.30)};
27
+ --eg-text-color: #b7bfc7;
25
28
  }
26
29
  }
27
30
 
@@ -1,6 +1,6 @@
1
1
  // Orange Theme
2
2
  $theme-color: #F79009;
3
3
  $theme-color-light: #FEF0C7;
4
- $theme-color-dark: #FDB022;
4
+ $theme-color-dark: #6c511e;
5
5
  $theme-color-hover: #DC6803;
6
6
  $border-color-focus-light: #FEDF89;
@@ -1,6 +1,6 @@
1
1
  // Pink Theme
2
2
  $theme-color: #EE46BC;
3
3
  $theme-color-light: #FDF2FA;
4
- $theme-color-dark: #F472B6;
4
+ $theme-color-dark: #81174e;
5
5
  $theme-color-hover: #DB2777;
6
6
  $border-color-focus-light: #FBCFE8;
@@ -1,6 +1,6 @@
1
1
  // Purple Theme
2
2
  $theme-color: #9B51E0;
3
3
  $theme-color-light: #F3E8FD;
4
- $theme-color-dark: #BB86FC;
4
+ $theme-color-dark: #5b3091;
5
5
  $theme-color-hover: #7B40B3;
6
6
  $border-color-focus-light: #D8B4FE;
@@ -1,6 +1,6 @@
1
1
  // Red Theme
2
2
  $theme-color: #D92D20;
3
3
  $theme-color-light: #FEE4E2;
4
- $theme-color-dark: #F04438;
4
+ $theme-color-dark: #6a241f;
5
5
  $theme-color-hover: #B42318;
6
6
  $border-color-focus-light: #FDA29B;
@@ -1,6 +1,6 @@
1
1
  // Violet Theme
2
2
  $theme-color: #7C3AED;
3
3
  $theme-color-light: #EDE9FE;
4
- $theme-color-dark: #8B5CF6;
4
+ $theme-color-dark: #4a2091;
5
5
  $theme-color-hover: #6D28D9;
6
6
  $border-color-focus-light: #C4B5FD;
@@ -1 +1 @@
1
- body{--bs-primary: var(--bb-primary);--bs-primary-rgb: var(--bb-primary-rgb);--bs-link-color: var(--bb-primary);--bs-link-hover-color: var(--bb-primary-btn-hover);--bb-theme: #7C3AED;--bb-primary: #7C3AED;--bb-primary-light: #EDE9FE;--bb-primary-rgb: 124, 58, 237;--bb-primary-btn-hover: #6D28D9;--bb-primary-btn-hover-border-color: #6D28D9;--bb-primary-outline-btn-hover: #6D28D9;--bb-primary-outline-btn-border: #7C3AED;--bb-primary-outline-btn-hover-bg: rgba(124, 58, 237, .15);--bb-primary-outline-btn-text: var(--bb-primary-btn-hover);--bb-apbd-border-color-focus: #C4B5FD;--bb-apbd-input-box-shadow: 0 0 0 4px rgba(124, 58, 237, .24);--bb-apbd-checkbox-checked-form-check-bg: #7C3AED;--bb-apbd-toggle-checked-bg: #7C3AED;--bb-apbd-toggle-checked-hover-bg: #6D28D9;--bb-apbd-toggle-checked-hover-border-color: #6D28D9;--bb-apbd-toggle-checked-focus-shadow: 0 0 0 4px rgba(124, 58, 237, .24);--bb-apbd-sidebar-item-active-text-color: #7C3AED;--bb-apbd-progressbar-fill-bg-primary: #7C3AED;--bb-apbd-slider-fill-bg: #7C3AED;--bb-apbd-slider-thumb-border-color: #7C3AED;--bb-apbd-slider-thumb-focus-shadow: 0 0 0 4px rgba(124, 58, 237, .24);--bb-apbd-border-color: #D5D7DA;--bb-apbd-error-border-color: #FDA29B;--bb-apbd-bg-color: #FFFFFF;--bb-apbd-input-bg-color: #FFFFFF;--bb-apbd-input-error-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px rgba(240, 68, 56, .24);--bb-apbd-placeholder-color:#9ca3af;--bb-body-bg:var(--bb-apbd-bg-color);--bb-btn-disabled-text: #A4A7AE;--bb-btn-disabled-bg-color: #F5F5F5;--bb-btn-disabled-border: #E9EAEB;--bb-btn-disabled-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .05);--bb-btn-close-hover-bg: #F5F5F5;--bb-btn-close-focus-box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, .14);--bb-error-text-color: #bd2a20;--bb-apbd-main-text-color: #181D27;--bb-apbd-sub-text-color: #414651;--bb-btn-icon-divider-color: #cbc1c175;--bb-secondary: #F5F5F5;--bb-secondary-btn-hover: #E9EAEB;--bb-secondary-btn-hover-border-color: #E9EAEB;--bb-secondary-btn-color: #181D27;--bb-secondary-btn-hover-color: #181D27;--bb-secondary-btn-outline-color: #181D27;--bb-secondary-outline-btn-hover: ##E9EAEB;--bb-secondary-outline-btn-disable-bg: #FFF;--bb-secondary-outline-btn-border: #D5D7DA;--bb-secondary-outline-btn-hover-bg: #FAFAFA;--bb-secondary-outline-btn-text: #D5D7DA;--bb-secondary-btn-outline-hover-color: #181D27;--bb-danger: #bd2a20;--bb-danger-btn-hover: rgb(145.3846153846, 32.3076923077, 24.6153846154);--bb-danger-btn-hover-border-color: rgb(145.3846153846, 32.3076923077, 24.6153846154);--bb-danger-outline-btn-disable-bg: #FFF;--bb-danger-outline-btn-border: #FDA29B;--bb-danger-outline-btn-hover-bg: #FEF3F2;--bb-danger-outline-btn-text: #B42318;--bb-success: #079455;--bb-success-btn-hover: #067647;--bb-success-btn-hover-border-color: #067647;--bb-success-outline-btn-disable-bg: #FFF;--bb-success-outline-btn-border: #75E0A7;--bb-success-outline-btn-hover-bg: #ECFDF3;--bb-success-outline-btn-text: #067647;--bb-warning: #F79009;--bb-warning-btn-hover: #DC6803;--bb-warning-btn-hover-border-color: #DC6803;--bb-warning-outline-btn-disable-bg: #FFF;--bb-warning-outline-btn-border: #FEC84B;--bb-warning-outline-btn-hover-bg: #FFFAEB;--bb-warning-outline-btn-text: #ff8114;--bb-light-outline-btn-hover-bg: rgb(235 235 235);--bb-info: #0EA5E9;--bb-info-btn-hover: #0284C7;--bb-info-btn-hover-border-color: #0284C7;--bb-info-outline-btn-disable-bg: #FFF;--bb-info-outline-btn-border: #7DD3FC;--bb-info-outline-btn-hover-bg: #F0F9FF;--bb-info-outline-btn-text: #0284C7;--bb-dark: #181D27;--bb-dark-bg: #181D27;--bb-dark-bg-soft: #1F2937;--bb-dark-bg-hover: #9a9ca1;--bb-dark-border: #2D3748;--bb-dark-text: #E5E7EB;--bb-dark-text-muted: #9CA3AF;--bb-input-field-bg: #FFFFFF;--bb-input-field-label-color: #414651;--bb-input-field-disabled-text-color: #717680;--bb-input-field-text-color: #181D27;--bb-input-field-dropdown-select-option-color: #2970FF;--bb-input-field-icon-color: #A4A7AE;--bb-input-field-disable-bg: #F5F5F5;--bb-error-icon-color: #bd2a20;--bb-input-field-mutiselect-tag-bg: #FFFFFF;--bb-input-field-mutiselect-tag-text-color: #414651;--bb-input-field-mutiselect-tag-remove-color: #A4A7AE;--bb-input-field-code-input-text-color:#B3B3B3;--bb-input-field-code-input-text-color-active:#7C3AED;--bb-apbd-checkbox-description-text-color: #717680;--bb-apbd-checkbox-disable-bg: #dddddd;--bb-apbd-checkbox-disable-border-color: #dddddd;--bb-apbd-toggle-bg: #D5D7DA;--bb-apbd-toggle-not-checked-border-color: #E9EAEB;--bb-apbd-toggle-not-checked-bg: #E9EAEB;--bb-apbd-toggle-not-checked-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23FFFFFF'/%3E%3C/svg%3E");--bb-apbd-modal-overlay: rgba(12, 17, 29, .7);--bb-apbd-modal-bg:#FFFFFF;--bb-apbd-modal-box-shadow: 0 20px 24px -4px rgba(16, 24, 40, .08), 0 8px 8px -4px rgba(16, 24, 40, .03);--bb-apbd-modal-header-title-color: #181D27;--bb-apbd-modal-header-sub-title-color: #717680;--bb-apbd-modal-header-icon-bg: #155eef29;--bb-apbd-modal-header-icon-color: #00359E;--bb-apbd-modal-header-icon-danger-bg: #FEE4E2;--bb-apbd-modal-header-icon-danger-color: #D92D20;--bb-apbd-modal-header-icon-success-bg: #DCFAE6;--bb-apbd-modal-header-icon-success-color: #079455;--bb-apbd-sidebar-bg: #FFFFFF;--bb-apbd-sidebar-header-text-color: #181D27;--bb-apbd-sidebar-collapbe-btn-bg: #E9EAEB;--bb-apbd-sidebar-section-title-color: #414651;--bb-apbd-sidebar-item-icon-color: #717680;--bb-apbd-sidebar-item-text-color: #717680;--bb-apbd-sidebar-item-hover-bg: var(--bb-primary-light);--bb-apbd-sidebar-item-hover-text-color: #181D27;--bb-apbd-sidebar-item-active-bg: var(--bb-primary-light);--bb-apbd-sidebar-submenu-text-color: #717680;--bb-apbd-sidebar-submenu-active-text-color: #181D27;--bb-apbd-sidebar-submenu-active-bg: #FFFFFF;--bb-apbd-sidebar-signout-icon-color: #D92D20;--bb-apbd-sidebar-signout-text-color: #B42318;--bb-apbd-card-bg: #FFFFFF;--bb-apbd-card-border-color: #E9EAEB;--bb-apbd-tile-card-title-color: #414651;--bb-apbd-tile-card-value-color: #181D27;--bb-apbd-tile-card-icon-bg-purple: #EFF4FF;--bb-apbd-tile-card-icon-bg-blue: #EFF4FF;--bb-apbd-tile-card-icon-bg-green: #ECFDF3;--bb-apbd-tile-card-icon-bg-yellow: #FFFAEB;--bb-apbd-tile-card-icon-bg-red: #FFF3F3;--bb-apbd-progressbar-bg: #D5D7DA;--bb-apbd-progressbar-fill-bg-secondary: #6C757D;--bb-apbd-progressbar-fill-bg-success: #079455;--bb-apbd-progressbar-fill-bg-danger: #bd2a20;--bb-apbd-progressbar-fill-bg-warning: #F79009;--bb-apbd-progressbar-fill-bg-info: #0EA5E9;--bb-apbd-progressbar-text-color: #181D27;--bb-apbd-progressbar-text-container-box-shadow: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--bb-apbd-avatar-bg: #D5D7DA;--bb-apbd-avatar-title-color: #414651;--bb-apbd-avatar-sub-title-color: #414651;--bb-apbd-avatar-add-btn-color: #A4A7AE;--bb-apbd-avatar-hover-add-btn-color: #717680;--bb-apbd-avatar-add-hover-bg: #F5F5F5;--bb-apbd-avatar-add-focus-bg: #FFFFFF;--bb-apbd-avatar-add-disable-bg: #F5F5F5;--bb-apbd-avatar-add-disable-content-color: #D5D7DA;--bb-apbd-avatar-add-focus-shadow: 0 0 0 4px rgba(152, 162, 179, .14);--bb-apbd-avatar-overflow-bg: #F5F5F5;--bb-apbd-avatar-overflow-color: #717680;--bb-apbd-date-picker-color: #717680;--bb-apbd-date-picker-icon-container-color: #fffff;--bb-apbd-badge-gray-bg-text-color: #717680;--bb-apbd-badge-gray-bg: #F5F5F5;--bb-apbd-badge-gray-border-color: #E9EAEB;--bb-apbd-badge-blue-deep-bg-text-color: #004EEB;--bb-apbd-badge-blue-deep-bg: #EFF4FF;--bb-apbd-badge-blue-deep-border-color: #B2CCFF;--bb-apbd-badge-danger-bg-text-color: #B42318;--bb-apbd-badge-danger-bg: #FEE4E2;--bb-apbd-badge-danger-border-color: #FECDCA;--bb-apbd-badge-warning-bg-text-color: #7A2E0E;--bb-apbd-badge-warning-bg: #FFFAEB;--bb-apbd-badge-warning-border-color: #FEDF89;--bb-apbd-badge-success-bg-text-color: #085D3A;--bb-apbd-badge-success-bg: #ECFDF3;--bb-apbd-badge-success-border-color: #ABEFC6;--bb-apbd-badge-gray-blue-bg-text-color: #363F72;--bb-apbd-badge-gray-blue-bg: #F8F9FC;--bb-apbd-badge-gray-blue-border-color: #D5D9EB;--bb-apbd-badge-info-bg-text-color: #026AA2;--bb-apbd-badge-info-bg: #F0F9FF;--bb-apbd-badge-info-border-color: #B9E6FE;--bb-apbd-badge-blue-bg-text-color: #0040C1;--bb-apbd-badge-blue-bg: #EFF8FF;--bb-apbd-badge-blue-border-color: #B2DDFF;--bb-apbd-badge-indigo-bg-text-color: #3538CD;--bb-apbd-badge-indigo-bg: #EEF4FF;--bb-apbd-badge-indigo-border-color: #C7D7FE;--bb-apbd-badge-purple-bg-text-color: #5925DC;--bb-apbd-badge-purple-bg: #F4F3FF;--bb-apbd-badge-purple-border-color: #D9D6FE;--bb-apbd-badge-pink-bg-text-color: #C11574;--bb-apbd-badge-pink-bg: #FDF2FA;--bb-apbd-badge-pink-border-color: #FCCEEE;--bb-apbd-badge-orange-bg-text-color: #B93815;--bb-apbd-badge-orange-bg: #FEF6EE;--bb-apbd-badge-orange-border-color: #F9DBAF;--bb-apbd-tab-button-color: #717680;--bb-apbd-tab-button-hover-color: #7C3AED;--bb-apbd-tab-button-active-color: #7C3AED;--bb-apbd-tab-button-active-bg: #EFF4FF;--bb-apbd-tab-button-focus-bg: #FFFFFF;--bb-apbd-tab-button-focus-box-shadow: 0 0 0 4px rgba(41, 112, 255, .24);--bb-apbd-tab-button-underline-color: #7C3AED;--bb-apbd-tab-button-underline-border-color: #E9EAEB;--bb-apbd-tab-button-secondary-hover-color: #181D27;--bb-apbd-tab-button-secondary-active-color: #181D27;--bb-apbd-tab-button-secondary-active-bg: #F5F5F5;--bb-apbd-bg-tab-seondary: #F5F5F5;--bb-apbd-bg-tab-seondary-active-btn-bg: #FFFFFF;--bb-apbd-bg-tab-seondary-active-btn-color: #181D27;--bb-apbd-bg-tab-seondary-active-btn-hover-color: #181D27;--bb-apbd-tab-outline-link-color: #7C3AED;--bb-apbd-tab-outline-link-border-color: #7C3AED;--bb-apbd-tab-outline-hover-link-color: #FFFFFF;--bb-apbd-tab-outline-hover-bg: #7C3AED;--bb-apbd-slider-track-bg: #D5D7DA;--bb-apbd-slider-thumb-bg: #FFFFFF;--bb-apbd-slider-thumb-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .06);--bb-apbd-slider-thumb-hover-border-color: var(--bb-primary-btn-hover);--bb-apbd-slider-thumb-hover-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .1);--bb-apbd-slider-thumb-focus-border-color: var(--bb-primary);--bb-apbd-slider-label-color: #414651;--bb-apbd-alert-bg: #FFFFFF;--bb-apbd-alert-title-color: #181D27;--bb-apbd-alert-message-color: #6b7280;--bb-apbd-alert-close-color: #959595;--bb-apbd-alert-close-hover-color: #181D27;--bb-apbd-alert-close-hover-bg: #f3f4f6;--bb-apbd-alert-cancel-bg: #f3f4f6;--bb-apbd-alert-cancel-color: #344054;--bb-apbd-alert-cancel-hover-bg: #e5e7eb;--bb-apbd-alert-icon-success-bg: #DCFAE6;--bb-apbd-alert-icon-error-bg: #FEE4E2;--bb-apbd-alert-icon-warning-bg: #FEF0C7;--bb-apbd-alert-icon-info-bg: #D1E9FF;--bb-apbd-alert-icon-question-bg: #EDE9FE;--bb-apbd-toast-bg: #FFFFFF;--bb-apbd-toast-text-color: #414651;--bb-apbd-toast-title-color: #181D27;--bb-apbd-toast-border-color: #E9EAEB;--bb-apbd-toast-box-shadow: 0 4px 12px rgba(16, 24, 40, .1), 0 2px 4px rgba(16, 24, 40, .06);--bb-apbd-toast-hover-box-shadow: 0 8px 24px rgba(16, 24, 40, .14);--bb-apbd-toast-success-color: #079455;--bb-apbd-toast-error-color: #D92D20;--bb-apbd-toast-warning-color: #F79009;--bb-apbd-toast-info-color: #7C3AED;--bb-apbd-toast-close-color: #A4A7AE;--bb-apbd-toast-close-hover-color: #414651;--bb-apbd-toast-close-hover-bg: #F5F5F5;--bb-apbd-toast-progress-bg: #E9EAEB;--bb-apbd-toast-default-progress-color: #A4A7AE;--bb-apbd-imgr-bg: var(--bb-primary);--bb-apbd-imgr-checked-color: var(--bb-primary);--bb-apbd-radio-input-bg: #FFFFFF;--bb-apbd-radio-input-icon-color: #717680;--bb-apbd-radio-input-hover-box-shadow: 0 0 0 4px rgba(152, 162, 179, .14);--bb-apbd-radio-input-checked-border-color: #528BFF;--bb-apbd-radio-input-checked-focus-shadow: 0 0 0 4px rgba(41, 112, 255, .24);--bb-apbd-radio-input-disabled-bg: #F5F5F5;--bb-apbd-radio-input-disabled-label-color: #717680;--bb-apbd-radio-input-disabled-description-color: #B3B3B3}[data-bs-theme=dark] body{--bs-primary: var(--bb-primary);--bs-primary-rgb: var(--bb-primary-rgb);--bs-body-bg: var(--bb-apbd-bg-color);--bs-body-color: var(--bb-apbd-main-text-color);--bs-border-color: var(--bb-apbd-border-color);--bb-theme: #8B5CF6;--bb-primary: #8B5CF6;--bb-primary-rgb: 139, 92, 246;--bb-primary-outline-btn-hover: #7C3AED;--bb-primary-outline-btn-border: rgb(85.3674418605, 18.2930232558, 200.2069767442);--bb-primary-outline-btn-hover-bg: rgb(71.4195348837, 15.3041860465, 167.4958139535);--bb-primary-outline-btn-text: #7C3AED;color-scheme:dark;--bb-apbd-border-color: #334155;--bb-apbd-border-color-focus: #334155;--bb-apbd-bg-color: #0F172A;--bb-apbd-input-bg-color: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-apbd-input-box-shadow: 0 0 0 4px rgb(100 104 110 / 51%);--bb-apbd-main-text-color: #FFFFFF;--bb-apbd-sub-text-color: #9CA3AF;--bb-btn-disabled-text: #98A2B3;--bb-btn-disabled-bg-color: #252B37;--bb-btn-disabled-border: #EAECF0;--bb-btn-disabled-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .05);--bb-btn-close-hover-bg: #F9FAFB;--bb-btn-close-focus-box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, .14);--bb-secondary-btn-outline-color: #6c757d;--bb-secondary-outline-btn-hover: #E9EAEB;--bb-secondary-outline-btn-border: #585e66;--bb-secondary-outline-btn-hover-bg: #494949;--bb-secondary-outline-btn-text: #D5D7DA;--bb-secondary-btn-outline-hover-color: #D5D7DA;--bb-success-outline-btn-border: #436151;--bb-success-outline-btn-hover-bg: #3e4e45;--bb-success-outline-btn-text: #16b16f;--bb-danger-outline-btn-border: #6e5452;--bb-danger-outline-btn-hover-bg: #3c2e2e;--bb-danger-outline-btn-text: #ef574b;--bb-warning-outline-btn-border: #766a4f;--bb-warning-outline-btn-hover-bg: #514d40;--bb-warning-outline-btn-text: #DC6803;--bb-info-outline-btn-border: #627c88;--bb-info-outline-btn-hover-bg: #2c4250;--bb-info-outline-btn-text: #0284C7;--bb-light-outline-btn-hover-bg: rgb(120 120 120);--bb-input-field-bg: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-input-field-disable-bg: #282828;--bb-input-field-disabled-text-color: #A4A7AE;--bb-input-field-label-color: #FFFFFF;--bb-input-field-text-color: #FFFFFF;--bb-input-field-icon-color: #98A2B3;--bb-input-field-mutiselect-tag-bg: #181D27;--bb-input-field-mutiselect-tag-text-color: #FFFFFF;--bb-input-field-mutiselect-tag-remove-color: #D5D7DA;--bb-input-field-code-input-text-color:#FFFFFF;--bb-input-field-code-input-text-color-active:#FFFFFF;--bb-apbd-checkbox-checked-form-check-bg: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-apbd-checkbox-description-text-color: #A4A7AE;--bb-apbd-checkbox-disable-bg:#282828;--bb-apbd-checkbox-disable-border-color:#282828;--bb-apbd-toggle-checked-bg: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-apbd-toggle-checked-border-color: #334155;--bb-apbd-toggle-checked-hover-bg: #334155;--bb-apbd-toggle-checked-hover-border-color: #334155;--bb-apbd-toggle-not-checked-border-color: #334155;--bb-apbd-toggle-not-checked-bg: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-apbd-toggle-not-checked-focus-bg: #334155;--bb-apbd-toggle-not-checked-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23444e5d'/%3E%3C/svg%3E");--bb-apbd-toggle-not-checked-focus-shadow: 0 0 0 4px #394c67;--bb-apbd-avatar-border-color: #717680;--bb-apbd-avatar-bg: #181D27;--bb-apbd-avatar-title-color: #FFFFFF;--bb-apbd-avatar-sub-title-color: #A4A7AE;--bb-apbd-avatar-add-btn-color: #A4A7AE;--bb-apbd-avatar-hover-add-btn-color: #667085;--bb-apbd-avatar-add-border-color: #A4A7AE;--bb-apbd-avatar-add-hover-bg: #252B37;--bb-apbd-avatar-add-focus-bg: #181D27;--bb-apbd-avatar-add-disable-bg: #252B37;--bb-apbd-avatar-add-disable-content-color: #D0D5DD;--bb-apbd-avatar-add-focus-shadow: 0 0 0 4px rgba(152, 162, 179, .14);--bb-apbd-avatar-overflow-bg: #F2F4F7;--bb-apbd-avatar-overflow-color: #717680;--bb-apbd-radio-input-bg: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-apbd-date-picker-icon-container-color: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-apbd-card-bg: #0F172A;--bb-apbd-card-box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;--bb-apbd-modal-bg:#0F172A;--bb-apbd-modal-header-title-color: #FFFFFF;--bb-apbd-modal-header-sub-title-color: #A4A7AE;--bb-apbd-modal-header-icon-color: #3f6cc3;--bb-apbd-modal-box-shadow: 0 0 0 1px rgba(255, 255, 255, .05), 0 12px 32px rgba(255, 255, 255, .06);--bb-apbd-tab-button-color: #717680;--bb-apbd-tab-button-hover-color: #528BFF;--bb-apbd-tab-button-active-color: #528BFF;--bb-apbd-tab-button-active-bg: #00359E;--bb-apbd-progressbar-bg: #334155;--bb-apbd-progressbar-fill-bg: #2970FF;--bb-apbd-progressbar-text-color: #fff;--bb-apbd-slider-track-bg: #334155;--bb-apbd-slider-fill-bg: #8B5CF6;--bb-apbd-slider-thumb-bg: #1E293B;--bb-apbd-slider-thumb-border-color: #8B5CF6;--bb-apbd-slider-thumb-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);--bb-apbd-slider-thumb-hover-border-color: #8B5CF6;--bb-apbd-slider-thumb-hover-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .4);--bb-apbd-slider-thumb-focus-border-color: #8B5CF6;--bb-apbd-slider-thumb-focus-shadow: 0 0 0 4px rgba(139, 92, 246, .24);--bb-apbd-slider-label-color: #D0D5DD;--bb-apbd-sidebar-border-color: #334155;--bb-apbd-sidebar-bg: #0F172A;--bb-apbd-sidebar-header-text-color: #F1F5F9;--bb-apbd-sidebar-collapbe-btn-bg: #1E293B;--bb-apbd-sidebar-section-title-color: #94A3B8;--bb-apbd-sidebar-item-icon-color: #94A3B8;--bb-apbd-sidebar-item-text-color: #CBD5E1;--bb-apbd-sidebar-item-hover-bg: #1E293B;--bb-apbd-sidebar-item-hover-text-color: #F1F5F9;--bb-apbd-sidebar-item-active-bg: #1E293B;--bb-apbd-sidebar-item-active-text-color: var(--bb-primary);--bb-apbd-sidebar-submenu-tree-color: #334155;--bb-apbd-sidebar-submenu-text-color: #94A3B8;--bb-apbd-sidebar-submenu-active-text-color: #F1F5F9;--bb-apbd-sidebar-submenu-active-bg: #1E293B;--bb-apbd-sidebar-signout-icon-color: #F87171;--bb-apbd-sidebar-signout-text-color: #FCA5A5;--bb-apbd-alert-bg: #0F172A;--bb-apbd-alert-title-color: #F1F5F9;--bb-apbd-alert-message-color: #94A3B8;--bb-apbd-alert-close-color: #94A3B8;--bb-apbd-alert-close-hover-color: #F1F5F9;--bb-apbd-alert-close-hover-bg: #1E293B;--bb-apbd-alert-cancel-bg: #1E293B;--bb-apbd-alert-cancel-color: #CBD5E1;--bb-apbd-alert-cancel-hover-bg: #334155;--bb-apbd-alert-icon-success-bg: #132e1c;--bb-apbd-alert-icon-error-bg: #3c1e1e;--bb-apbd-alert-icon-warning-bg: #3d2e10;--bb-apbd-alert-icon-info-bg: #1a2e44;--bb-apbd-alert-icon-question-bg: #2a1f4e;--bb-apbd-toast-bg: #0F172A;--bb-apbd-toast-text-color: #CBD5E1;--bb-apbd-toast-title-color: #F1F5F9;--bb-apbd-toast-border-color: #334155;--bb-apbd-toast-box-shadow: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--bb-apbd-toast-hover-box-shadow: 0 8px 24px rgba(0, 0, 0, .4);--bb-apbd-toast-success-color: #6EE7A0;--bb-apbd-toast-error-color: #FCA5A5;--bb-apbd-toast-warning-color: #FBBF24;--bb-apbd-toast-info-color: #528BFF;--bb-apbd-toast-close-color: #94A3B8;--bb-apbd-toast-close-hover-color: #F1F5F9;--bb-apbd-toast-close-hover-bg: #334155;--bb-apbd-toast-progress-bg: #334155;--bb-apbd-toast-default-progress-color: #64748B;--bb-apbd-radio-input-disabled-bg: #252B37;--bb-apbd-radio-input-disabled-border-color: #EAECF0}body{--eg-bg: var(--bb-apbd-bg-color,transparent);--eg-cell-padding: 10px;--eg-shodow-rule: 0px 3px 20px -19px rgba(124, 58, 237, .6);--eg-shodow-color: rgba(124, 58, 237, .6);--eg-loader-bg: rgba(0, 0, 0, .55);--eg-cell-header-color:rgba(124, 58, 237, .02);--eg-no-record-color: rgba(124, 58, 237, .8);--eg-row-group-title-color: #41444b;--eg-cell-index-color: #7f848d;--eg-table-border-color: rgba(95.3302325581, 20.4279069767, 223.5720930233, .1);--eg-hover-bg: rgba(124, 58, 237, .02);--eg-pg-border-color:#ccc;--eg-pg-btn-bg: #7C3AED;--eg-pg-btn-color: #FFFFFF;--eg-pg-shodow-color: #ccc;--eg-pagination-shadow: rgba(124, 58, 237, .6)}[data-bs-theme=dark] body{color-scheme:dark;--eg-table-border-color:rgba(75.4046511628, 16.1581395349, 176.8418604651, .25)}
1
+ body{--bs-primary: var(--bb-primary);--bs-primary-rgb: var(--bb-primary-rgb);--bs-link-color: var(--bb-primary);--bs-link-hover-color: var(--bb-primary-btn-hover);--bb-theme: #7C3AED;--bb-primary: #7C3AED;--bb-primary-light: #EDE9FE;--bb-primary-rgb: 124, 58, 237;--bb-primary-btn-hover: #6D28D9;--bb-primary-btn-hover-border-color: #6D28D9;--bb-primary-outline-btn-hover: #6D28D9;--bb-primary-outline-btn-border: #7C3AED;--bb-primary-outline-btn-hover-bg: rgba(124, 58, 237, .15);--bb-primary-outline-btn-text: var(--bb-primary-btn-hover);--bb-apbd-border-color-focus: #C4B5FD;--bb-apbd-input-box-shadow: 0 0 0 4px rgba(124, 58, 237, .24);--bb-light:#f4f4f5;--bb-apbd-text-color: #FFFFFF;--bb-apbd-checkbox-checked-form-check-bg: #7C3AED;--bb-apbd-toggle-checked-bg: #7C3AED;--bb-apbd-toggle-checked-hover-bg: #6D28D9;--bb-apbd-toggle-checked-hover-border-color: #6D28D9;--bb-apbd-toggle-checked-focus-shadow: 0 0 0 4px rgba(124, 58, 237, .24);--bb-apbd-sidebar-item-active-text-color: #7C3AED;--bb-apbd-progressbar-fill-bg-primary: #7C3AED;--bb-apbd-slider-fill-bg: #7C3AED;--bb-apbd-slider-thumb-border-color: #7C3AED;--bb-apbd-slider-thumb-focus-shadow: 0 0 0 4px rgba(124, 58, 237, .24);--bb-apbd-border-color: #D5D7DA;--bb-apbd-modal-border-color: #edf1f7;--bb-apbd-error-border-color: #FDA29B;--bb-apbd-bg-color: #FFFFFF;--bb-apbd-input-bg-color: #FFFFFF;--bb-apbd-input-error-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px rgba(240, 68, 56, .24);--bb-apbd-placeholder-color:#9ca3af;--bb-body-bg:var(--bb-apbd-bg-color);--bb-btn-disabled-text: #A4A7AE;--bb-btn-disabled-bg-color: #F5F5F5;--bb-btn-disabled-border: #E9EAEB;--bb-btn-disabled-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .05);--bb-btn-close-hover-bg: #F5F5F5;--bb-btn-close-focus-box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, .14);--bb-error-text-color: #bd2a20;--bb-apbd-main-text-color: #181D27;--bb-apbd-sub-text-color: #414651;--bb-btn-icon-divider-color: #cbc1c175;--bb-apbd-grid-cell-text-color: #212529;--bb-secondary: #F5F5F5;--bb-secondary-btn-hover: #E9EAEB;--bb-secondary-btn-hover-border-color: #E9EAEB;--bb-secondary-btn-color: #181D27;--bb-secondary-btn-hover-color: #181D27;--bb-secondary-btn-outline-color: #181D27;--bb-secondary-outline-btn-hover: ##E9EAEB;--bb-secondary-outline-btn-disable-bg: #FFF;--bb-secondary-outline-btn-border: #D5D7DA;--bb-secondary-outline-btn-hover-bg: #FAFAFA;--bb-secondary-outline-btn-text: #D5D7DA;--bb-secondary-btn-outline-hover-color: #181D27;--bb-danger: #bd2a20;--bb-danger-btn-hover: rgb(145.3846153846, 32.3076923077, 24.6153846154);--bb-danger-btn-hover-border-color: rgb(145.3846153846, 32.3076923077, 24.6153846154);--bb-danger-outline-btn-disable-bg: #FFF;--bb-danger-outline-btn-border: #FDA29B;--bb-danger-outline-btn-hover-bg: #FEF3F2;--bb-danger-outline-btn-text: #B42318;--bb-success: #079455;--bb-success-btn-hover: #067647;--bb-success-btn-hover-border-color: #067647;--bb-success-outline-btn-disable-bg: #FFF;--bb-success-outline-btn-border: #75E0A7;--bb-success-outline-btn-hover-bg: #ECFDF3;--bb-success-outline-btn-text: #067647;--bb-warning: #F79009;--bb-warning-btn-hover: #DC6803;--bb-warning-btn-hover-border-color: #DC6803;--bb-warning-outline-btn-disable-bg: #FFF;--bb-warning-outline-btn-border: #FEC84B;--bb-warning-outline-btn-hover-bg: #FFFAEB;--bb-warning-outline-btn-text: #ff8114;--bb-light-outline-btn-hover-bg: rgb(235 235 235);--bb-info: #0EA5E9;--bb-info-btn-hover: #0284C7;--bb-info-btn-hover-border-color: #0284C7;--bb-info-outline-btn-disable-bg: #FFF;--bb-info-outline-btn-border: #7DD3FC;--bb-info-outline-btn-hover-bg: #F0F9FF;--bb-info-outline-btn-text: #0284C7;--bb-dark: #181D27;--bb-dark-bg: #181D27;--bb-dark-bg-soft: #1F2937;--bb-dark-bg-hover: #9a9ca1;--bb-dark-border: #2D3748;--bb-dark-text: #E5E7EB;--bb-dark-text-muted: #9CA3AF;--bb-input-field-bg: #FFFFFF;--bb-input-field-label-color: #414651;--bb-input-field-disabled-text-color: #717680;--bb-input-field-text-color: #181D27;--bb-input-field-dropdown-select-option-color: #2970FF;--bb-input-field-icon-color: #A4A7AE;--bb-input-field-disable-bg: #F5F5F5;--bb-error-icon-color: #bd2a20;--bb-input-field-mutiselect-tag-bg: #FFFFFF;--bb-input-field-mutiselect-tag-text-color: #414651;--bb-input-field-mutiselect-tag-remove-color: #A4A7AE;--bb-input-field-code-input-text-color:#B3B3B3;--bb-input-field-code-input-text-color-active:#7C3AED;--bb-apbd-checkbox-description-text-color: #717680;--bb-apbd-checkbox-disable-bg: #dddddd;--bb-apbd-checkbox-disable-border-color: #dddddd;--bb-apbd-toggle-bg: #D5D7DA;--bb-apbd-toggle-not-checked-border-color: #E9EAEB;--bb-apbd-toggle-not-checked-bg: #E9EAEB;--bb-apbd-toggle-not-checked-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23FFFFFF'/%3E%3C/svg%3E");--bb-apbd-modal-overlay: rgba(12, 17, 29, .7);--bb-apbd-modal-bg:#FFFFFF;--bb-apbd-modal-box-shadow: 0 20px 24px -4px rgba(16, 24, 40, .08), 0 8px 8px -4px rgba(16, 24, 40, .03);--bb-apbd-modal-header-title-color: #181D27;--bb-apbd-modal-header-sub-title-color: #717680;--bb-apbd-modal-header-icon-bg: #155eef29;--bb-apbd-modal-header-icon-color: #00359E;--bb-apbd-modal-header-icon-danger-bg: #FEE4E2;--bb-apbd-modal-header-icon-danger-color: #D92D20;--bb-apbd-modal-header-icon-success-bg: #DCFAE6;--bb-apbd-modal-header-icon-success-color: #079455;--bb-apbd-sidebar-bg: #FFFFFF;--bb-apbd-sidebar-header-text-color: #181D27;--bb-apbd-sidebar-collapbe-btn-bg: #E9EAEB;--bb-apbd-sidebar-section-title-color: #414651;--bb-apbd-sidebar-item-icon-color: #717680;--bb-apbd-sidebar-item-text-color: #717680;--bb-apbd-sidebar-item-hover-bg: var(--bb-primary-light);--bb-apbd-sidebar-item-hover-text-color: #181D27;--bb-apbd-sidebar-item-active-bg: var(--bb-primary-light);--bb-apbd-sidebar-submenu-text-color: #717680;--bb-apbd-sidebar-submenu-active-text-color: #181D27;--bb-apbd-sidebar-submenu-active-bg: #FFFFFF;--bb-apbd-sidebar-signout-icon-color: #D92D20;--bb-apbd-sidebar-signout-text-color: #B42318;--bb-apbd-card-bg: #FFFFFF;--bb-apbd-card-border-color: #E9EAEB;--bb-apbd-tile-card-title-color: #414651;--bb-apbd-tile-card-value-color: #181D27;--bb-apbd-tile-card-icon-bg-purple: #EFF4FF;--bb-apbd-tile-card-icon-bg-blue: #EFF4FF;--bb-apbd-tile-card-icon-bg-green: #ECFDF3;--bb-apbd-tile-card-icon-bg-yellow: #FFFAEB;--bb-apbd-tile-card-icon-bg-red: #FFF3F3;--bb-apbd-progressbar-bg: #D5D7DA;--bb-apbd-progressbar-fill-bg-secondary: #6C757D;--bb-apbd-progressbar-fill-bg-success: #079455;--bb-apbd-progressbar-fill-bg-danger: #bd2a20;--bb-apbd-progressbar-fill-bg-warning: #F79009;--bb-apbd-progressbar-fill-bg-info: #0EA5E9;--bb-apbd-progressbar-text-color: #181D27;--bb-apbd-progressbar-text-container-box-shadow: 0 4px 8px -2px rgba(16, 24, 40, .1), 0 2px 4px -2px rgba(16, 24, 40, .06);--bb-apbd-avatar-bg: #D5D7DA;--bb-apbd-avatar-title-color: #414651;--bb-apbd-avatar-sub-title-color: #414651;--bb-apbd-avatar-add-btn-color: #A4A7AE;--bb-apbd-avatar-hover-add-btn-color: #717680;--bb-apbd-avatar-add-hover-bg: #F5F5F5;--bb-apbd-avatar-add-focus-bg: #FFFFFF;--bb-apbd-avatar-add-disable-bg: #F5F5F5;--bb-apbd-avatar-add-disable-content-color: #D5D7DA;--bb-apbd-avatar-add-focus-shadow: 0 0 0 4px rgba(152, 162, 179, .14);--bb-apbd-avatar-overflow-bg: #F5F5F5;--bb-apbd-avatar-overflow-color: #717680;--bb-apbd-date-picker-color: #717680;--bb-apbd-date-picker-icon-container-color: #fffff;--bb-apbd-badge-primary-bg: #EDE9FE;--bb-apbd-badge-primary-border-color: #C4B5FD;--bb-apbd-badge-gray-bg-text-color: #717680;--bb-apbd-badge-gray-bg: #F5F5F5;--bb-apbd-badge-gray-border-color: #E9EAEB;--bb-apbd-badge-blue-deep-bg-text-color: #004EEB;--bb-apbd-badge-blue-deep-bg: #EFF4FF;--bb-apbd-badge-blue-deep-border-color: #B2CCFF;--bb-apbd-badge-danger-bg-text-color: #B42318;--bb-apbd-badge-danger-bg: #FEE4E2;--bb-apbd-badge-danger-border-color: #FECDCA;--bb-apbd-badge-warning-bg-text-color: #7A2E0E;--bb-apbd-badge-warning-bg: #FFFAEB;--bb-apbd-badge-warning-border-color: #FEDF89;--bb-apbd-badge-success-bg-text-color: #085D3A;--bb-apbd-badge-success-bg: #ECFDF3;--bb-apbd-badge-success-border-color: #ABEFC6;--bb-apbd-badge-gray-blue-bg-text-color: #363F72;--bb-apbd-badge-gray-blue-bg: #F8F9FC;--bb-apbd-badge-gray-blue-border-color: #D5D9EB;--bb-apbd-badge-info-bg-text-color: #026AA2;--bb-apbd-badge-info-bg: #F0F9FF;--bb-apbd-badge-info-border-color: #B9E6FE;--bb-apbd-badge-blue-bg-text-color: #0040C1;--bb-apbd-badge-blue-bg: #EFF8FF;--bb-apbd-badge-blue-border-color: #B2DDFF;--bb-apbd-badge-indigo-bg-text-color: #3538CD;--bb-apbd-badge-indigo-bg: #EEF4FF;--bb-apbd-badge-indigo-border-color: #C7D7FE;--bb-apbd-badge-purple-bg-text-color: #5925DC;--bb-apbd-badge-purple-bg: #F4F3FF;--bb-apbd-badge-purple-border-color: #D9D6FE;--bb-apbd-badge-pink-bg-text-color: #C11574;--bb-apbd-badge-pink-bg: #FDF2FA;--bb-apbd-badge-pink-border-color: #FCCEEE;--bb-apbd-badge-orange-bg-text-color: #B93815;--bb-apbd-badge-orange-bg: #FEF6EE;--bb-apbd-badge-orange-border-color: #F9DBAF;--bb-apbd-tab-button-color: #717680;--bb-apbd-tab-button-hover-color: #7C3AED;--bb-apbd-tab-button-active-color: #7C3AED;--bb-apbd-tab-button-active-bg: var(--bb-primary-light);--bb-apbd-tab-button-focus-bg: #FFFFFF;--bb-apbd-tab-button-focus-box-shadow: 0 0 0 4px rgba(41, 112, 255, .24);--bb-apbd-tab-button-underline-color: #7C3AED;--bb-apbd-tab-button-underline-border-color: #E9EAEB;--bb-apbd-tab-button-secondary-hover-color: #181D27;--bb-apbd-tab-button-secondary-active-color: #181D27;--bb-apbd-tab-button-secondary-active-bg: #F5F5F5;--bb-apbd-bg-tab-seondary: #F5F5F5;--bb-apbd-bg-tab-seondary-active-btn-bg: #FFFFFF;--bb-apbd-bg-tab-seondary-active-btn-color: #181D27;--bb-apbd-bg-tab-seondary-active-btn-hover-color: #181D27;--bb-apbd-tab-outline-link-color: #7C3AED;--bb-apbd-tab-outline-link-border-color: #7C3AED;--bb-apbd-tab-outline-hover-link-color: #FFFFFF;--bb-apbd-tab-outline-hover-bg: #7C3AED;--bb-apbd-slider-track-bg: #D5D7DA;--bb-apbd-slider-thumb-bg: #FFFFFF;--bb-apbd-slider-thumb-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .06);--bb-apbd-slider-thumb-hover-border-color: var(--bb-primary-btn-hover);--bb-apbd-slider-thumb-hover-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .1);--bb-apbd-slider-thumb-focus-border-color: var(--bb-primary);--bb-apbd-slider-label-color: #414651;--bb-apbd-alert-bg: #FFFFFF;--bb-apbd-alert-title-color: #181D27;--bb-apbd-alert-message-color: #6b7280;--bb-apbd-alert-close-color: #959595;--bb-apbd-alert-close-hover-color: #181D27;--bb-apbd-alert-close-hover-bg: #f3f4f6;--bb-apbd-alert-cancel-bg: #f3f4f6;--bb-apbd-alert-cancel-color: #344054;--bb-apbd-alert-cancel-hover-bg: #e5e7eb;--bb-apbd-alert-icon-success-bg: #DCFAE6;--bb-apbd-alert-icon-error-bg: #FEE4E2;--bb-apbd-alert-icon-warning-bg: #FEF0C7;--bb-apbd-alert-icon-info-bg: #D1E9FF;--bb-apbd-alert-icon-question-bg: #EDE9FE;--bb-apbd-toast-bg: #FFFFFF;--bb-apbd-toast-text-color: #414651;--bb-apbd-toast-title-color: #181D27;--bb-apbd-toast-border-color: #E9EAEB;--bb-apbd-toast-box-shadow: 0 4px 12px rgba(16, 24, 40, .1), 0 2px 4px rgba(16, 24, 40, .06);--bb-apbd-toast-hover-box-shadow: 0 8px 24px rgba(16, 24, 40, .14);--bb-apbd-toast-success-color: #079455;--bb-apbd-toast-error-color: #D92D20;--bb-apbd-toast-warning-color: #F79009;--bb-apbd-toast-info-color: #7C3AED;--bb-apbd-toast-close-color: #A4A7AE;--bb-apbd-toast-close-hover-color: #414651;--bb-apbd-toast-close-hover-bg: #F5F5F5;--bb-apbd-toast-progress-bg: #E9EAEB;--bb-apbd-toast-default-progress-color: #A4A7AE;--bb-apbd-imgr-bg: var(--bb-primary);--bb-apbd-imgr-checked-color: var(--bb-primary);--bb-apbd-radio-input-bg: #FFFFFF;--bb-apbd-radio-input-icon-color: #717680;--bb-apbd-radio-input-hover-box-shadow: 0 0 0 4px rgba(152, 162, 179, .14);--bb-apbd-radio-input-checked-border-color: #528BFF;--bb-apbd-radio-input-checked-focus-shadow: 0 0 0 4px rgba(41, 112, 255, .24);--bb-apbd-radio-input-disabled-bg: #F5F5F5;--bb-apbd-radio-input-disabled-label-color: #717680;--bb-apbd-radio-input-disabled-description-color: #B3B3B3}[data-bs-theme=dark] body{--bs-primary: var(--bb-primary);--bs-primary-rgb: var(--bb-primary-rgb);--bs-body-bg: var(--bb-apbd-bg-color);--bs-body-color: var(--bb-apbd-main-text-color);--bs-border-color: var(--bb-apbd-border-color);--bb-primary:#4a2091;--bb-secondary:#585555;--bb-success:#124e33;--bb-warning:#603d10;--bb-danger:#60140f;--bb-info:#0f5878;--bb-dark:#222b3e;--bb-light:#6a6a6a;--bb-apbd-text-color: #b7bfc7;--bb-theme: #4a2091;--bb-primary: #4a2091;--bb-primary-rgb: 74, 32, 145;--bb-primary-outline-btn-hover: #7C3AED;--bb-primary-outline-btn-border: rgb(85.3674418605, 18.2930232558, 200.2069767442);--bb-primary-outline-btn-hover-bg: rgb(71.4195348837, 15.3041860465, 167.4958139535);--bb-primary-outline-btn-text: #7C3AED;color-scheme:dark;--bb-apbd-border-color: #334155;--bb-apbd-border-color-focus: #334155;--bb-apbd-modal-border-color: #39414e5c;--bb-apbd-bg-color: #0F172A;--bb-apbd-input-bg-color: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-apbd-input-box-shadow: 0 0 0 4px rgb(100 104 110 / 51%);--bb-apbd-main-text-color: #FFFFFF;--bb-apbd-sub-text-color: #9CA3AF;--bb-btn-disabled-text: #98A2B3;--bb-btn-disabled-bg-color: #252B37;--bb-btn-disabled-border: #383838;--bb-btn-disabled-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, .05);--bb-btn-close-hover-bg: #F9FAFB;--bb-btn-close-focus-box-shadow: 0px 0px 0px 4px rgba(152, 162, 179, .14);--bb-secondary-btn-outline-color: #6c757d;--bb-secondary-outline-btn-hover: #E9EAEB;--bb-secondary-outline-btn-border: #585e66;--bb-secondary-outline-btn-hover-bg: #494949;--bb-secondary-outline-btn-text: #D5D7DA;--bb-secondary-btn-outline-hover-color: #D5D7DA;--bb-success-outline-btn-border: #436151;--bb-success-outline-btn-hover-bg: #3e4e45;--bb-success-outline-btn-text: #16b16f;--bb-danger-outline-btn-border: #6e5452;--bb-danger-outline-btn-hover-bg: #3c2e2e;--bb-danger-outline-btn-text: #ef574b;--bb-warning-outline-btn-border: #766a4f;--bb-warning-outline-btn-hover-bg: #514d40;--bb-warning-outline-btn-text: #DC6803;--bb-info-outline-btn-border: #627c88;--bb-info-outline-btn-hover-bg: #2c4250;--bb-info-outline-btn-text: #0284C7;--bb-light-outline-btn-hover-bg: rgb(120 120 120);--bb-apbd-imgr-bg: rgb(95.3220338983, 41.2203389831, 186.7796610169);--bb-apbd-imgr-checked-color: rgb(95.3220338983, 41.2203389831, 186.7796610169);--bb-input-field-bg: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-input-field-disable-bg: #282828;--bb-input-field-disabled-text-color: #A4A7AE;--bb-input-field-label-color: #FFFFFF;--bb-input-field-text-color: #FFFFFF;--bb-input-field-icon-color: #98A2B3;--bb-input-field-mutiselect-tag-bg: #181D27;--bb-input-field-mutiselect-tag-text-color: #FFFFFF;--bb-input-field-mutiselect-tag-remove-color: #D5D7DA;--bb-input-field-code-input-text-color:#FFFFFF;--bb-input-field-code-input-text-color-active:#FFFFFF;--bb-apbd-badge-primary-bg: rgb(63.3389830508, 27.3898305085, 124.1101694915);--bb-apbd-badge-primary-border-color: rgb(63.3389830508, 27.3898305085, 124.1101694915);--bb-apbd-badge-primary-bg-text-color: black;--bb-apbd-badge-gray-bg-text-color: #4d4e50;--bb-apbd-badge-gray-bg: #a5a5a5;--bb-apbd-badge-gray-border-color: #a5a5a5;--bb-apbd-badge-blue-deep-bg-text-color: #142a56;--bb-apbd-badge-blue-deep-bg: #465e70;--bb-apbd-badge-blue-deep-border-color: #465e70;--bb-apbd-badge-danger-bg-text-color: #3e120e;--bb-apbd-badge-danger-bg: #724e4b;--bb-apbd-badge-danger-border-color: #724e4b;--bb-apbd-badge-warning-bg-text-color: #382c02;--bb-apbd-badge-warning-bg: #68624e;--bb-apbd-badge-warning-border-color: #68624e;--bb-apbd-badge-success-bg-text-color: #064028;--bb-apbd-badge-success-bg: #597c67;--bb-apbd-badge-success-border-color: #597c67;--bb-apbd-badge-gray-blue-bg-text-color: #222747;--bb-apbd-badge-gray-blue-bg: #6e758d;--bb-apbd-badge-gray-blue-border-color: #6e758d;--bb-apbd-badge-info-bg-text-color: #13374a;--bb-apbd-badge-info-bg: #546672;--bb-apbd-badge-info-border-color: #546672;--bb-apbd-badge-blue-bg-text-color: #202750;--bb-apbd-badge-blue-bg: #586691;--bb-apbd-badge-blue-border-color: #586691;--bb-apbd-badge-indigo-bg-text-color: #212277;--bb-apbd-badge-indigo-bg: #5f7fbb;--bb-apbd-badge-indigo-border-color: #5f7fbb;--bb-apbd-badge-purple-bg-text-color: #321d68;--bb-apbd-badge-purple-bg: #66619d;--bb-apbd-badge-purple-border-color: #66619d;--bb-apbd-badge-pink-bg-text-color: #470f2e;--bb-apbd-badge-pink-bg: #6c5165;--bb-apbd-badge-pink-border-color: #6c5165;--bb-apbd-badge-orange-bg-text-color: #5c1f0e;--bb-apbd-badge-orange-bg: #765d44;--bb-apbd-badge-orange-border-color: #765d44;--bb-apbd-grid-cell-text-color: #b7bfc7;--bb-apbd-checkbox-checked-form-check-bg: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-apbd-checkbox-description-text-color: #A4A7AE;--bb-apbd-checkbox-disable-bg:#282828;--bb-apbd-checkbox-disable-border-color:#282828;--bb-apbd-toggle-checked-bg: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-apbd-toggle-checked-border-color: #334155;--bb-apbd-toggle-checked-hover-bg: #334155;--bb-apbd-toggle-checked-hover-border-color: #334155;--bb-apbd-toggle-not-checked-border-color: #334155;--bb-apbd-toggle-not-checked-bg: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-apbd-toggle-not-checked-focus-bg: #334155;--bb-apbd-toggle-not-checked-bg-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='8' fill='%23444e5d'/%3E%3C/svg%3E");--bb-apbd-toggle-not-checked-focus-shadow: 0 0 0 4px #394c67;--bb-apbd-avatar-border-color: #717680;--bb-apbd-avatar-bg: #181D27;--bb-apbd-avatar-title-color: #FFFFFF;--bb-apbd-avatar-sub-title-color: #A4A7AE;--bb-apbd-avatar-add-btn-color: #A4A7AE;--bb-apbd-avatar-hover-add-btn-color: #667085;--bb-apbd-avatar-add-border-color: #A4A7AE;--bb-apbd-avatar-add-hover-bg: #252B37;--bb-apbd-avatar-add-focus-bg: #181D27;--bb-apbd-avatar-add-disable-bg: #252B37;--bb-apbd-avatar-add-disable-content-color: #D0D5DD;--bb-apbd-avatar-add-focus-shadow: 0 0 0 4px rgba(152, 162, 179, .14);--bb-apbd-avatar-overflow-bg: #F2F4F7;--bb-apbd-avatar-overflow-color: #717680;--bb-apbd-radio-input-bg: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-apbd-date-picker-icon-container-color: rgb(10.9736842105, 16.8263157895, 30.7263157895);--bb-apbd-card-bg: #0F172A;--bb-apbd-card-box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;--bb-apbd-modal-bg:#0F172A;--bb-apbd-modal-header-title-color: #FFFFFF;--bb-apbd-modal-header-sub-title-color: #A4A7AE;--bb-apbd-modal-header-icon-color: #3f6cc3;--bb-apbd-modal-box-shadow: 0 0 0 1px rgba(255, 255, 255, .05), 0 12px 32px rgba(255, 255, 255, .06);--bb-apbd-tab-button-color: #717680;--bb-apbd-tab-button-hover-color: #7C3AED;--bb-apbd-tab-button-active-color: #7C3AED;--bb-apbd-tab-button-active-bg: #1E293B;--bb-apbd-bg-tab-seondary: #1E293B;--bb-apbd-progressbar-bg: #334155;--bb-apbd-progressbar-fill-bg: #2970FF;--bb-apbd-progressbar-text-color: #fff;--bb-apbd-slider-track-bg: #334155;--bb-apbd-slider-fill-bg: #4a2091;--bb-apbd-slider-thumb-bg: #1E293B;--bb-apbd-slider-thumb-border-color: #4a2091;--bb-apbd-slider-thumb-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);--bb-apbd-slider-thumb-hover-border-color: #4a2091;--bb-apbd-slider-thumb-hover-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .4);--bb-apbd-slider-thumb-focus-border-color: #4a2091;--bb-apbd-slider-thumb-focus-shadow: 0 0 0 4px rgba(74, 32, 145, .24);--bb-apbd-slider-label-color: #D0D5DD;--bb-apbd-sidebar-border-color: #334155;--bb-apbd-sidebar-bg: #0F172A;--bb-apbd-sidebar-header-text-color: #F1F5F9;--bb-apbd-sidebar-collapbe-btn-bg: #1E293B;--bb-apbd-sidebar-section-title-color: #94A3B8;--bb-apbd-sidebar-item-icon-color: #94A3B8;--bb-apbd-sidebar-item-text-color: #CBD5E1;--bb-apbd-sidebar-item-hover-bg: #1E293B;--bb-apbd-sidebar-item-hover-text-color: #F1F5F9;--bb-apbd-sidebar-item-active-bg: #1E293B;--bb-apbd-sidebar-item-active-text-color: rgb(135.4152542373, 86.6525423729, 217.8474576271);--bb-apbd-sidebar-submenu-tree-color: #334155;--bb-apbd-sidebar-submenu-text-color: #94A3B8;--bb-apbd-sidebar-submenu-active-text-color: #F1F5F9;--bb-apbd-sidebar-submenu-active-bg: #1E293B;--bb-apbd-sidebar-signout-icon-color: #F87171;--bb-apbd-sidebar-signout-text-color: #FCA5A5;--bb-apbd-alert-bg: #0F172A;--bb-apbd-alert-title-color: #F1F5F9;--bb-apbd-alert-message-color: #94A3B8;--bb-apbd-alert-close-color: #94A3B8;--bb-apbd-alert-close-hover-color: #F1F5F9;--bb-apbd-alert-close-hover-bg: #1E293B;--bb-apbd-alert-cancel-bg: #1E293B;--bb-apbd-alert-cancel-color: #CBD5E1;--bb-apbd-alert-cancel-hover-bg: #334155;--bb-apbd-alert-icon-success-bg: #132e1c;--bb-apbd-alert-icon-error-bg: #3c1e1e;--bb-apbd-alert-icon-warning-bg: #3d2e10;--bb-apbd-alert-icon-info-bg: #1a2e44;--bb-apbd-alert-icon-question-bg: #2a1f4e;--bb-apbd-toast-bg: #0F172A;--bb-apbd-toast-text-color: #CBD5E1;--bb-apbd-toast-title-color: #F1F5F9;--bb-apbd-toast-border-color: #334155;--bb-apbd-toast-box-shadow: 0 4px 12px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--bb-apbd-toast-hover-box-shadow: 0 8px 24px rgba(0, 0, 0, .4);--bb-apbd-toast-success-color: #6EE7A0;--bb-apbd-toast-error-color: #FCA5A5;--bb-apbd-toast-warning-color: #FBBF24;--bb-apbd-toast-info-color: #528BFF;--bb-apbd-toast-close-color: #94A3B8;--bb-apbd-toast-close-hover-color: #F1F5F9;--bb-apbd-toast-close-hover-bg: #334155;--bb-apbd-toast-progress-bg: #334155;--bb-apbd-toast-default-progress-color: #64748B;--bb-apbd-radio-input-disabled-bg: #252B37;--bb-apbd-radio-input-disabled-border-color: #EAECF0}body{--eg-bg: var(--bb-apbd-bg-color,transparent);--eg-cell-padding: 10px;--eg-shodow-rule: 0px 3px 20px -19px rgba(124, 58, 237, .6);--eg-shodow-color: rgba(124, 58, 237, .6);--eg-loader-bg: rgba(0, 0, 0, .55);--eg-cell-header-color:rgba(124, 58, 237, .02);--eg-no-record-color: rgba(124, 58, 237, .8);--eg-row-group-title-color: #41444b;--eg-cell-index-color: #7f848d;--eg-table-border-color: rgba(95.3302325581, 20.4279069767, 223.5720930233, .1);--eg-hover-bg: rgba(124, 58, 237, .02);--eg-pg-border-color:#ccc;--eg-pg-btn-bg: #7C3AED;--eg-pg-btn-color: #FFFFFF;--eg-pg-shodow-color: #ccc;--eg-pagination-shadow: rgba(124, 58, 237, .6);--eg-primary-color:var(--bb-primary);--eg-dropdown-bg:var(--bb-apbd-bg-color)}[data-bs-theme=dark] body{color-scheme:dark;--eg-table-border-color:rgba(85.3674418605, 18.2930232558, 200.2069767442, .3);--eg-text-color: #b7bfc7}