@appsbd/vue3-appsbd-ui 1.0.7 → 1.0.9

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 (17) hide show
  1. package/.ai/ai_ref_AbButton.md +1 -0
  2. package/.ai/ai_ref_AbCustomField.md +11 -0
  3. package/.ai/ai_ref_AbField.md +13 -7
  4. package/.ai/ai_ref_AbFilterPanel.md +28 -27
  5. package/.ai/ai_ref_AbInputField.md +7 -3
  6. package/.ai/ai_ref_AbInputTag.md +4 -4
  7. package/.ai/ai_ref_AbModal.md +7 -5
  8. package/.ai/ai_ref_AbMultiSelect.md +4 -4
  9. package/.ai/ai_ref_AbPopover.md +1 -0
  10. package/.ai/ai_ref_AbSideMenuItem.md +6 -4
  11. package/dist/skins/green.css +1 -1
  12. package/dist/skins/themes/_green.scss +6 -5
  13. package/dist/style.css +1 -1
  14. package/dist/vue3-appsbd-ui.cjs.js +71 -71
  15. package/dist/vue3-appsbd-ui.es.js +6942 -6819
  16. package/package.json +1 -1
  17. package/readme.md +1 -1
package/.ai/ai_ref_AbButton.md CHANGED
@@ -28,6 +28,7 @@ const isSaving = ref(false);
28
28
 
29
29
  | Name | Type | Default | Description |
30
30
  | --- | --- | --- | --- |
31
+ | `mode` | `String` | `"button"` | Sets the root tag (`button`, `link`, `router-link`). |
31
32
  | `type` | `String` | `"button"` | Native button type (`button`, `submit`, `reset`). |
32
33
  | `color` | `String` | `"primary"` | Color variant (primary, secondary, success, danger, warning, info, light, dark). |
