ngx-vector-components 4.41.1 → 4.42.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 +774 -768
  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 +974 -974
  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 +34 -34
  29. package/esm2020/lib/components/badge/badge.module.mjs +18 -18
  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 +322 -316
  54. package/esm2020/lib/components/fields/data-table/index.mjs +2 -2
  55. package/esm2020/lib/components/fields/dropdown-field/dropdown-field.component.mjs +194 -194
  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 +44 -44
  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 +224 -224
  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 +298 -298
  90. package/esm2020/lib/components/menu/menu.module.mjs +19 -19
  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 +19 -19
  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 +191 -191
  121. package/esm2020/lib/models/role.enum.mjs +5 -5
  122. package/esm2020/lib/models/status.enum.mjs +7 -7
  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 +61 -61
  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 +235 -235
  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 +4141 -4135
  158. package/fesm2015/ngx-vector-components.mjs.map +1 -1
  159. package/fesm2020/ngx-vector-components.mjs +4119 -4113
  160. package/fesm2020/ngx-vector-components.mjs.map +1 -1
  161. package/lib/components/badge/badge.component.d.ts +14 -14
  162. package/lib/components/badge/badge.module.d.ts +8 -8
  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 +74 -72
  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 +14 -14
  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 +48 -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 +53 -53
  223. package/lib/components/menu/menu.module.d.ts +9 -9
  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 +12 -12
  242. package/lib/models/crud-mode.enum.d.ts +5 -5
  243. package/lib/models/data-table.model.d.ts +58 -58
  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 +5 -5
  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 +211 -211
  254. package/lib/models/role.enum.d.ts +3 -3
  255. package/lib/models/status.enum.d.ts +5 -5
  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 +15 -15
  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,974 +1,974 @@
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
- height: 40px;
220
- background-color: var(--gray-medium) !important;
221
-
222
- .p-dropdown-label {
223
- font-family: 'Poppins';
224
- font-size: 0.9em !important;
225
- color: var(--theme-dark) !important;
226
- font-weight: 500;
227
- display: flex;
228
- align-items: center;
229
- }
230
- }
231
-
232
- p-inputnumber.currency-input:not(.outlined) {
233
- &.ng-touched.ng-invalid input.p-inputnumber-input {
234
- color: var(--error-color) !important;
235
- }
236
-
237
- &.rounded input.p-inputnumber-input {
238
- font-size: 1rem !important;
239
- }
240
-
241
- input.p-inputnumber-input {
242
- font-size: 2em !important;
243
- border: none !important;
244
- font-weight: 600 !important;
245
- background-color: #ffffff !important;
246
- color: var(--theme-dark) !important;
247
- width: 100% !important;
248
- padding: 0px !important;
249
- height: 2em !important;
250
-
251
- &:focus {
252
- outline: 0 !important;
253
- box-shadow: none !important;
254
- }
255
- }
256
- }
257
-
258
- .p-inputnumber-buttons-horizontal .p-button {
259
- color: var(--theme-primary) !important;
260
- border: none !important;
261
- background: var(--gray-light) !important;
262
-
263
- span {
264
- font-weight: 600 !important;
265
- }
266
- }
267
-
268
- input.p-inputtext:not(.currency-input),
269
- .p-inputtextarea {
270
- &:not(:focus) {
271
- border: none !important;
272
- background-color: var(--gray-light) !important;
273
- }
274
- width: 100%;
275
- padding: 6px 12px 6px 12px !important;
276
- border-top-right-radius: var(--border-radius);
277
- border-bottom-right-radius: var(--border-radius);
278
- border-top-left-radius: var(--border-radius);
279
- border-bottom-left-radius: var(--border-radius);
280
- height: 40px;
281
- font-size: 0.9em !important;
282
- color: var(--theme-dark) !important;
283
- font-weight: 500;
284
-
285
- &:disabled {
286
- cursor: not-allowed;
287
- opacity: 0.6;
288
- }
289
-
290
- &:focus {
291
- outline: 0 !important;
292
- box-shadow: none !important;
293
- border: 2px solid var(--theme-dark);
294
- background-color: #ffffff;
295
- }
296
-
297
- &:hover,
298
- &:focus:not(.ng-invalid):not(.p-inputmask) {
299
- border-color: var(--theme-dark) !important;
300
- }
301
-
302
- &::placeholder {
303
- color: var(--theme-dark);
304
- opacity: 0.8;
305
- }
306
-
307
- &.ng-touched.ng-invalid {
308
- border-color: var(--error-color) !important;
309
- background-color: var(--error-color-transparent) !important;
310
- }
311
-
312
- &:not(.ng-invalid) {
313
- border-color: var(--theme-dark) !important;
314
- }
315
- }
316
-
317
- .p-inputtextarea {
318
- padding-right: 62px !important;
319
- resize: none;
320
- height: unset !important;
321
- }
322
-
323
- .p-calendar {
324
- width: 100% !important;
325
- .p-inputtext {
326
- color: var(--theme-dark) !important;
327
- font-weight: 600 !important;
328
- margin-left: -1px !important;
329
- border-top-right-radius: 0px !important;
330
- border-bottom-right-radius: 0px !important;
331
-
332
- &:focus {
333
- border-right: none !important;
334
-
335
- + .p-datepicker-trigger {
336
- border-right: 2px solid var(--theme-dark) !important;
337
- border-top: 2px solid var(--theme-dark) !important;
338
- border-bottom: 2px solid var(--theme-dark) !important;
339
- background-color: #ffffff !important;
340
- }
341
- }
342
- }
343
-
344
- .p-datepicker-trigger {
345
- background-color: var(--gray-light) !important;
346
- border: none !important;
347
- border-top-right-radius: var(--border-radius) !important;
348
- border-bottom-right-radius: var(--border-radius) !important;
349
-
350
- .p-button-icon {
351
- color: var(--theme-dark) !important;
352
- }
353
- }
354
- }
355
- p-calendar.ng-touched.ng-invalid {
356
- .p-calendar {
357
- width: 100% !important;
358
- input.p-inputtext:not(.currency-input),
359
- .p-inputtextarea {
360
- &:not(:focus) {
361
- border: none !important;
362
- background-color: var(--error-color-transparent) !important;
363
- }
364
- }
365
- }
366
-
367
- .p-datepicker-trigger {
368
- border-color: var(--error-color) !important;
369
- background-color: var(--error-color-transparent) !important;
370
- }
371
-
372
- .p-focus {
373
- input.p-inputtext:not(.currency-input),
374
- .p-inputtextarea {
375
- border-color: var(--error-color) !important;
376
- background-color: var(--error-color-transparent) !important;
377
- }
378
- .p-datepicker-trigger {
379
- border-right: 2px solid var(--error-color) !important;
380
- border-top: 2px solid var(--error-color) !important;
381
- border-bottom: 2px solid var(--error-color) !important;
382
- background-color: var(--error-color-transparent) !important;
383
- }
384
- }
385
- }
386
-
387
- p-inputmask {
388
- flex: 1;
389
- }
390
- p-inputmask.ng-touched.ng-invalid input {
391
- border-color: var(--error-color) !important;
392
- background-color: var(--error-color-transparent) !important;
393
- }
394
-
395
- p-inputnumber:not(.currency-input),
396
- p-inputnumber.outlined {
397
- display: block !important;
398
-
399
- span {
400
- width: 100%;
401
- }
402
- }
403
-
404
- p-radiobutton.ng-touched.ng-invalid .p-radiobutton-box {
405
- border-color: var(--error-color) !important;
406
- }
407
-
408
- .p-radiobutton-box.p-highlight {
409
- background-color: var(--success-color) !important;
410
- border-color: var(--success-color) !important;
411
-
412
- // &::before {
413
- // content: '\f00c';
414
- // color: #ffffff;
415
- // font-weight: 200;
416
- // width: 10px;
417
- // height: 10px;
418
- // }
419
- // .p-radiobutton-icon {
420
- // background-color: var(--success-color) !important;
421
- // }
422
- }
423
-
424
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
425
- border-color: var(--success-color) !important;
426
- }
427
-
428
- .p-highlight {
429
- background-color: var(--theme-primary) !important;
430
- border-color: var(--theme-primary) !important;
431
- }
432
-
433
- .p-button:focus {
434
- box-shadow: unset !important;
435
- }
436
-
437
- .p-button.button {
438
- display: flex !important;
439
- flex-direction: row !important;
440
- justify-content: center !important;
441
-
442
- .p-button-label {
443
- flex: unset !important;
444
- }
445
- }
446
-
447
- .p-datepicker table td > span:focus {
448
- box-shadow: unset !important;
449
- }
450
-
451
- .p-datepicker table td > span.p-highlight {
452
- color: #ffffff !important;
453
- }
454
-
455
- .p-datepicker table td > span {
456
- color: var(--font-color) !important;
457
- }
458
-
459
- .p-datepicker {
460
- border: 2px solid var(--theme-dark) !important;
461
- border-radius: var(--border-radius) !important;
462
- z-index: 15000 !important;
463
-
464
- .p-datepicker-calendar thead tr th span {
465
- color: var(--theme-dark) !important;
466
- }
467
- }
468
-
469
- .p-overlaypanel {
470
- background-color: #01529b !important;
471
- }
472
-
473
- .p-overlaypanel-content {
474
- padding: 6px 8px 6px 8px !important;
475
- }
476
-
477
- .p-overlaypanel::after,
478
- .p-overlaypanel::before {
479
- border-bottom-color: #01529b !important;
480
- }
481
-
482
- .p-dialog:not(.p-confirm-dialog) {
483
- .p-dialog-header {
484
- padding: 3px !important;
485
- border-top-left-radius: 9px !important;
486
- border-top-right-radius: 9px !important;
487
- }
488
-
489
- .p-dialog-content {
490
- border-bottom-left-radius: 9px !important;
491
- border-bottom-right-radius: 9px !important;
492
- }
493
- }
494
-
495
- .p-dialog .p-dialog-header .p-dialog-title {
496
- font-size: 1em !important;
497
- text-align: center !important;
498
- }
499
-
500
- .p-dialog-header-close-icon {
501
- font-weight: 600 !important;
502
- }
503
-
504
- .p-confirm-dialog {
505
- .p-dialog-footer .actions {
506
- display: flex;
507
- align-items: center;
508
- justify-content: flex-end;
509
- }
510
-
511
- .p-confirm-dialog-icon {
512
- display: none !important;
513
- }
514
-
515
- .p-confirm-dialog-message {
516
- margin-left: 0px !important;
517
- }
518
- }
519
-
520
- .p-selectbutton {
521
- background-color: var(--gray-light) !important;
522
- border-radius: 10px !important;
523
- width: fit-content !important;
524
-
525
- .p-ripple {
526
- border: none !important;
527
- margin: 3px !important;
528
- border-radius: 8px !important;
529
-
530
- .p-button-label {
531
- color: var(--gray-dark) !important;
532
- font-weight: 500 !important;
533
- }
534
-
535
- &:not(.p-highlight) {
536
- background-color: transparent !important;
537
- }
538
-
539
- &.p-highlight {
540
- background-color: #fff !important;
541
-
542
- .p-button-label {
543
- color: var(--theme-medium) !important;
544
- }
545
- }
546
- }
547
- }
548
-
549
- .p-multiselect {
550
- border: 2px solid var(--theme-dark) !important;
551
- width: 100%;
552
- }
553
-
554
- .p-multiselect-header {
555
- .p-checkbox {
556
- width: max-content;
557
- &::after {
558
- content: 'Mostrar Todos';
559
- margin-left: 0.5rem;
560
- }
561
- }
562
- }
563
-
564
- .p-multiselect-label {
565
- color: var(--theme-dark) !important;
566
- font-weight: 600 !important;
567
- }
568
-
569
- .p-multiselect-item.p-highlight {
570
- background-color: #ffffff !important;
571
- font-weight: 600 !important;
572
- }
573
-
574
- .p-multiselect-item {
575
- box-shadow: unset !important;
576
- color: var(--theme-dark) !important;
577
- }
578
-
579
- .p-multiselect-trigger-icon {
580
- height: 24px !important;
581
- }
582
-
583
- .rounded-checkbox .p-checkbox-box {
584
- border-radius: 20px !important;
585
- border: none !important;
586
- background-color: var(--gray-light) !important;
587
-
588
- .p-checkbox-icon {
589
- font-size: 0.8em !important;
590
- padding-top: 2px !important;
591
- }
592
- }
593
-
594
- .p-checkbox-box.p-highlight {
595
- background: var(--theme-primary) !important;
596
- border-color: var(--theme-primary) !important;
597
- }
598
-
599
- .p-checkbox-box {
600
- border-width: 2px !important;
601
- border-color: var(--gray-dark) !important;
602
-
603
- &:hover:not(.p-highlight) {
604
- border-color: var(--gray-dark) !important;
605
- }
606
- }
607
-
608
- .p-dropdown,
609
- .p-autocomplete {
610
- width: 100%;
611
- }
612
- p-autocomplete.ng-touched.ng-invalid {
613
- input.p-inputtext:not(.currency-input),
614
- .p-inputtextarea {
615
- &:not(:focus) {
616
- border: none !important;
617
- background-color: var(--error-color-transparent) !important;
618
- }
619
-
620
- &:focus:not(.ng-invalid):not(.p-inputmask) {
621
- border-color: var(--error-color) !important;
622
- }
623
- }
624
- }
625
-
626
- p-autocomplete.ng-touched.ng-invalid .p-autocomplete-dropdown {
627
- border-color: var(--error-color) !important;
628
- background-color: var(--error-color-transparent) !important;
629
- }
630
-
631
- .p-dropdown-panel,
632
- .p-autocomplete-panel {
633
- max-width: 250px !important;
634
- border: 2px solid var(--theme-dark) !important;
635
- margin-top: -2px !important;
636
- border-radius: var(--border-radius) !important;
637
-
638
- & .p-autocomplete-items {
639
- padding-top: 0px !important;
640
- padding-bottom: 0px !important;
641
- padding-right: 1px !important;
642
- }
643
-
644
- &::-webkit-scrollbar {
645
- width: 5px;
646
- }
647
-
648
- &::-webkit-scrollbar-track {
649
- background: var(--gray-light);
650
- }
651
-
652
- &::-webkit-scrollbar-thumb {
653
- background: var(--theme-dark);
654
- border-radius: 8px;
655
- }
656
-
657
- &::-webkit-scrollbar-thumb:hover {
658
- background: var(--theme-dark);
659
- }
660
- }
661
-
662
- .p-dropdown-item,
663
- .p-autocomplete-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
- // background-color: #ffffff;
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
- background-color: var(--theme-dark) !important;
682
- color: #ffffff !important;
683
- }
684
-
685
- .p-slider {
686
- background-color: #01529b;
687
- .p-slider-range {
688
- background-color: var(--success-color) !important;
689
- border-radius: inherit !important;
690
- }
691
- .p-slider-handle {
692
- border-color: var(--success-color) !important;
693
-
694
- &:hover {
695
- background-color: var(--success-color) !important;
696
- }
697
- &:focus {
698
- box-shadow: unset !important;
699
- }
700
- }
701
- }
702
-
703
- .p-fileupload {
704
- p-messages {
705
- display: none !important;
706
- }
707
- .p-fileupload-choose {
708
- background: transparent !important;
709
- border: 2px solid var(--theme-dark) !important;
710
- border-radius: var(--border-radius) !important;
711
-
712
- .p-button-label {
713
- color: var(--theme-dark) !important;
714
- max-width: 200px !important;
715
- text-overflow: ellipsis !important;
716
- white-space: nowrap !important;
717
- overflow: hidden !important;
718
-
719
- @media (max-width: 768px) {
720
- max-width: 150px !important;
721
- }
722
- }
723
-
724
- .p-button-icon {
725
- display: none !important;
726
- }
727
- }
728
- }
729
-
730
- vector-data-table {
731
- vector-panel.data-table-panel .p-panel,
732
- vector-panel.data-table-panel .p-panel-content,
733
- vector-panel.data-table-panel .p-panel-content > div {
734
- border-radius: 15px !important;
735
- }
736
-
737
- p-table {
738
- .p-datatable-wrapper {
739
- }
740
-
741
- .p-datatable-table {
742
- border-radius: 15px !important;
743
- }
744
-
745
- .p-datatable-thead {
746
- border-radius: 15px !important;
747
- z-index: 0 !important;
748
-
749
- .header {
750
- th {
751
- white-space: normal !important;
752
- position: relative;
753
- padding: 10px 10px 10px 35px !important;
754
- background-color: var(--gray-light) !important;
755
-
756
- &:first-child {
757
- border-top-left-radius: 15px !important;
758
- padding: 10px !important;
759
- }
760
-
761
- &:last-child {
762
- border-top-right-radius: 15px !important;
763
- }
764
-
765
- p-sorticon {
766
- // position: absolute;
767
- // left: 0px;
768
-
769
- .p-sortable-column-icon {
770
- display: flex;
771
- flex-direction: column;
772
- font-size: 10px;
773
-
774
- &::before {
775
- content: '\e903' !important;
776
- }
777
-
778
- &::after {
779
- content: '\e902' !important;
780
- }
781
- }
782
- }
783
-
784
- &.p-highlight {
785
- color: var(--theme-primary) !important;
786
- }
787
- }
788
- }
789
- }
790
-
791
- .p-datatable-tbody {
792
- tr.p-highlight {
793
- background-color: #eff6ff !important;
794
- }
795
- }
796
-
797
- .row {
798
- background: transparent !important;
799
-
800
- .cell {
801
- white-space: normal !important;
802
-
803
- .boolean-value-positive {
804
- color: var(--success-color);
805
- }
806
-
807
- .boolean-value-negative {
808
- color: var(--error-color);
809
- }
810
-
811
- .status-table-field {
812
- font-size: 1.4em;
813
- }
814
-
815
- .success {
816
- color: var(--success-color);
817
- }
818
- .error {
819
- color: var(--error-color);
820
- }
821
- .warning {
822
- color: var(--warning-color);
823
- }
824
-
825
- .table-button {
826
- cursor: pointer;
827
- color: var(--theme-primary);
828
- }
829
- }
830
-
831
- .no-results {
832
- border-bottom-left-radius: 15px;
833
- border-bottom-right-radius: 15px;
834
- }
835
- }
836
-
837
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
838
- color: #fff !important;
839
- }
840
-
841
- .p-paginator-bottom {
842
- border-radius: 15px !important;
843
- }
844
- }
845
-
846
- p-tabview {
847
- .p-tabview-panels {
848
- display: none !important;
849
- }
850
-
851
- .p-tabview-nav {
852
- li {
853
- flex: 1;
854
- overflow-x: auto;
855
- overflow-y: hidden;
856
-
857
- .p-tabview-nav-link {
858
- justify-content: center;
859
- }
860
- }
861
- }
862
- }
863
-
864
- vector-panel p-panel .p-panel .p-panel-content {
865
- padding: 0px !important;
866
- }
867
- }
868
-
869
- p-tabview {
870
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
871
- border-top-right-radius: 0px !important;
872
- border-top-left-radius: 0px !important;
873
- }
874
- }
875
-
876
- .p-accordion-header {
877
- .p-accordion-header-link {
878
- border-radius: 16px !important;
879
- box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06) !important;
880
- border: none !important;
881
-
882
- .p-accordion-toggle-icon {
883
- margin-right: 0.5rem !important;
884
- position: absolute !important;
885
- right: 0.5em !important;
886
- }
887
- }
888
- &.p-highlight {
889
- background: none !important;
890
- }
891
- }
892
-
893
- .p-accordion .p-accordion-content {
894
- border: none !important;
895
- background: #ffffff !important;
896
- border-radius: 16px !important;
897
- box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06) !important;
898
- margin-top: -25px !important;
899
- padding-top: 35px !important;
900
- }
901
-
902
- .p-accordion-tab {
903
- margin: 20px 0px;
904
- }
905
-
906
- .p-chip {
907
- display: inline-block;
908
- padding: 0 16px !important;
909
- height: 40px;
910
- font-weight: 500;
911
- font-size: 13px;
912
- line-height: 40px;
913
- border-radius: 25px !important;
914
- background-color: #e5e5ea !important;
915
- color: #002463 !important;
916
- opacity: 0.5;
917
-
918
- span {
919
- border: 2px solid;
920
- border-radius: 50%;
921
- width: 25px;
922
- height: 25px;
923
- margin-left: 5px;
924
- margin-top: 7px;
925
- color: #abaab5;
926
-
927
- i {
928
- position: relative;
929
- top: -11px;
930
- left: -6px;
931
- font-size: 12px;
932
- }
933
- }
934
-
935
- .closebtn {
936
- padding-left: 10px;
937
- font-weight: bold;
938
- float: right;
939
- font-size: 20px;
940
- cursor: pointer;
941
- }
942
-
943
- .closebtn:hover {
944
- color: #000;
945
- }
946
- }
947
-
948
- .p-menu.p-menu-overlay {
949
- width: fit-content;
950
- padding: 0px;
951
- border-radius: 9px;
952
- background-color: var(--theme-medium) !important;
953
-
954
- ul {
955
- display: flex;
956
-
957
- li {
958
- border-radius: 9px;
959
- }
960
-
961
- .p-menuitem-link {
962
- border-radius: 9px;
963
- }
964
-
965
- .p-menuitem-link:hover {
966
- background-color: var(--theme-dark) !important;
967
- }
968
-
969
- .p-menuitem-icon,
970
- .p-menuitem-text {
971
- color: #fff !important;
972
- }
973
- }
974
- }
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
+ height: 40px;
220
+ background-color: var(--gray-medium) !important;
221
+
222
+ .p-dropdown-label {
223
+ font-family: 'Poppins';
224
+ font-size: 0.9em !important;
225
+ color: var(--theme-dark) !important;
226
+ font-weight: 500;
227
+ display: flex;
228
+ align-items: center;
229
+ }
230
+ }
231
+
232
+ p-inputnumber.currency-input:not(.outlined) {
233
+ &.ng-touched.ng-invalid input.p-inputnumber-input {
234
+ color: var(--error-color) !important;
235
+ }
236
+
237
+ &.rounded input.p-inputnumber-input {
238
+ font-size: 1rem !important;
239
+ }
240
+
241
+ input.p-inputnumber-input {
242
+ font-size: 2em !important;
243
+ border: none !important;
244
+ font-weight: 600 !important;
245
+ background-color: #ffffff !important;
246
+ color: var(--theme-dark) !important;
247
+ width: 100% !important;
248
+ padding: 0px !important;
249
+ height: 2em !important;
250
+
251
+ &:focus {
252
+ outline: 0 !important;
253
+ box-shadow: none !important;
254
+ }
255
+ }
256
+ }
257
+
258
+ .p-inputnumber-buttons-horizontal .p-button {
259
+ color: var(--theme-primary) !important;
260
+ border: none !important;
261
+ background: var(--gray-light) !important;
262
+
263
+ span {
264
+ font-weight: 600 !important;
265
+ }
266
+ }
267
+
268
+ input.p-inputtext:not(.currency-input),
269
+ .p-inputtextarea {
270
+ &:not(:focus) {
271
+ border: none !important;
272
+ background-color: var(--gray-light) !important;
273
+ }
274
+ width: 100%;
275
+ padding: 6px 12px 6px 12px !important;
276
+ border-top-right-radius: var(--border-radius);
277
+ border-bottom-right-radius: var(--border-radius);
278
+ border-top-left-radius: var(--border-radius);
279
+ border-bottom-left-radius: var(--border-radius);
280
+ height: 40px;
281
+ font-size: 0.9em !important;
282
+ color: var(--theme-dark) !important;
283
+ font-weight: 500;
284
+
285
+ &:disabled {
286
+ cursor: not-allowed;
287
+ opacity: 0.6;
288
+ }
289
+
290
+ &:focus {
291
+ outline: 0 !important;
292
+ box-shadow: none !important;
293
+ border: 2px solid var(--theme-dark);
294
+ background-color: #ffffff;
295
+ }
296
+
297
+ &:hover,
298
+ &:focus:not(.ng-invalid):not(.p-inputmask) {
299
+ border-color: var(--theme-dark) !important;
300
+ }
301
+
302
+ &::placeholder {
303
+ color: var(--theme-dark);
304
+ opacity: 0.8;
305
+ }
306
+
307
+ &.ng-touched.ng-invalid {
308
+ border-color: var(--error-color) !important;
309
+ background-color: var(--error-color-transparent) !important;
310
+ }
311
+
312
+ &:not(.ng-invalid) {
313
+ border-color: var(--theme-dark) !important;
314
+ }
315
+ }
316
+
317
+ .p-inputtextarea {
318
+ padding-right: 62px !important;
319
+ resize: none;
320
+ height: unset !important;
321
+ }
322
+
323
+ .p-calendar {
324
+ width: 100% !important;
325
+ .p-inputtext {
326
+ color: var(--theme-dark) !important;
327
+ font-weight: 600 !important;
328
+ margin-left: -1px !important;
329
+ border-top-right-radius: 0px !important;
330
+ border-bottom-right-radius: 0px !important;
331
+
332
+ &:focus {
333
+ border-right: none !important;
334
+
335
+ + .p-datepicker-trigger {
336
+ border-right: 2px solid var(--theme-dark) !important;
337
+ border-top: 2px solid var(--theme-dark) !important;
338
+ border-bottom: 2px solid var(--theme-dark) !important;
339
+ background-color: #ffffff !important;
340
+ }
341
+ }
342
+ }
343
+
344
+ .p-datepicker-trigger {
345
+ background-color: var(--gray-light) !important;
346
+ border: none !important;
347
+ border-top-right-radius: var(--border-radius) !important;
348
+ border-bottom-right-radius: var(--border-radius) !important;
349
+
350
+ .p-button-icon {
351
+ color: var(--theme-dark) !important;
352
+ }
353
+ }
354
+ }
355
+ p-calendar.ng-touched.ng-invalid {
356
+ .p-calendar {
357
+ width: 100% !important;
358
+ input.p-inputtext:not(.currency-input),
359
+ .p-inputtextarea {
360
+ &:not(:focus) {
361
+ border: none !important;
362
+ background-color: var(--error-color-transparent) !important;
363
+ }
364
+ }
365
+ }
366
+
367
+ .p-datepicker-trigger {
368
+ border-color: var(--error-color) !important;
369
+ background-color: var(--error-color-transparent) !important;
370
+ }
371
+
372
+ .p-focus {
373
+ input.p-inputtext:not(.currency-input),
374
+ .p-inputtextarea {
375
+ border-color: var(--error-color) !important;
376
+ background-color: var(--error-color-transparent) !important;
377
+ }
378
+ .p-datepicker-trigger {
379
+ border-right: 2px solid var(--error-color) !important;
380
+ border-top: 2px solid var(--error-color) !important;
381
+ border-bottom: 2px solid var(--error-color) !important;
382
+ background-color: var(--error-color-transparent) !important;
383
+ }
384
+ }
385
+ }
386
+
387
+ p-inputmask {
388
+ flex: 1;
389
+ }
390
+ p-inputmask.ng-touched.ng-invalid input {
391
+ border-color: var(--error-color) !important;
392
+ background-color: var(--error-color-transparent) !important;
393
+ }
394
+
395
+ p-inputnumber:not(.currency-input),
396
+ p-inputnumber.outlined {
397
+ display: block !important;
398
+
399
+ span {
400
+ width: 100%;
401
+ }
402
+ }
403
+
404
+ p-radiobutton.ng-touched.ng-invalid .p-radiobutton-box {
405
+ border-color: var(--error-color) !important;
406
+ }
407
+
408
+ .p-radiobutton-box.p-highlight {
409
+ background-color: var(--success-color) !important;
410
+ border-color: var(--success-color) !important;
411
+
412
+ // &::before {
413
+ // content: '\f00c';
414
+ // color: #ffffff;
415
+ // font-weight: 200;
416
+ // width: 10px;
417
+ // height: 10px;
418
+ // }
419
+ // .p-radiobutton-icon {
420
+ // background-color: var(--success-color) !important;
421
+ // }
422
+ }
423
+
424
+ .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
425
+ border-color: var(--success-color) !important;
426
+ }
427
+
428
+ .p-highlight {
429
+ background-color: var(--theme-primary) !important;
430
+ border-color: var(--theme-primary) !important;
431
+ }
432
+
433
+ .p-button:focus {
434
+ box-shadow: unset !important;
435
+ }
436
+
437
+ .p-button.button {
438
+ display: flex !important;
439
+ flex-direction: row !important;
440
+ justify-content: center !important;
441
+
442
+ .p-button-label {
443
+ flex: unset !important;
444
+ }
445
+ }
446
+
447
+ .p-datepicker table td > span:focus {
448
+ box-shadow: unset !important;
449
+ }
450
+
451
+ .p-datepicker table td > span.p-highlight {
452
+ color: #ffffff !important;
453
+ }
454
+
455
+ .p-datepicker table td > span {
456
+ color: var(--font-color) !important;
457
+ }
458
+
459
+ .p-datepicker {
460
+ border: 2px solid var(--theme-dark) !important;
461
+ border-radius: var(--border-radius) !important;
462
+ z-index: 15000 !important;
463
+
464
+ .p-datepicker-calendar thead tr th span {
465
+ color: var(--theme-dark) !important;
466
+ }
467
+ }
468
+
469
+ .p-overlaypanel {
470
+ background-color: #01529b !important;
471
+ }
472
+
473
+ .p-overlaypanel-content {
474
+ padding: 6px 8px 6px 8px !important;
475
+ }
476
+
477
+ .p-overlaypanel::after,
478
+ .p-overlaypanel::before {
479
+ border-bottom-color: #01529b !important;
480
+ }
481
+
482
+ .p-dialog:not(.p-confirm-dialog) {
483
+ .p-dialog-header {
484
+ padding: 3px !important;
485
+ border-top-left-radius: 9px !important;
486
+ border-top-right-radius: 9px !important;
487
+ }
488
+
489
+ .p-dialog-content {
490
+ border-bottom-left-radius: 9px !important;
491
+ border-bottom-right-radius: 9px !important;
492
+ }
493
+ }
494
+
495
+ .p-dialog .p-dialog-header .p-dialog-title {
496
+ font-size: 1em !important;
497
+ text-align: center !important;
498
+ }
499
+
500
+ .p-dialog-header-close-icon {
501
+ font-weight: 600 !important;
502
+ }
503
+
504
+ .p-confirm-dialog {
505
+ .p-dialog-footer .actions {
506
+ display: flex;
507
+ align-items: center;
508
+ justify-content: flex-end;
509
+ }
510
+
511
+ .p-confirm-dialog-icon {
512
+ display: none !important;
513
+ }
514
+
515
+ .p-confirm-dialog-message {
516
+ margin-left: 0px !important;
517
+ }
518
+ }
519
+
520
+ .p-selectbutton {
521
+ background-color: var(--gray-light) !important;
522
+ border-radius: 10px !important;
523
+ width: fit-content !important;
524
+
525
+ .p-ripple {
526
+ border: none !important;
527
+ margin: 3px !important;
528
+ border-radius: 8px !important;
529
+
530
+ .p-button-label {
531
+ color: var(--gray-dark) !important;
532
+ font-weight: 500 !important;
533
+ }
534
+
535
+ &:not(.p-highlight) {
536
+ background-color: transparent !important;
537
+ }
538
+
539
+ &.p-highlight {
540
+ background-color: #fff !important;
541
+
542
+ .p-button-label {
543
+ color: var(--theme-medium) !important;
544
+ }
545
+ }
546
+ }
547
+ }
548
+
549
+ .p-multiselect {
550
+ border: 2px solid var(--theme-dark) !important;
551
+ width: 100%;
552
+ }
553
+
554
+ .p-multiselect-header {
555
+ .p-checkbox {
556
+ width: max-content;
557
+ &::after {
558
+ content: 'Mostrar Todos';
559
+ margin-left: 0.5rem;
560
+ }
561
+ }
562
+ }
563
+
564
+ .p-multiselect-label {
565
+ color: var(--theme-dark) !important;
566
+ font-weight: 600 !important;
567
+ }
568
+
569
+ .p-multiselect-item.p-highlight {
570
+ background-color: #ffffff !important;
571
+ font-weight: 600 !important;
572
+ }
573
+
574
+ .p-multiselect-item {
575
+ box-shadow: unset !important;
576
+ color: var(--theme-dark) !important;
577
+ }
578
+
579
+ .p-multiselect-trigger-icon {
580
+ height: 24px !important;
581
+ }
582
+
583
+ .rounded-checkbox .p-checkbox-box {
584
+ border-radius: 20px !important;
585
+ border: none !important;
586
+ background-color: var(--gray-light) !important;
587
+
588
+ .p-checkbox-icon {
589
+ font-size: 0.8em !important;
590
+ padding-top: 2px !important;
591
+ }
592
+ }
593
+
594
+ .p-checkbox-box.p-highlight {
595
+ background: var(--theme-primary) !important;
596
+ border-color: var(--theme-primary) !important;
597
+ }
598
+
599
+ .p-checkbox-box {
600
+ border-width: 2px !important;
601
+ border-color: var(--gray-dark) !important;
602
+
603
+ &:hover:not(.p-highlight) {
604
+ border-color: var(--gray-dark) !important;
605
+ }
606
+ }
607
+
608
+ .p-dropdown,
609
+ .p-autocomplete {
610
+ width: 100%;
611
+ }
612
+ p-autocomplete.ng-touched.ng-invalid {
613
+ input.p-inputtext:not(.currency-input),
614
+ .p-inputtextarea {
615
+ &:not(:focus) {
616
+ border: none !important;
617
+ background-color: var(--error-color-transparent) !important;
618
+ }
619
+
620
+ &:focus:not(.ng-invalid):not(.p-inputmask) {
621
+ border-color: var(--error-color) !important;
622
+ }
623
+ }
624
+ }
625
+
626
+ p-autocomplete.ng-touched.ng-invalid .p-autocomplete-dropdown {
627
+ border-color: var(--error-color) !important;
628
+ background-color: var(--error-color-transparent) !important;
629
+ }
630
+
631
+ .p-dropdown-panel,
632
+ .p-autocomplete-panel {
633
+ max-width: 250px !important;
634
+ border: 2px solid var(--theme-dark) !important;
635
+ margin-top: -2px !important;
636
+ border-radius: var(--border-radius) !important;
637
+
638
+ & .p-autocomplete-items {
639
+ padding-top: 0px !important;
640
+ padding-bottom: 0px !important;
641
+ padding-right: 1px !important;
642
+ }
643
+
644
+ &::-webkit-scrollbar {
645
+ width: 5px;
646
+ }
647
+
648
+ &::-webkit-scrollbar-track {
649
+ background: var(--gray-light);
650
+ }
651
+
652
+ &::-webkit-scrollbar-thumb {
653
+ background: var(--theme-dark);
654
+ border-radius: 8px;
655
+ }
656
+
657
+ &::-webkit-scrollbar-thumb:hover {
658
+ background: var(--theme-dark);
659
+ }
660
+ }
661
+
662
+ .p-dropdown-item,
663
+ .p-autocomplete-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
+ // background-color: #ffffff;
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
+ background-color: var(--theme-dark) !important;
682
+ color: #ffffff !important;
683
+ }
684
+
685
+ .p-slider {
686
+ background-color: #01529b;
687
+ .p-slider-range {
688
+ background-color: var(--success-color) !important;
689
+ border-radius: inherit !important;
690
+ }
691
+ .p-slider-handle {
692
+ border-color: var(--success-color) !important;
693
+
694
+ &:hover {
695
+ background-color: var(--success-color) !important;
696
+ }
697
+ &:focus {
698
+ box-shadow: unset !important;
699
+ }
700
+ }
701
+ }
702
+
703
+ .p-fileupload {
704
+ p-messages {
705
+ display: none !important;
706
+ }
707
+ .p-fileupload-choose {
708
+ background: transparent !important;
709
+ border: 2px solid var(--theme-dark) !important;
710
+ border-radius: var(--border-radius) !important;
711
+
712
+ .p-button-label {
713
+ color: var(--theme-dark) !important;
714
+ max-width: 200px !important;
715
+ text-overflow: ellipsis !important;
716
+ white-space: nowrap !important;
717
+ overflow: hidden !important;
718
+
719
+ @media (max-width: 768px) {
720
+ max-width: 150px !important;
721
+ }
722
+ }
723
+
724
+ .p-button-icon {
725
+ display: none !important;
726
+ }
727
+ }
728
+ }
729
+
730
+ vector-data-table {
731
+ vector-panel.data-table-panel .p-panel,
732
+ vector-panel.data-table-panel .p-panel-content,
733
+ vector-panel.data-table-panel .p-panel-content > div {
734
+ border-radius: 15px !important;
735
+ }
736
+
737
+ p-table {
738
+ .p-datatable-wrapper {
739
+ }
740
+
741
+ .p-datatable-table {
742
+ border-radius: 15px !important;
743
+ }
744
+
745
+ .p-datatable-thead {
746
+ border-radius: 15px !important;
747
+ z-index: 0 !important;
748
+
749
+ .header {
750
+ th {
751
+ white-space: normal !important;
752
+ position: relative;
753
+ padding: 10px 10px 10px 35px !important;
754
+ background-color: var(--gray-light) !important;
755
+
756
+ &:first-child {
757
+ border-top-left-radius: 15px !important;
758
+ padding: 10px !important;
759
+ }
760
+
761
+ &:last-child {
762
+ border-top-right-radius: 15px !important;
763
+ }
764
+
765
+ p-sorticon {
766
+ // position: absolute;
767
+ // left: 0px;
768
+
769
+ .p-sortable-column-icon {
770
+ display: flex;
771
+ flex-direction: column;
772
+ font-size: 10px;
773
+
774
+ &::before {
775
+ content: '\e903' !important;
776
+ }
777
+
778
+ &::after {
779
+ content: '\e902' !important;
780
+ }
781
+ }
782
+ }
783
+
784
+ &.p-highlight {
785
+ color: var(--theme-primary) !important;
786
+ }
787
+ }
788
+ }
789
+ }
790
+
791
+ .p-datatable-tbody {
792
+ tr.p-highlight {
793
+ background-color: #eff6ff !important;
794
+ }
795
+ }
796
+
797
+ .row {
798
+ background: transparent !important;
799
+
800
+ .cell {
801
+ white-space: normal !important;
802
+
803
+ .boolean-value-positive {
804
+ color: var(--success-color);
805
+ }
806
+
807
+ .boolean-value-negative {
808
+ color: var(--error-color);
809
+ }
810
+
811
+ .status-table-field {
812
+ font-size: 1.4em;
813
+ }
814
+
815
+ .success {
816
+ color: var(--success-color);
817
+ }
818
+ .error {
819
+ color: var(--error-color);
820
+ }
821
+ .warning {
822
+ color: var(--warning-color);
823
+ }
824
+
825
+ .table-button {
826
+ cursor: pointer;
827
+ color: var(--theme-primary);
828
+ }
829
+ }
830
+
831
+ .no-results {
832
+ border-bottom-left-radius: 15px;
833
+ border-bottom-right-radius: 15px;
834
+ }
835
+ }
836
+
837
+ .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
838
+ color: #fff !important;
839
+ }
840
+
841
+ .p-paginator-bottom {
842
+ border-radius: 15px !important;
843
+ }
844
+ }
845
+
846
+ p-tabview {
847
+ .p-tabview-panels {
848
+ display: none !important;
849
+ }
850
+
851
+ .p-tabview-nav {
852
+ li {
853
+ flex: 1;
854
+ overflow-x: auto;
855
+ overflow-y: hidden;
856
+
857
+ .p-tabview-nav-link {
858
+ justify-content: center;
859
+ }
860
+ }
861
+ }
862
+ }
863
+
864
+ vector-panel p-panel .p-panel .p-panel-content {
865
+ padding: 0px !important;
866
+ }
867
+ }
868
+
869
+ p-tabview {
870
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link {
871
+ border-top-right-radius: 0px !important;
872
+ border-top-left-radius: 0px !important;
873
+ }
874
+ }
875
+
876
+ .p-accordion-header {
877
+ .p-accordion-header-link {
878
+ border-radius: 16px !important;
879
+ box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06) !important;
880
+ border: none !important;
881
+
882
+ .p-accordion-toggle-icon {
883
+ margin-right: 0.5rem !important;
884
+ position: absolute !important;
885
+ right: 0.5em !important;
886
+ }
887
+ }
888
+ &.p-highlight {
889
+ background: none !important;
890
+ }
891
+ }
892
+
893
+ .p-accordion .p-accordion-content {
894
+ border: none !important;
895
+ background: #ffffff !important;
896
+ border-radius: 16px !important;
897
+ box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06) !important;
898
+ margin-top: -25px !important;
899
+ padding-top: 35px !important;
900
+ }
901
+
902
+ .p-accordion-tab {
903
+ margin: 20px 0px;
904
+ }
905
+
906
+ .p-chip {
907
+ display: inline-block;
908
+ padding: 0 16px !important;
909
+ height: 40px;
910
+ font-weight: 500;
911
+ font-size: 13px;
912
+ line-height: 40px;
913
+ border-radius: 25px !important;
914
+ background-color: #e5e5ea !important;
915
+ color: #002463 !important;
916
+ opacity: 0.5;
917
+
918
+ span {
919
+ border: 2px solid;
920
+ border-radius: 50%;
921
+ width: 25px;
922
+ height: 25px;
923
+ margin-left: 5px;
924
+ margin-top: 7px;
925
+ color: #abaab5;
926
+
927
+ i {
928
+ position: relative;
929
+ top: -11px;
930
+ left: -6px;
931
+ font-size: 12px;
932
+ }
933
+ }
934
+
935
+ .closebtn {
936
+ padding-left: 10px;
937
+ font-weight: bold;
938
+ float: right;
939
+ font-size: 20px;
940
+ cursor: pointer;
941
+ }
942
+
943
+ .closebtn:hover {
944
+ color: #000;
945
+ }
946
+ }
947
+
948
+ .p-menu.p-menu-overlay {
949
+ width: fit-content;
950
+ padding: 0px;
951
+ border-radius: 9px;
952
+ background-color: var(--theme-medium) !important;
953
+
954
+ ul {
955
+ display: flex;
956
+
957
+ li {
958
+ border-radius: 9px;
959
+ }
960
+
961
+ .p-menuitem-link {
962
+ border-radius: 9px;
963
+ }
964
+
965
+ .p-menuitem-link:hover {
966
+ background-color: var(--theme-dark) !important;
967
+ }
968
+
969
+ .p-menuitem-icon,
970
+ .p-menuitem-text {
971
+ color: #fff !important;
972
+ }
973
+ }
974
+ }