ngx-vector-components 4.54.0 → 4.55.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (290) hide show
  1. package/CHANGELOG.md +907 -900
  2. package/README.md +35 -35
  3. package/assets/icons/chevron_down_icon.svg +3 -3
  4. package/assets/icons/home_menu_icon.svg +3 -3
  5. package/assets/icons/logout_icon.svg +9 -9
  6. package/assets/icons/menu_footer_icon.svg +3 -3
  7. package/assets/icons/menu_hamburguer_icon.svg +3 -3
  8. package/assets/icons/terms_of_use_icon.svg +9 -9
  9. package/assets/icons/vector_admin_icon.svg +4 -4
  10. package/assets/icons/vector_fintech_icon.svg +3 -3
  11. package/assets/icons/vector_logtech_icon.svg +6 -6
  12. package/assets/icons/vector_marketplace_icon.svg +3 -3
  13. package/assets/images/bunge_logo.svg +23 -23
  14. package/assets/images/cofco_logo.svg +117 -117
  15. package/assets/images/emote_bad.svg +6 -6
  16. package/assets/images/emote_cool.svg +5 -5
  17. package/assets/images/emote_nice.svg +5 -5
  18. package/assets/images/success_sign.svg +4 -4
  19. package/assets/images/vector-logo-horizontal-inverse-color.svg +13 -13
  20. package/assets/images/vector_logo_horizontal.svg +13 -13
  21. package/assets/images/warn_sign.svg +4 -4
  22. package/assets/styles/_fonts.scss +114 -114
  23. package/assets/styles/_mixins.scss +7 -7
  24. package/assets/styles/_primeng-custom-theme.scss +978 -978
  25. package/assets/styles/_spinner.scss +35 -35
  26. package/assets/styles/_styles.scss +115 -115
  27. package/assets/styles/_variables.scss +27 -27
  28. package/esm2020/lib/components/badge/badge.component.mjs +39 -39
  29. package/esm2020/lib/components/badge/badge.module.mjs +19 -19
  30. package/esm2020/lib/components/badge/index.mjs +3 -3
  31. package/esm2020/lib/components/breadcrumb/breadcrumb.component.mjs +65 -65
  32. package/esm2020/lib/components/breadcrumb/breadcrumb.module.mjs +18 -18
  33. package/esm2020/lib/components/breadcrumb/index.mjs +3 -3
  34. package/esm2020/lib/components/crud-base/crud-base.component.mjs +47 -47
  35. package/esm2020/lib/components/crud-base/index.mjs +2 -2
  36. package/esm2020/lib/components/crud-footer/crud-footer.component.mjs +31 -31
  37. package/esm2020/lib/components/crud-footer/crud-footer.module.mjs +19 -19
  38. package/esm2020/lib/components/crud-footer/index.mjs +3 -3
  39. package/esm2020/lib/components/crud-header/crud-header.component.mjs +30 -30
  40. package/esm2020/lib/components/crud-header/crud-header.module.mjs +19 -19
  41. package/esm2020/lib/components/crud-header/index.mjs +3 -3
  42. package/esm2020/lib/components/crud-history/crud-history.component.mjs +82 -82
  43. package/esm2020/lib/components/crud-history/crud-history.module.mjs +20 -20
  44. package/esm2020/lib/components/crud-history/index.mjs +3 -3
  45. package/esm2020/lib/components/fields/button/button.component.mjs +41 -41
  46. package/esm2020/lib/components/fields/button/index.mjs +2 -2
  47. package/esm2020/lib/components/fields/calendar-field/calendar-field.component.mjs +74 -74
  48. package/esm2020/lib/components/fields/calendar-field/index.mjs +2 -2
  49. package/esm2020/lib/components/fields/checkbox-field/checkbox-field.component.mjs +46 -46
  50. package/esm2020/lib/components/fields/checkbox-field/index.mjs +2 -2
  51. package/esm2020/lib/components/fields/currency-field/currency-field.component.mjs +87 -87
  52. package/esm2020/lib/components/fields/currency-field/index.mjs +2 -2
  53. package/esm2020/lib/components/fields/data-table/data-table.component.mjs +365 -365
  54. package/esm2020/lib/components/fields/data-table/index.mjs +2 -2
  55. package/esm2020/lib/components/fields/dropdown-field/dropdown-field.component.mjs +196 -196
  56. package/esm2020/lib/components/fields/dropdown-field/index.mjs +2 -2
  57. package/esm2020/lib/components/fields/field-error-message/field-error-message.component.mjs +30 -30
  58. package/esm2020/lib/components/fields/field-error-message/index.mjs +2 -2
  59. package/esm2020/lib/components/fields/fields.module.mjs +205 -205
  60. package/esm2020/lib/components/fields/filters/filters.component.mjs +195 -195
  61. package/esm2020/lib/components/fields/filters/index.mjs +2 -2
  62. package/esm2020/lib/components/fields/index.mjs +19 -19
  63. package/esm2020/lib/components/fields/input-number-field/index.mjs +2 -2
  64. package/esm2020/lib/components/fields/input-number-field/input-number-field.component.mjs +82 -82
  65. package/esm2020/lib/components/fields/multiselect-field/index.mjs +2 -2
  66. package/esm2020/lib/components/fields/multiselect-field/multiselect-field.component.mjs +47 -47
  67. package/esm2020/lib/components/fields/percentage-field/index.mjs +2 -2
  68. package/esm2020/lib/components/fields/percentage-field/percentage-field.component.mjs +42 -42
  69. package/esm2020/lib/components/fields/radio-button-field/index.mjs +2 -2
  70. package/esm2020/lib/components/fields/radio-button-field/radio-button-field.component.mjs +38 -38
  71. package/esm2020/lib/components/fields/range-value/index.mjs +2 -2
  72. package/esm2020/lib/components/fields/range-value/range-value.component.mjs +72 -72
  73. package/esm2020/lib/components/fields/search-field/index.mjs +2 -2
  74. package/esm2020/lib/components/fields/search-field/search-field.component.mjs +33 -33
  75. package/esm2020/lib/components/fields/select-button-field/index.mjs +2 -2
  76. package/esm2020/lib/components/fields/select-button-field/select-button-field.component.mjs +20 -20
  77. package/esm2020/lib/components/fields/text-field/index.mjs +2 -2
  78. package/esm2020/lib/components/fields/text-field/text-field.component.mjs +211 -209
  79. package/esm2020/lib/components/fields/textarea-field/index.mjs +2 -2
  80. package/esm2020/lib/components/fields/textarea-field/textarea-field.component.mjs +75 -75
  81. package/esm2020/lib/components/generic-error-modal/generic-error-modal.component.mjs +30 -30
  82. package/esm2020/lib/components/generic-error-modal/generic-error-modal.module.mjs +20 -20
  83. package/esm2020/lib/components/generic-error-modal/index.mjs +3 -3
  84. package/esm2020/lib/components/generic-modal/generic-modal.component.mjs +66 -66
  85. package/esm2020/lib/components/generic-modal/generic-modal.module.mjs +20 -20
  86. package/esm2020/lib/components/generic-modal/index.mjs +3 -3
  87. package/esm2020/lib/components/index.mjs +13 -13
  88. package/esm2020/lib/components/menu/index.mjs +4 -4
  89. package/esm2020/lib/components/menu/menu.component.mjs +302 -302
  90. package/esm2020/lib/components/menu/menu.module.mjs +20 -20
  91. package/esm2020/lib/components/menu/sub-menus-list/sub-menus-list.component.mjs +42 -42
  92. package/esm2020/lib/components/panel/index.mjs +3 -3
  93. package/esm2020/lib/components/panel/panel.component.mjs +15 -15
  94. package/esm2020/lib/components/panel/panel.module.mjs +19 -19
  95. package/esm2020/lib/components/top-bar/index.mjs +3 -3
  96. package/esm2020/lib/components/top-bar/top-bar.component.mjs +102 -102
  97. package/esm2020/lib/components/top-bar/top-bar.module.mjs +19 -19
  98. package/esm2020/lib/guards/crud-list-has-items.guard.mjs +22 -22
  99. package/esm2020/lib/guards/get-token-by-guid.guard.mjs +54 -54
  100. package/esm2020/lib/guards/has-permission.guard.mjs +27 -27
  101. package/esm2020/lib/guards/index.mjs +6 -6
  102. package/esm2020/lib/guards/role.guard.mjs +24 -24
  103. package/esm2020/lib/guards/token-is-present.guard.mjs +26 -26
  104. package/esm2020/lib/interceptors/http-interceptor.mjs +183 -183
  105. package/esm2020/lib/interceptors/index.mjs +2 -2
  106. package/esm2020/lib/models/app-name.enum.mjs +9 -9
  107. package/esm2020/lib/models/boolean-type.enum.mjs +6 -6
  108. package/esm2020/lib/models/crud-history.model.mjs +3 -3
  109. package/esm2020/lib/models/crud-mode.enum.mjs +7 -7
  110. package/esm2020/lib/models/data-table.model.mjs +22 -22
  111. package/esm2020/lib/models/document-type.enum.mjs +6 -6
  112. package/esm2020/lib/models/filters.model.mjs +2 -2
  113. package/esm2020/lib/models/generic-modal.model.mjs +2 -2
  114. package/esm2020/lib/models/http-response.model.mjs +2 -2
  115. package/esm2020/lib/models/index.mjs +16 -16
  116. package/esm2020/lib/models/ip-info.enum.mjs +2 -2
  117. package/esm2020/lib/models/list-item.model.mjs +2 -2
  118. package/esm2020/lib/models/menu-item.model.mjs +2 -2
  119. package/esm2020/lib/models/message-status.enum.mjs +8 -8
  120. package/esm2020/lib/models/profile.model.mjs +217 -217
  121. package/esm2020/lib/models/role.enum.mjs +5 -5
  122. package/esm2020/lib/models/status.enum.mjs +8 -8
  123. package/esm2020/lib/models/view.enum.mjs +7 -7
  124. package/esm2020/lib/pipes/currency-brl.pipe.mjs +18 -18
  125. package/esm2020/lib/pipes/format-document.pipe.mjs +17 -17
  126. package/esm2020/lib/pipes/index.mjs +8 -8
  127. package/esm2020/lib/pipes/mask.pipe.mjs +21 -21
  128. package/esm2020/lib/pipes/not-hidden.pipe.mjs +16 -16
  129. package/esm2020/lib/pipes/only-active.pipe.mjs +16 -16
  130. package/esm2020/lib/pipes/pipes.module.mjs +21 -21
  131. package/esm2020/lib/pipes/remove-last-child.pipe.mjs +18 -18
  132. package/esm2020/lib/resolvers/get-selected-crud-item.resolver.mjs +28 -28
  133. package/esm2020/lib/resolvers/index.mjs +2 -2
  134. package/esm2020/lib/services/auth.service.mjs +77 -77
  135. package/esm2020/lib/services/base-dropdown.mjs +2 -2
  136. package/esm2020/lib/services/crud-base.service.mjs +14 -14
  137. package/esm2020/lib/services/enum.service.mjs +43 -43
  138. package/esm2020/lib/services/error-message.service.mjs +16 -16
  139. package/esm2020/lib/services/geolocation.service.mjs +23 -23
  140. package/esm2020/lib/services/index.mjs +12 -12
  141. package/esm2020/lib/services/loading.service.mjs +15 -15
  142. package/esm2020/lib/services/menu.service.mjs +147 -147
  143. package/esm2020/lib/services/modal.service.mjs +15 -15
  144. package/esm2020/lib/services/profile.service.mjs +100 -100
  145. package/esm2020/lib/services/storage.service.mjs +108 -108
  146. package/esm2020/lib/shared/shared.module.mjs +17 -17
  147. package/esm2020/lib/utils/cpf-cnpj-validator.util.mjs +116 -116
  148. package/esm2020/lib/utils/file.util.mjs +15 -15
  149. package/esm2020/lib/utils/index.mjs +8 -8
  150. package/esm2020/lib/utils/mask.util.mjs +66 -66
  151. package/esm2020/lib/utils/object.util.mjs +27 -27
  152. package/esm2020/lib/utils/string.util.mjs +16 -16
  153. package/esm2020/lib/utils/validation.util.mjs +234 -234
  154. package/esm2020/lib/utils/window.util.mjs +9 -9
  155. package/esm2020/ngx-vector-components.mjs +4 -4
  156. package/esm2020/public-api.mjs +9 -9
  157. package/fesm2015/ngx-vector-components.mjs +4219 -4217
  158. package/fesm2015/ngx-vector-components.mjs.map +1 -1
  159. package/fesm2020/ngx-vector-components.mjs +4196 -4194
  160. package/fesm2020/ngx-vector-components.mjs.map +1 -1
  161. package/lib/components/badge/badge.component.d.ts +15 -15
  162. package/lib/components/badge/badge.module.d.ts +9 -9
  163. package/lib/components/badge/index.d.ts +2 -2
  164. package/lib/components/breadcrumb/breadcrumb.component.d.ts +19 -19
  165. package/lib/components/breadcrumb/breadcrumb.module.d.ts +8 -8
  166. package/lib/components/breadcrumb/index.d.ts +2 -2
  167. package/lib/components/crud-base/crud-base.component.d.ts +20 -20
  168. package/lib/components/crud-base/index.d.ts +1 -1
  169. package/lib/components/crud-footer/crud-footer.component.d.ts +13 -13
  170. package/lib/components/crud-footer/crud-footer.module.d.ts +9 -9
  171. package/lib/components/crud-footer/index.d.ts +2 -2
  172. package/lib/components/crud-header/crud-header.component.d.ts +11 -11
  173. package/lib/components/crud-header/crud-header.module.d.ts +9 -9
  174. package/lib/components/crud-header/index.d.ts +2 -2
  175. package/lib/components/crud-history/crud-history.component.d.ts +12 -12
  176. package/lib/components/crud-history/crud-history.module.d.ts +10 -10
  177. package/lib/components/crud-history/index.d.ts +2 -2
  178. package/lib/components/fields/button/button.component.d.ts +17 -17
  179. package/lib/components/fields/button/index.d.ts +1 -1
  180. package/lib/components/fields/calendar-field/calendar-field.component.d.ts +23 -23
  181. package/lib/components/fields/calendar-field/index.d.ts +1 -1
  182. package/lib/components/fields/checkbox-field/checkbox-field.component.d.ts +19 -19
  183. package/lib/components/fields/checkbox-field/index.d.ts +1 -1
  184. package/lib/components/fields/currency-field/currency-field.component.d.ts +27 -27
  185. package/lib/components/fields/currency-field/index.d.ts +1 -1
  186. package/lib/components/fields/data-table/data-table.component.d.ts +78 -78
  187. package/lib/components/fields/data-table/index.d.ts +1 -1
  188. package/lib/components/fields/dropdown-field/dropdown-field.component.d.ts +50 -50
  189. package/lib/components/fields/dropdown-field/index.d.ts +1 -1
  190. package/lib/components/fields/field-error-message/field-error-message.component.d.ts +10 -10
  191. package/lib/components/fields/field-error-message/index.d.ts +1 -1
  192. package/lib/components/fields/fields.module.d.ts +46 -46
  193. package/lib/components/fields/filters/filters.component.d.ts +61 -61
  194. package/lib/components/fields/filters/index.d.ts +1 -1
  195. package/lib/components/fields/index.d.ts +18 -18
  196. package/lib/components/fields/input-number-field/index.d.ts +1 -1
  197. package/lib/components/fields/input-number-field/input-number-field.component.d.ts +27 -27
  198. package/lib/components/fields/multiselect-field/index.d.ts +1 -1
  199. package/lib/components/fields/multiselect-field/multiselect-field.component.d.ts +15 -15
  200. package/lib/components/fields/percentage-field/index.d.ts +1 -1
  201. package/lib/components/fields/percentage-field/percentage-field.component.d.ts +16 -16
  202. package/lib/components/fields/radio-button-field/index.d.ts +1 -1
  203. package/lib/components/fields/radio-button-field/radio-button-field.component.d.ts +21 -21
  204. package/lib/components/fields/range-value/index.d.ts +1 -1
  205. package/lib/components/fields/range-value/range-value.component.d.ts +18 -18
  206. package/lib/components/fields/search-field/index.d.ts +1 -1
  207. package/lib/components/fields/search-field/search-field.component.d.ts +14 -14
  208. package/lib/components/fields/select-button-field/index.d.ts +1 -1
  209. package/lib/components/fields/select-button-field/select-button-field.component.d.ts +9 -9
  210. package/lib/components/fields/text-field/index.d.ts +1 -1
  211. package/lib/components/fields/text-field/text-field.component.d.ts +49 -48
  212. package/lib/components/fields/textarea-field/index.d.ts +1 -1
  213. package/lib/components/fields/textarea-field/textarea-field.component.d.ts +20 -20
  214. package/lib/components/generic-error-modal/generic-error-modal.component.d.ts +14 -14
  215. package/lib/components/generic-error-modal/generic-error-modal.module.d.ts +10 -10
  216. package/lib/components/generic-error-modal/index.d.ts +2 -2
  217. package/lib/components/generic-modal/generic-modal.component.d.ts +24 -24
  218. package/lib/components/generic-modal/generic-modal.module.d.ts +10 -10
  219. package/lib/components/generic-modal/index.d.ts +2 -2
  220. package/lib/components/index.d.ts +12 -12
  221. package/lib/components/menu/index.d.ts +3 -3
  222. package/lib/components/menu/menu.component.d.ts +54 -54
  223. package/lib/components/menu/menu.module.d.ts +10 -10
  224. package/lib/components/menu/sub-menus-list/sub-menus-list.component.d.ts +14 -14
  225. package/lib/components/panel/index.d.ts +2 -2
  226. package/lib/components/panel/panel.component.d.ts +8 -8
  227. package/lib/components/panel/panel.module.d.ts +9 -9
  228. package/lib/components/top-bar/index.d.ts +2 -2
  229. package/lib/components/top-bar/top-bar.component.d.ts +38 -38
  230. package/lib/components/top-bar/top-bar.module.d.ts +9 -9
  231. package/lib/guards/crud-list-has-items.guard.d.ts +10 -10
  232. package/lib/guards/get-token-by-guid.guard.d.ts +15 -15
  233. package/lib/guards/has-permission.guard.d.ts +13 -13
  234. package/lib/guards/index.d.ts +5 -5
  235. package/lib/guards/role.guard.d.ts +11 -11
  236. package/lib/guards/token-is-present.guard.d.ts +11 -11
  237. package/lib/interceptors/http-interceptor.d.ts +31 -31
  238. package/lib/interceptors/index.d.ts +1 -1
  239. package/lib/models/app-name.enum.d.ts +7 -7
  240. package/lib/models/boolean-type.enum.d.ts +4 -4
  241. package/lib/models/crud-history.model.d.ts +13 -13
  242. package/lib/models/crud-mode.enum.d.ts +5 -5
  243. package/lib/models/data-table.model.d.ts +62 -62
  244. package/lib/models/document-type.enum.d.ts +4 -4
  245. package/lib/models/filters.model.d.ts +4 -4
  246. package/lib/models/generic-modal.model.d.ts +13 -13
  247. package/lib/models/http-response.model.d.ts +40 -40
  248. package/lib/models/index.d.ts +15 -15
  249. package/lib/models/ip-info.enum.d.ts +6 -6
  250. package/lib/models/list-item.model.d.ts +6 -6
  251. package/lib/models/menu-item.model.d.ts +16 -16
  252. package/lib/models/message-status.enum.d.ts +6 -6
  253. package/lib/models/profile.model.d.ts +238 -238
  254. package/lib/models/role.enum.d.ts +3 -3
  255. package/lib/models/status.enum.d.ts +6 -6
  256. package/lib/models/view.enum.d.ts +5 -5
  257. package/lib/pipes/currency-brl.pipe.d.ts +7 -7
  258. package/lib/pipes/format-document.pipe.d.ts +7 -7
  259. package/lib/pipes/index.d.ts +7 -7
  260. package/lib/pipes/mask.pipe.d.ts +7 -7
  261. package/lib/pipes/not-hidden.pipe.d.ts +7 -7
  262. package/lib/pipes/only-active.pipe.d.ts +7 -7
  263. package/lib/pipes/pipes.module.d.ts +12 -12
  264. package/lib/pipes/remove-last-child.pipe.d.ts +7 -7
  265. package/lib/resolvers/get-selected-crud-item.resolver.d.ts +10 -10
  266. package/lib/resolvers/index.d.ts +1 -1
  267. package/lib/services/auth.service.d.ts +24 -24
  268. package/lib/services/base-dropdown.d.ts +7 -7
  269. package/lib/services/crud-base.service.d.ts +7 -7
  270. package/lib/services/enum.service.d.ts +13 -13
  271. package/lib/services/error-message.service.d.ts +8 -8
  272. package/lib/services/geolocation.service.d.ts +13 -13
  273. package/lib/services/index.d.ts +11 -11
  274. package/lib/services/loading.service.d.ts +7 -7
  275. package/lib/services/menu.service.d.ts +37 -37
  276. package/lib/services/modal.service.d.ts +7 -7
  277. package/lib/services/profile.service.d.ts +26 -26
  278. package/lib/services/storage.service.d.ts +43 -43
  279. package/lib/shared/shared.module.d.ts +9 -9
  280. package/lib/utils/cpf-cnpj-validator.util.d.ts +5 -5
  281. package/lib/utils/file.util.d.ts +4 -4
  282. package/lib/utils/index.d.ts +7 -7
  283. package/lib/utils/mask.util.d.ts +17 -17
  284. package/lib/utils/object.util.d.ts +5 -5
  285. package/lib/utils/string.util.d.ts +4 -4
  286. package/lib/utils/validation.util.d.ts +17 -17
  287. package/lib/utils/window.util.d.ts +4 -4
  288. package/ngx-vector-components.d.ts +5 -5
  289. package/package.json +1 -1
  290. package/public-api.d.ts +8 -8
