@energycap/components 0.44.8-angular-custom-element-test.20251205-1628 → 0.44.8

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 (188) hide show
  1. package/README.md +188 -188
  2. package/energycap-components.min.css +2 -2
  3. package/esm2022/lib/components.module.mjs +1 -1
  4. package/esm2022/lib/controls/banner/banner.component.mjs +3 -3
  5. package/esm2022/lib/controls/button/button.component.mjs +3 -3
  6. package/esm2022/lib/controls/button/copy-button-base.directive.mjs +1 -1
  7. package/esm2022/lib/controls/button/copy-button.directive.mjs +1 -1
  8. package/esm2022/lib/controls/button/copy-table-button.directive.mjs +1 -1
  9. package/esm2022/lib/controls/calendar/calendar-item.component.mjs +1 -1
  10. package/esm2022/lib/controls/calendar/calendar.component.mjs +3 -3
  11. package/esm2022/lib/controls/calendar/calendar.types.mjs +1 -1
  12. package/esm2022/lib/controls/checkbox/checkbox.component.mjs +3 -3
  13. package/esm2022/lib/controls/collapsible-toggle/collapsible-toggle.component.mjs +1 -1
  14. package/esm2022/lib/controls/combobox/combobox.component.mjs +3 -3
  15. package/esm2022/lib/controls/date-input/date-input-selection-strategies/date-input-selection-strategy-base.mjs +1 -1
  16. package/esm2022/lib/controls/date-input/date-input-selection-strategies/day-selection-strategy.mjs +1 -1
  17. package/esm2022/lib/controls/date-input/date-input-selection-strategies/last-28-days-selection-strategy.mjs +1 -1
  18. package/esm2022/lib/controls/date-input/date-input-selection-strategies/last-7-days-selection-strategy.mjs +1 -1
  19. package/esm2022/lib/controls/date-input/date-input-selection-strategies/month-selection-strategy.mjs +1 -1
  20. package/esm2022/lib/controls/date-input/date-input-selection-strategies/quarter-selection-strategy.mjs +1 -1
  21. package/esm2022/lib/controls/date-input/date-input-selection-strategies/range-selection-strategy.mjs +1 -1
  22. package/esm2022/lib/controls/date-input/date-input-selection-strategies/year-selection-strategy.mjs +1 -1
  23. package/esm2022/lib/controls/date-input/date-input.component.mjs +3 -3
  24. package/esm2022/lib/controls/date-input/date-input.types.mjs +1 -1
  25. package/esm2022/lib/controls/dropdown/dropdown.component.mjs +3 -3
  26. package/esm2022/lib/controls/file-upload/file-upload.component.mjs +3 -3
  27. package/esm2022/lib/controls/form-control/form-control.component.mjs +3 -3
  28. package/esm2022/lib/controls/form-control-base.mjs +1 -1
  29. package/esm2022/lib/controls/form-control-label/form-control-label.component.mjs +3 -3
  30. package/esm2022/lib/controls/form-group/form-group.component.mjs +3 -3
  31. package/esm2022/lib/controls/help-popover/help-popover.component.mjs +3 -3
  32. package/esm2022/lib/controls/item-picker/item-picker.component.mjs +3 -3
  33. package/esm2022/lib/controls/link-button/link-button.component.mjs +1 -1
  34. package/esm2022/lib/controls/menu/menu.component.mjs +3 -3
  35. package/esm2022/lib/controls/navigation/link-item.mjs +1 -1
  36. package/esm2022/lib/controls/navigation/nav-group.mjs +1 -1
  37. package/esm2022/lib/controls/navigation/nav-item-active.directive.mjs +1 -1
  38. package/esm2022/lib/controls/navigation/nav-item.mjs +1 -1
  39. package/esm2022/lib/controls/numericbox/numericbox.component.mjs +3 -3
  40. package/esm2022/lib/controls/popover/popover.component.mjs +3 -3
  41. package/esm2022/lib/controls/radio-button/radio-button-option.mjs +1 -1
  42. package/esm2022/lib/controls/radio-button/radio-button.component.mjs +3 -3
  43. package/esm2022/lib/controls/select/select.component.mjs +3 -3
  44. package/esm2022/lib/controls/tabs/tabs.component.mjs +3 -3
  45. package/esm2022/lib/controls/textbox/textbox.component.mjs +3 -3
  46. package/esm2022/lib/core/cache.service.mjs +1 -1
  47. package/esm2022/lib/core/custom-validators.mjs +1 -1
  48. package/esm2022/lib/core/date-time-helper.mjs +1 -1
  49. package/esm2022/lib/core/error.service.mjs +1 -1
  50. package/esm2022/lib/core/router-helper.service.mjs +1 -1
  51. package/esm2022/lib/core/scroll.service.mjs +1 -1
  52. package/esm2022/lib/core/telemetry-tracker.service.mjs +1 -1
  53. package/esm2022/lib/core/telemetry.service.mjs +1 -1
  54. package/esm2022/lib/core/validation-message.service.mjs +1 -1
  55. package/esm2022/lib/core/validation-patterns.mjs +1 -1
  56. package/esm2022/lib/core/window.service.mjs +1 -1
  57. package/esm2022/lib/display/app-bar/app-bar.component.mjs +3 -3
  58. package/esm2022/lib/display/avatar/avatar.component.mjs +1 -1
  59. package/esm2022/lib/display/avatar/avatar.service.mjs +1 -1
  60. package/esm2022/lib/display/confirm/confirm.component.mjs +3 -3
  61. package/esm2022/lib/display/dialog/dialog-content.mjs +1 -1
  62. package/esm2022/lib/display/dialog/dialog-group/dialog-group.component.mjs +3 -3
  63. package/esm2022/lib/display/dialog/dialog-types.mjs +1 -1
  64. package/esm2022/lib/display/dialog/dialog.component.mjs +1 -1
  65. package/esm2022/lib/display/dialog/dialog.service.mjs +1 -1
  66. package/esm2022/lib/display/help/help-types.mjs +1 -1
  67. package/esm2022/lib/display/hierarchy/hierarchy-base.mjs +1 -1
  68. package/esm2022/lib/display/hierarchy/hierarchy-mocks.spec.mjs +1 -1
  69. package/esm2022/lib/display/hierarchy/hierarchy-tree/hierarchy-tree.component.mjs +3 -3
  70. package/esm2022/lib/display/item-display/item-display.component.mjs +3 -3
  71. package/esm2022/lib/display/json-display/json-display.component.mjs +3 -3
  72. package/esm2022/lib/display/resizable/resizable-base.mjs +1 -1
  73. package/esm2022/lib/display/resizable/resizable.component.mjs +7 -7
  74. package/esm2022/lib/display/spinner/spinner.component.mjs +3 -3
  75. package/esm2022/lib/display/splash/splash.component.mjs +31 -17
  76. package/esm2022/lib/display/splash/splash.service.mjs +16 -18
  77. package/esm2022/lib/display/table/resizable-column.component.mjs +3 -3
  78. package/esm2022/lib/display/table/resizable-table.directive.mjs +1 -1
  79. package/esm2022/lib/display/table/searchable-table.component.mjs +3 -3
  80. package/esm2022/lib/display/table/table-detail-row.component.mjs +11 -11
  81. package/esm2022/lib/display/table/table-locked-column.component.mjs +1 -1
  82. package/esm2022/lib/display/table/table-master-header-row.component.mjs +1 -1
  83. package/esm2022/lib/display/table/table-master-row.component.mjs +3 -3
  84. package/esm2022/lib/display/table/table-pagination.component.mjs +3 -3
  85. package/esm2022/lib/display/table/table-selectable-row.component.mjs +3 -3
  86. package/esm2022/lib/display/table/table.component.mjs +3 -3
  87. package/esm2022/lib/display/tags/tag.mjs +1 -1
  88. package/esm2022/lib/display/tags/tags.component.mjs +3 -3
  89. package/esm2022/lib/display/toast/toast/toast.component.mjs +3 -3
  90. package/esm2022/lib/display/toast/toast-types.mjs +1 -1
  91. package/esm2022/lib/display/toast/toast.service.mjs +1 -1
  92. package/esm2022/lib/display/toast/toaster/toaster.component.mjs +3 -3
  93. package/esm2022/lib/display/tooltip/tooltip.component.mjs +3 -3
  94. package/esm2022/lib/display/tooltip/tooltip.service.mjs +1 -1
  95. package/esm2022/lib/display/tooltip-directive/tooltip.directive.mjs +1 -1
  96. package/esm2022/lib/display/tree/tree.component.mjs +3 -3
  97. package/esm2022/lib/display/view-overlay/view-overlay.component.mjs +3 -3
  98. package/esm2022/lib/shared/directives/click-area-for/click-area-for.directive.mjs +1 -1
  99. package/esm2022/lib/shared/directives/if-viewport-width/if-viewport-width.directive.mjs +1 -1
  100. package/esm2022/lib/shared/directives/keyboard-nav-container/keyboard-nav-container.directive.mjs +1 -1
  101. package/esm2022/lib/shared/directives/popup/popup-container.directive.mjs +1 -1
  102. package/esm2022/lib/shared/display/pipes/date-display-2.pipe.mjs +1 -1
  103. package/esm2022/lib/shared/display/pipes/date-display.pipe.mjs +1 -1
  104. package/esm2022/lib/shared/display/pipes/highlight-text.pipe.mjs +1 -1
  105. package/esm2022/lib/shared/display/pipes/relative-date.pipe.mjs +1 -1
  106. package/esm2022/lib/shared/display/pipes/row-count.pipe.mjs +1 -1
  107. package/esm2022/lib/shared/display/pipes/time-display.pipe.mjs +1 -1
  108. package/esm2022/lib/shared/display.mjs +1 -1
  109. package/esm2022/lib/shared/form-group.helper.mjs +1 -1
  110. package/esm2022/lib/shared/json-helper.mjs +1 -1
  111. package/esm2022/lib/shared/lodash-helper.mjs +1 -1
  112. package/esm2022/lib/shared/page/page-base/page-base.component.mjs +1 -1
  113. package/esm2022/lib/shared/page/page-statuses.mjs +1 -1
  114. package/esm2022/lib/shared/page/page-title/page-title.component.mjs +3 -3
  115. package/esm2022/lib/shared/page/page-view/page-view.component.mjs +3 -3
  116. package/esm2022/lib/shared/testing/copy-button-base-test-injector-factory.spec.mjs +1 -1
  117. package/esm2022/lib/shared/testing/hierarchy-base-test-injector-factory.spec.mjs +1 -1
  118. package/esm2022/lib/shared/testing/page-base-component-test-helper.spec.mjs +1 -1
  119. package/esm2022/lib/shared/testing/page-base-component-test-injector-factory.spec.mjs +1 -1
  120. package/esm2022/lib/shared/testing/public-mocks.spec.mjs +1 -1
  121. package/esm2022/lib/shared/testing/spy-factory.spec.mjs +1 -1
  122. package/esm2022/lib/shared/testing/translation-mocks.spec.mjs +1 -1
  123. package/esm2022/lib/shared/user-preference.service.mjs +1 -1
  124. package/esm2022/lib/shared/wizard/wizard-base/wizard-base.component.mjs +1 -1
  125. package/esm2022/lib/shared/wizard/wizard-buttons/wizard-buttons.component.mjs +3 -3
  126. package/esm2022/lib/shared/wizard/wizard-progress/wizard-progress.component.mjs +3 -3
  127. package/esm2022/public-api.mjs +1 -1
  128. package/fesm2022/energycap-components.mjs +164 -153
  129. package/fesm2022/energycap-components.mjs.map +1 -1
  130. package/lib/display/splash/splash.component.d.ts +8 -6
  131. package/lib/display/splash/splash.service.d.ts +13 -7
  132. package/package.json +1 -1
  133. package/schematics/collection.json +4 -4
  134. package/src/assets/images/favicon-ech.svg +14 -14
  135. package/src/assets/images/favicon-esa.svg +6 -6
  136. package/src/assets/images/favicon-eum.svg +13 -13
  137. package/src/assets/images/favicon-whitelabel.svg +4 -4
  138. package/src/assets/images/favicon.svg +12 -12
  139. package/src/assets/images/icon-carbonhub.svg +10 -10
  140. package/src/assets/images/icon-eum.svg +5 -5
  141. package/src/assets/images/icon-ucp.svg +12 -12
  142. package/src/assets/images/icon-wattics.svg +5 -5
  143. package/src/assets/images/icon.svg +11 -11
  144. package/src/assets/images/logo.svg +10 -10
  145. package/src/assets/images/splash-electric.svg +3 -3
  146. package/src/assets/images/splash-interval.svg +3 -3
  147. package/src/assets/images/splash-seedling.svg +11 -11
  148. package/src/assets/images/splash-water.svg +3 -3
  149. package/src/assets/locales/en_US.json +60 -60
  150. package/src/assets/scripts/unsupported-browser.js +17 -17
  151. package/src/styles/_base.scss +38 -38
  152. package/src/styles/_colors.scss +96 -96
  153. package/src/styles/_core.scss +3 -3
  154. package/src/styles/_functions.scss +114 -114
  155. package/src/styles/_global-variables.scss +230 -227
  156. package/src/styles/_icons.scss +23 -23
  157. package/src/styles/bootstrap/_grid.scss +33 -33
  158. package/src/styles/bootstrap/_reboot.scss +322 -322
  159. package/src/styles/components/_badge.scss +14 -14
  160. package/src/styles/components/_card.scss +21 -21
  161. package/src/styles/components/_link-icons.scss +37 -37
  162. package/src/styles/components/_splash.scss +188 -157
  163. package/src/styles/components/_tag.scss +18 -18
  164. package/src/styles/components/_unsupported-browsers.scss +23 -23
  165. package/src/styles/email/_email-base.scss +227 -227
  166. package/src/styles/email/email.scss +42 -42
  167. package/src/styles/index.scss +29 -29
  168. package/src/styles/mixins/_animations.scss +17 -17
  169. package/src/styles/mixins/_button-base.scss +206 -206
  170. package/src/styles/mixins/_card-base.scss +40 -40
  171. package/src/styles/mixins/_common.scss +51 -51
  172. package/src/styles/mixins/_dialog-base.scss +95 -95
  173. package/src/styles/mixins/_form-control-base.scss +662 -662
  174. package/src/styles/mixins/_login.scss +74 -74
  175. package/src/styles/mixins/_menu-base.scss +153 -153
  176. package/src/styles/mixins/_overlay-base.scss +32 -32
  177. package/src/styles/mixins/_resizable-base.scss +57 -57
  178. package/src/styles/mixins/_spinner-base.scss +34 -34
  179. package/src/styles/mixins/_table-base.scss +297 -297
  180. package/src/styles/mixins/_tabs-base.scss +146 -146
  181. package/src/styles/mixins/_tags-base.scss +121 -121
  182. package/src/styles/mixins/_text.scss +89 -89
  183. package/src/styles/mixins.scss +14 -14
  184. package/src/styles/utilities/_borders.scss +29 -29
  185. package/src/styles/utilities/_common.scss +49 -49
  186. package/src/styles/utilities/_layout.scss +115 -115
  187. package/src/styles/utilities/_spacing.scss +64 -64
  188. package/src/styles/utilities/_text.scss +139 -139