33
34
  | `size` | `String` | `"md"` | Button size (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`). |
package/.ai/ai_ref_AbCustomField.md CHANGED
@@ -51,6 +51,17 @@ const fields = [
51
51
  | `S` | Switch / toggle |
52
52
  | `C` | Checkbox |
53
53
 
54
+ ### Field Properties
55
+
56
+ Each object in `fieldInputs` supports several properties. The `rules` property directly accepts Vee-Validate rules.
57
+
58
+ | Property | Type | Description |
59
+ | --- | --- | --- |
60
+ | `id` | `String` | Unique identifier (required). |
61
+ | `type` | `String` | Component type code (e.g. `T`, `N`). |
62
+ | `label` | `String` | Field label. |
63
+ | `rules` | `String` \| `Array` | Standard Vee-Validate rules (e.g., `"required|url"`). Replaces legacy `is_required`. |
64
+
54
65
  ## Slots (scoped by field id)
55
66
 
56
67
  For each field whose `id` is `xyz`, the following named slots are available:
package/.ai/ai_ref_AbField.md CHANGED
@@ -34,14 +34,14 @@ Polymorphic field wrapper — renders text, textarea, select, multiselect, tag,
34
34
  | Name | Type | Default | Description |
35
35
  | --- | --- | --- | --- |
36
36
  | `val` | `any` | `null` | Initial value (used when `modelValue` is empty). |
37
- | `label` | `String` | **required** | Field label. |
38
- | `name` | `String` | **required** | VeeValidate field name. |
37
+ | `label` | `String` | `undefined` | Field label. |
38
+ | `name` | `String` | `""` | VeeValidate field name. |
39
39
  | `type` | `String` | `"text"` | `text`, `email`, `password`, `number`, `url`, `textarea`, `select`, `multiselect`, `tag`, `checkbox`, `radio`, `toggle`, `switch`. |
40
40
  | `prefix` | `String` | `""` | Prefix text/icon. |
41
41
  | `postfix` | `String` | `""` | Postfix text/icon. |
42
42
  | `modelValue` | `String \| Number \| Boolean \| Array \| Object` | `""` | Two-way-bound value. |
43
43
  | `isCodeInput` | `Boolean` | `false` | Applies monospace styling. |
44
- | `containerClass` | `String` | `""` | Wrapper class. |
44
+ | `containerClass` | `String` | `undefined` | Wrapper class. |
45
45
  | `maxlength` | `String \| Number` | `""` | Native maxlength. |
46
46
  | `minlength` | `String \| Number` | `""` | Native minlength. |
47
47
  | `placeholder` | `String` | `""` | Input placeholder. |
@@ -51,19 +51,25 @@ Polymorphic field wrapper — renders text, textarea, select, multiselect, tag,
51
51
  | `labelKey` | `String` | `"title"` | Option label property. |
52
52
  | `valueKey` | `String` | `"val"` | Option value property. |
53
53
  | `max` | `Number` | `-1` | Max selections (multiselect/tag); `-1` = unlimited. |
54
- | `size` | `String` | `"md"` | Field size. |
54
+ | `size` | `String` | `undefined` | Field size. |
55
55
  | `object` | `Boolean` | `false` | Return full objects instead of values (multiselect). |
56
56
  | `searchable` | `Boolean` | `false` | Enable search (select). |
57
57
  | `description` | `String` | `""` | Secondary description. |
58
58
  | `helptext` | `String` | `""` | Help text. |
59
59
  | `isInline` | `Boolean` | `false` | Inline layout (checkbox/radio). |
60
- | `trueValue` | `any` | `"Y"` | Toggle/switch on value. |
61
- | `falseValue` | `any` | `"N"` | Toggle/switch off value. |
60
+ | `trueValue` | `any` | `undefined` | Toggle/switch on value. |
61
+ | `falseValue` | `any` | `undefined` | Toggle/switch off value. |
62
62
  | `title` | `String \| null` | `null` | Toggle/switch title. |
63
63
  | `isLeftIconBorder` | `Boolean` | `false` | Border on left icon. |
64
64
  | `isRightIconBorder` | `Boolean` | `false` | Border on right icon. |
65
+ | `passIconPosition` | `String` | `"right"` | Position of the show password icon. |
65
66
  | `isHideLabel` | `Boolean` | `false` | Hide the label visually. |
66
- | `iconPosition` | `String` | `"right"` | Position of the custom `#icon` slot (`"left"`, `"right"`). |
67
+ | `iconPosition` | `String` | `undefined` | Position of the custom `#icon` slot (`"left"`, `"right"`). |
68
+ | `onSearch` | `Function` | `null` | Async handler `(query) => Promise<options>`. |
69
+ | `isAjaxSearch` | `Boolean` | `false` | Enable async search via `onSearch`. |
70
+ | `hideSelected` | `Boolean` | `true` | Hide already-selected items from dropdown. |
71
+ | `loading` | `Boolean` | `false` | Show a loading spinner. |
72
+ | `appendToBody` | `Boolean` | `true` | Teleport the dropdown to `<body>`. |
67
73
 
68
74
  ## Events
69
75
 
package/.ai/ai_ref_AbFilterPanel.md CHANGED
@@ -31,37 +31,38 @@ function handleSearch(data) {
31
31
 
32
32
  ## Props
33
33
 
34
- | Name | Type | Default | Description |
35
- | --- | --- | --- | --- |
36
- | `isAdvance` | `Boolean` | `false` | Show all filters in an expanded layout. |
37
- | `isQuickAdvance` | `Boolean` | `false` | Quick advance mode. |
38
- | `isSingle` | `Boolean` | `false` | Single-field search mode. |
39
- | `isAllowed` | `Boolean` | `false` | Permission flag consumed by the template. |
40
- | `canScan` | `Boolean` | `false` | Show a QR / barcode scan button. |
41
- | `filterOptions` | `Array` | `[]` | Filter field definitions. |
42
- | `scanProps` | `String` | `""` | Property name to apply scan result to. |
43
- | `showScanFld` | `Boolean` | `false` | Force-show the scan field. |
44
- | `showDrGroupText` | `Boolean` | `true` | Show date-range group label. |
45
- | `dateFormat` | `String` | `"MMM DD,YYYY"` | Date display format. |
46
- | `isSearchable` | `Boolean` | `false` | Allow searching within option lists. |
47
- | `isMaxDate` | `Boolean` | `true` | Limit date pickers to today as max. |
48
- | `size` | `String` | `"xs"` | Control size. |
49
- | `advanceSearchInputContainerClass` | `String` | `"col-6"` | Grid column class for inputs in advance mode. |
50
- | `isQuickAdvanceAutoSearch` | `Boolean` | `false` | Fire search automatically on field change (quick advance). |
34
+ | Name | Type | Default | Description |
35
+ | -------------------------- | --------- | --------------- | ---------------------------------------------------------- |
36
+ | `isAdvance` | `Boolean` | `false` | Show all filters in an expanded layout. |
37
+ | `isQuickAdvance` | `Boolean` | `false` | Quick advance mode. |
38
+ | `isSingle` | `Boolean` | `false` | Single-field search mode. |
39
+ | `isAutoSearch` | `Boolean` | `false` | Auto search on input change (single mode). |
40
+ | `isAllowed` | `Boolean` | `false` | Permission flag consumed by the template. |
41
+ | `canScan` | `Boolean` | `false` | Show a QR / barcode scan button. |
42
+ | `filterOptions` | `Array` | `[]` | Filter field definitions. |
43
+ | `scanProps` | `String` | `""` | Property name to apply scan result to. |
44
+ | `showScanFld` | `Boolean` | `false` | Force-show the scan field. |
45
+ | `showDrGroupText` | `Boolean` | `true` | Show date-range group label. |
46
+ | `dateFormat` | `String` | `"MMM DD,YYYY"` | Date display format. |
47
+ | `isSearchable` | `Boolean` | `false` | Allow searching within option lists. |
48
+ | `isMaxDate` | `Boolean` | `true` | Limit date pickers to today as max. |
49
+ | `size` | `String` | `"xs"` | Control size. |
50
+ | `advanceContainerClass` | `String` | `"col-6"` | Grid column class for inputs in advance mode. |
51
+ | `isQuickAdvanceAutoSearch` | `Boolean` | `false` | Fire search automatically on field change (quick advance). |
51
52
 
52
53
  ## Events
53
54
 
54
- | Event | Payload | Description |
55
- | --- | --- | --- |
56
- | `searchFilter` | `Array<{ propName, operators, value }>` | User triggered a search. |
57
- | `reset` | — | Filter reset clicked. |
58
- | `ChangeSearchMode` | `showScan: Boolean` | Toggled between search and scan modes. |
55
+ | Event | Payload | Description |
56
+ | ------------------ | --------------------------------------- | -------------------------------------- |
57
+ | `searchFilter` | `Array<{ propName, operators, value }>` | User triggered a search. |
58
+ | `reset` | — | Filter reset clicked. |
59
+ | `ChangeSearchMode` | `showScan: Boolean` | Toggled between search and scan modes. |
59
60
 
60
61
  ## Slots
61
62
 
62
- | Name | Description |
63
- | --- | --- |
64
- | `prefix` | Filter prefix. |
63
+ | Name | Description |
64
+ | --------- | --------------- |
65
+ | `prefix` | Filter prefix. |
65
66
  | `postfix` | Filter postfix. |
66
- | `icon` | Filter icon. |
67
- | `hints` | Helper text. |
67
+ | `icon` | Filter icon. |
68
+ | `hints` | Helper text. |
package/.ai/ai_ref_AbInputField.md CHANGED
@@ -32,18 +32,22 @@ const form = reactive({ email: '' });
32
32
  | `label` | `String` | `""` | Field label. |
33
33
  | `placeholder` | `String` | `""` | Input placeholder. |
34
34
  | `type` | `String` | `"text"` | Native input type (`text`, `email`, `password`, `number`, `tel`, …). |
35
- | `name` | `String` | **required** | VeeValidate field name. |
35
+ | `name` | `String` | `""` | VeeValidate field name. |
36
36
  | `isCodeInput` | `Boolean` | `false` | Applies monospace / code-input styling. |
37
+ | `size` | `String` | `undefined` | Adjusts component size (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`). |
37
38
  | `rules` | `String \| Object` | `""` | VeeValidate rules. |
38
- | `containerClass` | `String` | `"mb-3"` | Class on the wrapper `<div>`. |
39
+ | `containerClass` | `String` | `undefined` | Class on the wrapper `<div>`. |
39
40
  | `hints` | `String` | `""` | Helper text beneath the input. |
40
41
  | `prefix` | `String` | `""` | Prefix text/icon (shortcut for `#prefix` slot). |
41
42
  | `postfix` | `String` | `""` | Postfix text/icon. |
42
43
  | `maxlength` | `any` | `null` | Native `maxlength`. |
43
44
  | `isLeftIconBorder` | `Boolean` | `false` | Renders border between the prefix icon and the input. |
44
45
  | `isRightIconBorder` | `Boolean` | `false` | Renders border between the postfix icon and the input. |
46
+ | `passIconPosition` | `String` | `"right"` | Position of the show password icon (`"left"`, `"right"`). |
45
47
  | `isHideLabel` | `Boolean` | `false` | Hide the label visually. |
46
- | `iconPosition` | `String` | `"right"` | Position of the custom `#icon` slot (`"left"`, `"right"`). |
48
+ | `iconPosition` | `String` | `undefined` | Position of the custom `#icon` slot (`"left"`, `"right"`). |
49
+ | `inputClass` | `String \| Object \| Array` | `undefined` | Additional class(es) for the input element. |
50
+ | `inputStyle` | `String \| Object \| Array` | `undefined` | Additional style(s) for the input element. |
47
51
 
48
52
  ## Events
49
53
 
package/.ai/ai_ref_AbInputTag.md CHANGED
@@ -25,11 +25,11 @@ const skills = ref([]);
25
25
  | `modelValue` | `Array` | `[]` | v-model array of selected tags. |
26
26
  | `options` | `Array` | `[]` | Each entry: `{ val, title }` or a plain string. |
27
27
  | `label` | `String` | `""` | Field label. |
28
- | `size` | `String` | `"md"` | Adjusts component size (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`). |
28
+ | `size` | `String` | `undefined` | Adjusts component size (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`). |
29
29
  | `placeholder` | `String` | `""` | Placeholder text. |
30
- | `name` | `String` | **required** | VeeValidate field name. |
30
+ | `name` | `String` | `""` | VeeValidate field name. |
31
31
  | `rules` | `String \| Object` | `""` | VeeValidate rules. |
32
- | `containerClass` | `String` | `"mb-3"` | Wrapper class. |
32
+ | `containerClass` | `String` | `undefined` | Wrapper class. |
33
33
  | `hints` | `String` | `""` | Helper text. |
34
34
  | `prefix` | `String` | `""` | Prefix icon/text. |
35
35
  | `postfix` | `String` | `""` | Postfix icon/text. |
@@ -37,7 +37,7 @@ const skills = ref([]);
37
37
  | `isLeftIconBorder` | `Boolean` | `false` | Border on prefix icon. |
38
38
  | `isRightIconBorder` | `Boolean` | `false` | Border on postfix icon. |
39
39
  | `isHideLabel` | `Boolean` | `false` | Hide the label visually. |
40
- | `iconPosition` | `String` | `"right"` | Position of the custom `#icon` slot (`"left"`, `"right"`). |
40
+ | `iconPosition` | `String` | `undefined` | Position of the custom `#icon` slot (`"left"`, `"right"`). |
41
41
 
42
42
  ## Events
43
43
 
package/.ai/ai_ref_AbModal.md CHANGED
@@ -17,7 +17,9 @@ Full-featured dialog with a built-in VeeValidate `<Form>`, loader overlay, and "
17
17
  >
18
18
  <template #headerTitle>Edit profile</template>
19
19
 
20
- <ab-input-field name="email" label="Email" rules="required|email" v-model="form.email" />
20
+ <template #body>
21
+ <ab-input-field name="email" label="Email" rules="required|email" v-model="form.email" />
22
+ </template>
21
23
 
22
24
  <template #footer="{ close }">
23
25
  <ab-button class="btn-outline-secondary" @click="close">Cancel</ab-button>
@@ -47,7 +49,7 @@ async function handleSubmit(values, { resetForm }) {
47
49
  | --- | --- | --- | --- |
48
50
  | `isModalVisible` | `Boolean` | — | Visibility state (`v-model:is-modal-visible`). |
49
51
  | `modalSize` | `String` | `""` | Bootstrap size class (`modal-sm`, `modal-lg`, `modal-xl`). |
50
- | `modalMsg` | `String` | `""` | Default message for message-only mode. |
52
+ | `modalMsg` | `[String, Object]` | `{}` | Default message for message-only mode. |
51
53
  | `hideHeader` | `Boolean` | `false` | Hide the header section. |
52
54
  | `hideBody` | `Boolean` | `false` | Hide the body section. |
53
55
  | `hideFooter` | `Boolean` | `false` | Hide the footer section. |
@@ -55,7 +57,7 @@ async function handleSubmit(values, { resetForm }) {
55
57
  | `hideForm` | `Boolean` | `false` | Render root as plain `<div>` instead of VeeValidate `<Form>`. |
56
58
  | `bodyClass` | `String` | `""` | Extra class on the body section. |
57
59
  | `isModalCenter` | `Boolean` | `true` | Vertically center the modal. |
58
- | `isBorder` | `Boolean` | `false` | Border around modal content. |
60
+ | `isBorder` | `Boolean` | `undefined` | Border around modal content. Defaults to global config. |
59
61
  | `iconContainerClass` | `String` | `""` | Extra class on the header icon container. |
60
62
  | `headerClass` | `String` | `""` | Extra class on the header. |
61
63
  | `headerrClass` | `String` | `""` | Legacy alias for `headerClass`. |
@@ -64,7 +66,8 @@ async function handleSubmit(values, { resetForm }) {
64
66
 
65
67
  | Event | Payload | Description |
66
68
  | --- | --- | --- |
67
- | `onSubmit` | `(event, { resetForm })` | Fired when the internal VeeValidate form is submitted. |
69
+ | `onSubmit` | `(event, { resetForm, showMsgOnly, clearForm, showLoader })` | Fired when the internal VeeValidate form is submitted. |
70
+ | `onLoading` | `({ showLoader, clearForm })` | Emitted on mounted to allow setting up initial loader state. |
68
71
  | `loading-status` | `Boolean` | Emitted when loader state toggles. |
69
72
  | `close` | — | Modal was closed (✕, Escape, or `close()`). |
70
73
 
@@ -72,7 +75,6 @@ async function handleSubmit(values, { resetForm }) {
72
75
 
73
76
  | Name | Scope | Description |
74
77
  | --- | --- | --- |
75
- | `default` | VeeValidate `Form` slot-props | Form body when `hideForm` is `false`. |
76
78
  | `header` | — | Overrides the entire header. |
77
79
  | `headerIcon` | — | Icon at the start of the header. |
78
80
  | `headerTitleContainer` | — | Overrides the title/subtitle wrapper. |
package/.ai/ai_ref_AbMultiSelect.md CHANGED
@@ -24,14 +24,14 @@ Searchable single/multi/tag select. Custom built-in replacement for `@vueform/mu
24
24
  | `label` | `String` | `""` | Field label. |
25
25
  | `placeholder` | `String` | `""` | Placeholder text. |
26
26
  | `type` | `String` | `"text"` | Input type. |
27
- | `name` | `String` | **required** | VeeValidate field name. |
27
+ | `name` | `String` | `""` | VeeValidate field name. |
28
28
  | `rules` | `String \| Object` | `""` | VeeValidate rules. |
29
- | `containerClass` | `String` | `"mb-3"` | Wrapper class. |
29
+ | `containerClass` | `String` | `undefined` | Wrapper class. |
30
30
  | `hints` | `String` | `""` | Helper text. |
31
31
  | `multiple` | `Boolean` | `false` | Deprecated — use `mode` instead. |
32
32
  | `searchable` | `Boolean` | `false` | Enable option search/filter. |
33
33
  | `mode` | `String` | `"single"` | `single`, `multiple`, or `tags`. |
34
- | `size` | `String` | `"md"` | Adjusts component size (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`). |
34
+ | `size` | `String` | `undefined` | Adjusts component size (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`). |
35
35
  | `options` | `Array` | `[]` | Available options. |
36
36
  | `labelKey` | `String` | `"title"` | Property to use for label. |
37
37
  | `valueKey` | `String` | `"val"` | Property to use for value. |
@@ -48,7 +48,7 @@ Searchable single/multi/tag select. Custom built-in replacement for `@vueform/mu
48
48
  | `isLeftIconBorder` | `Boolean` | `false` | Border on prefix icon. |
49
49
  | `isRightIconBorder` | `Boolean` | `false` | Border on postfix icon. |
50
50
  | `isHideLabel` | `Boolean` | `false` | Hide the label visually. |
51
- | `iconPosition` | `String` | `"right"` | Position of the custom `#icon` slot (`"left"`, `"right"`). |
51
+ | `iconPosition` | `String` | `undefined` | Position of the custom `#icon` slot (`"left"`, `"right"`). |
52
52
 
53
53
  ## Events
54
54
 
package/.ai/ai_ref_AbPopover.md CHANGED
@@ -37,6 +37,7 @@ Interactive popover with click, hover, focus, touch, or manual triggers. Content
37
37
  | `autoHide` | `Boolean` | `true` | Close when clicking outside. |
38
38
  | `contentClass` | `String` | `""` | Extra class on the content element. |
39
39
  | `referenceSelector` | `String` | `null` | CSS selector inside the trigger to anchor positioning. |
40
+ | `width` | `String \| Number` | `null` | Fixed width for the popover content. |
40
41
 
41
42
  ## Events
42
43
 
package/.ai/ai_ref_AbSideMenuItem.md CHANGED
@@ -26,10 +26,11 @@ Single entry in an `AbSidebar`. Renders as a router-link, plain anchor, section
26
26
 
27
27
  ## Props
28
28
 
29
- | Name | Type | Description |
30
- | --- | --- | --- |
31
- | `to` | `String \| Object` | Router-link target. When this item has a submenu, `to` makes the label clickable as a link. |
32
- | `href` | `String` | Plain anchor target. With a submenu, `href` makes the item a submenu toggle instead of a link. |
29
+ | Name | Type | Default | Description |
30
+ | --- | --- | --- | --- |
31
+ | `to` | `String \| Object` | `undefined` | Router-link target. When this item has a submenu, `to` makes the label clickable as a link. |
32
+ | `href` | `String` | `undefined` | Plain anchor target. With a submenu, `href` makes the item a submenu toggle instead of a link. |
33
+ | `popoverTrigger` | `String` | `"hover"` | Trigger type for the popover submenu when collapsed (`"hover"`, `"click"`). |
33
34
 
34
35
  ## Slots
35
36
 
@@ -37,6 +38,7 @@ Single entry in an `AbSidebar`. Renders as a router-link, plain anchor, section
37
38
  | --- | --- |
38
39
  | `default` | Label text. |
39
40
  | `icon` | Leading icon. |
41
+ | `nav-right` | Right-aligned content (e.g., badges). Hidden when sidebar is collapsed. |
40
42
  | `submenu` | Submenu items (nested `AbSideMenuItem`s). |
41
43
  | `sectiontitle` | When provided, the item renders as a section heading instead of a nav item. |
42
44
 
package/dist/skins/green.css CHANGED
@@ -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: #079455;--bb-primary: #079455;--bb-outline-btn-bg: #FFFFFF;--bb-primary-light: #ECFDF3;--bb-primary-rgb: 7, 148, 85;--bb-primary-btn-hover: #067647;--bb-primary-btn-hover-border-color: #067647;--bb-primary-outline-btn-hover: #067647;--bb-primary-outline-btn-border: #079455;--bb-primary-outline-btn-hover-bg: rgba(7, 148, 85, .15);--bb-primary-outline-btn-text: var(--bb-primary-btn-hover);--bb-apbd-border-color-focus: #ABEFC6;--bb-apbd-input-box-shadow: 0 0 0 4px rgba(7, 148, 85, .24);--bb-apbd-heading-color: #181D27;--bb-bg-gradient:linear-gradient(to bottom right, color-mix(in srgb, #079455 3%, transparent), transparent);--bb-light:#f4f4f5;--bb-apbd-text-color: #FFFFFF;--bb-apbd-checkbox-checked-form-check-bg: #079455;--bb-apbd-toggle-checked-bg: #079455;--bb-apbd-toggle-checked-hover-bg: #067647;--bb-apbd-toggle-checked-hover-border-color: #067647;--bb-apbd-toggle-checked-focus-shadow: 0 0 0 4px rgba(7, 148, 85, .24);--bb-apbd-sidebar-item-active-text-color: #079455;--bb-apbd-progressbar-fill-bg-primary: #079455;--bb-apbd-slider-fill-bg: #079455;--bb-apbd-slider-thumb-border-color: #079455;--bb-apbd-slider-thumb-focus-shadow: 0 0 0 4px rgba(7, 148, 85, .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: #cbcbcb;--bb-secondary-btn-hover: #909091;--bb-secondary-btn-hover-border-color: #909091;--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:#079455;--bb-apbd-left-number-input-color: linear-gradient(to left, rgba(7, 148, 85, 0) 0%, rgba(7, 148, 85, .01) 2%, rgba(7, 148, 85, .14) 100%);--bb-apbd-right-number-input-color: linear-gradient(to right, rgba(7, 148, 85, 0) 0%, rgba(7, 148, 85, .01) 2%, rgba(7, 148, 85, .14) 100%);--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-text-color: #079455;--bb-apbd-badge-primary-bg: #ECFDF3;--bb-apbd-badge-primary-border-color: #ABEFC6;--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: #079455;--bb-apbd-tab-button-active-color: #079455;--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: #079455;--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: #079455;--bb-apbd-tab-outline-link-border-color: #079455;--bb-apbd-tab-outline-hover-link-color: #FFFFFF;--bb-apbd-tab-outline-hover-bg: #079455;--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: #079455;--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:#20523b;--bb-secondary:#585555;--bb-success:#124e33;--bb-warning:#603d10;--bb-danger:#60140f;--bb-info:#0f5878;--bb-dark:#222b3e;--bb-light:#6a6a6a;--bb-bg-gradient:linear-gradient(to bottom right, color-mix(in srgb, #20523b 10%, transparent), transparent);--bb-outline-btn-bg: #181D27;--bb-apbd-text-color: #b7bfc7;--bb-theme: #20523b;--bb-primary: #20523b;--bb-primary-rgb: 32, 82, 59;--bb-primary-outline-btn-hover: #079455;--bb-primary-outline-btn-border: rgb(3.5451612903, 74.9548387097, 43.0483870968);--bb-primary-outline-btn-hover-bg: rgb(1.9329032258, 40.8670967742, 23.4709677419);--bb-primary-outline-btn-text: #079455;--bb-apbd-heading-color: #b7bfc7;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(46.3157894737, 118.6842105263, 85.3947368421);--bb-apbd-imgr-checked-color: rgb(46.3157894737, 118.6842105263, 85.3947368421);--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: #a7a7a7;--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(24.8421052632, 63.6578947368, 45.8026315789);--bb-apbd-badge-primary-border-color: rgb(24.8421052632, 63.6578947368, 45.8026315789);--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: #079455;--bb-apbd-tab-button-active-color: #079455;--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: #20523b;--bb-apbd-slider-thumb-bg: #1E293B;--bb-apbd-slider-thumb-border-color: #20523b;--bb-apbd-slider-thumb-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);--bb-apbd-slider-thumb-hover-border-color: #20523b;--bb-apbd-slider-thumb-hover-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .4);--bb-apbd-slider-thumb-focus-border-color: #20523b;--bb-apbd-slider-thumb-focus-shadow: 0 0 0 4px rgba(32, 82, 59, .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(67.7894736842, 173.7105263158, 124.9868421053);--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(7, 148, 85, .6);--eg-shodow-color: rgba(7, 148, 85, .6);--eg-loader-bg: rgba(0, 0, 0, .55);--eg-cell-header-color:rgba(7, 148, 85, .02);--eg-no-record-color: rgba(7, 148, 85, .8);--eg-cell-index-color: #7f848d;--eg-table-border-color: rgba(4.6967741935, 99.3032258065, 57.0322580645, .1);--eg-hover-bg: rgba(7, 148, 85, .02);--eg-pg-border-color:#ccc;--eg-pg-btn-bg: #079455;--eg-pg-btn-color: #FFFFFF;--eg-pg-shodow-color: #ccc;--eg-pagination-shadow: rgba(7, 148, 85, .6);--eg-primary-color:var(--bb-primary);--eg-dropdown-bg:var(--bb-apbd-bg-color);--eg-row-group-title-color: #41444b}[data-bs-theme=dark] body{color-scheme:dark;--eg-table-border-color:rgba(3.5451612903, 74.9548387097, 43.0483870968, .3);--eg-text-color: #b7bfc7;--eg-row-group-title-color: #b7bfc7}
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: #079455;--bb-primary: #079455;--bb-outline-btn-bg: #FFFFFF;--bb-primary-light: #ECFDF3;--bb-primary-rgb: 7, 148, 85;--bb-primary-btn-hover: #067647;--bb-primary-btn-hover-border-color: #067647;--bb-primary-outline-btn-hover: #067647;--bb-primary-outline-btn-border: #079455;--bb-primary-outline-btn-hover-bg: rgba(7, 148, 85, .15);--bb-primary-outline-btn-text: var(--bb-primary-btn-hover);--bb-apbd-border-color-focus: #ABEFC6;--bb-apbd-input-box-shadow: 0 0 0 4px rgba(7, 148, 85, .24);--bb-apbd-heading-color: #181D27;--bb-bg-gradient:linear-gradient(90deg, #e0fff0, #eafff5, #f0fff8);--bb-light:#f4f4f5;--bb-apbd-text-color: #FFFFFF;--bb-apbd-checkbox-checked-form-check-bg: #079455;--bb-apbd-toggle-checked-bg: #079455;--bb-apbd-toggle-checked-hover-bg: #067647;--bb-apbd-toggle-checked-hover-border-color: #067647;--bb-apbd-toggle-checked-focus-shadow: 0 0 0 4px rgba(7, 148, 85, .24);--bb-apbd-sidebar-item-active-text-color: #079455;--bb-apbd-progressbar-fill-bg-primary: #079455;--bb-apbd-slider-fill-bg: #079455;--bb-apbd-slider-thumb-border-color: #079455;--bb-apbd-slider-thumb-focus-shadow: 0 0 0 4px rgba(7, 148, 85, .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: #cbcbcb;--bb-secondary-btn-hover: #909091;--bb-secondary-btn-hover-border-color: #909091;--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:#079455;--bb-apbd-left-number-input-color: linear-gradient(to left, rgba(7, 148, 85, 0) 0%, rgba(7, 148, 85, .01) 2%, rgba(7, 148, 85, .14) 100%);--bb-apbd-right-number-input-color: linear-gradient(to right, rgba(7, 148, 85, 0) 0%, rgba(7, 148, 85, .01) 2%, rgba(7, 148, 85, .14) 100%);--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-text-color: #079455;--bb-apbd-badge-primary-bg: #ECFDF3;--bb-apbd-badge-primary-border-color: #ABEFC6;--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: #079455;--bb-apbd-tab-button-active-color: #079455;--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: #079455;--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: #079455;--bb-apbd-tab-outline-link-border-color: #079455;--bb-apbd-tab-outline-hover-link-color: #FFFFFF;--bb-apbd-tab-outline-hover-bg: #079455;--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: #079455;--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:#20523b;--bb-secondary:#585555;--bb-success:#124e33;--bb-warning:#603d10;--bb-danger:#60140f;--bb-info:#0f5878;--bb-dark:#222b3e;--bb-light:#6a6a6a;--bb-bg-gradient:linear-gradient(to bottom right, color-mix(in srgb, #20523b 10%, transparent), transparent);--bb-outline-btn-bg: #181D27;--bb-apbd-text-color: #b7bfc7;--bb-theme: #20523b;--bb-primary: #20523b;--bb-primary-rgb: 32, 82, 59;--bb-primary-outline-btn-hover: #079455;--bb-primary-outline-btn-border: rgb(3.5451612903, 74.9548387097, 43.0483870968);--bb-primary-outline-btn-hover-bg: rgb(1.9329032258, 40.8670967742, 23.4709677419);--bb-primary-outline-btn-text: #079455;--bb-apbd-heading-color: #b7bfc7;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(46.3157894737, 118.6842105263, 85.3947368421);--bb-apbd-imgr-checked-color: rgb(46.3157894737, 118.6842105263, 85.3947368421);--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: #a7a7a7;--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(24.8421052632, 63.6578947368, 45.8026315789);--bb-apbd-badge-primary-border-color: rgb(24.8421052632, 63.6578947368, 45.8026315789);--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: #079455;--bb-apbd-tab-button-active-color: #079455;--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: #20523b;--bb-apbd-slider-thumb-bg: #1E293B;--bb-apbd-slider-thumb-border-color: #20523b;--bb-apbd-slider-thumb-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .3);--bb-apbd-slider-thumb-hover-border-color: #20523b;--bb-apbd-slider-thumb-hover-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .4);--bb-apbd-slider-thumb-focus-border-color: #20523b;--bb-apbd-slider-thumb-focus-shadow: 0 0 0 4px rgba(32, 82, 59, .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(67.7894736842, 173.7105263158, 124.9868421053);--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(7, 148, 85, .6);--eg-shodow-color: rgba(7, 148, 85, .6);--eg-loader-bg: rgba(0, 0, 0, .55);--eg-cell-header-color:rgba(7, 148, 85, .02);--eg-no-record-color: rgba(7, 148, 85, .8);--eg-cell-index-color: #7f848d;--eg-table-border-color: rgba(4.6967741935, 99.3032258065, 57.0322580645, .1);--eg-hover-bg: rgba(7, 148, 85, .02);--eg-pg-border-color:#ccc;--eg-pg-btn-bg: #079455;--eg-pg-btn-color: #FFFFFF;--eg-pg-shodow-color: #ccc;--eg-pagination-shadow: rgba(7, 148, 85, .6);--eg-primary-color:var(--bb-primary);--eg-dropdown-bg:var(--bb-apbd-bg-color);--eg-row-group-title-color: #41444b}[data-bs-theme=dark] body{color-scheme:dark;--eg-table-border-color:rgba(3.5451612903, 74.9548387097, 43.0483870968, .3);--eg-text-color: #b7bfc7;--eg-row-group-title-color: #b7bfc7}
package/dist/skins/themes/_green.scss CHANGED
@@ -16,8 +16,9 @@ $gradient-left: linear-gradient(
16
16
  rgba(7, 148, 85, 0.01) 2%,
17
17
  rgba(7, 148, 85, 0.14) 100%
18
18
  );
19
- $bg-gradient: linear-gradient(
20
- to bottom right,
21
- color-mix(in srgb, #079455 3%, transparent),
22
- transparent
23
- );
19
+ // $bg-gradient: linear-gradient(
20
+ // to bottom right,
21
+ // color-mix(in srgb, #079455 3%, transparent),
22
+ // transparent
23
+ // );
24
+ $bg-gradient: linear-gradient(90deg, #e0fff0, #eafff5, #f0fff8);