package/assets/styles/_primeng-custom-theme.scss CHANGED
@@ -1,978 +1,978 @@
1
- .p-focus,
2
- .p-element:focus {
3
- box-shadow: none !important;
4
- }
5
-
6
- .field {
7
- margin-bottom: 0rem !important;
8
- }
9
-
10
- .p-button.p-button-icon-only {
11
- padding: 0.4rem 0 !important;
12
- }
13
-
14
- .p-button:hover:not(:disabled) .p-button-icon,
15
- .p-button.success .p-button-icon {
16
- color: #fff !important;
17
- }
18
-
19
- .p-button.p-button-link {
20
- color: var(--theme-dark);
21
- background: transparent;
22
- border: transparent;
23
- }
24
- .p-button.p-button-link:enabled:hover {
25
- background: transparent;
26
- color: var(--theme-dark);
27
- border-color: transparent;
28
- }
29
- .p-button.p-button-link:enabled:hover .p-button-label {
30
- text-decoration: none;
31
- }
32
- .p-button.p-button-link:enabled:focus {
33
- background: transparent;
34
- box-shadow: 0 0 0 0.2rem #a6d5fa;
35
- border-color: transparent;
36
- }
37
- .p-button.p-button-link:enabled:active {
38
- background: transparent;
39
- color: var(--theme-dark);
40
- border-color: transparent;
41
- }
42
-
43
- p-button {
44
- width: 100%;
45
- border-width: 2px;
46
- border-radius: var(--border-radius);
47
- background-color: var(--theme-dark);
48
- border-color: var(--theme-dark);
49
- color: #ffffff;
50
- box-shadow: 0px 5px 5px rgba(0, 70, 232, 0.5);
51
-
52
- button {
53
- width: 100% !important;
54
- }
55
-
56
- &:hover:not(:disabled) {
57
- background-color: #003049;
58
- border-color: #003049;
59
- }
60
-
61
- &:focus {
62
- box-shadow: none;
63
- }
64
-
65
- &:disabled {
66
- cursor: not-allowed;
67
- }
68
- .no-shadow {
69
- box-shadow: none;
70
- }
71
-
72
- .p-button {
73
- border-width: 2px !important;
74
- }
75
-
76
- .default {
77
- background-color: #ffffff;
78
- border-color: var(--theme-dark);
79
-
80
- .p-button-label {
81
- color: var(--theme-dark);
82
- }
83
-
84
- .p-button-icon {
85
- color: var(--theme-dark);
86
- }
87
-
88
- &:hover:not(:disabled) {
89
- background-color: var(--theme-dark);
90
- border-color: var(--theme-dark);
91
- .p-button-label {
92
- color: #ffffff;
93
- }
94
- }
95
- }
96
-
97
- .default-filled {
98
- background-color: var(--theme-primary);
99
- border-color: var(--theme-primary);
100
- .p-button-label {
101
- color: #ffffff;
102
- }
103
- .p-button-icon {
104
- color: #ffffff;
105
- }
106
-
107
- &:hover:not(:disabled) {
108
- background-color: var(--theme-dark);
109
- border-color: var(--theme-dark);
110
- }
111
- }
112
-
113
- .cancel {
114
- background-color: #ffffff;
115
- border-color: var(--error-color);
116
- .p-button-label {
117
- color: var(--error-color);
118
- }
119
- .p-button-icon {
120
- color: var(--error-color);
121
- }
122
-
123
- &:hover:not(:disabled) {
124
- background-color: var(--error-color-dark);
125
- border-color: var(--error-color-dark);
126
- .p-button-label {
127
- color: #ffffff;
128
- }
129
- }
130
- }
131
-
132
- .cancel-filled {
133
- background-color: var(--error-color);
134
- border-color: var(--error-color);
135
- .p-button-label {
136
- color: #ffffff;
137
- }
138
-
139
- .p-button-icon {
140
- color: #ffffff;
141
- }
142
-
143
- &:hover:not(:disabled) {
144
- background-color: var(--error-color-dark);
145
- border-color: var(--error-color-dark);
146
- }
147
- }
148
-
149
- .success {
150
- background-color: var(--success-color);
151
- border-color: var(--success-color);
152
- .p-button-label {
153
- color: #fff;
154
- }
155
- .p-button-icon {
156
- color: #fff;
157
- }
158
-
159
- &:hover:not(:disabled) {
160
- background-color: var(--success-color-dark);
161
- border-color: var(--success-color-dark);
162
- }
163
- }
164
-
165
- .success-outlined {
166
- background-color: #ffffff;
167
- border-color: var(--success-color);
168
-
169
- .p-button-label {
170
- color: var(--success-color);
171
- }
172
- .p-button-icon {
173
- color: var(--success-color);
174
- }
175
-
176
- &:hover:not(:disabled) {
177
- background-color: var(--success-color-dark);
178
- border-color: var(--success-color-dark);
179
-
180
- .p-button-label {
181
- color: #fff;
182
- }
183
- }
184
- }
185
- }
186
-
187
- .p-autocomplete-input {
188
- border-right: none !important;
189
- border-top-right-radius: 0px !important;
190
- border-bottom-right-radius: 0px !important;
191
- padding: 6px 0px 6px 12px !important;
192
-
193
- &:focus + .p-autocomplete-dropdown {
194
- background-color: #ffffff !important;
195
- border-right: 2px solid var(--theme-dark) !important;
196
- border-top: 2px solid var(--theme-dark) !important;
197
- border-bottom: 2px solid var(--theme-dark) !important;
198
- }
199
- }
200
-
201
- .p-inputwrapper-focus .p-autocomplete-dropdown {
202
- background-color: #ffffff !important;
203
- border-right: 2px solid var(--theme-dark) !important;
204
- border-top: 2px solid var(--theme-dark) !important;
205
- border-bottom: 2px solid var(--theme-dark) !important;
206
- }
207
-
208
- .p-autocomplete-dropdown {
209
- background-color: var(--gray-light) !important;
210
- border: none !important;
211
- margin-left: -1px !important;
212
- border-top-right-radius: var(--border-radius) !important;
213
- border-bottom-right-radius: var(--border-radius) !important;
214
- color: var(--gray-dark) !important;
215
- padding-bottom: 5px !important;
216
- }
217
-
218
- .p-dropdown,
219
- .p-multiselect {
220
- height: 40px;
221
- background-color: var(--gray-medium) !important;
222
-
223
- .p-dropdown-label,
224
- .p-multiselect-label {
225
- font-family: 'Poppins';
226
- color: var(--theme-dark) !important;
227
- font-weight: 500;
228
- display: flex;
229
- align-items: center;
230
- }
231
- }
232
-
233
- p-inputnumber.currency-input:not(.outlined) {
234
- &.ng-touched.ng-invalid input.p-inputnumber-input {
235
- color: var(--error-color) !important;
236
- }
237
-
238
- &.rounded input.p-inputnumber-input {
239
- font-size: 1rem !important;
240
- }
241
-
242
- input.p-inputnumber-input {
243
- font-size: 2em !important;
244
- border: none !important;
245
- font-weight: 600 !important;
246
- background-color: #ffffff !important;
247
- color: var(--theme-dark) !important;
248
- width: 100% !important;
249
- padding: 0px !important;
250
- height: 2em !important;
251
-
252
- &:focus {
253
- outline: 0 !important;
254
- box-shadow: none !important;
255
- }
256
- }
257
- }
258
-
259
- .p-inputnumber-buttons-horizontal .p-button {
260
- color: var(--theme-primary) !important;
261
- border: none !important;
262
- background: var(--gray-light) !important;
263
-
264
- span {
265
- font-weight: 600 !important;
266
- }
267
- }
268
-
269
- .p-multiselect {
270
- padding: 6px 0px 6px 12px !important;
271
-
272
- .p-multiselect-label {
273
- padding: 0.3rem 0.5rem 0 0 !important;
274
- }
275
-
276
- .p-multiselect-trigger {
277
- width: 12px !important;
278
- &:hover {
279
- color: #fff !important;
280
- }
281
- }
282
- }
283
-
284
- input.p-inputtext:not(.currency-input),
285
- .p-inputtextarea,
286
- .p-multiselect {
287
- &:not(:focus) {
288
- border: none !important;
289
- background-color: var(--gray-light) !important;
290
- }
291
- width: 100%;
292
- padding: 6px 12px 6px 12px !important;
293
- border-top-right-radius: var(--border-radius);
294
- border-bottom-right-radius: var(--border-radius);
295
- border-top-left-radius: var(--border-radius);
296
- border-bottom-left-radius: var(--border-radius);
297
- height: 40px;
298
- font-size: 0.9em !important;
299
- color: var(--theme-dark) !important;
300
- font-weight: 500;
301
-
302
- &:disabled {
303
- cursor: not-allowed;
304
- opacity: 0.6;
305
- }
306
-
307
- &:focus {
308
- outline: 0 !important;
309
- box-shadow: none !important;
310
- border: 2px solid var(--theme-dark);
311
- background-color: #ffffff;
312
- }
313
-
314
- &:hover,
315
- &:focus:not(.ng-invalid):not(.p-inputmask) {
316
- border-color: var(--theme-dark) !important;
317
- }
318
-
319
- &::placeholder {
320
- color: var(--theme-dark);
321
- opacity: 0.8;
322
- }
323
-
324
- &.ng-touched.ng-invalid {
325
- border-color: var(--error-color) !important;
326
- background-color: var(--error-color-transparent) !important;
327
- }
328
-
329
- &:not(.ng-invalid) {
330
- border-color: var(--theme-dark) !important;
331
- }
332
- }
333
-
334
- .p-inputtextarea {
335
- padding-right: 62px !important;
336
- resize: none;
337
- height: unset !important;
338
- }
339
-
340
- .p-calendar {
341
- width: 100% !important;
342
- .p-inputtext {
343
- color: var(--theme-dark) !important;
344
- font-weight: 600 !important;
345
- margin-left: -1px !important;
346
- border-top-right-radius: 0px !important;
347
- border-bottom-right-radius: 0px !important;
348
-
349
- &:focus {
350
- border-right: none !important;
351
-
352
- + .p-datepicker-trigger {
353
- border-right: 2px solid var(--theme-dark) !important;
354
- border-top: 2px solid var(--theme-dark) !important;
355
- border-bottom: 2px solid var(--theme-dark) !important;
356
- background-color: #ffffff !important;
357
- }
358
- }
359
- }
360
-
361
- .p-datepicker-trigger {
362
- background-color: var(--gray-light) !important;
363
- border: none !important;
364
- border-top-right-radius: var(--border-radius) !important;
365
- border-bottom-right-radius: var(--border-radius) !important;
366
-
367
- .p-button-icon {
368
- color: var(--theme-dark) !important;
369
- }
370
- }
371
- }
372
- p-calendar.ng-touched.ng-invalid {
373
- .p-calendar {
374
- width: 100% !important;
375
- input.p-inputtext:not(.currency-input),
376
- .p-inputtextarea {
377
- &:not(:focus) {
378
- border: none !important;
379
- background-color: var(--error-color-transparent) !important;
380
- }
381
- }
382
- }
383
-
384
- .p-datepicker-trigger {
385
- border-color: var(--error-color) !important;
386
- background-color: var(--error-color-transparent) !important;
387
- }
388
-
389
- .p-focus {
390
- input.p-inputtext:not(.currency-input),
391
- .p-inputtextarea {
392
- border-color: var(--error-color) !important;
393
- background-color: var(--error-color-transparent) !important;
394
- }
395
- .p-datepicker-trigger {
396
- border-right: 2px solid var(--error-color) !important;
397
- border-top: 2px solid var(--error-color) !important;
398
- border-bottom: 2px solid var(--error-color) !important;
399
- background-color: var(--error-color-transparent) !important;
400
- }
401
- }
402
- }
403
-
404
- p-inputmask {
405
- flex: 1;
406
- }
407
- p-inputmask.ng-touched.ng-invalid input {
408
- border-color: var(--error-color) !important;
409
- background-color: var(--error-color-transparent) !important;
410
- }
411
-
412
- p-inputnumber:not(.currency-input),
413
- p-inputnumber.outlined {
414
- display: block !important;
415
-
416
- span {
417
- width: 100%;
418
- }
419
- }
420
-
421
- p-radiobutton.ng-touched.ng-invalid .p-radiobutton-box {
422
- border-color: var(--error-color) !important;
423
- }
424
-
425
- .p-radiobutton-box.p-highlight {
426
- background-color: var(--success-color) !important;
427
- border-color: var(--success-color) !important;
428
-
429
- // &::before {
430
- // content: '\f00c';
431
- // color: #ffffff;
432
- // font-weight: 200;
433
- // width: 10px;
434
- // height: 10px;
435
- // }
436
- // .p-radiobutton-icon {
437
- // background-color: var(--success-color) !important;
438
- // }
439
- }
440
-
441
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
442
- border-color: var(--success-color) !important;
443
- }
444
-
445
- .p-highlight {
446
- background-color: var(--theme-primary) !important;
447
- border-color: var(--theme-primary) !important;
448
- }
449
-
450
- .p-button:focus {
451
- box-shadow: unset !important;
452
- }
453
-
454
- .p-button.button {
455
- display: flex !important;
456
- flex-direction: row !important;
457
- justify-content: center !important;
458
-
459
- .p-button-label {
460
- flex: unset !important;
461
- }
462
- }
463
-
464
- .p-datepicker table td > span:focus {
465
- box-shadow: unset !important;
466
- }
467
-
468
- .p-datepicker table td > span.p-highlight {
469
- color: #ffffff !important;
470
- }
471
-
472
- .p-datepicker table td > span {
473
- color: var(--font-color) !important;
474
- }
475
-
476
- .p-datepicker {
477
- border: 2px solid var(--theme-dark) !important;
478
- border-radius: var(--border-radius) !important;
479
- z-index: 15000 !important;
480
-
481
- .p-datepicker-calendar thead tr th span {
482
- color: var(--theme-dark) !important;
483
- }
484
- }
485
-
486
- .p-overlaypanel {
487
- background-color: #01529b !important;
488
- }
489
-
490
- .p-overlaypanel-content {
491
- padding: 6px 8px 6px 8px !important;
492
- }
493
-
494
- .p-overlaypanel::after,
495
- .p-overlaypanel::before {
496
- border-bottom-color: #01529b !important;
497
- }
498
-
499
- .p-dialog:not(.p-confirm-dialog) {
500
- .p-dialog-header {
501
- padding: 3px !important;
502
- border-top-left-radius: 9px !important;
503
- border-top-right-radius: 9px !important;
504
- }
505
-
506
- .p-dialog-content {
507
- border-bottom-left-radius: 9px !important;
508
- border-bottom-right-radius: 9px !important;
509
- }
510
- }
511
-
512
- .p-dialog .p-dialog-header .p-dialog-title {
513
- font-size: 1em !important;
514
- text-align: center !important;
515
- }
516
-
517
- .p-dialog-header-close-icon {
518
- font-weight: 600 !important;
519
- }
520
-
521
- .p-confirm-dialog {
522
- .p-dialog-footer .actions {
523
- display: flex;
524
- align-items: center;
525
- justify-content: flex-end;
526
- }
527
-
528
- .p-confirm-dialog-icon {
529
- display: none !important;
530
- }
531
-
532
- .p-confirm-dialog-message {
533
- margin-left: 0px !important;
534
- }
535
- }
536
-
537
- .p-selectbutton {
538
- background-color: var(--gray-light) !important;
539
- border-radius: 10px !important;
540
- width: fit-content !important;
541
-
542
- .p-ripple {
543
- border: none !important;
544
- margin: 3px !important;
545
- border-radius: 8px !important;
546
-
547
- .p-button-label {
548
- color: var(--gray-dark) !important;
549
- font-weight: 500 !important;
550
- }
551
-
552
- &:not(.p-highlight) {
553
- background-color: transparent !important;
554
- }
555
-
556
- &.p-highlight {
557
- background-color: #fff !important;
558
-
559
- .p-button-label {
560
- color: var(--theme-medium) !important;
561
- }
562
- }
563
- }
564
- }
565
-
566
- .p-multiselect-panel:not(.has-filter) .p-multiselect-header {
567
- .p-checkbox::after {
568
- content: 'Mostrar Todos';
569
- margin-left: 0.5rem;
570
- }
571
- }
572
-
573
- .p-multiselect-header {
574
- .p-checkbox {
575
- width: max-content;
576
- }
577
- }
578
-
579
- .rounded-checkbox .p-checkbox-box {
580
- border-radius: 20px !important;
581
- border: none !important;
582
- background-color: var(--gray-light) !important;
583
-
584
- .p-checkbox-icon {
585
- font-size: 0.8em !important;
586
- padding-top: 2px !important;
587
- }
588
- }
589
-
590
- .p-checkbox-box.p-highlight {
591
- background: var(--theme-primary) !important;
592
- border-color: var(--theme-primary) !important;
593
- }
594
-
595
- .p-checkbox-box {
596
- border-width: 2px !important;
597
- border-color: var(--gray-dark) !important;
598
-
599
- &:hover:not(.p-highlight) {
600
- border-color: var(--gray-dark) !important;
601
- }
602
- }
603
-
604
- .p-dropdown,
605
- .p-autocomplete {
606
- width: 100%;
607
- }
608
- p-autocomplete.ng-touched.ng-invalid {
609
- input.p-inputtext:not(.currency-input),
610
- .p-inputtextarea {
611
- &:not(:focus) {
612
- border: none !important;
613
- background-color: var(--error-color-transparent) !important;
614
- }
615
-
616
- &:focus:not(.ng-invalid):not(.p-inputmask) {
617
- border-color: var(--error-color) !important;
618
- }
619
- }
620
- }
621
-
622
- p-autocomplete.ng-touched.ng-invalid .p-autocomplete-dropdown,
623
- p-multiselect.ng-touched.ng-invalid .p-multiselect {
624
- border-color: var(--error-color) !important;
625
- background-color: var(--error-color-transparent) !important;
626
- }
627
-
628
- .p-dropdown-panel,
629
- .p-autocomplete-panel,
630
- .p-multiselect-panel {
631
- max-width: 250px !important;
632
- border: 2px solid var(--theme-dark) !important;
633
- margin-top: -2px !important;
634
- border-radius: var(--border-radius) !important;
635
-
636
- & .p-autocomplete-items,
637
- & .p-multiselect-items {
638
- padding-top: 0px !important;
639
- padding-bottom: 0px !important;
640
- padding-right: 1px !important;
641
- }
642
-
643
- &::-webkit-scrollbar {
644
- width: 5px;
645
- }
646
-
647
- &::-webkit-scrollbar-track {
648
- background: var(--gray-light);
649
- }
650
-
651
- &::-webkit-scrollbar-thumb {
652
- background: var(--theme-dark);
653
- border-radius: 8px;
654
- }
655
-
656
- &::-webkit-scrollbar-thumb:hover {
657
- background: var(--theme-dark);
658
- }
659
- }
660
-
661
- .p-dropdown-item,
662
- .p-autocomplete-item,
663
- .p-multiselect-item {
664
- text-overflow: ellipsis;
665
- color: var(--theme-dark) !important;
666
-
667
- &:hover {
668
- background-color: var(--theme-dark) !important;
669
- color: #ffffff !important;
670
- }
671
- }
672
-
673
- .p-dropdown,
674
- .p-multiselect {
675
- border: none !important;
676
- .p-highlight {
677
- background-color: #ffffff !important;
678
- }
679
- }
680
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,
681
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
682
- background-color: var(--theme-dark) !important;
683
- color: #ffffff !important;
684
- }
685
-
686
- .p-slider {
687
- background-color: #01529b;
688
- .p-slider-range {
689
- background-color: var(--success-color) !important;
690
- border-radius: inherit !important;
691
- }
692
- .p-slider-handle {
693
- border-color: var(--success-color) !important;
694
-
695
- &:hover {
696
- background-color: var(--success-color) !important;
697
- }
698
- &:focus {
699
- box-shadow: unset !important;
700
- }
701
- }
702
- }
703
-
704
- .p-fileupload {
705
- p-messages {
706
- display: none !important;
707
- }
708
- .p-fileupload-choose {
709
- background: transparent !important;
710
- border: 2px solid var(--theme-dark) !important;
711
- border-radius: var(--border-radius) !important;
712
-
713
- .p-button-label {
714
- color: var(--theme-dark) !important;
715
- max-width: 200px !important;
716
- text-overflow: ellipsis !important;
717
- white-space: nowrap !important;
718
- overflow: hidden !important;
719
-
720
- @media (max-width: 768px) {
721
- max-width: 150px !important;
722
- }
723
- }
724
-
725
- .p-button-icon {
726
- display: none !important;
727
- }
728
- }
729
- }
730
-
731
- vector-data-table {
732
- vector-panel.data-table-panel .p-panel,
733
- vector-panel.data-table-panel .p-panel-content,
734
- vector-panel.data-table-panel .p-panel-content > div {
735
- border-radius: 15px !important;
736
- }
737
-
738
- p-table {
739
- .p-datatable-wrapper {
740
- }
741
-
742
- .p-datatable-table {
743
- border-radius: 15px !important;
744
- }
745
-
746
- .p-datatable-thead {
747
- border-radius: 15px !important;
748
- z-index: 0 !important;
749
-
750
- .header {
751
- th {
752
- white-space: normal !important;
753
- position: relative;
754
- padding: 10px 10px 10px 35px !important;
755
- background-color: var(--gray-light) !important;
756
-
757
- &:first-child {
758
- border-top-left-radius: 15px !important;
759
- padding: 10px !important;
760
- }
761
-
762
- &:last-child {
763
- border-top-right-radius: 15px !important;
764
- }
765
-
766
- p-sorticon {
767
- // position: absolute;
768
- // left: 0px;
769
-
770
- .p-sortable-column-icon {
771
- display: flex;
772
- flex-direction: column;
773
- font-size: 10px;
774
-
775
- &::before {
776
- content: '\e903' !important;
777
- }
778
-
779
- &::after {
780
- content: '\e902' !important;
781
- }
782
- }
783
- }
784
-
785
- &.p-highlight {
786
- color: var(--theme-primary) !important;
787
- }
788
- }
789
- }
790
- }
791
-
792
- .p-datatable-tbody {
793
- tr.p-highlight {
794
- background-color: #eff6ff !important;
795
- }
796
- }
797
-
798
- .row {
799
- background: transparent !important;
800
-
801
- .cell {
802
- white-space: normal !important;
803
-
804
- .boolean-value-positive {
805
- color: var(--success-color);
806
- }
807
-
808
- .boolean-value-negative {
809
- color: var(--error-color);
810
- }
811
-
812
- .status-table-field {
813
- font-size: 1.4em;
814
- }
815
-
816
- .table-button {
817
- cursor: pointer;
818
- color: var(--theme-primary);
819
- }
820
- }
821
-
822
- .no-results {
823
- border-bottom-left-radius: 15px;
824
- border-bottom-right-radius: 15px;
825
- }
826
- }
827
-
828
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
829
- color: #fff !important;
830
- }
831
-
832
- .p-paginator-bottom {
833
- border-radius: 15px !important;
834
- }
835
- }
836
-
837
- p-tabview {
838
- .p-tabview-panels {
839
- display: none !important;
840
- }
841
-
842
- .p-tabview-nav {
843
- li {
844
- .p-tabview-nav-link {
845
- justify-content: center;
846
- }
847
-
848
- &.p-highlight .p-tabview-nav-link {
849
- color: var(--theme-primary) !important;
850
- }
851
- }
852
- }
853
- }
854
-
855
- vector-panel p-panel .p-panel .p-panel-content {
856
- padding: 0px !important;
857
- }
858
- }
859
-
860
- .success {
861
- color: var(--success-color);
862
- }
863
- .error {
864
- color: var(--error-color);
865
- }
866
- .warning {
867
- color: var(--warning-color);
868
- }
869
- .info {
870
- color: var(--theme-light);
871
- }
872
-
873
- p-tabview {
874
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
875
- border-top-right-radius: 0px !important;
876
- border-top-left-radius: 0px !important;
877
- }
878
- }
879
-
880
- .p-accordion-header {
881
- .p-accordion-header-link {
882
- border-radius: 16px !important;
883
- box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06) !important;
884
- border: none !important;
885
-
886
- .p-accordion-toggle-icon {
887
- margin-right: 0.5rem !important;
888
- position: absolute !important;
889
- right: 0.5em !important;
890
- }
891
- }
892
- &.p-highlight {
893
- background: none !important;
894
- }
895
- }
896
-
897
- .p-accordion .p-accordion-content {
898
- border: none !important;
899
- background: #ffffff !important;
900
- border-radius: 16px !important;
901
- box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06) !important;
902
- margin-top: -25px !important;
903
- padding-top: 35px !important;
904
- }
905
-
906
- .p-accordion-tab {
907
- margin: 20px 0px;
908
- }
909
-
910
- .p-chip {
911
- display: inline-block;
912
- padding: 0 16px !important;
913
- height: 40px;
914
- font-weight: 500;
915
- font-size: 13px;
916
- line-height: 40px;
917
- border-radius: 25px !important;
918
- background-color: #e5e5ea !important;
919
- color: #002463 !important;
920
- opacity: 0.5;
921
-
922
- span {
923
- border: 2px solid;
924
- border-radius: 50%;
925
- width: 25px;
926
- height: 25px;
927
- margin-left: 5px;
928
- margin-top: 7px;
929
- color: #abaab5;
930
-
931
- i {
932
- position: relative;
933
- top: -11px;
934
- left: -6px;
935
- font-size: 12px;
936
- }
937
- }
938
-
939
- .closebtn {
940
- padding-left: 10px;
941
- font-weight: bold;
942
- float: right;
943
- font-size: 20px;
944
- cursor: pointer;
945
- }
946
-
947
- .closebtn:hover {
948
- color: #000;
949
- }
950
- }
951
-
952
- .p-menu.p-menu-overlay {
953
- width: fit-content;
954
- padding: 0px;
955
- border-radius: 9px;
956
- background-color: var(--theme-medium) !important;
957
-
958
- ul {
959
- display: flex;
960
-
961
- li {
962
- border-radius: 9px;
963
- }
964
-
965
- .p-menuitem-link {
966
- border-radius: 9px;
967
- }
968
-
969
- .p-menuitem-link:hover {
970
- background-color: var(--theme-dark) !important;
971
- }
972
-
973
- .p-menuitem-icon,
974
- .p-menuitem-text {
975
- color: #fff !important;
976
- }
977
- }
978
- }
1
+ .p-focus,
2
+ .p-element:focus {
3
+ box-shadow: none !important;
4
+ }
5
+
6
+ .field {
7
+ margin-bottom: 0rem !important;
8
+ }
9
+
10
+ .p-button.p-button-icon-only {
11
+ padding: 0.4rem 0 !important;
12
+ }
13
+
14
+ .p-button:hover:not(:disabled) .p-button-icon,
15
+ .p-button.success .p-button-icon {
16
+ color: #fff !important;
17
+ }
18
+
19
+ .p-button.p-button-link {
20
+ color: var(--theme-dark);
21
+ background: transparent;
22
+ border: transparent;
23
+ }
24
+ .p-button.p-button-link:enabled:hover {
25
+ background: transparent;
26
+ color: var(--theme-dark);
27
+ border-color: transparent;
28
+ }
29
+ .p-button.p-button-link:enabled:hover .p-button-label {
30
+ text-decoration: none;
31
+ }
32
+ .p-button.p-button-link:enabled:focus {
33
+ background: transparent;
34
+ box-shadow: 0 0 0 0.2rem #a6d5fa;
35
+ border-color: transparent;
36
+ }
37
+ .p-button.p-button-link:enabled:active {
38
+ background: transparent;
39
+ color: var(--theme-dark);
40
+ border-color: transparent;
41
+ }
42
+
43
+ p-button {
44
+ width: 100%;
45
+ border-width: 2px;
46
+ border-radius: var(--border-radius);
47
+ background-color: var(--theme-dark);
48
+ border-color: var(--theme-dark);
49
+ color: #ffffff;
50
+ box-shadow: 0px 5px 5px rgba(0, 70, 232, 0.5);
51
+
52
+ button {
53
+ width: 100% !important;
54
+ }
55
+
56
+ &:hover:not(:disabled) {
57
+ background-color: #003049;
58
+ border-color: #003049;
59
+ }
60
+
61
+ &:focus {
62
+ box-shadow: none;
63
+ }
64
+
65
+ &:disabled {
66
+ cursor: not-allowed;
67
+ }
68
+ .no-shadow {
69
+ box-shadow: none;
70
+ }
71
+
72
+ .p-button {
73
+ border-width: 2px !important;
74
+ }
75
+
76
+ .default {
77
+ background-color: #ffffff;
78
+ border-color: var(--theme-dark);
79
+
80
+ .p-button-label {
81
+ color: var(--theme-dark);
82
+ }
83
+
84
+ .p-button-icon {
85
+ color: var(--theme-dark);
86
+ }
87
+
88
+ &:hover:not(:disabled) {
89
+ background-color: var(--theme-dark);
90
+ border-color: var(--theme-dark);
91
+ .p-button-label {
92
+ color: #ffffff;
93
+ }
94
+ }
95
+ }
96
+
97
+ .default-filled {
98
+ background-color: var(--theme-primary);
99
+ border-color: var(--theme-primary);
100
+ .p-button-label {
101
+ color: #ffffff;
102
+ }
103
+ .p-button-icon {
104
+ color: #ffffff;
105
+ }
106
+
107
+ &:hover:not(:disabled) {
108
+ background-color: var(--theme-dark);
109
+ border-color: var(--theme-dark);
110
+ }
111
+ }
112
+
113
+ .cancel {
114
+ background-color: #ffffff;
115
+ border-color: var(--error-color);
116
+ .p-button-label {
117
+ color: var(--error-color);
118
+ }
119
+ .p-button-icon {
120
+ color: var(--error-color);
121
+ }
122
+
123
+ &:hover:not(:disabled) {
124
+ background-color: var(--error-color-dark);
125
+ border-color: var(--error-color-dark);
126
+ .p-button-label {
127
+ color: #ffffff;
128
+ }
129
+ }
130
+ }
131
+
132
+ .cancel-filled {
133
+ background-color: var(--error-color);
134
+ border-color: var(--error-color);
135
+ .p-button-label {
136
+ color: #ffffff;
137
+ }
138
+
139
+ .p-button-icon {
140
+ color: #ffffff;
141
+ }
142
+
143
+ &:hover:not(:disabled) {
144
+ background-color: var(--error-color-dark);
145
+ border-color: var(--error-color-dark);
146
+ }
147
+ }
148
+
149
+ .success {
150
+ background-color: var(--success-color);
151
+ border-color: var(--success-color);
152
+ .p-button-label {
153
+ color: #fff;
154
+ }
155
+ .p-button-icon {
156
+ color: #fff;
157
+ }
158
+
159
+ &:hover:not(:disabled) {
160
+ background-color: var(--success-color-dark);
161
+ border-color: var(--success-color-dark);
162
+ }
163
+ }
164
+
165
+ .success-outlined {
166
+ background-color: #ffffff;
167
+ border-color: var(--success-color);
168
+
169
+ .p-button-label {
170
+ color: var(--success-color);
171
+ }
172
+ .p-button-icon {
173
+ color: var(--success-color);
174
+ }
175
+
176
+ &:hover:not(:disabled) {
177
+ background-color: var(--success-color-dark);
178
+ border-color: var(--success-color-dark);
179
+
180
+ .p-button-label {
181
+ color: #fff;
182
+ }
183
+ }
184
+ }
185
+ }
186
+
187
+ .p-autocomplete-input {
188
+ border-right: none !important;
189
+ border-top-right-radius: 0px !important;
190
+ border-bottom-right-radius: 0px !important;
191
+ padding: 6px 0px 6px 12px !important;
192
+
193
+ &:focus + .p-autocomplete-dropdown {
194
+ background-color: #ffffff !important;
195
+ border-right: 2px solid var(--theme-dark) !important;
196
+ border-top: 2px solid var(--theme-dark) !important;
197
+ border-bottom: 2px solid var(--theme-dark) !important;
198
+ }
199
+ }
200
+
201
+ .p-inputwrapper-focus .p-autocomplete-dropdown {
202
+ background-color: #ffffff !important;
203
+ border-right: 2px solid var(--theme-dark) !important;
204
+ border-top: 2px solid var(--theme-dark) !important;
205
+ border-bottom: 2px solid var(--theme-dark) !important;
206
+ }
207
+
208
+ .p-autocomplete-dropdown {
209
+ background-color: var(--gray-light) !important;
210
+ border: none !important;
211
+ margin-left: -1px !important;
212
+ border-top-right-radius: var(--border-radius) !important;
213
+ border-bottom-right-radius: var(--border-radius) !important;
214
+ color: var(--gray-dark) !important;
215
+ padding-bottom: 5px !important;
216
+ }
217
+
218
+ .p-dropdown,
219
+ .p-multiselect {
220
+ height: 40px;
221
+ background-color: var(--gray-medium) !important;
222
+
223
+ .p-dropdown-label,
224
+ .p-multiselect-label {
225
+ font-family: 'Poppins';
226
+ color: var(--theme-dark) !important;
227
+ font-weight: 500;
228
+ display: flex;
229
+ align-items: center;
230
+ }
231
+ }
232
+
233
+ p-inputnumber.currency-input:not(.outlined) {
234
+ &.ng-touched.ng-invalid input.p-inputnumber-input {
235
+ color: var(--error-color) !important;
236
+ }
237
+
238
+ &.rounded input.p-inputnumber-input {
239
+ font-size: 1rem !important;
240
+ }
241
+
242
+ input.p-inputnumber-input {
243
+ font-size: 2em !important;
244
+ border: none !important;
245
+ font-weight: 600 !important;
246
+ background-color: #ffffff !important;
247
+ color: var(--theme-dark) !important;
248
+ width: 100% !important;
249
+ padding: 0px !important;
250
+ height: 2em !important;
251
+
252
+ &:focus {
253
+ outline: 0 !important;
254
+ box-shadow: none !important;
255
+ }
256
+ }
257
+ }
258
+
259
+ .p-inputnumber-buttons-horizontal .p-button {
260
+ color: var(--theme-primary) !important;
261
+ border: none !important;
262
+ background: var(--gray-light) !important;
263
+
264
+ span {
265
+ font-weight: 600 !important;
266
+ }
267
+ }
268
+
269
+ .p-multiselect {
270
+ padding: 6px 0px 6px 12px !important;
271
+
272
+ .p-multiselect-label {
273
+ padding: 0.3rem 0.5rem 0 0 !important;
274
+ }
275
+
276
+ .p-multiselect-trigger {
277
+ width: 12px !important;
278
+ &:hover {
279
+ color: #fff !important;
280
+ }
281
+ }
282
+ }
283
+
284
+ input.p-inputtext:not(.currency-input),
285
+ .p-inputtextarea,
286
+ .p-multiselect {
287
+ &:not(:focus) {
288
+ border: none !important;
289
+ background-color: var(--gray-light) !important;
290
+ }
291
+ width: 100%;
292
+ padding: 6px 12px 6px 12px !important;
293
+ border-top-right-radius: var(--border-radius);
294
+ border-bottom-right-radius: var(--border-radius);
295
+ border-top-left-radius: var(--border-radius);
296
+ border-bottom-left-radius: var(--border-radius);
297
+ height: 40px;
298
+ font-size: 0.9em !important;
299
+ color: var(--theme-dark) !important;
300
+ font-weight: 500;
301
+
302
+ &:disabled {
303
+ cursor: not-allowed;
304
+ opacity: 0.6;
305
+ }
306
+
307
+ &:focus {
308
+ outline: 0 !important;
309
+ box-shadow: none !important;
310
+ border: 2px solid var(--theme-dark);
311
+ background-color: #ffffff;
312
+ }
313
+
314
+ &:hover,
315
+ &:focus:not(.ng-invalid):not(.p-inputmask) {
316
+ border-color: var(--theme-dark) !important;
317
+ }
318
+
319
+ &::placeholder {
320
+ color: var(--theme-dark);
321
+ opacity: 0.8;
322
+ }
323
+
324
+ &.ng-touched.ng-invalid {
325
+ border-color: var(--error-color) !important;
326
+ background-color: var(--error-color-transparent) !important;
327
+ }
328
+
329
+ &:not(.ng-invalid) {
330
+ border-color: var(--theme-dark) !important;
331
+ }
332
+ }
333
+
334
+ .p-inputtextarea {
335
+ padding-right: 62px !important;
336
+ resize: none;
337
+ height: unset !important;
338
+ }
339
+
340
+ .p-calendar {
341
+ width: 100% !important;
342
+ .p-inputtext {
343
+ color: var(--theme-dark) !important;
344
+ font-weight: 600 !important;
345
+ margin-left: -1px !important;
346
+ border-top-right-radius: 0px !important;
347
+ border-bottom-right-radius: 0px !important;
348
+
349
+ &:focus {
350
+ border-right: none !important;
351
+
352
+ + .p-datepicker-trigger {
353
+ border-right: 2px solid var(--theme-dark) !important;
354
+ border-top: 2px solid var(--theme-dark) !important;
355
+ border-bottom: 2px solid var(--theme-dark) !important;
356
+ background-color: #ffffff !important;
357
+ }
358
+ }
359
+ }
360
+
361
+ .p-datepicker-trigger {
362
+ background-color: var(--gray-light) !important;
363
+ border: none !important;
364
+ border-top-right-radius: var(--border-radius) !important;
365
+ border-bottom-right-radius: var(--border-radius) !important;
366
+
367
+ .p-button-icon {
368
+ color: var(--theme-dark) !important;
369
+ }
370
+ }
371
+ }
372
+ p-calendar.ng-touched.ng-invalid {
373
+ .p-calendar {
374
+ width: 100% !important;
375
+ input.p-inputtext:not(.currency-input),
376
+ .p-inputtextarea {
377
+ &:not(:focus) {
378
+ border: none !important;
379
+ background-color: var(--error-color-transparent) !important;
380
+ }
381
+ }
382
+ }
383
+
384
+ .p-datepicker-trigger {
385
+ border-color: var(--error-color) !important;
386
+ background-color: var(--error-color-transparent) !important;
387
+ }
388
+
389
+ .p-focus {
390
+ input.p-inputtext:not(.currency-input),
391
+ .p-inputtextarea {
392
+ border-color: var(--error-color) !important;
393
+ background-color: var(--error-color-transparent) !important;
394
+ }
395
+ .p-datepicker-trigger {
396
+ border-right: 2px solid var(--error-color) !important;
397
+ border-top: 2px solid var(--error-color) !important;
398
+ border-bottom: 2px solid var(--error-color) !important;
399
+ background-color: var(--error-color-transparent) !important;
400
+ }
401
+ }
402
+ }
403
+
404
+ p-inputmask {
405
+ flex: 1;
406
+ }
407
+ p-inputmask.ng-touched.ng-invalid input {
408
+ border-color: var(--error-color) !important;
409
+ background-color: var(--error-color-transparent) !important;
410
+ }
411
+
412
+ p-inputnumber:not(.currency-input),
413
+ p-inputnumber.outlined {
414
+ display: block !important;
415
+
416
+ span {
417
+ width: 100%;
418
+ }
419
+ }
420
+
421
+ p-radiobutton.ng-touched.ng-invalid .p-radiobutton-box {
422
+ border-color: var(--error-color) !important;
423
+ }
424
+
425
+ .p-radiobutton-box.p-highlight {
426
+ background-color: var(--success-color) !important;
427
+ border-color: var(--success-color) !important;
428
+
429
+ // &::before {
430
+ // content: '\f00c';
431
+ // color: #ffffff;
432
+ // font-weight: 200;
433
+ // width: 10px;
434
+ // height: 10px;
435
+ // }
436
+ // .p-radiobutton-icon {
437
+ // background-color: var(--success-color) !important;
438
+ // }
439
+ }
440
+
441
+ .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
442
+ border-color: var(--success-color) !important;
443
+ }
444
+
445
+ .p-highlight {
446
+ background-color: var(--theme-primary) !important;
447
+ border-color: var(--theme-primary) !important;
448
+ }
449
+
450
+ .p-button:focus {
451
+ box-shadow: unset !important;
452
+ }
453
+
454
+ .p-button.button {
455
+ display: flex !important;
456
+ flex-direction: row !important;
457
+ justify-content: center !important;
458
+
459
+ .p-button-label {
460
+ flex: unset !important;
461
+ }
462
+ }
463
+
464
+ .p-datepicker table td > span:focus {
465
+ box-shadow: unset !important;
466
+ }
467
+
468
+ .p-datepicker table td > span.p-highlight {
469
+ color: #ffffff !important;
470
+ }
471
+
472
+ .p-datepicker table td > span {
473
+ color: var(--font-color) !important;
474
+ }
475
+
476
+ .p-datepicker {
477
+ border: 2px solid var(--theme-dark) !important;
478
+ border-radius: var(--border-radius) !important;
479
+ z-index: 15000 !important;
480
+
481
+ .p-datepicker-calendar thead tr th span {
482
+ color: var(--theme-dark) !important;
483
+ }
484
+ }
485
+
486
+ .p-overlaypanel {
487
+ background-color: #01529b !important;
488
+ }
489
+
490
+ .p-overlaypanel-content {
491
+ padding: 6px 8px 6px 8px !important;
492
+ }
493
+
494
+ .p-overlaypanel::after,
495
+ .p-overlaypanel::before {
496
+ border-bottom-color: #01529b !important;
497
+ }
498
+
499
+ .p-dialog:not(.p-confirm-dialog) {
500
+ .p-dialog-header {
501
+ padding: 3px !important;
502
+ border-top-left-radius: 9px !important;
503
+ border-top-right-radius: 9px !important;
504
+ }
505
+
506
+ .p-dialog-content {
507
+ border-bottom-left-radius: 9px !important;
508
+ border-bottom-right-radius: 9px !important;
509
+ }
510
+ }
511
+
512
+ .p-dialog .p-dialog-header .p-dialog-title {
513
+ font-size: 1em !important;
514
+ text-align: center !important;
515
+ }
516
+
517
+ .p-dialog-header-close-icon {
518
+ font-weight: 600 !important;
519
+ }
520
+
521
+ .p-confirm-dialog {
522
+ .p-dialog-footer .actions {
523
+ display: flex;
524
+ align-items: center;
525
+ justify-content: flex-end;
526
+ }
527
+
528
+ .p-confirm-dialog-icon {
529
+ display: none !important;
530
+ }
531
+
532
+ .p-confirm-dialog-message {
533
+ margin-left: 0px !important;
534
+ }
535
+ }
536
+
537
+ .p-selectbutton {
538
+ background-color: var(--gray-light) !important;
539
+ border-radius: 10px !important;
540
+ width: fit-content !important;
541
+
542
+ .p-ripple {
543
+ border: none !important;
544
+ margin: 3px !important;
545
+ border-radius: 8px !important;
546
+
547
+ .p-button-label {
548
+ color: var(--gray-dark) !important;
549
+ font-weight: 500 !important;
550
+ }
551
+
552
+ &:not(.p-highlight) {
553
+ background-color: transparent !important;
554
+ }
555
+
556
+ &.p-highlight {
557
+ background-color: #fff !important;
558
+
559
+ .p-button-label {
560
+ color: var(--theme-medium) !important;
561
+ }
562
+ }
563
+ }
564
+ }
565
+
566
+ .p-multiselect-panel:not(.has-filter) .p-multiselect-header {
567
+ .p-checkbox::after {
568
+ content: 'Mostrar Todos';
569
+ margin-left: 0.5rem;
570
+ }
571
+ }
572
+
573
+ .p-multiselect-header {
574
+ .p-checkbox {
575
+ width: max-content;
576
+ }
577
+ }
578
+
579
+ .rounded-checkbox .p-checkbox-box {
580
+ border-radius: 20px !important;
581
+ border: none !important;
582
+ background-color: var(--gray-light) !important;
583
+
584
+ .p-checkbox-icon {
585
+ font-size: 0.8em !important;
586
+ padding-top: 2px !important;
587
+ }
588
+ }
589
+
590
+ .p-checkbox-box.p-highlight {
591
+ background: var(--theme-primary) !important;
592
+ border-color: var(--theme-primary) !important;
593
+ }
594
+
595
+ .p-checkbox-box {
596
+ border-width: 2px !important;
597
+ border-color: var(--gray-dark) !important;
598
+
599
+ &:hover:not(.p-highlight) {
600
+ border-color: var(--gray-dark) !important;
601
+ }
602
+ }
603
+
604
+ .p-dropdown,
605
+ .p-autocomplete {
606
+ width: 100%;
607
+ }
608
+ p-autocomplete.ng-touched.ng-invalid {
609
+ input.p-inputtext:not(.currency-input),
610
+ .p-inputtextarea {
611
+ &:not(:focus) {
612
+ border: none !important;
613
+ background-color: var(--error-color-transparent) !important;
614
+ }
615
+
616
+ &:focus:not(.ng-invalid):not(.p-inputmask) {
617
+ border-color: var(--error-color) !important;
618
+ }
619
+ }
620
+ }
621
+
622
+ p-autocomplete.ng-touched.ng-invalid .p-autocomplete-dropdown,
623
+ p-multiselect.ng-touched.ng-invalid .p-multiselect {
624
+ border-color: var(--error-color) !important;
625
+ background-color: var(--error-color-transparent) !important;
626
+ }
627
+
628
+ .p-dropdown-panel,
629
+ .p-autocomplete-panel,
630
+ .p-multiselect-panel {
631
+ max-width: 250px !important;
632
+ border: 2px solid var(--theme-dark) !important;
633
+ margin-top: -2px !important;
634
+ border-radius: var(--border-radius) !important;
635
+
636
+ & .p-autocomplete-items,
637
+ & .p-multiselect-items {
638
+ padding-top: 0px !important;
639
+ padding-bottom: 0px !important;
640
+ padding-right: 1px !important;
641
+ }
642
+
643
+ &::-webkit-scrollbar {
644
+ width: 5px;
645
+ }
646
+
647
+ &::-webkit-scrollbar-track {
648
+ background: var(--gray-light);
649
+ }
650
+
651
+ &::-webkit-scrollbar-thumb {
652
+ background: var(--theme-dark);
653
+ border-radius: 8px;
654
+ }
655
+
656
+ &::-webkit-scrollbar-thumb:hover {
657
+ background: var(--theme-dark);
658
+ }
659
+ }
660
+
661
+ .p-dropdown-item,
662
+ .p-autocomplete-item,
663
+ .p-multiselect-item {
664
+ text-overflow: ellipsis;
665
+ color: var(--theme-dark) !important;
666
+
667
+ &:hover {
668
+ background-color: var(--theme-dark) !important;
669
+ color: #ffffff !important;
670
+ }
671
+ }
672
+
673
+ .p-dropdown,
674
+ .p-multiselect {
675
+ border: none !important;
676
+ .p-highlight {
677
+ background-color: #ffffff !important;
678
+ }
679
+ }
680
+ .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,
681
+ .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
682
+ background-color: var(--theme-dark) !important;
683
+ color: #ffffff !important;
684
+ }
685
+
686
+ .p-slider {
687
+ background-color: #01529b;
688
+ .p-slider-range {
689
+ background-color: var(--success-color) !important;
690
+ border-radius: inherit !important;
691
+ }
692
+ .p-slider-handle {
693
+ border-color: var(--success-color) !important;
694
+
695
+ &:hover {
696
+ background-color: var(--success-color) !important;
697
+ }
698
+ &:focus {
699
+ box-shadow: unset !important;
700
+ }
701
+ }
702
+ }
703
+
704
+ .p-fileupload {
705
+ p-messages {
706
+ display: none !important;
707
+ }
708
+ .p-fileupload-choose {
709
+ background: transparent !important;
710
+ border: 2px solid var(--theme-dark) !important;
711
+ border-radius: var(--border-radius) !important;
712
+
713
+ .p-button-label {
714
+ color: var(--theme-dark) !important;
715
+ max-width: 200px !important;
716
+ text-overflow: ellipsis !important;
717
+ white-space: nowrap !important;
718
+ overflow: hidden !important;
719
+
720
+ @media (max-width: 768px) {
721
+ max-width: 150px !important;
722
+ }
723
+ }
724
+
725
+ .p-button-icon {
726
+ display: none !important;
727
+ }
728
+ }
729
+ }
730
+
731
+ vector-data-table {
732
+ vector-panel.data-table-panel .p-panel,
733
+ vector-panel.data-table-panel .p-panel-content,
734
+ vector-panel.data-table-panel .p-panel-content > div {
735
+ border-radius: 15px !important;
736
+ }
737
+
738
+ p-table {
739
+ .p-datatable-wrapper {
740
+ }
741
+
742
+ .p-datatable-table {
743
+ border-radius: 15px !important;
744
+ }
745
+
746
+ .p-datatable-thead {
747
+ border-radius: 15px !important;
748
+ z-index: 0 !important;
749
+
750
+ .header {
751
+ th {
752
+ white-space: normal !important;
753
+ position: relative;
754
+ padding: 10px 10px 10px 35px !important;
755
+ background-color: var(--gray-light) !important;
756
+
757
+ &:first-child {
758
+ border-top-left-radius: 15px !important;
759
+ padding: 10px !important;
760
+ }
761
+
762
+ &:last-child {
763
+ border-top-right-radius: 15px !important;
764
+ }
765
+
766
+ p-sorticon {
767
+ // position: absolute;
768
+ // left: 0px;
769
+
770
+ .p-sortable-column-icon {
771
+ display: flex;
772
+ flex-direction: column;
773
+ font-size: 10px;
774
+
775
+ &::before {
776
+ content: '\e903' !important;
777
+ }
778
+
779
+ &::after {
780
+ content: '\e902' !important;
781
+ }
782
+ }
783
+ }
784
+
785
+ &.p-highlight {
786
+ color: var(--theme-primary) !important;
787
+ }
788
+ }
789
+ }
790
+ }
791
+
792
+ .p-datatable-tbody {
793
+ tr.p-highlight {
794
+ background-color: #eff6ff !important;
795
+ }
796
+ }
797
+
798
+ .row {
799
+ background: transparent !important;
800
+
801
+ .cell {
802
+ white-space: normal !important;
803
+
804
+ .boolean-value-positive {
805
+ color: var(--success-color);
806
+ }
807
+
808
+ .boolean-value-negative {
809
+ color: var(--error-color);
810
+ }
811
+
812
+ .status-table-field {
813
+ font-size: 1.4em;
814
+ }
815
+
816
+ .table-button {
817
+ cursor: pointer;
818
+ color: var(--theme-primary);
819
+ }
820
+ }
821
+
822
+ .no-results {
823
+ border-bottom-left-radius: 15px;
824
+ border-bottom-right-radius: 15px;
825
+ }
826
+ }
827
+
828
+ .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
829
+ color: #fff !important;
830
+ }
831
+
832
+ .p-paginator-bottom {
833
+ border-radius: 15px !important;
834
+ }
835
+ }
836
+
837
+ p-tabview {
838
+ .p-tabview-panels {
839
+ display: none !important;
840
+ }
841
+
842
+ .p-tabview-nav {
843
+ li {
844
+ .p-tabview-nav-link {
845
+ justify-content: center;
846
+ }
847
+
848
+ &.p-highlight .p-tabview-nav-link {
849
+ color: var(--theme-primary) !important;
850
+ }
851
+ }
852
+ }
853
+ }
854
+
855
+ vector-panel p-panel .p-panel .p-panel-content {
856
+ padding: 0px !important;
857
+ }
858
+ }
859
+
860
+ .success {
861
+ color: var(--success-color);
862
+ }
863
+ .error {
864
+ color: var(--error-color);
865
+ }
866
+ .warning {
867
+ color: var(--warning-color);
868
+ }
869
+ .info {
870
+ color: var(--theme-light);
871
+ }
872
+
873
+ p-tabview {
874
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link {
875
+ border-top-right-radius: 0px !important;
876
+ border-top-left-radius: 0px !important;
877
+ }
878
+ }
879
+
880
+ .p-accordion-header {
881
+ .p-accordion-header-link {
882
+ border-radius: 16px !important;
883
+ box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06) !important;
884
+ border: none !important;
885
+
886
+ .p-accordion-toggle-icon {
887
+ margin-right: 0.5rem !important;
888
+ position: absolute !important;
889
+ right: 0.5em !important;
890
+ }
891
+ }
892
+ &.p-highlight {
893
+ background: none !important;
894
+ }
895
+ }
896
+
897
+ .p-accordion .p-accordion-content {
898
+ border: none !important;
899
+ background: #ffffff !important;
900
+ border-radius: 16px !important;
901
+ box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06) !important;
902
+ margin-top: -25px !important;
903
+ padding-top: 35px !important;
904
+ }
905
+
906
+ .p-accordion-tab {
907
+ margin: 20px 0px;
908
+ }
909
+
910
+ .p-chip {
911
+ display: inline-block;
912
+ padding: 0 16px !important;
913
+ height: 40px;
914
+ font-weight: 500;
915
+ font-size: 13px;
916
+ line-height: 40px;
917
+ border-radius: 25px !important;
918
+ background-color: #e5e5ea !important;
919
+ color: #002463 !important;
920
+ opacity: 0.5;
921
+
922
+ span {
923
+ border: 2px solid;
924
+ border-radius: 50%;
925
+ width: 25px;
926
+ height: 25px;
927
+ margin-left: 5px;
928
+ margin-top: 7px;
929
+ color: #abaab5;
930
+
931
+ i {
932
+ position: relative;
933
+ top: -11px;
934
+ left: -6px;
935
+ font-size: 12px;
936
+ }
937
+ }
938
+
939
+ .closebtn {
940
+ padding-left: 10px;
941
+ font-weight: bold;
942
+ float: right;
943
+ font-size: 20px;
944
+ cursor: pointer;
945
+ }
946
+
947
+ .closebtn:hover {
948
+ color: #000;
949
+ }
950
+ }
951
+
952
+ .p-menu.p-menu-overlay {
953
+ width: fit-content;
954
+ padding: 0px;
955
+ border-radius: 9px;
956
+ background-color: var(--theme-medium) !important;
957
+
958
+ ul {
959
+ display: flex;
960
+
961
+ li {
962
+ border-radius: 9px;
963
+ }
964
+
965
+ .p-menuitem-link {
966
+ border-radius: 9px;
967
+ }
968
+
969
+ .p-menuitem-link:hover {
970
+ background-color: var(--theme-dark) !important;
971
+ }
972
+
973
+ .p-menuitem-icon,
974
+ .p-menuitem-text {
975
+ color: #fff !important;
976
+ }
977
+ }
978
+ }