package/README.md CHANGED
@@ -1,189 +1,189 @@
1
- # EnergyCAP Components
2
- A collection of common components used in EnergyCAP's Angular applications.
3
-
4
- ## Install
5
- ```bash
6
- npm install @energycap/components
7
- ```
8
-
9
- ## Usage
10
- Import library into the root ngModule of your application
11
- ```js
12
- @import {ComponentsModule} from '@energycap/components'
13
-
14
- @NgModule({
15
- imports: [
16
- ComponentsModule
17
- ]
18
- })
19
- export class AppModule {}
20
- ```
21
-
22
- ---
23
-
24
- ## Logo Assets Setup
25
- The AppBarComponent includes an app icon image with a default path of '/assets/images/icon.svg'. You can either copy the assets that come bundled with the library:
26
- ```js
27
- // angular.json
28
- "build": {
29
- // ...
30
- "options": {
31
- // ...
32
- "assets": [
33
- // ...
34
- {
35
- "glob": "**/*",
36
- "input": "./node_modules/@energycap/components/src/assets/images",
37
- "output": "./assets/images"
38
- }
39
- ]
40
- }
41
- }
42
- ```
43
- or customize the path by passing a value to the `[iconPath]` input on the `<ec-app-bar>` component.
44
- ```html
45
- <ec-app-bar iconPath="path/to/my/icon.svg">
46
- ```
47
- Note: This can also be a fully qualified URL like: https://cdn.freebiesupply.com/images/large/2x/apple-logo-transparent.png.
48
-
49
- ---
50
- ## Logo Assets Setup
51
- The AppBarComponent includes an app icon image with a default path of '/assets/images/icon.svg'. You can either copy the assets that come bundled with the library:
52
- ```js
53
- // angular.json
54
- "build": {
55
- // ...
56
- "options": {
57
- // ...
58
- "assets": [
59
- // ...
60
- {
61
- "glob": "**/*",
62
- "input": "./node_modules/@energycap/components/assets/images",
63
- "output": "./assets/images"
64
- }
65
- ]
66
- }
67
- }
68
- ```
69
- or customize the path by passing a value to the `[iconPath]` input on the `<ec-app-bar>` component.
70
- ```html
71
- <ec-app-bar iconPath="path/to/my/icon.svg">
72
- ```
73
- Note: This can also be a fully qualified URL like: https://cdn.freebiesupply.com/images/large/2x/apple-logo-transparent.png.
74
- ---
75
- ## Form Control Validation Messages Setup
76
- This library provides helpful validation messages for the components. We have provided default messages which should be fine for most users, however they do require a bit of extra setup.
77
-
78
- The following is the recommended process for an Angular application:
79
-
80
- ### 1. Update `angular.json`
81
- The validation messages are provided in a file called `en_US.json` that ships with this library. The easiest way to make them available to your Angular application is to add the following to `angular.json`:
82
-
83
- ```js
84
- // ...
85
- "build": {
86
- // ...
87
- "options": {
88
- // ...
89
- "assets": [
90
- // ...
91
- {
92
- "glob": "**/*.json",
93
- "input": "./node_modules/@energycap/components/src/assets/locales",
94
- "output": "./assets/locales/"
95
- }
96
- ]
97
- }
98
- }
99
- ```
100
-
101
- ### 2. Install an Http Loader
102
- There is already a peer dependency on [@ngx-translate], which is the mechanism we use to provide the validation messages, so our recommendation is to use their [http-loader].
103
-
104
- _Note: This library does not support translation to any language other than English at this time._
105
-
106
- ```
107
- npm install @ngx-translate/http-loader --save
108
- ```
109
-
110
- ### 3. Update AppModule
111
- Update your `app.module.ts` to use the http-loader:
112
-
113
- ```js
114
- import { HttpClient, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
115
- import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
116
- import { TranslateHttpLoader } from '@ngx-translate/http-loader';
117
- //...
118
- export function HttpLoaderFactory(http: HttpClient) {
119
- return new TranslateHttpLoader(http, "/assets/locales/");
120
- }
121
-
122
- @NgModule({
123
- imports: [
124
- TranslateModule.forRoot({
125
- loader: {
126
- provide: TranslateLoader,
127
- useFactory: HttpLoaderFactory,
128
- deps: [HttpClient]
129
- }
130
- })
131
- ],
132
- providers: [provideHttpClient(withInterceptorsFromDi())]
133
- ```
134
-
135
- ### 4. Update AppComponent
136
- Update your `app.component.ts`:
137
-
138
- ```js
139
- import { TranslateService } from '@ngx-translate/core';
140
-
141
- constructor(private translate: TranslateService) {
142
- translate.setDefaultLang('en_US');
143
- translate.use('en_US');
144
- }
145
- ```
146
-
147
- That's it!
148
-
149
- ---
150
-
151
- ## Icons
152
- This library uses icons from @energycap/energycap-icons package, which is listed as a peer dependency. Refer to their [documentation](https://www.npmjs.com/package/@energycap/energycap-icons) for configuring the *webfont* implementation.
153
-
154
- ---
155
-
156
- ## Unsupported Browsers
157
- This library does not support Internet Explorer. We've provided a helpful script that will mask the screen when a user attempts to use an
158
- application built with this library. To add this feature to your application, add the `unsupported-browser.js` script to the scripts array in the `angular.json` file.
159
-
160
- ```js
161
- // ...
162
- "build": {
163
- // ...
164
- "options": {
165
- // ...
166
- "scripts": [
167
- "./node_modules/@energycap/components/src/assets/scripts/unsupported-browser.js"
168
- ]
169
- }
170
- }
171
- ```
172
-
173
- ---
174
-
175
- ## More Info
176
- For a list of available components and their usage:
177
- 1. Pull the [energycap-libs repo]
178
- 2. Run:
179
- ```
180
- npm install
181
- npm start
182
- ```
183
- 3. Navigate to http://localhost:4200/
184
-
185
-
186
-
187
- [@ngx-translate]: https://github.com/ngx-translate/core
188
- [http-loader]: https://github.com/ngx-translate/http-loader
1
+ # EnergyCAP Components
2
+ A collection of common components used in EnergyCAP's Angular applications.
3
+
4
+ ## Install
5
+ ```bash
6
+ npm install @energycap/components
7
+ ```
8
+
9
+ ## Usage
10
+ Import library into the root ngModule of your application
11
+ ```js
12
+ @import {ComponentsModule} from '@energycap/components'
13
+
14
+ @NgModule({
15
+ imports: [
16
+ ComponentsModule
17
+ ]
18
+ })
19
+ export class AppModule {}
20
+ ```
21
+
22
+ ---
23
+
24
+ ## Logo Assets Setup
25
+ The AppBarComponent includes an app icon image with a default path of '/assets/images/icon.svg'. You can either copy the assets that come bundled with the library:
26
+ ```js
27
+ // angular.json
28
+ "build": {
29
+ // ...
30
+ "options": {
31
+ // ...
32
+ "assets": [
33
+ // ...
34
+ {
35
+ "glob": "**/*",
36
+ "input": "./node_modules/@energycap/components/src/assets/images",
37
+ "output": "./assets/images"
38
+ }
39
+ ]
40
+ }
41
+ }
42
+ ```
43
+ or customize the path by passing a value to the `[iconPath]` input on the `<ec-app-bar>` component.
44
+ ```html
45
+ <ec-app-bar iconPath="path/to/my/icon.svg">
46
+ ```
47
+ Note: This can also be a fully qualified URL like: https://cdn.freebiesupply.com/images/large/2x/apple-logo-transparent.png.
48
+
49
+ ---
50
+ ## Logo Assets Setup
51
+ The AppBarComponent includes an app icon image with a default path of '/assets/images/icon.svg'. You can either copy the assets that come bundled with the library:
52
+ ```js
53
+ // angular.json
54
+ "build": {
55
+ // ...
56
+ "options": {
57
+ // ...
58
+ "assets": [
59
+ // ...
60
+ {
61
+ "glob": "**/*",
62
+ "input": "./node_modules/@energycap/components/assets/images",
63
+ "output": "./assets/images"
64
+ }
65
+ ]
66
+ }
67
+ }
68
+ ```
69
+ or customize the path by passing a value to the `[iconPath]` input on the `<ec-app-bar>` component.
70
+ ```html
71
+ <ec-app-bar iconPath="path/to/my/icon.svg">
72
+ ```
73
+ Note: This can also be a fully qualified URL like: https://cdn.freebiesupply.com/images/large/2x/apple-logo-transparent.png.
74
+ ---
75
+ ## Form Control Validation Messages Setup
76
+ This library provides helpful validation messages for the components. We have provided default messages which should be fine for most users, however they do require a bit of extra setup.
77
+
78
+ The following is the recommended process for an Angular application:
79
+
80
+ ### 1. Update `angular.json`
81
+ The validation messages are provided in a file called `en_US.json` that ships with this library. The easiest way to make them available to your Angular application is to add the following to `angular.json`:
82
+
83
+ ```js
84
+ // ...
85
+ "build": {
86
+ // ...
87
+ "options": {
88
+ // ...
89
+ "assets": [
90
+ // ...
91
+ {
92
+ "glob": "**/*.json",
93
+ "input": "./node_modules/@energycap/components/src/assets/locales",
94
+ "output": "./assets/locales/"
95
+ }
96
+ ]
97
+ }
98
+ }
99
+ ```
100
+
101
+ ### 2. Install an Http Loader
102
+ There is already a peer dependency on [@ngx-translate], which is the mechanism we use to provide the validation messages, so our recommendation is to use their [http-loader].
103
+
104
+ _Note: This library does not support translation to any language other than English at this time._
105
+
106
+ ```
107
+ npm install @ngx-translate/http-loader --save
108
+ ```
109
+
110
+ ### 3. Update AppModule
111
+ Update your `app.module.ts` to use the http-loader:
112
+
113
+ ```js
114
+ import { HttpClient, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
115
+ import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
116
+ import { TranslateHttpLoader } from '@ngx-translate/http-loader';
117
+ //...
118
+ export function HttpLoaderFactory(http: HttpClient) {
119
+ return new TranslateHttpLoader(http, "/assets/locales/");
120
+ }
121
+
122
+ @NgModule({
123
+ imports: [
124
+ TranslateModule.forRoot({
125
+ loader: {
126
+ provide: TranslateLoader,
127
+ useFactory: HttpLoaderFactory,
128
+ deps: [HttpClient]
129
+ }
130
+ })
131
+ ],
132
+ providers: [provideHttpClient(withInterceptorsFromDi())]
133
+ ```
134
+
135
+ ### 4. Update AppComponent
136
+ Update your `app.component.ts`:
137
+
138
+ ```js
139
+ import { TranslateService } from '@ngx-translate/core';
140
+
141
+ constructor(private translate: TranslateService) {
142
+ translate.setDefaultLang('en_US');
143
+ translate.use('en_US');
144
+ }
145
+ ```
146
+
147
+ That's it!
148
+
149
+ ---
150
+
151
+ ## Icons
152
+ This library uses icons from @energycap/energycap-icons package, which is listed as a peer dependency. Refer to their [documentation](https://www.npmjs.com/package/@energycap/energycap-icons) for configuring the *webfont* implementation.
153
+
154
+ ---
155
+
156
+ ## Unsupported Browsers
157
+ This library does not support Internet Explorer. We've provided a helpful script that will mask the screen when a user attempts to use an
158
+ application built with this library. To add this feature to your application, add the `unsupported-browser.js` script to the scripts array in the `angular.json` file.
159
+
160
+ ```js
161
+ // ...
162
+ "build": {
163
+ // ...
164
+ "options": {
165
+ // ...
166
+ "scripts": [
167
+ "./node_modules/@energycap/components/src/assets/scripts/unsupported-browser.js"
168
+ ]
169
+ }
170
+ }
171
+ ```
172
+
173
+ ---
174
+
175
+ ## More Info
176
+ For a list of available components and their usage:
177
+ 1. Pull the [energycap-libs repo]
178
+ 2. Run:
179
+ ```
180
+ npm install
181
+ npm start
182
+ ```
183
+ 3. Navigate to http://localhost:4200/
184
+
185
+
186
+
187
+ [@ngx-translate]: https://github.com/ngx-translate/core
188
+ [http-loader]: https://github.com/ngx-translate/http-loader
189
189
  [energycap-libs repo]: https://bitbucket.org/energycap/energycap-libs/src/master/
@@ -6,14 +6,14 @@
6
6
  * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
7
7
  */@import'@angular/cdk/overlay-prebuilt.css';*,*::before,*::after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0 !important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul,dl{margin-top:0;margin-bottom:1rem}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:#007bff;text-decoration:none;background-color:rgba(0,0,0,0)}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]):not(.text-link){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):not(.text-link):hover,a:not([href]):not([tabindex]):not(.text-link):focus{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none !important}/*!
8
8
  * EnergyCAP Components - Base Styles
9
- */:root{--ec-color-black: rgb(26, 26, 35);--ec-color-white: rgb(255, 255, 255);--ec-color-gray-1: rgb(218, 228, 233);--ec-color-gray-2: rgb(172, 188, 195);--ec-color-gray-3: rgb(140, 156, 165);--ec-color-gray-4: rgb(117, 132, 143);--ec-color-gray-5: rgb(94, 109, 121);--ec-color-gray-6: rgb(73, 89, 99);--ec-color-gray-7: rgb(53, 71, 81);--ec-color-gray-8: rgb(22, 47, 59);--ec-color-red-1: rgb(255, 225, 231);--ec-color-red-2: rgb(255, 178, 192);--ec-color-red-3: rgb(255, 138, 159);--ec-color-red-4: rgb(254, 88, 117);--ec-color-red-5: rgb(237, 56, 88);--ec-color-red-6: rgb(219, 11, 48);--ec-color-red-7: rgb(197, 1, 36);--ec-color-red-8: rgb(150, 0, 27);--ec-color-orange-1: rgb(253, 195, 161);--ec-color-orange-2: rgb(255, 181, 137);--ec-color-orange-3: rgb(255, 147, 83);--ec-color-orange-4: rgb(255, 131, 57);--ec-color-orange-5: rgb(249, 106, 21);--ec-color-orange-6: rgb(235, 91, 6);--ec-color-orange-7: rgb(214, 80, 2);--ec-color-orange-8: rgb(194, 72, 0);--ec-color-yellow-1: rgb(255, 249, 195);--ec-color-yellow-2: rgb(255, 239, 155);--ec-color-yellow-3: rgb(255, 230, 100);--ec-color-yellow-4: rgb(255, 222, 50);--ec-color-yellow-5: rgb(245, 207, 8);--ec-color-yellow-6: rgb(232, 182, 4);--ec-color-yellow-7: rgb(214, 150, 4);--ec-color-yellow-8: rgb(178, 124, 0);--ec-color-green-1: rgb(227, 251, 214);--ec-color-green-2: rgb(194, 236, 172);--ec-color-green-3: rgb(153, 216, 120);--ec-color-green-4: rgb(99, 184, 54);--ec-color-green-5: rgb(43, 154, 3);--ec-color-green-6: rgb(39, 134, 4);--ec-color-green-7: rgb(40, 111, 15);--ec-color-green-8: rgb(24, 86, 2);--ec-color-blue-1: rgb(185, 237, 252);--ec-color-blue-2: rgb(172, 228, 243);--ec-color-blue-3: rgb(118, 206, 230);--ec-color-blue-4: rgb(64, 183, 216);--ec-color-blue-5: rgb(42, 163, 196);--ec-color-blue-6: rgb(36, 143, 172);--ec-color-blue-7: rgb(26, 111, 135);--ec-color-blue-8: rgb(10, 74, 92);--ec-color-purple-1: rgb(237, 220, 255);--ec-color-purple-2: rgb(215, 180, 253);--ec-color-purple-3: rgb(188, 140, 239);--ec-color-purple-4: rgb(165, 114, 220);--ec-color-purple-5: rgb(147, 85, 214);--ec-color-purple-6: rgb(118, 48, 193);--ec-color-purple-7: rgb(95, 20, 175);--ec-color-purple-8: rgb(75, 7, 147);--ec-color-cobalt-1: rgb(218, 229, 251);--ec-color-cobalt-2: rgb(153, 185, 251);--ec-color-cobalt-3: rgb(109, 164, 254);--ec-color-cobalt-4: rgb(70, 132, 232);--ec-color-cobalt-5: rgb(66, 117, 216);--ec-color-cobalt-6: rgb(45, 92, 184);--ec-color-cobalt-7: rgb(22, 63, 140);--ec-color-cobalt-8: rgb(6, 47, 125);--ec-color-aqua-1: rgb(219, 255, 246);--ec-color-aqua-2: rgb(196, 250, 237);--ec-color-aqua-3: rgb(121, 232, 205);--ec-color-aqua-4: rgb(55, 213, 175);--ec-color-aqua-5: rgb(45, 184, 151);--ec-color-aqua-6: rgb(34, 153, 125);--ec-color-aqua-7: rgb(30, 116, 96);--ec-color-aqua-8: rgb(28, 89, 75);--ec-color-pink-1: rgb(255, 223, 244);--ec-color-pink-2: rgb(255, 194, 235);--ec-color-pink-3: rgb(232, 127, 197);--ec-color-pink-4: rgb(228, 85, 180);--ec-color-pink-5: rgb(207, 61, 158);--ec-color-pink-6: rgb(185, 13, 127);--ec-color-pink-7: rgb(182, 10, 124);--ec-color-pink-8: rgb(151, 3, 101);--ec-color-brand-green: rgb(216, 234, 83);--ec-color-brand-black: rgb(22, 47, 59);--ec-color-primary-dark: var(--ec-color-black);--ec-color-primary-light: var(--ec-color-white);--ec-color-secondary-dark: rgba(26, 26, 35, .66);--ec-color-secondary-light: rgba(255, 255, 255, .6);--ec-color-hint-dark: rgba(26, 26, 35, .38);--ec-color-hint-light: rgba(255, 255, 255, .38);--ec-color-disabled-dark: var(--ec-color-hint-dark);--ec-color-shadow: rgba(26, 26, 35, .1);--ec-color-shadow-overlay: rgba(26, 26, 35, .2);--ec-color-interactive: var(--ec-color-cobalt-6);--ec-color-link: var(--ec-color-interactive);--ec-color-link-light: var(--ec-color-blue-2);--ec-color-info: var(--ec-color-cobalt-6);--ec-color-success: var(--ec-color-green-6);--ec-color-good: var(--ec-color-success);--ec-color-caution: var(--ec-color-yellow-8);--ec-color-danger: var(--ec-color-red-7);--ec-color-bad: var(--ec-color-danger);--ec-color-accent: var(--ec-color-purple-6);--ec-color-control-invalid: var(--ec-color-caution);--ec-color-accrual: rgb(35, 195, 205);--ec-background-color: rgb(255, 255, 255);--ec-background-color-overlay: rgba(255, 255, 255, .7);--ec-background-color-body: rgb(241, 243, 244);--ec-background-color-body-overlay: rgba(241, 243, 244, .7);--ec-background-color-dark: rgb(26, 26, 35);--ec-background-color-dialog: rgba(26, 26, 35, .5);--ec-background-color-dialog-stacked: rgba(26, 26, 35, .25);--ec-background-color-detail: rgba(26, 26, 35, .03);--ec-background-color-disabled: rgba(26,26,35, .1);--ec-background-color-hover: rgb(195, 212, 247);--ec-background-color-selected: rgb(225, 233, 249);--ec-background-color-info: rgb(218, 229, 251);--ec-background-color-success: rgb(227, 251, 214);--ec-background-color-caution: rgb(255, 249, 195);--ec-background-color-danger: rgb(255, 225, 231);--ec-background-color-accent: rgb(237, 220, 255);--ec-background-color-promo: linear-gradient(78deg, #4B0793 0%, #A572DC 100%);--ec-background-color-instructional: linear-gradient(78deg, var(--ec-color-gray-8) 0%, var(--ec-color-gray-5) 100%);--ec-background-color-control: var(--ec-background-color);--ec-box-shadow: 0px .125rem 1rem var(--ec-color-shadow);--ec-box-shadow-overlay: 0px .0625rem .5rem var(--ec-color-shadow-overlay);--ec-border-color: #D6D6D7;--ec-border-color-dark: #383840;--ec-border-color-hint: var(--ec-color-gray-1);--ec-border-color-control: var(--ec-color-gray-4);--ec-border-color-control-disabled: var(--ec-border-color-control);--ec-border-color-control-readonly: transparent;--ec-border-color-control-hover: var(--ec-border-color-dark);--ec-border-radius: .25rem;--ec-border-radius-card: .375rem;--ec-border-radius-dialog: .5rem;--ec-border-color-focus: var(--ec-color-interactive);--ec-border-width: 1px;--ec-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--ec-font-family-monospace: "Consolas", "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Monaco", "Courier New", Courier, monospace;--ec-font-size: .875rem;--ec-font-size-body: 1rem;--ec-font-size-label: .75rem;--ec-font-size-action: .875rem;--ec-font-size-title: 1.25rem;--ec-font-size-icon: 1rem;--ec-font-size-tiny: .625rem;--ec-font-weight-bold: bold;--ec-font-weight-normal: normal;--ec-z-index-sticky-header: 3;--ec-z-index-sticky-page-header: 10;--ec-z-index-overlay: 20;--ec-z-index-splitter: 30;--ec-z-index-navbar: 40;--ec-z-index-popup: 50;--ec-z-index-dialog: 60;--ec-z-index-toast: 70;--ec-form-control-background-color: var(--ec-background-color);--ec-form-control-color: var(--ec-color-primary-dark);--ec-form-control-color-placeholder: var(--ec-color-hint-dark);--ec-form-control-background-color-selection: var(--ec-color-interactive);--ec-form-control-color-selection: var(--ec-color-primary-light);--ec-form-control-border-color: var(--ec-color-gray-4);--ec-form-control-border-radius: var(--ec-border-radius);--ec-form-control-font-size: var(--ec-font-size-body);--ec-form-control-border-color-focus: var(--ec-background-color);--ec-form-control-box-shadow-focus: 0 0 0 2px var(--ec-color-interactive);--ec-form-control-background-color-invalid: var(--ec-background-color-caution);--ec-form-control-color-invalid: var(--ec-color-primary-dark);--ec-form-control-border-color-invalid: var(--ec-color-caution);--ec-form-control-background-color-disabled: var(--ec-background-color-disabled);--ec-form-control-color-disabled: var(--ec-color-primary-dark);--ec-form-control-border-color-disabled: var(--ec-color-gray-4);--ec-form-control-opacity-disabled: .6;--ec-form-control-background-color-readonly: var(--ec-background-color-disabled);--ec-form-control-color-readonly: var(--ec-color-primary-dark);--ec-form-control-border-color-readonly: var(--ec-color-gray-4)}html,body{height:100%;overflow:hidden}body{font-family:var(--ec-font-family);font-size:var(--ec-font-size);color:var(--ec-color-primary-dark)}a{color:var(--ec-color-link)}a:hover{color:var(--ec-color-link);text-decoration:underline}a:focus{outline:none;text-decoration:underline}a[disabled]{color:var(--ec-color-disabled-dark);cursor:default}p{line-height:1.25}table{background-color:rgba(0,0,0,0)}/*!
9
+ */:root{--ec-color-black: rgb(26, 26, 35);--ec-color-white: rgb(255, 255, 255);--ec-color-gray-1: rgb(218, 228, 233);--ec-color-gray-2: rgb(172, 188, 195);--ec-color-gray-3: rgb(140, 156, 165);--ec-color-gray-4: rgb(117, 132, 143);--ec-color-gray-5: rgb(94, 109, 121);--ec-color-gray-6: rgb(73, 89, 99);--ec-color-gray-7: rgb(53, 71, 81);--ec-color-gray-8: rgb(22, 47, 59);--ec-color-red-1: rgb(255, 225, 231);--ec-color-red-2: rgb(255, 178, 192);--ec-color-red-3: rgb(255, 138, 159);--ec-color-red-4: rgb(254, 88, 117);--ec-color-red-5: rgb(237, 56, 88);--ec-color-red-6: rgb(219, 11, 48);--ec-color-red-7: rgb(197, 1, 36);--ec-color-red-8: rgb(150, 0, 27);--ec-color-orange-1: rgb(253, 195, 161);--ec-color-orange-2: rgb(255, 181, 137);--ec-color-orange-3: rgb(255, 147, 83);--ec-color-orange-4: rgb(255, 131, 57);--ec-color-orange-5: rgb(249, 106, 21);--ec-color-orange-6: rgb(235, 91, 6);--ec-color-orange-7: rgb(214, 80, 2);--ec-color-orange-8: rgb(194, 72, 0);--ec-color-yellow-1: rgb(255, 249, 195);--ec-color-yellow-2: rgb(255, 239, 155);--ec-color-yellow-3: rgb(255, 230, 100);--ec-color-yellow-4: rgb(255, 222, 50);--ec-color-yellow-5: rgb(245, 207, 8);--ec-color-yellow-6: rgb(232, 182, 4);--ec-color-yellow-7: rgb(214, 150, 4);--ec-color-yellow-8: rgb(178, 124, 0);--ec-color-green-1: rgb(227, 251, 214);--ec-color-green-2: rgb(194, 236, 172);--ec-color-green-3: rgb(153, 216, 120);--ec-color-green-4: rgb(99, 184, 54);--ec-color-green-5: rgb(43, 154, 3);--ec-color-green-6: rgb(39, 134, 4);--ec-color-green-7: rgb(40, 111, 15);--ec-color-green-8: rgb(24, 86, 2);--ec-color-blue-1: rgb(185, 237, 252);--ec-color-blue-2: rgb(172, 228, 243);--ec-color-blue-3: rgb(118, 206, 230);--ec-color-blue-4: rgb(64, 183, 216);--ec-color-blue-5: rgb(42, 163, 196);--ec-color-blue-6: rgb(36, 143, 172);--ec-color-blue-7: rgb(26, 111, 135);--ec-color-blue-8: rgb(10, 74, 92);--ec-color-purple-1: rgb(237, 220, 255);--ec-color-purple-2: rgb(215, 180, 253);--ec-color-purple-3: rgb(188, 140, 239);--ec-color-purple-4: rgb(165, 114, 220);--ec-color-purple-5: rgb(147, 85, 214);--ec-color-purple-6: rgb(118, 48, 193);--ec-color-purple-7: rgb(95, 20, 175);--ec-color-purple-8: rgb(75, 7, 147);--ec-color-cobalt-1: rgb(218, 229, 251);--ec-color-cobalt-2: rgb(153, 185, 251);--ec-color-cobalt-3: rgb(109, 164, 254);--ec-color-cobalt-4: rgb(70, 132, 232);--ec-color-cobalt-5: rgb(66, 117, 216);--ec-color-cobalt-6: rgb(45, 92, 184);--ec-color-cobalt-7: rgb(22, 63, 140);--ec-color-cobalt-8: rgb(6, 47, 125);--ec-color-aqua-1: rgb(219, 255, 246);--ec-color-aqua-2: rgb(196, 250, 237);--ec-color-aqua-3: rgb(121, 232, 205);--ec-color-aqua-4: rgb(55, 213, 175);--ec-color-aqua-5: rgb(45, 184, 151);--ec-color-aqua-6: rgb(34, 153, 125);--ec-color-aqua-7: rgb(30, 116, 96);--ec-color-aqua-8: rgb(28, 89, 75);--ec-color-pink-1: rgb(255, 223, 244);--ec-color-pink-2: rgb(255, 194, 235);--ec-color-pink-3: rgb(232, 127, 197);--ec-color-pink-4: rgb(228, 85, 180);--ec-color-pink-5: rgb(207, 61, 158);--ec-color-pink-6: rgb(185, 13, 127);--ec-color-pink-7: rgb(182, 10, 124);--ec-color-pink-8: rgb(151, 3, 101);--ec-color-brand-green: rgb(216, 234, 83);--ec-color-brand-black: rgb(22, 47, 59);--ec-color-primary-dark: var(--ec-color-black);--ec-color-primary-light: var(--ec-color-white);--ec-color-secondary-dark: rgba(26, 26, 35, .66);--ec-color-secondary-light: rgba(255, 255, 255, .6);--ec-color-hint-dark: rgba(26, 26, 35, .38);--ec-color-hint-light: rgba(255, 255, 255, .38);--ec-color-disabled-dark: var(--ec-color-hint-dark);--ec-color-shadow: rgba(26, 26, 35, .1);--ec-color-shadow-overlay: rgba(26, 26, 35, .2);--ec-color-interactive: var(--ec-color-cobalt-6);--ec-color-link: var(--ec-color-interactive);--ec-color-link-light: var(--ec-color-blue-2);--ec-color-info: var(--ec-color-cobalt-6);--ec-color-success: var(--ec-color-green-6);--ec-color-good: var(--ec-color-success);--ec-color-caution: var(--ec-color-yellow-8);--ec-color-danger: var(--ec-color-red-7);--ec-color-bad: var(--ec-color-danger);--ec-color-accent: var(--ec-color-purple-6);--ec-color-control-invalid: var(--ec-color-caution);--ec-color-accrual: rgb(35, 195, 205);--ec-background-color: rgb(255, 255, 255);--ec-background-color-overlay: rgba(255, 255, 255, .7);--ec-background-color-body: rgb(241, 243, 244);--ec-background-color-body-overlay: rgba(241, 243, 244, .7);--ec-background-color-dark: rgb(26, 26, 35);--ec-background-color-dialog: rgba(26, 26, 35, .5);--ec-background-color-dialog-stacked: rgba(26, 26, 35, .25);--ec-background-splash: radial-gradient(104.77% 95.14% at 90.16% 85.25%, rgba(113,235,111,0.60) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(156.88% 63.71% at 8.4% 78.12%, rgba(219, 141, 255, 0.60) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(265.09% 182.17% at 24.49% 5.63%, rgba(0, 87, 255, 0.60) 0%, rgba(255, 255, 255, 0) 100%), #FFF;--ec-background-color-detail: rgba(26, 26, 35, .03);--ec-background-color-disabled: rgba(26,26,35, .1);--ec-background-color-hover: rgb(195, 212, 247);--ec-background-color-selected: rgb(225, 233, 249);--ec-background-color-info: rgb(218, 229, 251);--ec-background-color-success: rgb(227, 251, 214);--ec-background-color-caution: rgb(255, 249, 195);--ec-background-color-danger: rgb(255, 225, 231);--ec-background-color-accent: rgb(237, 220, 255);--ec-background-color-promo: linear-gradient(78deg, #4B0793 0%, #A572DC 100%);--ec-background-color-instructional: linear-gradient(78deg, var(--ec-color-gray-8) 0%, var(--ec-color-gray-5) 100%);--ec-background-color-control: var(--ec-background-color);--ec-box-shadow: 0px .125rem 1rem var(--ec-color-shadow);--ec-box-shadow-overlay: 0px .0625rem .5rem var(--ec-color-shadow-overlay);--ec-border-color: #D6D6D7;--ec-border-color-dark: #383840;--ec-border-color-hint: var(--ec-color-gray-1);--ec-border-color-control: var(--ec-color-gray-4);--ec-border-color-control-disabled: var(--ec-border-color-control);--ec-border-color-control-readonly: transparent;--ec-border-color-control-hover: var(--ec-border-color-dark);--ec-border-radius: .25rem;--ec-border-radius-card: .375rem;--ec-border-radius-dialog: .5rem;--ec-border-color-focus: var(--ec-color-interactive);--ec-border-width: 1px;--ec-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--ec-font-family-monospace: "Consolas", "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Monaco", "Courier New", Courier, monospace;--ec-font-size: .875rem;--ec-font-size-body: 1rem;--ec-font-size-label: .75rem;--ec-font-size-action: .875rem;--ec-font-size-title: 1.25rem;--ec-font-size-icon: 1rem;--ec-font-size-tiny: .625rem;--ec-font-weight-bold: bold;--ec-font-weight-normal: normal;--ec-z-index-sticky-header: 3;--ec-z-index-sticky-page-header: 10;--ec-z-index-overlay: 20;--ec-z-index-splitter: 30;--ec-z-index-navbar: 40;--ec-z-index-popup: 50;--ec-z-index-dialog: 60;--ec-z-index-toast: 70;--ec-form-control-background-color: var(--ec-background-color);--ec-form-control-color: var(--ec-color-primary-dark);--ec-form-control-color-placeholder: var(--ec-color-hint-dark);--ec-form-control-background-color-selection: var(--ec-color-interactive);--ec-form-control-color-selection: var(--ec-color-primary-light);--ec-form-control-border-color: var(--ec-color-gray-4);--ec-form-control-border-radius: var(--ec-border-radius);--ec-form-control-font-size: var(--ec-font-size-body);--ec-form-control-border-color-focus: var(--ec-background-color);--ec-form-control-box-shadow-focus: 0 0 0 2px var(--ec-color-interactive);--ec-form-control-background-color-invalid: var(--ec-background-color-caution);--ec-form-control-color-invalid: var(--ec-color-primary-dark);--ec-form-control-border-color-invalid: var(--ec-color-caution);--ec-form-control-background-color-disabled: var(--ec-background-color-disabled);--ec-form-control-color-disabled: var(--ec-color-primary-dark);--ec-form-control-border-color-disabled: var(--ec-color-gray-4);--ec-form-control-opacity-disabled: .6;--ec-form-control-background-color-readonly: var(--ec-background-color-disabled);--ec-form-control-color-readonly: var(--ec-color-primary-dark);--ec-form-control-border-color-readonly: var(--ec-color-gray-4)}html,body{height:100%;overflow:hidden}body{font-family:var(--ec-font-family);font-size:var(--ec-font-size);color:var(--ec-color-primary-dark)}a{color:var(--ec-color-link)}a:hover{color:var(--ec-color-link);text-decoration:underline}a:focus{outline:none;text-decoration:underline}a[disabled]{color:var(--ec-color-disabled-dark);cursor:default}p{line-height:1.25}table{background-color:rgba(0,0,0,0)}/*!
10
10
  * Bootstrap Grid v4.3.1 (https://getbootstrap.com/)
11
11
  * Copyright 2011-2019 The Bootstrap Authors
12
12
  * Copyright 2011-2019 Twitter, Inc.
13
13
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
14
14
  */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media(min-width: 576px){.container{max-width:540px}}@media(min-width: 768px){.container{max-width:720px}}@media(min-width: 992px){.container{max-width:960px}}@media(min-width: 1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{flex-basis:0;flex-grow:1;max-width:100%}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.order-first{order:-1}.order-last{order:13}.order-0{order:0}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-4{order:4}.order-5{order:5}.order-6{order:6}.order-7{order:7}.order-8{order:8}.order-9{order:9}.order-10{order:10}.order-11{order:11}.order-12{order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media(min-width: 576px){.col-sm{flex-basis:0;flex-grow:1;max-width:100%}.col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.order-sm-first{order:-1}.order-sm-last{order:13}.order-sm-0{order:0}.order-sm-1{order:1}.order-sm-2{order:2}.order-sm-3{order:3}.order-sm-4{order:4}.order-sm-5{order:5}.order-sm-6{order:6}.order-sm-7{order:7}.order-sm-8{order:8}.order-sm-9{order:9}.order-sm-10{order:10}.order-sm-11{order:11}.order-sm-12{order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media(min-width: 768px){.col-md{flex-basis:0;flex-grow:1;max-width:100%}.col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.col-md-1{flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{flex:0 0 100%;max-width:100%}.order-md-first{order:-1}.order-md-last{order:13}.order-md-0{order:0}.order-md-1{order:1}.order-md-2{order:2}.order-md-3{order:3}.order-md-4{order:4}.order-md-5{order:5}.order-md-6{order:6}.order-md-7{order:7}.order-md-8{order:8}.order-md-9{order:9}.order-md-10{order:10}.order-md-11{order:11}.order-md-12{order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media(min-width: 992px){.col-lg{flex-basis:0;flex-grow:1;max-width:100%}.col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.order-lg-first{order:-1}.order-lg-last{order:13}.order-lg-0{order:0}.order-lg-1{order:1}.order-lg-2{order:2}.order-lg-3{order:3}.order-lg-4{order:4}.order-lg-5{order:5}.order-lg-6{order:6}.order-lg-7{order:7}.order-lg-8{order:8}.order-lg-9{order:9}.order-lg-10{order:10}.order-lg-11{order:11}.order-lg-12{order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media(min-width: 1200px){.col-xl{flex-basis:0;flex-grow:1;max-width:100%}.col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{flex:0 0 100%;max-width:100%}.order-xl-first{order:-1}.order-xl-last{order:13}.order-xl-0{order:0}.order-xl-1{order:1}.order-xl-2{order:2}.order-xl-3{order:3}.order-xl-4{order:4}.order-xl-5{order:5}.order-xl-6{order:6}.order-xl-7{order:7}.order-xl-8{order:8}.order-xl-9{order:9}.order-xl-10{order:10}.order-xl-11{order:11}.order-xl-12{order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-table{display:table !important}.d-table-row{display:table-row !important}.d-table-cell{display:table-cell !important}.d-flex{display:flex !important}.d-inline-flex{display:inline-flex !important}@media(min-width: 576px){.d-sm-none{display:none !important}.d-sm-inline{display:inline !important}.d-sm-inline-block{display:inline-block !important}.d-sm-block{display:block !important}.d-sm-table{display:table !important}.d-sm-table-row{display:table-row !important}.d-sm-table-cell{display:table-cell !important}.d-sm-flex{display:flex !important}.d-sm-inline-flex{display:inline-flex !important}}@media(min-width: 768px){.d-md-none{display:none !important}.d-md-inline{display:inline !important}.d-md-inline-block{display:inline-block !important}.d-md-block{display:block !important}.d-md-table{display:table !important}.d-md-table-row{display:table-row !important}.d-md-table-cell{display:table-cell !important}.d-md-flex{display:flex !important}.d-md-inline-flex{display:inline-flex !important}}@media(min-width: 992px){.d-lg-none{display:none !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-block{display:block !important}.d-lg-table{display:table !important}.d-lg-table-row{display:table-row !important}.d-lg-table-cell{display:table-cell !important}.d-lg-flex{display:flex !important}.d-lg-inline-flex{display:inline-flex !important}}@media(min-width: 1200px){.d-xl-none{display:none !important}.d-xl-inline{display:inline !important}.d-xl-inline-block{display:inline-block !important}.d-xl-block{display:block !important}.d-xl-table{display:table !important}.d-xl-table-row{display:table-row !important}.d-xl-table-cell{display:table-cell !important}.d-xl-flex{display:flex !important}.d-xl-inline-flex{display:inline-flex !important}}@media print{.d-print-none{display:none !important}.d-print-inline{display:inline !important}.d-print-inline-block{display:inline-block !important}.d-print-block{display:block !important}.d-print-table{display:table !important}.d-print-table-row{display:table-row !important}.d-print-table-cell{display:table-cell !important}.d-print-flex{display:flex !important}.d-print-inline-flex{display:inline-flex !important}}.flex-row{flex-direction:row !important}.flex-column{flex-direction:column !important}.flex-row-reverse{flex-direction:row-reverse !important}.flex-column-reverse{flex-direction:column-reverse !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-fill{flex:1 1 auto !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.justify-content-start{justify-content:flex-start !important}.justify-content-end{justify-content:flex-end !important}.justify-content-center{justify-content:center !important}.justify-content-between{justify-content:space-between !important}.justify-content-around{justify-content:space-around !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.align-items-center{align-items:center !important}.align-items-baseline{align-items:baseline !important}.align-items-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}@media(min-width: 576px){.flex-sm-row{flex-direction:row !important}.flex-sm-column{flex-direction:column !important}.flex-sm-row-reverse{flex-direction:row-reverse !important}.flex-sm-column-reverse{flex-direction:column-reverse !important}.flex-sm-wrap{flex-wrap:wrap !important}.flex-sm-nowrap{flex-wrap:nowrap !important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-sm-fill{flex:1 1 auto !important}.flex-sm-grow-0{flex-grow:0 !important}.flex-sm-grow-1{flex-grow:1 !important}.flex-sm-shrink-0{flex-shrink:0 !important}.flex-sm-shrink-1{flex-shrink:1 !important}.justify-content-sm-start{justify-content:flex-start !important}.justify-content-sm-end{justify-content:flex-end !important}.justify-content-sm-center{justify-content:center !important}.justify-content-sm-between{justify-content:space-between !important}.justify-content-sm-around{justify-content:space-around !important}.align-items-sm-start{align-items:flex-start !important}.align-items-sm-end{align-items:flex-end !important}.align-items-sm-center{align-items:center !important}.align-items-sm-baseline{align-items:baseline !important}.align-items-sm-stretch{align-items:stretch !important}.align-content-sm-start{align-content:flex-start !important}.align-content-sm-end{align-content:flex-end !important}.align-content-sm-center{align-content:center !important}.align-content-sm-between{align-content:space-between !important}.align-content-sm-around{align-content:space-around !important}.align-content-sm-stretch{align-content:stretch !important}.align-self-sm-auto{align-self:auto !important}.align-self-sm-start{align-self:flex-start !important}.align-self-sm-end{align-self:flex-end !important}.align-self-sm-center{align-self:center !important}.align-self-sm-baseline{align-self:baseline !important}.align-self-sm-stretch{align-self:stretch !important}}@media(min-width: 768px){.flex-md-row{flex-direction:row !important}.flex-md-column{flex-direction:column !important}.flex-md-row-reverse{flex-direction:row-reverse !important}.flex-md-column-reverse{flex-direction:column-reverse !important}.flex-md-wrap{flex-wrap:wrap !important}.flex-md-nowrap{flex-wrap:nowrap !important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-md-fill{flex:1 1 auto !important}.flex-md-grow-0{flex-grow:0 !important}.flex-md-grow-1{flex-grow:1 !important}.flex-md-shrink-0{flex-shrink:0 !important}.flex-md-shrink-1{flex-shrink:1 !important}.justify-content-md-start{justify-content:flex-start !important}.justify-content-md-end{justify-content:flex-end !important}.justify-content-md-center{justify-content:center !important}.justify-content-md-between{justify-content:space-between !important}.justify-content-md-around{justify-content:space-around !important}.align-items-md-start{align-items:flex-start !important}.align-items-md-end{align-items:flex-end !important}.align-items-md-center{align-items:center !important}.align-items-md-baseline{align-items:baseline !important}.align-items-md-stretch{align-items:stretch !important}.align-content-md-start{align-content:flex-start !important}.align-content-md-end{align-content:flex-end !important}.align-content-md-center{align-content:center !important}.align-content-md-between{align-content:space-between !important}.align-content-md-around{align-content:space-around !important}.align-content-md-stretch{align-content:stretch !important}.align-self-md-auto{align-self:auto !important}.align-self-md-start{align-self:flex-start !important}.align-self-md-end{align-self:flex-end !important}.align-self-md-center{align-self:center !important}.align-self-md-baseline{align-self:baseline !important}.align-self-md-stretch{align-self:stretch !important}}@media(min-width: 992px){.flex-lg-row{flex-direction:row !important}.flex-lg-column{flex-direction:column !important}.flex-lg-row-reverse{flex-direction:row-reverse !important}.flex-lg-column-reverse{flex-direction:column-reverse !important}.flex-lg-wrap{flex-wrap:wrap !important}.flex-lg-nowrap{flex-wrap:nowrap !important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-lg-fill{flex:1 1 auto !important}.flex-lg-grow-0{flex-grow:0 !important}.flex-lg-grow-1{flex-grow:1 !important}.flex-lg-shrink-0{flex-shrink:0 !important}.flex-lg-shrink-1{flex-shrink:1 !important}.justify-content-lg-start{justify-content:flex-start !important}.justify-content-lg-end{justify-content:flex-end !important}.justify-content-lg-center{justify-content:center !important}.justify-content-lg-between{justify-content:space-between !important}.justify-content-lg-around{justify-content:space-around !important}.align-items-lg-start{align-items:flex-start !important}.align-items-lg-end{align-items:flex-end !important}.align-items-lg-center{align-items:center !important}.align-items-lg-baseline{align-items:baseline !important}.align-items-lg-stretch{align-items:stretch !important}.align-content-lg-start{align-content:flex-start !important}.align-content-lg-end{align-content:flex-end !important}.align-content-lg-center{align-content:center !important}.align-content-lg-between{align-content:space-between !important}.align-content-lg-around{align-content:space-around !important}.align-content-lg-stretch{align-content:stretch !important}.align-self-lg-auto{align-self:auto !important}.align-self-lg-start{align-self:flex-start !important}.align-self-lg-end{align-self:flex-end !important}.align-self-lg-center{align-self:center !important}.align-self-lg-baseline{align-self:baseline !important}.align-self-lg-stretch{align-self:stretch !important}}@media(min-width: 1200px){.flex-xl-row{flex-direction:row !important}.flex-xl-column{flex-direction:column !important}.flex-xl-row-reverse{flex-direction:row-reverse !important}.flex-xl-column-reverse{flex-direction:column-reverse !important}.flex-xl-wrap{flex-wrap:wrap !important}.flex-xl-nowrap{flex-wrap:nowrap !important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse !important}.flex-xl-fill{flex:1 1 auto !important}.flex-xl-grow-0{flex-grow:0 !important}.flex-xl-grow-1{flex-grow:1 !important}.flex-xl-shrink-0{flex-shrink:0 !important}.flex-xl-shrink-1{flex-shrink:1 !important}.justify-content-xl-start{justify-content:flex-start !important}.justify-content-xl-end{justify-content:flex-end !important}.justify-content-xl-center{justify-content:center !important}.justify-content-xl-between{justify-content:space-between !important}.justify-content-xl-around{justify-content:space-around !important}.align-items-xl-start{align-items:flex-start !important}.align-items-xl-end{align-items:flex-end !important}.align-items-xl-center{align-items:center !important}.align-items-xl-baseline{align-items:baseline !important}.align-items-xl-stretch{align-items:stretch !important}.align-content-xl-start{align-content:flex-start !important}.align-content-xl-end{align-content:flex-end !important}.align-content-xl-center{align-content:center !important}.align-content-xl-between{align-content:space-between !important}.align-content-xl-around{align-content:space-around !important}.align-content-xl-stretch{align-content:stretch !important}.align-self-xl-auto{align-self:auto !important}.align-self-xl-start{align-self:flex-start !important}.align-self-xl-end{align-self:flex-end !important}.align-self-xl-center{align-self:center !important}.align-self-xl-baseline{align-self:baseline !important}.align-self-xl-stretch{align-self:stretch !important}}.m-0{margin:0 !important}.mt-0,.my-0{margin-top:0 !important}.mr-0,.mx-0{margin-right:0 !important}.mb-0,.my-0{margin-bottom:0 !important}.ml-0,.mx-0{margin-left:0 !important}.m-1{margin:.25rem !important}.mt-1,.my-1{margin-top:.25rem !important}.mr-1,.mx-1{margin-right:.25rem !important}.mb-1,.my-1{margin-bottom:.25rem !important}.ml-1,.mx-1{margin-left:.25rem !important}.m-2{margin:.5rem !important}.mt-2,.my-2{margin-top:.5rem !important}.mr-2,.mx-2{margin-right:.5rem !important}.mb-2,.my-2{margin-bottom:.5rem !important}.ml-2,.mx-2{margin-left:.5rem !important}.m-3{margin:1rem !important}.mt-3,.my-3{margin-top:1rem !important}.mr-3,.mx-3{margin-right:1rem !important}.mb-3,.my-3{margin-bottom:1rem !important}.ml-3,.mx-3{margin-left:1rem !important}.m-4{margin:1.5rem !important}.mt-4,.my-4{margin-top:1.5rem !important}.mr-4,.mx-4{margin-right:1.5rem !important}.mb-4,.my-4{margin-bottom:1.5rem !important}.ml-4,.mx-4{margin-left:1.5rem !important}.m-5{margin:3rem !important}.mt-5,.my-5{margin-top:3rem !important}.mr-5,.mx-5{margin-right:3rem !important}.mb-5,.my-5{margin-bottom:3rem !important}.ml-5,.mx-5{margin-left:3rem !important}.p-0{padding:0 !important}.pt-0,.py-0{padding-top:0 !important}.pr-0,.px-0{padding-right:0 !important}.pb-0,.py-0{padding-bottom:0 !important}.pl-0,.px-0{padding-left:0 !important}.p-1{padding:.25rem !important}.pt-1,.py-1{padding-top:.25rem !important}.pr-1,.px-1{padding-right:.25rem !important}.pb-1,.py-1{padding-bottom:.25rem !important}.pl-1,.px-1{padding-left:.25rem !important}.p-2{padding:.5rem !important}.pt-2,.py-2{padding-top:.5rem !important}.pr-2,.px-2{padding-right:.5rem !important}.pb-2,.py-2{padding-bottom:.5rem !important}.pl-2,.px-2{padding-left:.5rem !important}.p-3{padding:1rem !important}.pt-3,.py-3{padding-top:1rem !important}.pr-3,.px-3{padding-right:1rem !important}.pb-3,.py-3{padding-bottom:1rem !important}.pl-3,.px-3{padding-left:1rem !important}.p-4{padding:1.5rem !important}.pt-4,.py-4{padding-top:1.5rem !important}.pr-4,.px-4{padding-right:1.5rem !important}.pb-4,.py-4{padding-bottom:1.5rem !important}.pl-4,.px-4{padding-left:1.5rem !important}.p-5{padding:3rem !important}.pt-5,.py-5{padding-top:3rem !important}.pr-5,.px-5{padding-right:3rem !important}.pb-5,.py-5{padding-bottom:3rem !important}.pl-5,.px-5{padding-left:3rem !important}.m-n1{margin:-0.25rem !important}.mt-n1,.my-n1{margin-top:-0.25rem !important}.mr-n1,.mx-n1{margin-right:-0.25rem !important}.mb-n1,.my-n1{margin-bottom:-0.25rem !important}.ml-n1,.mx-n1{margin-left:-0.25rem !important}.m-n2{margin:-0.5rem !important}.mt-n2,.my-n2{margin-top:-0.5rem !important}.mr-n2,.mx-n2{margin-right:-0.5rem !important}.mb-n2,.my-n2{margin-bottom:-0.5rem !important}.ml-n2,.mx-n2{margin-left:-0.5rem !important}.m-n3{margin:-1rem !important}.mt-n3,.my-n3{margin-top:-1rem !important}.mr-n3,.mx-n3{margin-right:-1rem !important}.mb-n3,.my-n3{margin-bottom:-1rem !important}.ml-n3,.mx-n3{margin-left:-1rem !important}.m-n4{margin:-1.5rem !important}.mt-n4,.my-n4{margin-top:-1.5rem !important}.mr-n4,.mx-n4{margin-right:-1.5rem !important}.mb-n4,.my-n4{margin-bottom:-1.5rem !important}.ml-n4,.mx-n4{margin-left:-1.5rem !important}.m-n5{margin:-3rem !important}.mt-n5,.my-n5{margin-top:-3rem !important}.mr-n5,.mx-n5{margin-right:-3rem !important}.mb-n5,.my-n5{margin-bottom:-3rem !important}.ml-n5,.mx-n5{margin-left:-3rem !important}.m-auto{margin:auto !important}.mt-auto,.my-auto{margin-top:auto !important}.mr-auto,.mx-auto{margin-right:auto !important}.mb-auto,.my-auto{margin-bottom:auto !important}.ml-auto,.mx-auto{margin-left:auto !important}@media(min-width: 576px){.m-sm-0{margin:0 !important}.mt-sm-0,.my-sm-0{margin-top:0 !important}.mr-sm-0,.mx-sm-0{margin-right:0 !important}.mb-sm-0,.my-sm-0{margin-bottom:0 !important}.ml-sm-0,.mx-sm-0{margin-left:0 !important}.m-sm-1{margin:.25rem !important}.mt-sm-1,.my-sm-1{margin-top:.25rem !important}.mr-sm-1,.mx-sm-1{margin-right:.25rem !important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem !important}.ml-sm-1,.mx-sm-1{margin-left:.25rem !important}.m-sm-2{margin:.5rem !important}.mt-sm-2,.my-sm-2{margin-top:.5rem !important}.mr-sm-2,.mx-sm-2{margin-right:.5rem !important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem !important}.ml-sm-2,.mx-sm-2{margin-left:.5rem !important}.m-sm-3{margin:1rem !important}.mt-sm-3,.my-sm-3{margin-top:1rem !important}.mr-sm-3,.mx-sm-3{margin-right:1rem !important}.mb-sm-3,.my-sm-3{margin-bottom:1rem !important}.ml-sm-3,.mx-sm-3{margin-left:1rem !important}.m-sm-4{margin:1.5rem !important}.mt-sm-4,.my-sm-4{margin-top:1.5rem !important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem !important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem !important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem !important}.m-sm-5{margin:3rem !important}.mt-sm-5,.my-sm-5{margin-top:3rem !important}.mr-sm-5,.mx-sm-5{margin-right:3rem !important}.mb-sm-5,.my-sm-5{margin-bottom:3rem !important}.ml-sm-5,.mx-sm-5{margin-left:3rem !important}.p-sm-0{padding:0 !important}.pt-sm-0,.py-sm-0{padding-top:0 !important}.pr-sm-0,.px-sm-0{padding-right:0 !important}.pb-sm-0,.py-sm-0{padding-bottom:0 !important}.pl-sm-0,.px-sm-0{padding-left:0 !important}.p-sm-1{padding:.25rem !important}.pt-sm-1,.py-sm-1{padding-top:.25rem !important}.pr-sm-1,.px-sm-1{padding-right:.25rem !important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem !important}.pl-sm-1,.px-sm-1{padding-left:.25rem !important}.p-sm-2{padding:.5rem !important}.pt-sm-2,.py-sm-2{padding-top:.5rem !important}.pr-sm-2,.px-sm-2{padding-right:.5rem !important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem !important}.pl-sm-2,.px-sm-2{padding-left:.5rem !important}.p-sm-3{padding:1rem !important}.pt-sm-3,.py-sm-3{padding-top:1rem !important}.pr-sm-3,.px-sm-3{padding-right:1rem !important}.pb-sm-3,.py-sm-3{padding-bottom:1rem !important}.pl-sm-3,.px-sm-3{padding-left:1rem !important}.p-sm-4{padding:1.5rem !important}.pt-sm-4,.py-sm-4{padding-top:1.5rem !important}.pr-sm-4,.px-sm-4{padding-right:1.5rem !important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem !important}.pl-sm-4,.px-sm-4{padding-left:1.5rem !important}.p-sm-5{padding:3rem !important}.pt-sm-5,.py-sm-5{padding-top:3rem !important}.pr-sm-5,.px-sm-5{padding-right:3rem !important}.pb-sm-5,.py-sm-5{padding-bottom:3rem !important}.pl-sm-5,.px-sm-5{padding-left:3rem !important}.m-sm-n1{margin:-0.25rem !important}.mt-sm-n1,.my-sm-n1{margin-top:-0.25rem !important}.mr-sm-n1,.mx-sm-n1{margin-right:-0.25rem !important}.mb-sm-n1,.my-sm-n1{margin-bottom:-0.25rem !important}.ml-sm-n1,.mx-sm-n1{margin-left:-0.25rem !important}.m-sm-n2{margin:-0.5rem !important}.mt-sm-n2,.my-sm-n2{margin-top:-0.5rem !important}.mr-sm-n2,.mx-sm-n2{margin-right:-0.5rem !important}.mb-sm-n2,.my-sm-n2{margin-bottom:-0.5rem !important}.ml-sm-n2,.mx-sm-n2{margin-left:-0.5rem !important}.m-sm-n3{margin:-1rem !important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem !important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem !important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem !important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem !important}.m-sm-n4{margin:-1.5rem !important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem !important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem !important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem !important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem !important}.m-sm-n5{margin:-3rem !important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem !important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem !important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem !important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem !important}.m-sm-auto{margin:auto !important}.mt-sm-auto,.my-sm-auto{margin-top:auto !important}.mr-sm-auto,.mx-sm-auto{margin-right:auto !important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto !important}.ml-sm-auto,.mx-sm-auto{margin-left:auto !important}}@media(min-width: 768px){.m-md-0{margin:0 !important}.mt-md-0,.my-md-0{margin-top:0 !important}.mr-md-0,.mx-md-0{margin-right:0 !important}.mb-md-0,.my-md-0{margin-bottom:0 !important}.ml-md-0,.mx-md-0{margin-left:0 !important}.m-md-1{margin:.25rem !important}.mt-md-1,.my-md-1{margin-top:.25rem !important}.mr-md-1,.mx-md-1{margin-right:.25rem !important}.mb-md-1,.my-md-1{margin-bottom:.25rem !important}.ml-md-1,.mx-md-1{margin-left:.25rem !important}.m-md-2{margin:.5rem !important}.mt-md-2,.my-md-2{margin-top:.5rem !important}.mr-md-2,.mx-md-2{margin-right:.5rem !important}.mb-md-2,.my-md-2{margin-bottom:.5rem !important}.ml-md-2,.mx-md-2{margin-left:.5rem !important}.m-md-3{margin:1rem !important}.mt-md-3,.my-md-3{margin-top:1rem !important}.mr-md-3,.mx-md-3{margin-right:1rem !important}.mb-md-3,.my-md-3{margin-bottom:1rem !important}.ml-md-3,.mx-md-3{margin-left:1rem !important}.m-md-4{margin:1.5rem !important}.mt-md-4,.my-md-4{margin-top:1.5rem !important}.mr-md-4,.mx-md-4{margin-right:1.5rem !important}.mb-md-4,.my-md-4{margin-bottom:1.5rem !important}.ml-md-4,.mx-md-4{margin-left:1.5rem !important}.m-md-5{margin:3rem !important}.mt-md-5,.my-md-5{margin-top:3rem !important}.mr-md-5,.mx-md-5{margin-right:3rem !important}.mb-md-5,.my-md-5{margin-bottom:3rem !important}.ml-md-5,.mx-md-5{margin-left:3rem !important}.p-md-0{padding:0 !important}.pt-md-0,.py-md-0{padding-top:0 !important}.pr-md-0,.px-md-0{padding-right:0 !important}.pb-md-0,.py-md-0{padding-bottom:0 !important}.pl-md-0,.px-md-0{padding-left:0 !important}.p-md-1{padding:.25rem !important}.pt-md-1,.py-md-1{padding-top:.25rem !important}.pr-md-1,.px-md-1{padding-right:.25rem !important}.pb-md-1,.py-md-1{padding-bottom:.25rem !important}.pl-md-1,.px-md-1{padding-left:.25rem !important}.p-md-2{padding:.5rem !important}.pt-md-2,.py-md-2{padding-top:.5rem !important}.pr-md-2,.px-md-2{padding-right:.5rem !important}.pb-md-2,.py-md-2{padding-bottom:.5rem !important}.pl-md-2,.px-md-2{padding-left:.5rem !important}.p-md-3{padding:1rem !important}.pt-md-3,.py-md-3{padding-top:1rem !important}.pr-md-3,.px-md-3{padding-right:1rem !important}.pb-md-3,.py-md-3{padding-bottom:1rem !important}.pl-md-3,.px-md-3{padding-left:1rem !important}.p-md-4{padding:1.5rem !important}.pt-md-4,.py-md-4{padding-top:1.5rem !important}.pr-md-4,.px-md-4{padding-right:1.5rem !important}.pb-md-4,.py-md-4{padding-bottom:1.5rem !important}.pl-md-4,.px-md-4{padding-left:1.5rem !important}.p-md-5{padding:3rem !important}.pt-md-5,.py-md-5{padding-top:3rem !important}.pr-md-5,.px-md-5{padding-right:3rem !important}.pb-md-5,.py-md-5{padding-bottom:3rem !important}.pl-md-5,.px-md-5{padding-left:3rem !important}.m-md-n1{margin:-0.25rem !important}.mt-md-n1,.my-md-n1{margin-top:-0.25rem !important}.mr-md-n1,.mx-md-n1{margin-right:-0.25rem !important}.mb-md-n1,.my-md-n1{margin-bottom:-0.25rem !important}.ml-md-n1,.mx-md-n1{margin-left:-0.25rem !important}.m-md-n2{margin:-0.5rem !important}.mt-md-n2,.my-md-n2{margin-top:-0.5rem !important}.mr-md-n2,.mx-md-n2{margin-right:-0.5rem !important}.mb-md-n2,.my-md-n2{margin-bottom:-0.5rem !important}.ml-md-n2,.mx-md-n2{margin-left:-0.5rem !important}.m-md-n3{margin:-1rem !important}.mt-md-n3,.my-md-n3{margin-top:-1rem !important}.mr-md-n3,.mx-md-n3{margin-right:-1rem !important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem !important}.ml-md-n3,.mx-md-n3{margin-left:-1rem !important}.m-md-n4{margin:-1.5rem !important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem !important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem !important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem !important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem !important}.m-md-n5{margin:-3rem !important}.mt-md-n5,.my-md-n5{margin-top:-3rem !important}.mr-md-n5,.mx-md-n5{margin-right:-3rem !important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem !important}.ml-md-n5,.mx-md-n5{margin-left:-3rem !important}.m-md-auto{margin:auto !important}.mt-md-auto,.my-md-auto{margin-top:auto !important}.mr-md-auto,.mx-md-auto{margin-right:auto !important}.mb-md-auto,.my-md-auto{margin-bottom:auto !important}.ml-md-auto,.mx-md-auto{margin-left:auto !important}}@media(min-width: 992px){.m-lg-0{margin:0 !important}.mt-lg-0,.my-lg-0{margin-top:0 !important}.mr-lg-0,.mx-lg-0{margin-right:0 !important}.mb-lg-0,.my-lg-0{margin-bottom:0 !important}.ml-lg-0,.mx-lg-0{margin-left:0 !important}.m-lg-1{margin:.25rem !important}.mt-lg-1,.my-lg-1{margin-top:.25rem !important}.mr-lg-1,.mx-lg-1{margin-right:.25rem !important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem !important}.ml-lg-1,.mx-lg-1{margin-left:.25rem !important}.m-lg-2{margin:.5rem !important}.mt-lg-2,.my-lg-2{margin-top:.5rem !important}.mr-lg-2,.mx-lg-2{margin-right:.5rem !important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem !important}.ml-lg-2,.mx-lg-2{margin-left:.5rem !important}.m-lg-3{margin:1rem !important}.mt-lg-3,.my-lg-3{margin-top:1rem !important}.mr-lg-3,.mx-lg-3{margin-right:1rem !important}.mb-lg-3,.my-lg-3{margin-bottom:1rem !important}.ml-lg-3,.mx-lg-3{margin-left:1rem !important}.m-lg-4{margin:1.5rem !important}.mt-lg-4,.my-lg-4{margin-top:1.5rem !important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem !important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem !important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem !important}.m-lg-5{margin:3rem !important}.mt-lg-5,.my-lg-5{margin-top:3rem !important}.mr-lg-5,.mx-lg-5{margin-right:3rem !important}.mb-lg-5,.my-lg-5{margin-bottom:3rem !important}.ml-lg-5,.mx-lg-5{margin-left:3rem !important}.p-lg-0{padding:0 !important}.pt-lg-0,.py-lg-0{padding-top:0 !important}.pr-lg-0,.px-lg-0{padding-right:0 !important}.pb-lg-0,.py-lg-0{padding-bottom:0 !important}.pl-lg-0,.px-lg-0{padding-left:0 !important}.p-lg-1{padding:.25rem !important}.pt-lg-1,.py-lg-1{padding-top:.25rem !important}.pr-lg-1,.px-lg-1{padding-right:.25rem !important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem !important}.pl-lg-1,.px-lg-1{padding-left:.25rem !important}.p-lg-2{padding:.5rem !important}.pt-lg-2,.py-lg-2{padding-top:.5rem !important}.pr-lg-2,.px-lg-2{padding-right:.5rem !important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem !important}.pl-lg-2,.px-lg-2{padding-left:.5rem !important}.p-lg-3{padding:1rem !important}.pt-lg-3,.py-lg-3{padding-top:1rem !important}.pr-lg-3,.px-lg-3{padding-right:1rem !important}.pb-lg-3,.py-lg-3{padding-bottom:1rem !important}.pl-lg-3,.px-lg-3{padding-left:1rem !important}.p-lg-4{padding:1.5rem !important}.pt-lg-4,.py-lg-4{padding-top:1.5rem !important}.pr-lg-4,.px-lg-4{padding-right:1.5rem !important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem !important}.pl-lg-4,.px-lg-4{padding-left:1.5rem !important}.p-lg-5{padding:3rem !important}.pt-lg-5,.py-lg-5{padding-top:3rem !important}.pr-lg-5,.px-lg-5{padding-right:3rem !important}.pb-lg-5,.py-lg-5{padding-bottom:3rem !important}.pl-lg-5,.px-lg-5{padding-left:3rem !important}.m-lg-n1{margin:-0.25rem !important}.mt-lg-n1,.my-lg-n1{margin-top:-0.25rem !important}.mr-lg-n1,.mx-lg-n1{margin-right:-0.25rem !important}.mb-lg-n1,.my-lg-n1{margin-bottom:-0.25rem !important}.ml-lg-n1,.mx-lg-n1{margin-left:-0.25rem !important}.m-lg-n2{margin:-0.5rem !important}.mt-lg-n2,.my-lg-n2{margin-top:-0.5rem !important}.mr-lg-n2,.mx-lg-n2{margin-right:-0.5rem !important}.mb-lg-n2,.my-lg-n2{margin-bottom:-0.5rem !important}.ml-lg-n2,.mx-lg-n2{margin-left:-0.5rem !important}.m-lg-n3{margin:-1rem !important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem !important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem !important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem !important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem !important}.m-lg-n4{margin:-1.5rem !important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem !important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem !important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem !important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem !important}.m-lg-n5{margin:-3rem !important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem !important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem !important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem !important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem !important}.m-lg-auto{margin:auto !important}.mt-lg-auto,.my-lg-auto{margin-top:auto !important}.mr-lg-auto,.mx-lg-auto{margin-right:auto !important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto !important}.ml-lg-auto,.mx-lg-auto{margin-left:auto !important}}@media(min-width: 1200px){.m-xl-0{margin:0 !important}.mt-xl-0,.my-xl-0{margin-top:0 !important}.mr-xl-0,.mx-xl-0{margin-right:0 !important}.mb-xl-0,.my-xl-0{margin-bottom:0 !important}.ml-xl-0,.mx-xl-0{margin-left:0 !important}.m-xl-1{margin:.25rem !important}.mt-xl-1,.my-xl-1{margin-top:.25rem !important}.mr-xl-1,.mx-xl-1{margin-right:.25rem !important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem !important}.ml-xl-1,.mx-xl-1{margin-left:.25rem !important}.m-xl-2{margin:.5rem !important}.mt-xl-2,.my-xl-2{margin-top:.5rem !important}.mr-xl-2,.mx-xl-2{margin-right:.5rem !important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem !important}.ml-xl-2,.mx-xl-2{margin-left:.5rem !important}.m-xl-3{margin:1rem !important}.mt-xl-3,.my-xl-3{margin-top:1rem !important}.mr-xl-3,.mx-xl-3{margin-right:1rem !important}.mb-xl-3,.my-xl-3{margin-bottom:1rem !important}.ml-xl-3,.mx-xl-3{margin-left:1rem !important}.m-xl-4{margin:1.5rem !important}.mt-xl-4,.my-xl-4{margin-top:1.5rem !important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem !important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem !important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem !important}.m-xl-5{margin:3rem !important}.mt-xl-5,.my-xl-5{margin-top:3rem !important}.mr-xl-5,.mx-xl-5{margin-right:3rem !important}.mb-xl-5,.my-xl-5{margin-bottom:3rem !important}.ml-xl-5,.mx-xl-5{margin-left:3rem !important}.p-xl-0{padding:0 !important}.pt-xl-0,.py-xl-0{padding-top:0 !important}.pr-xl-0,.px-xl-0{padding-right:0 !important}.pb-xl-0,.py-xl-0{padding-bottom:0 !important}.pl-xl-0,.px-xl-0{padding-left:0 !important}.p-xl-1{padding:.25rem !important}.pt-xl-1,.py-xl-1{padding-top:.25rem !important}.pr-xl-1,.px-xl-1{padding-right:.25rem !important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem !important}.pl-xl-1,.px-xl-1{padding-left:.25rem !important}.p-xl-2{padding:.5rem !important}.pt-xl-2,.py-xl-2{padding-top:.5rem !important}.pr-xl-2,.px-xl-2{padding-right:.5rem !important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem !important}.pl-xl-2,.px-xl-2{padding-left:.5rem !important}.p-xl-3{padding:1rem !important}.pt-xl-3,.py-xl-3{padding-top:1rem !important}.pr-xl-3,.px-xl-3{padding-right:1rem !important}.pb-xl-3,.py-xl-3{padding-bottom:1rem !important}.pl-xl-3,.px-xl-3{padding-left:1rem !important}.p-xl-4{padding:1.5rem !important}.pt-xl-4,.py-xl-4{padding-top:1.5rem !important}.pr-xl-4,.px-xl-4{padding-right:1.5rem !important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem !important}.pl-xl-4,.px-xl-4{padding-left:1.5rem !important}.p-xl-5{padding:3rem !important}.pt-xl-5,.py-xl-5{padding-top:3rem !important}.pr-xl-5,.px-xl-5{padding-right:3rem !important}.pb-xl-5,.py-xl-5{padding-bottom:3rem !important}.pl-xl-5,.px-xl-5{padding-left:3rem !important}.m-xl-n1{margin:-0.25rem !important}.mt-xl-n1,.my-xl-n1{margin-top:-0.25rem !important}.mr-xl-n1,.mx-xl-n1{margin-right:-0.25rem !important}.mb-xl-n1,.my-xl-n1{margin-bottom:-0.25rem !important}.ml-xl-n1,.mx-xl-n1{margin-left:-0.25rem !important}.m-xl-n2{margin:-0.5rem !important}.mt-xl-n2,.my-xl-n2{margin-top:-0.5rem !important}.mr-xl-n2,.mx-xl-n2{margin-right:-0.5rem !important}.mb-xl-n2,.my-xl-n2{margin-bottom:-0.5rem !important}.ml-xl-n2,.mx-xl-n2{margin-left:-0.5rem !important}.m-xl-n3{margin:-1rem !important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem !important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem !important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem !important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem !important}.m-xl-n4{margin:-1.5rem !important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem !important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem !important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem !important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem !important}.m-xl-n5{margin:-3rem !important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem !important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem !important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem !important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem !important}.m-xl-auto{margin:auto !important}.mt-xl-auto,.my-xl-auto{margin-top:auto !important}.mr-xl-auto,.mx-xl-auto{margin-right:auto !important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto !important}.ml-xl-auto,.mx-xl-auto{margin-left:auto !important}}@media(min-width: 1024px){.container{max-width:100%}}.container,.container-fluid,.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{padding-right:.5rem;padding-left:.5rem}.row{margin-right:-0.5rem;margin-left:-0.5rem}/*!
15
15
  * EnergyCAP Components - Global Component Styles
16
- */.card{background-color:var(--ec-background-color);background-clip:padding-box;border:var(--ec-border-width) solid var(--ec-border-color-hint);border-radius:var(--ec-border-radius-card);overflow:auto;box-shadow:var(--ec-box-shadow)}.card-header{display:flex;align-items:center;min-height:2.5rem}.card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;display:flex;align-items:center;padding-left:.5rem;padding-right:.5rem;flex:1 1;min-height:0;min-width:0}.card-footer{border-top:1px solid var(--ec-border-color);min-height:2rem;padding:.5rem}.card-actions{padding:.25rem;display:flex;margin-left:auto}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fade-in-out{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}:root{--ec-background-splash: radial-gradient(104.77% 95.14% at 90.16% 85.25%, rgba(113,235,111,0.60) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(156.88% 63.71% at 8.4% 78.12%, rgba(219, 141, 255, 0.60) 0%, rgba(255, 255, 255, 0) 100%), radial-gradient(265.09% 182.17% at 24.49% 5.63%, rgba(0, 87, 255, 0.60) 0%, rgba(255, 255, 255, 0) 100%), #FFF}@keyframes splash{0%{background-position:left bottom}20%{background-position:left top}40%{background-position:right top}60%{background-position:right bottom}100%{background-position:left bottom}}.app-splash{position:fixed;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ec-background-splash);background-size:110% 110%;transition-property:opacity;transition-duration:.3s;transition-timing-function:ease-out;opacity:1;top:0;left:0;right:0;bottom:0;animation-name:splash;animation-duration:6s;animation-iteration-count:infinite}.app-splash .splash-loader{width:120px;height:120px;border:10px solid #fff;border-radius:50%;box-sizing:border-box;position:relative;animation:splash-pulse 1s linear infinite,splash-fade 1s ease-in-out infinite}.app-splash .splash-icon-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.app-splash .splash-icon-wrapper img{position:absolute;filter:brightness(0) invert(1);top:50%;left:50%;transform:translate(-50%, -50%);opacity:0}.app-splash .splash-icon-wrapper img:nth-child(1),.app-splash .splash-icon-wrapper img:nth-child(2),.app-splash .splash-icon-wrapper img:nth-child(3){width:70px;height:70px;animation:splash-showIcon 4s linear infinite}.app-splash .splash-icon-wrapper img:nth-child(1){animation-delay:0s}.app-splash .splash-icon-wrapper img:nth-child(2){animation-delay:1s}.app-splash .splash-icon-wrapper img:nth-child(3){animation-delay:2s}.app-splash .splash-icon-wrapper img:nth-child(4){width:56px;height:56px;animation:splash-showIcon 4s linear infinite;animation-delay:3s}@keyframes splash-showIcon{0%{opacity:1}24.9%{opacity:1}25%{opacity:0}100%{opacity:0}}@keyframes splash-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes splash-fade{0%,100%{opacity:1}50%{opacity:.6}}.app-splash.app-loaded{opacity:0;pointer-events:none}.unsupported-browser-container{display:flex;position:fixed;z-index:10000;top:0;right:0;left:0;bottom:0;align-items:center;background:var(--ec-background-color-splash)}.unsupported-browser{max-width:25rem;margin:0 auto;font-size:var(--ec-font-size-title);color:var(--ec-color-primary-light)}.unsupported-browser a{color:#b9edfc}/*!
16
+ */.card{background-color:var(--ec-background-color);background-clip:padding-box;border:var(--ec-border-width) solid var(--ec-border-color-hint);border-radius:var(--ec-border-radius-card);overflow:auto;box-shadow:var(--ec-box-shadow)}.card-header{display:flex;align-items:center;min-height:2.5rem}.card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;display:flex;align-items:center;padding-left:.5rem;padding-right:.5rem;flex:1 1;min-height:0;min-width:0}.card-footer{border-top:1px solid var(--ec-border-color);min-height:2rem;padding:.5rem}.card-actions{padding:.25rem;display:flex;margin-left:auto}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes fade-in-out{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}@keyframes splash{0%{background-position:left bottom}20%{background-position:left top}40%{background-position:right top}60%{background-position:right bottom}100%{background-position:left bottom}}@keyframes splash-showIcon{0%{opacity:1}24.9%{opacity:1}25%{opacity:0}100%{opacity:0}}@keyframes splash-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes splash-fade{0%,100%{opacity:1}50%{opacity:.6}}.app-splash{position:fixed;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ec-background-splash);background-size:110% 110%;transition-property:opacity;transition-duration:.3s;transition-timing-function:ease-out;opacity:1;top:0;left:0;right:0;bottom:0;animation-name:splash;animation-duration:6s;animation-iteration-count:infinite}.app-splash .splash-loader{width:120px;height:120px;border:10px solid #fff;border-radius:50%;box-sizing:border-box;position:relative;animation:splash-pulse 1s linear infinite,splash-fade 1s ease-in-out infinite}.app-splash .splash-icon-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.app-splash .splash-icon-wrapper img{position:absolute;filter:brightness(0) invert(1);top:50%;left:50%;transform:translate(-50%, -50%);opacity:0}.app-splash .splash-icon-wrapper img:nth-child(1),.app-splash .splash-icon-wrapper img:nth-child(2),.app-splash .splash-icon-wrapper img:nth-child(3){width:70px;height:70px;animation:splash-showIcon 4s linear infinite}.app-splash .splash-icon-wrapper img:nth-child(1){animation-delay:0s}.app-splash .splash-icon-wrapper img:nth-child(2){animation-delay:1s}.app-splash .splash-icon-wrapper img:nth-child(3){animation-delay:2s}.app-splash .splash-icon-wrapper img:nth-child(4){width:56px;height:56px;animation:splash-showIcon 4s linear infinite;animation-delay:3s}.app-splash.app-loaded{opacity:0;pointer-events:none}.app-splash .splash-message-container{position:absolute;top:calc(50% + 120px*1.2/2 + 10px*1.2 + 1.5rem);left:50%;transform:translateX(-50%);color:var(--ec-color-primary-light);text-align:center}.app-splash .splash-title{font-size:28px;line-height:32px;font-weight:700;margin:0;width:-moz-max-content;width:max-content}.app-splash .splash-message{position:absolute;font-size:20px;line-height:24px;top:48px;left:50%;transform:translateX(-50%);margin:0;width:-moz-max-content;width:max-content;transition:opacity .3s ease-in-out;opacity:0}.app-splash .splash-message.is-visible{opacity:1}.unsupported-browser-container{display:flex;position:fixed;z-index:10000;top:0;right:0;left:0;bottom:0;align-items:center;background:var(--ec-background-color-splash)}.unsupported-browser{max-width:25rem;margin:0 auto;font-size:var(--ec-font-size-title);color:var(--ec-color-primary-light)}.unsupported-browser a{color:#b9edfc}/*!
17
17
  * Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
18
18
  * License - https://fontawesome.com/license (Commercial License)
19
19
  * Copyright 2024 Fonticons, Inc.