ngx-vector-components 4.96.0 → 4.96.1

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 (310) hide show
  1. package/CHANGELOG.md +1233 -1227
  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 +982 -982
  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 +66 -66
  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 +32 -32
  37. package/esm2020/lib/components/crud-footer/crud-footer.module.mjs +20 -20
  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 +98 -98
  52. package/esm2020/lib/components/fields/currency-field/index.mjs +2 -2
  53. package/esm2020/lib/components/fields/data-table/data-table.component.mjs +386 -386
  54. package/esm2020/lib/components/fields/data-table/index.mjs +2 -2
  55. package/esm2020/lib/components/fields/dropdown-field/dropdown-field.component.mjs +204 -204
  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 +213 -213
  60. package/esm2020/lib/components/fields/filters/filters.component.mjs +203 -203
  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 +85 -85
  65. package/esm2020/lib/components/fields/multiselect-field/index.mjs +2 -2
  66. package/esm2020/lib/components/fields/multiselect-field/multiselect-field.component.mjs +50 -50
  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 +48 -48
  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 +232 -232
  79. package/esm2020/lib/components/fields/textarea-field/index.mjs +2 -2
  80. package/esm2020/lib/components/fields/textarea-field/textarea-field.component.mjs +81 -81
  81. package/esm2020/lib/components/generic-error-modal/generic-error-modal.component.mjs +36 -36
  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 +14 -14
  88. package/esm2020/lib/components/menu/index.mjs +4 -4
  89. package/esm2020/lib/components/menu/menu.component.mjs +305 -305
  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/score/index.mjs +3 -3
  96. package/esm2020/lib/components/score/score.component.mjs +17 -17
  97. package/esm2020/lib/components/score/score.module.mjs +16 -16
  98. package/esm2020/lib/components/top-bar/index.mjs +3 -3
  99. package/esm2020/lib/components/top-bar/top-bar.component.mjs +142 -142
  100. package/esm2020/lib/components/top-bar/top-bar.module.mjs +20 -20
  101. package/esm2020/lib/guards/crud-list-has-items.guard.mjs +22 -22
  102. package/esm2020/lib/guards/get-token-by-guid.guard.mjs +54 -54
  103. package/esm2020/lib/guards/has-permission.guard.mjs +27 -27
  104. package/esm2020/lib/guards/index.mjs +6 -6
  105. package/esm2020/lib/guards/role.guard.mjs +24 -24
  106. package/esm2020/lib/guards/token-is-present.guard.mjs +26 -26
  107. package/esm2020/lib/interceptors/http-interceptor.mjs +185 -185
  108. package/esm2020/lib/interceptors/index.mjs +2 -2
  109. package/esm2020/lib/models/app-name.enum.mjs +10 -10
  110. package/esm2020/lib/models/boolean-type.enum.mjs +6 -6
  111. package/esm2020/lib/models/crud-history.model.mjs +3 -3
  112. package/esm2020/lib/models/crud-mode.enum.mjs +7 -7
  113. package/esm2020/lib/models/currency.enum.mjs +7 -7
  114. package/esm2020/lib/models/data-table.model.mjs +23 -23
  115. package/esm2020/lib/models/document-type.enum.mjs +6 -6
  116. package/esm2020/lib/models/filters.model.mjs +2 -2
  117. package/esm2020/lib/models/generic-modal.model.mjs +2 -2
  118. package/esm2020/lib/models/http-response.model.mjs +2 -2
  119. package/esm2020/lib/models/index.mjs +18 -18
  120. package/esm2020/lib/models/ip-info.enum.mjs +2 -2
  121. package/esm2020/lib/models/list-item.model.mjs +2 -2
  122. package/esm2020/lib/models/locale.enum.mjs +7 -7
  123. package/esm2020/lib/models/menu-item.model.mjs +2 -2
  124. package/esm2020/lib/models/message-status.enum.mjs +8 -8
  125. package/esm2020/lib/models/profile.model.mjs +271 -271
  126. package/esm2020/lib/models/role.enum.mjs +5 -5
  127. package/esm2020/lib/models/status.enum.mjs +8 -8
  128. package/esm2020/lib/models/topbar.model.mjs +2 -2
  129. package/esm2020/lib/models/vector-app.model.mjs +2 -2
  130. package/esm2020/lib/models/vector-notification.model.mjs +2 -2
  131. package/esm2020/lib/models/view.enum.mjs +7 -7
  132. package/esm2020/lib/pipes/currency-brl.pipe.mjs +18 -18
  133. package/esm2020/lib/pipes/format-document.pipe.mjs +17 -17
  134. package/esm2020/lib/pipes/index.mjs +9 -9
  135. package/esm2020/lib/pipes/mask.pipe.mjs +21 -21
  136. package/esm2020/lib/pipes/not-hidden.pipe.mjs +16 -16
  137. package/esm2020/lib/pipes/only-active.pipe.mjs +16 -16
  138. package/esm2020/lib/pipes/pipes.module.mjs +50 -50
  139. package/esm2020/lib/pipes/remove-last-child.pipe.mjs +18 -18
  140. package/esm2020/lib/pipes/unread-notifications.pipe.mjs +15 -15
  141. package/esm2020/lib/resolvers/get-selected-crud-item.resolver.mjs +28 -28
  142. package/esm2020/lib/resolvers/index.mjs +2 -2
  143. package/esm2020/lib/services/auth.service.mjs +77 -77
  144. package/esm2020/lib/services/base-dropdown.mjs +2 -2
  145. package/esm2020/lib/services/crud-base.service.mjs +14 -14
  146. package/esm2020/lib/services/enum.service.mjs +43 -43
  147. package/esm2020/lib/services/error-message.service.mjs +16 -16
  148. package/esm2020/lib/services/geolocation.service.mjs +23 -23
  149. package/esm2020/lib/services/index.mjs +13 -13
  150. package/esm2020/lib/services/loading.service.mjs +15 -15
  151. package/esm2020/lib/services/menu.service.mjs +152 -152
  152. package/esm2020/lib/services/modal.service.mjs +15 -15
  153. package/esm2020/lib/services/notifications.service.mjs +64 -64
  154. package/esm2020/lib/services/profile.service.mjs +103 -103
  155. package/esm2020/lib/services/storage.service.mjs +108 -108
  156. package/esm2020/lib/shared/shared.module.mjs +19 -19
  157. package/esm2020/lib/utils/cpf-cnpj-validator.util.mjs +116 -116
  158. package/esm2020/lib/utils/file.util.mjs +15 -15
  159. package/esm2020/lib/utils/index.mjs +8 -8
  160. package/esm2020/lib/utils/mask.util.mjs +76 -76
  161. package/esm2020/lib/utils/object.util.mjs +27 -27
  162. package/esm2020/lib/utils/string.util.mjs +16 -16
  163. package/esm2020/lib/utils/validation.util.mjs +234 -234
  164. package/esm2020/lib/utils/window.util.mjs +9 -9
  165. package/esm2020/ngx-vector-components.mjs +4 -4
  166. package/esm2020/public-api.mjs +9 -9
  167. package/fesm2015/ngx-vector-components.mjs +4562 -4562
  168. package/fesm2015/ngx-vector-components.mjs.map +1 -1
  169. package/fesm2020/ngx-vector-components.mjs +4540 -4540
  170. package/fesm2020/ngx-vector-components.mjs.map +1 -1
  171. package/lib/components/badge/badge.component.d.ts +15 -15
  172. package/lib/components/badge/badge.module.d.ts +9 -9
  173. package/lib/components/badge/index.d.ts +2 -2
  174. package/lib/components/breadcrumb/breadcrumb.component.d.ts +19 -19
  175. package/lib/components/breadcrumb/breadcrumb.module.d.ts +8 -8
  176. package/lib/components/breadcrumb/index.d.ts +2 -2
  177. package/lib/components/crud-base/crud-base.component.d.ts +20 -20
  178. package/lib/components/crud-base/index.d.ts +1 -1
  179. package/lib/components/crud-footer/crud-footer.component.d.ts +13 -13
  180. package/lib/components/crud-footer/crud-footer.module.d.ts +10 -10
  181. package/lib/components/crud-footer/index.d.ts +2 -2
  182. package/lib/components/crud-header/crud-header.component.d.ts +11 -11
  183. package/lib/components/crud-header/crud-header.module.d.ts +9 -9
  184. package/lib/components/crud-header/index.d.ts +2 -2
  185. package/lib/components/crud-history/crud-history.component.d.ts +12 -12
  186. package/lib/components/crud-history/crud-history.module.d.ts +10 -10
  187. package/lib/components/crud-history/index.d.ts +2 -2
  188. package/lib/components/fields/button/button.component.d.ts +17 -17
  189. package/lib/components/fields/button/index.d.ts +1 -1
  190. package/lib/components/fields/calendar-field/calendar-field.component.d.ts +23 -23
  191. package/lib/components/fields/calendar-field/index.d.ts +1 -1
  192. package/lib/components/fields/checkbox-field/checkbox-field.component.d.ts +19 -19
  193. package/lib/components/fields/checkbox-field/index.d.ts +1 -1
  194. package/lib/components/fields/currency-field/currency-field.component.d.ts +32 -32
  195. package/lib/components/fields/currency-field/index.d.ts +1 -1
  196. package/lib/components/fields/data-table/data-table.component.d.ts +82 -82
  197. package/lib/components/fields/data-table/index.d.ts +1 -1
  198. package/lib/components/fields/dropdown-field/dropdown-field.component.d.ts +52 -52
  199. package/lib/components/fields/dropdown-field/index.d.ts +1 -1
  200. package/lib/components/fields/field-error-message/field-error-message.component.d.ts +10 -10
  201. package/lib/components/fields/field-error-message/index.d.ts +1 -1
  202. package/lib/components/fields/fields.module.d.ts +48 -48
  203. package/lib/components/fields/filters/filters.component.d.ts +63 -63
  204. package/lib/components/fields/filters/index.d.ts +1 -1
  205. package/lib/components/fields/index.d.ts +18 -18
  206. package/lib/components/fields/input-number-field/index.d.ts +1 -1
  207. package/lib/components/fields/input-number-field/input-number-field.component.d.ts +28 -28
  208. package/lib/components/fields/multiselect-field/index.d.ts +1 -1
  209. package/lib/components/fields/multiselect-field/multiselect-field.component.d.ts +16 -16
  210. package/lib/components/fields/percentage-field/index.d.ts +1 -1
  211. package/lib/components/fields/percentage-field/percentage-field.component.d.ts +16 -16
  212. package/lib/components/fields/radio-button-field/index.d.ts +1 -1
  213. package/lib/components/fields/radio-button-field/radio-button-field.component.d.ts +25 -25
  214. package/lib/components/fields/range-value/index.d.ts +1 -1
  215. package/lib/components/fields/range-value/range-value.component.d.ts +18 -18
  216. package/lib/components/fields/search-field/index.d.ts +1 -1
  217. package/lib/components/fields/search-field/search-field.component.d.ts +14 -14
  218. package/lib/components/fields/select-button-field/index.d.ts +1 -1
  219. package/lib/components/fields/select-button-field/select-button-field.component.d.ts +9 -9
  220. package/lib/components/fields/text-field/index.d.ts +1 -1
  221. package/lib/components/fields/text-field/text-field.component.d.ts +55 -55
  222. package/lib/components/fields/textarea-field/index.d.ts +1 -1
  223. package/lib/components/fields/textarea-field/textarea-field.component.d.ts +22 -22
  224. package/lib/components/generic-error-modal/generic-error-modal.component.d.ts +15 -15
  225. package/lib/components/generic-error-modal/generic-error-modal.module.d.ts +10 -10
  226. package/lib/components/generic-error-modal/index.d.ts +2 -2
  227. package/lib/components/generic-modal/generic-modal.component.d.ts +24 -24
  228. package/lib/components/generic-modal/generic-modal.module.d.ts +10 -10
  229. package/lib/components/generic-modal/index.d.ts +2 -2
  230. package/lib/components/index.d.ts +13 -13
  231. package/lib/components/menu/index.d.ts +3 -3
  232. package/lib/components/menu/menu.component.d.ts +53 -53
  233. package/lib/components/menu/menu.module.d.ts +10 -10
  234. package/lib/components/menu/sub-menus-list/sub-menus-list.component.d.ts +14 -14
  235. package/lib/components/panel/index.d.ts +2 -2
  236. package/lib/components/panel/panel.component.d.ts +8 -8
  237. package/lib/components/panel/panel.module.d.ts +9 -9
  238. package/lib/components/score/index.d.ts +2 -2
  239. package/lib/components/score/score.component.d.ts +9 -9
  240. package/lib/components/score/score.module.d.ts +7 -7
  241. package/lib/components/top-bar/index.d.ts +2 -2
  242. package/lib/components/top-bar/top-bar.component.d.ts +48 -48
  243. package/lib/components/top-bar/top-bar.module.d.ts +10 -10
  244. package/lib/guards/crud-list-has-items.guard.d.ts +10 -10
  245. package/lib/guards/get-token-by-guid.guard.d.ts +15 -15
  246. package/lib/guards/has-permission.guard.d.ts +13 -13
  247. package/lib/guards/index.d.ts +5 -5
  248. package/lib/guards/role.guard.d.ts +11 -11
  249. package/lib/guards/token-is-present.guard.d.ts +11 -11
  250. package/lib/interceptors/http-interceptor.d.ts +31 -31
  251. package/lib/interceptors/index.d.ts +1 -1
  252. package/lib/models/app-name.enum.d.ts +8 -8
  253. package/lib/models/boolean-type.enum.d.ts +4 -4
  254. package/lib/models/crud-history.model.d.ts +13 -13
  255. package/lib/models/crud-mode.enum.d.ts +5 -5
  256. package/lib/models/currency.enum.d.ts +5 -5
  257. package/lib/models/data-table.model.d.ts +65 -65
  258. package/lib/models/document-type.enum.d.ts +4 -4
  259. package/lib/models/filters.model.d.ts +4 -4
  260. package/lib/models/generic-modal.model.d.ts +12 -13
  261. package/lib/models/http-response.model.d.ts +48 -48
  262. package/lib/models/index.d.ts +17 -17
  263. package/lib/models/ip-info.enum.d.ts +6 -6
  264. package/lib/models/list-item.model.d.ts +7 -7
  265. package/lib/models/locale.enum.d.ts +5 -5
  266. package/lib/models/menu-item.model.d.ts +16 -16
  267. package/lib/models/message-status.enum.d.ts +6 -6
  268. package/lib/models/profile.model.d.ts +292 -292
  269. package/lib/models/role.enum.d.ts +3 -3
  270. package/lib/models/status.enum.d.ts +6 -6
  271. package/lib/models/topbar.model.d.ts +5 -5
  272. package/lib/models/vector-app.model.d.ts +9 -9
  273. package/lib/models/vector-notification.model.d.ts +8 -8
  274. package/lib/models/view.enum.d.ts +5 -5
  275. package/lib/pipes/currency-brl.pipe.d.ts +7 -7
  276. package/lib/pipes/format-document.pipe.d.ts +7 -7
  277. package/lib/pipes/index.d.ts +8 -8
  278. package/lib/pipes/mask.pipe.d.ts +7 -7
  279. package/lib/pipes/not-hidden.pipe.d.ts +7 -7
  280. package/lib/pipes/only-active.pipe.d.ts +7 -7
  281. package/lib/pipes/pipes.module.d.ts +13 -13
  282. package/lib/pipes/remove-last-child.pipe.d.ts +7 -7
  283. package/lib/pipes/unread-notifications.pipe.d.ts +9 -9
  284. package/lib/resolvers/get-selected-crud-item.resolver.d.ts +10 -10
  285. package/lib/resolvers/index.d.ts +1 -1
  286. package/lib/services/auth.service.d.ts +24 -24
  287. package/lib/services/base-dropdown.d.ts +7 -7
  288. package/lib/services/crud-base.service.d.ts +7 -7
  289. package/lib/services/enum.service.d.ts +13 -13
  290. package/lib/services/error-message.service.d.ts +8 -8
  291. package/lib/services/geolocation.service.d.ts +13 -13
  292. package/lib/services/index.d.ts +12 -12
  293. package/lib/services/loading.service.d.ts +7 -7
  294. package/lib/services/menu.service.d.ts +35 -35
  295. package/lib/services/modal.service.d.ts +7 -7
  296. package/lib/services/notifications.service.d.ts +13 -13
  297. package/lib/services/profile.service.d.ts +26 -26
  298. package/lib/services/storage.service.d.ts +43 -43
  299. package/lib/shared/shared.module.d.ts +10 -10
  300. package/lib/utils/cpf-cnpj-validator.util.d.ts +5 -5
  301. package/lib/utils/file.util.d.ts +4 -4
  302. package/lib/utils/index.d.ts +7 -7
  303. package/lib/utils/mask.util.d.ts +21 -21
  304. package/lib/utils/object.util.d.ts +5 -5
  305. package/lib/utils/string.util.d.ts +4 -4
  306. package/lib/utils/validation.util.d.ts +17 -17
  307. package/lib/utils/window.util.d.ts +4 -4
  308. package/ngx-vector-components.d.ts +5 -5
  309. package/package.json +1 -1
  310. package/public-api.d.ts +8 -8
package/assets/styles/_primeng-custom-theme.scss CHANGED
@@ -1,982 +1,982 @@
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-inputnumber .text-centered input {
422
- text-align: center;
423
- }
424
-
425
- p-radiobutton.ng-touched.ng-invalid .p-radiobutton-box {
426
- border-color: var(--error-color) !important;
427
- }
428
-
429
- .p-radiobutton-box.p-highlight {
430
- background-color: var(--success-color) !important;
431
- border-color: var(--success-color) !important;
432
-
433
- // &::before {
434
- // content: '\f00c';
435
- // color: #ffffff;
436
- // font-weight: 200;
437
- // width: 10px;
438
- // height: 10px;
439
- // }
440
- // .p-radiobutton-icon {
441
- // background-color: var(--success-color) !important;
442
- // }
443
- }
444
-
445
- .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
446
- border-color: var(--success-color) !important;
447
- }
448
-
449
- .p-highlight {
450
- background-color: var(--theme-primary) !important;
451
- border-color: var(--theme-primary) !important;
452
- }
453
-
454
- .p-button:focus {
455
- box-shadow: unset !important;
456
- }
457
-
458
- .p-button.button {
459
- display: flex !important;
460
- flex-direction: row !important;
461
- justify-content: center !important;
462
-
463
- .p-button-label {
464
- flex: unset !important;
465
- }
466
- }
467
-
468
- .p-datepicker table td > span:focus {
469
- box-shadow: unset !important;
470
- }
471
-
472
- .p-datepicker table td > span.p-highlight {
473
- color: #ffffff !important;
474
- }
475
-
476
- .p-datepicker table td > span {
477
- color: var(--font-color) !important;
478
- }
479
-
480
- .p-datepicker {
481
- border: 2px solid var(--theme-dark) !important;
482
- border-radius: var(--border-radius) !important;
483
- z-index: 15000 !important;
484
-
485
- .p-datepicker-calendar thead tr th span {
486
- color: var(--theme-dark) !important;
487
- }
488
- }
489
-
490
- .p-overlaypanel:not(.background-white) {
491
- background-color: #01529b !important;
492
- }
493
-
494
- .p-overlaypanel-content {
495
- padding: 6px 8px 6px 8px !important;
496
- }
497
-
498
- .p-overlaypanel::after,
499
- .p-overlaypanel::before {
500
- border-bottom-color: #01529b !important;
501
- }
502
-
503
- .p-dialog:not(.p-confirm-dialog) {
504
- .p-dialog-header {
505
- padding: 3px !important;
506
- border-top-left-radius: 9px !important;
507
- border-top-right-radius: 9px !important;
508
- }
509
-
510
- .p-dialog-content {
511
- border-bottom-left-radius: 9px !important;
512
- border-bottom-right-radius: 9px !important;
513
- }
514
- }
515
-
516
- .p-dialog .p-dialog-header .p-dialog-title {
517
- font-size: 1em !important;
518
- text-align: center !important;
519
- }
520
-
521
- .p-dialog-header-close-icon {
522
- font-weight: 600 !important;
523
- }
524
-
525
- .p-confirm-dialog {
526
- .p-dialog-footer .actions {
527
- display: flex;
528
- align-items: center;
529
- justify-content: flex-end;
530
- }
531
-
532
- .p-confirm-dialog-icon {
533
- display: none !important;
534
- }
535
-
536
- .p-confirm-dialog-message {
537
- margin-left: 0px !important;
538
- }
539
- }
540
-
541
- .p-selectbutton {
542
- background-color: var(--gray-light) !important;
543
- border-radius: 10px !important;
544
- width: fit-content !important;
545
-
546
- .p-ripple {
547
- border: none !important;
548
- margin: 3px !important;
549
- border-radius: 8px !important;
550
-
551
- .p-button-label {
552
- color: var(--gray-dark) !important;
553
- font-weight: 500 !important;
554
- }
555
-
556
- &:not(.p-highlight) {
557
- background-color: transparent !important;
558
- }
559
-
560
- &.p-highlight {
561
- background-color: #fff !important;
562
-
563
- .p-button-label {
564
- color: var(--theme-medium) !important;
565
- }
566
- }
567
- }
568
- }
569
-
570
- .p-multiselect-panel:not(.has-filter) .p-multiselect-header {
571
- .p-checkbox::after {
572
- content: 'Selecionar Todos';
573
- margin-left: 0.5rem;
574
- }
575
- }
576
-
577
- .p-multiselect-header {
578
- .p-checkbox {
579
- width: max-content;
580
- }
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
- p-multiselect.ng-touched.ng-invalid .p-multiselect {
628
- border-color: var(--error-color) !important;
629
- background-color: var(--error-color-transparent) !important;
630
- }
631
-
632
- .p-dropdown-panel,
633
- .p-autocomplete-panel,
634
- .p-multiselect-panel {
635
- max-width: 250px !important;
636
- border: 2px solid var(--theme-dark) !important;
637
- margin-top: -2px !important;
638
- border-radius: var(--border-radius) !important;
639
-
640
- & .p-autocomplete-items,
641
- & .p-multiselect-items {
642
- padding-top: 0px !important;
643
- padding-bottom: 0px !important;
644
- padding-right: 1px !important;
645
- }
646
-
647
- &::-webkit-scrollbar {
648
- width: 5px;
649
- }
650
-
651
- &::-webkit-scrollbar-track {
652
- background: var(--gray-light);
653
- }
654
-
655
- &::-webkit-scrollbar-thumb {
656
- background: var(--theme-dark);
657
- border-radius: 8px;
658
- }
659
-
660
- &::-webkit-scrollbar-thumb:hover {
661
- background: var(--theme-dark);
662
- }
663
- }
664
-
665
- .p-dropdown-item,
666
- .p-autocomplete-item,
667
- .p-multiselect-item {
668
- text-overflow: ellipsis;
669
- color: var(--theme-dark) !important;
670
-
671
- &:hover {
672
- background-color: var(--theme-dark) !important;
673
- color: #ffffff !important;
674
- }
675
- }
676
-
677
- .p-dropdown,
678
- .p-multiselect {
679
- border: none !important;
680
- .p-highlight {
681
- background-color: #ffffff !important;
682
- }
683
- }
684
- .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,
685
- .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
686
- background-color: var(--theme-dark) !important;
687
- color: #ffffff !important;
688
- }
689
-
690
- .p-slider {
691
- background-color: #01529b;
692
- .p-slider-range {
693
- background-color: var(--success-color) !important;
694
- border-radius: inherit !important;
695
- }
696
- .p-slider-handle {
697
- border-color: var(--success-color) !important;
698
-
699
- &:hover {
700
- background-color: var(--success-color) !important;
701
- }
702
- &:focus {
703
- box-shadow: unset !important;
704
- }
705
- }
706
- }
707
-
708
- .p-fileupload {
709
- p-messages {
710
- display: none !important;
711
- }
712
- .p-fileupload-choose {
713
- background: transparent !important;
714
- border: 2px solid var(--theme-dark) !important;
715
- border-radius: var(--border-radius) !important;
716
-
717
- .p-button-label {
718
- color: var(--theme-dark) !important;
719
- max-width: 200px !important;
720
- text-overflow: ellipsis !important;
721
- white-space: nowrap !important;
722
- overflow: hidden !important;
723
-
724
- @media (max-width: 768px) {
725
- max-width: 150px !important;
726
- }
727
- }
728
-
729
- .p-button-icon {
730
- display: none !important;
731
- }
732
- }
733
- }
734
-
735
- vector-data-table {
736
- vector-panel.data-table-panel .p-panel,
737
- vector-panel.data-table-panel .p-panel-content,
738
- vector-panel.data-table-panel .p-panel-content > div {
739
- border-radius: 15px !important;
740
- }
741
-
742
- p-table {
743
- .p-datatable-wrapper {
744
- }
745
-
746
- .p-datatable-table {
747
- border-radius: 15px !important;
748
- }
749
-
750
- .p-datatable-thead {
751
- border-radius: 15px !important;
752
- z-index: 0 !important;
753
-
754
- .header {
755
- th {
756
- white-space: normal !important;
757
- position: relative;
758
- padding: 10px 10px 10px 35px !important;
759
- background-color: var(--gray-light) !important;
760
-
761
- &:first-child {
762
- border-top-left-radius: 15px !important;
763
- padding: 10px !important;
764
- }
765
-
766
- &:last-child {
767
- border-top-right-radius: 15px !important;
768
- }
769
-
770
- p-sorticon {
771
- // position: absolute;
772
- // left: 0px;
773
-
774
- .p-sortable-column-icon {
775
- display: flex;
776
- flex-direction: column;
777
- font-size: 10px;
778
-
779
- &::before {
780
- content: '\e903' !important;
781
- }
782
-
783
- &::after {
784
- content: '\e902' !important;
785
- }
786
- }
787
- }
788
-
789
- &.p-highlight {
790
- color: var(--theme-primary) !important;
791
- }
792
- }
793
- }
794
- }
795
-
796
- .p-datatable-tbody {
797
- tr.p-highlight {
798
- background-color: #eff6ff !important;
799
- }
800
- }
801
-
802
- .row {
803
- background: transparent !important;
804
-
805
- .cell {
806
- white-space: normal !important;
807
-
808
- .boolean-value-positive {
809
- color: var(--success-color);
810
- }
811
-
812
- .boolean-value-negative {
813
- color: var(--error-color);
814
- }
815
-
816
- .status-table-field {
817
- font-size: 1.4em;
818
- }
819
-
820
- .table-button {
821
- cursor: pointer;
822
- color: var(--theme-primary);
823
- }
824
- }
825
-
826
- .no-results {
827
- border-bottom-left-radius: 15px;
828
- border-bottom-right-radius: 15px;
829
- }
830
- }
831
-
832
- .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
833
- color: #fff !important;
834
- }
835
-
836
- .p-paginator-bottom {
837
- border-radius: 15px !important;
838
- }
839
- }
840
-
841
- p-tabview {
842
- .p-tabview-panels {
843
- display: none !important;
844
- }
845
-
846
- .p-tabview-nav {
847
- li {
848
- .p-tabview-nav-link {
849
- justify-content: center;
850
- }
851
-
852
- &.p-highlight .p-tabview-nav-link {
853
- color: var(--theme-primary) !important;
854
- }
855
- }
856
- }
857
- }
858
-
859
- vector-panel p-panel .p-panel .p-panel-content {
860
- padding: 0px !important;
861
- }
862
- }
863
-
864
- .success {
865
- color: var(--success-color);
866
- }
867
- .error {
868
- color: var(--error-color);
869
- }
870
- .warning {
871
- color: var(--warning-color);
872
- }
873
- .info {
874
- color: var(--theme-light);
875
- }
876
-
877
- p-tabview {
878
- .p-tabview .p-tabview-nav li .p-tabview-nav-link {
879
- border-top-right-radius: 0px !important;
880
- border-top-left-radius: 0px !important;
881
- }
882
- }
883
-
884
- .p-accordion-header {
885
- .p-accordion-header-link {
886
- border-radius: 16px !important;
887
- box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06) !important;
888
- border: none !important;
889
-
890
- .p-accordion-toggle-icon {
891
- margin-right: 0.5rem !important;
892
- position: absolute !important;
893
- right: 0.5em !important;
894
- }
895
- }
896
- &.p-highlight {
897
- background: none !important;
898
- }
899
- }
900
-
901
- .p-accordion .p-accordion-content {
902
- border: none !important;
903
- background: #ffffff !important;
904
- border-radius: 16px !important;
905
- box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06) !important;
906
- margin-top: -25px !important;
907
- padding-top: 35px !important;
908
- }
909
-
910
- .p-accordion-tab {
911
- margin: 20px 0px;
912
- }
913
-
914
- .p-chip {
915
- display: inline-block;
916
- padding: 0 16px !important;
917
- height: 40px;
918
- font-weight: 500;
919
- font-size: 13px;
920
- line-height: 40px;
921
- border-radius: 25px !important;
922
- background-color: #e5e5ea !important;
923
- color: #002463 !important;
924
- opacity: 0.5;
925
-
926
- span {
927
- border: 2px solid;
928
- border-radius: 50%;
929
- width: 25px;
930
- height: 25px;
931
- margin-left: 5px;
932
- margin-top: 7px;
933
- color: #abaab5;
934
-
935
- i {
936
- position: relative;
937
- top: -11px;
938
- left: -6px;
939
- font-size: 12px;
940
- }
941
- }
942
-
943
- .closebtn {
944
- padding-left: 10px;
945
- font-weight: bold;
946
- float: right;
947
- font-size: 20px;
948
- cursor: pointer;
949
- }
950
-
951
- .closebtn:hover {
952
- color: #000;
953
- }
954
- }
955
-
956
- .p-menu.p-menu-overlay {
957
- width: fit-content;
958
- padding: 0px;
959
- border-radius: 9px;
960
- background-color: var(--theme-medium) !important;
961
-
962
- ul {
963
- display: flex;
964
-
965
- li {
966
- border-radius: 9px;
967
- }
968
-
969
- .p-menuitem-link {
970
- border-radius: 9px;
971
- }
972
-
973
- .p-menuitem-link:hover {
974
- background-color: var(--theme-dark) !important;
975
- }
976
-
977
- .p-menuitem-icon,
978
- .p-menuitem-text {
979
- color: #fff !important;
980
- }
981
- }
982
- }
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-inputnumber .text-centered input {
422
+ text-align: center;
423
+ }
424
+
425
+ p-radiobutton.ng-touched.ng-invalid .p-radiobutton-box {
426
+ border-color: var(--error-color) !important;
427
+ }
428
+
429
+ .p-radiobutton-box.p-highlight {
430
+ background-color: var(--success-color) !important;
431
+ border-color: var(--success-color) !important;
432
+
433
+ // &::before {
434
+ // content: '\f00c';
435
+ // color: #ffffff;
436
+ // font-weight: 200;
437
+ // width: 10px;
438
+ // height: 10px;
439
+ // }
440
+ // .p-radiobutton-icon {
441
+ // background-color: var(--success-color) !important;
442
+ // }
443
+ }
444
+
445
+ .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
446
+ border-color: var(--success-color) !important;
447
+ }
448
+
449
+ .p-highlight {
450
+ background-color: var(--theme-primary) !important;
451
+ border-color: var(--theme-primary) !important;
452
+ }
453
+
454
+ .p-button:focus {
455
+ box-shadow: unset !important;
456
+ }
457
+
458
+ .p-button.button {
459
+ display: flex !important;
460
+ flex-direction: row !important;
461
+ justify-content: center !important;
462
+
463
+ .p-button-label {
464
+ flex: unset !important;
465
+ }
466
+ }
467
+
468
+ .p-datepicker table td > span:focus {
469
+ box-shadow: unset !important;
470
+ }
471
+
472
+ .p-datepicker table td > span.p-highlight {
473
+ color: #ffffff !important;
474
+ }
475
+
476
+ .p-datepicker table td > span {
477
+ color: var(--font-color) !important;
478
+ }
479
+
480
+ .p-datepicker {
481
+ border: 2px solid var(--theme-dark) !important;
482
+ border-radius: var(--border-radius) !important;
483
+ z-index: 15000 !important;
484
+
485
+ .p-datepicker-calendar thead tr th span {
486
+ color: var(--theme-dark) !important;
487
+ }
488
+ }
489
+
490
+ .p-overlaypanel:not(.background-white) {
491
+ background-color: #01529b !important;
492
+ }
493
+
494
+ .p-overlaypanel-content {
495
+ padding: 6px 8px 6px 8px !important;
496
+ }
497
+
498
+ .p-overlaypanel::after,
499
+ .p-overlaypanel::before {
500
+ border-bottom-color: #01529b !important;
501
+ }
502
+
503
+ .p-dialog:not(.p-confirm-dialog) {
504
+ .p-dialog-header {
505
+ padding: 3px !important;
506
+ border-top-left-radius: 9px !important;
507
+ border-top-right-radius: 9px !important;
508
+ }
509
+
510
+ .p-dialog-content {
511
+ border-bottom-left-radius: 9px !important;
512
+ border-bottom-right-radius: 9px !important;
513
+ }
514
+ }
515
+
516
+ .p-dialog .p-dialog-header .p-dialog-title {
517
+ font-size: 1em !important;
518
+ text-align: center !important;
519
+ }
520
+
521
+ .p-dialog-header-close-icon {
522
+ font-weight: 600 !important;
523
+ }
524
+
525
+ .p-confirm-dialog {
526
+ .p-dialog-footer .actions {
527
+ display: flex;
528
+ align-items: center;
529
+ justify-content: flex-end;
530
+ }
531
+
532
+ .p-confirm-dialog-icon {
533
+ display: none !important;
534
+ }
535
+
536
+ .p-confirm-dialog-message {
537
+ margin-left: 0px !important;
538
+ }
539
+ }
540
+
541
+ .p-selectbutton {
542
+ background-color: var(--gray-light) !important;
543
+ border-radius: 10px !important;
544
+ width: fit-content !important;
545
+
546
+ .p-ripple {
547
+ border: none !important;
548
+ margin: 3px !important;
549
+ border-radius: 8px !important;
550
+
551
+ .p-button-label {
552
+ color: var(--gray-dark) !important;
553
+ font-weight: 500 !important;
554
+ }
555
+
556
+ &:not(.p-highlight) {
557
+ background-color: transparent !important;
558
+ }
559
+
560
+ &.p-highlight {
561
+ background-color: #fff !important;
562
+
563
+ .p-button-label {
564
+ color: var(--theme-medium) !important;
565
+ }
566
+ }
567
+ }
568
+ }
569
+
570
+ .p-multiselect-panel:not(.has-filter) .p-multiselect-header {
571
+ .p-checkbox::after {
572
+ content: 'Selecionar Todos';
573
+ margin-left: 0.5rem;
574
+ }
575
+ }
576
+
577
+ .p-multiselect-header {
578
+ .p-checkbox {
579
+ width: max-content;
580
+ }
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
+ p-multiselect.ng-touched.ng-invalid .p-multiselect {
628
+ border-color: var(--error-color) !important;
629
+ background-color: var(--error-color-transparent) !important;
630
+ }
631
+
632
+ .p-dropdown-panel,
633
+ .p-autocomplete-panel,
634
+ .p-multiselect-panel {
635
+ max-width: 250px !important;
636
+ border: 2px solid var(--theme-dark) !important;
637
+ margin-top: -2px !important;
638
+ border-radius: var(--border-radius) !important;
639
+
640
+ & .p-autocomplete-items,
641
+ & .p-multiselect-items {
642
+ padding-top: 0px !important;
643
+ padding-bottom: 0px !important;
644
+ padding-right: 1px !important;
645
+ }
646
+
647
+ &::-webkit-scrollbar {
648
+ width: 5px;
649
+ }
650
+
651
+ &::-webkit-scrollbar-track {
652
+ background: var(--gray-light);
653
+ }
654
+
655
+ &::-webkit-scrollbar-thumb {
656
+ background: var(--theme-dark);
657
+ border-radius: 8px;
658
+ }
659
+
660
+ &::-webkit-scrollbar-thumb:hover {
661
+ background: var(--theme-dark);
662
+ }
663
+ }
664
+
665
+ .p-dropdown-item,
666
+ .p-autocomplete-item,
667
+ .p-multiselect-item {
668
+ text-overflow: ellipsis;
669
+ color: var(--theme-dark) !important;
670
+
671
+ &:hover {
672
+ background-color: var(--theme-dark) !important;
673
+ color: #ffffff !important;
674
+ }
675
+ }
676
+
677
+ .p-dropdown,
678
+ .p-multiselect {
679
+ border: none !important;
680
+ .p-highlight {
681
+ background-color: #ffffff !important;
682
+ }
683
+ }
684
+ .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,
685
+ .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
686
+ background-color: var(--theme-dark) !important;
687
+ color: #ffffff !important;
688
+ }
689
+
690
+ .p-slider {
691
+ background-color: #01529b;
692
+ .p-slider-range {
693
+ background-color: var(--success-color) !important;
694
+ border-radius: inherit !important;
695
+ }
696
+ .p-slider-handle {
697
+ border-color: var(--success-color) !important;
698
+
699
+ &:hover {
700
+ background-color: var(--success-color) !important;
701
+ }
702
+ &:focus {
703
+ box-shadow: unset !important;
704
+ }
705
+ }
706
+ }
707
+
708
+ .p-fileupload {
709
+ p-messages {
710
+ display: none !important;
711
+ }
712
+ .p-fileupload-choose {
713
+ background: transparent !important;
714
+ border: 2px solid var(--theme-dark) !important;
715
+ border-radius: var(--border-radius) !important;
716
+
717
+ .p-button-label {
718
+ color: var(--theme-dark) !important;
719
+ max-width: 200px !important;
720
+ text-overflow: ellipsis !important;
721
+ white-space: nowrap !important;
722
+ overflow: hidden !important;
723
+
724
+ @media (max-width: 768px) {
725
+ max-width: 150px !important;
726
+ }
727
+ }
728
+
729
+ .p-button-icon {
730
+ display: none !important;
731
+ }
732
+ }
733
+ }
734
+
735
+ vector-data-table {
736
+ vector-panel.data-table-panel .p-panel,
737
+ vector-panel.data-table-panel .p-panel-content,
738
+ vector-panel.data-table-panel .p-panel-content > div {
739
+ border-radius: 15px !important;
740
+ }
741
+
742
+ p-table {
743
+ .p-datatable-wrapper {
744
+ }
745
+
746
+ .p-datatable-table {
747
+ border-radius: 15px !important;
748
+ }
749
+
750
+ .p-datatable-thead {
751
+ border-radius: 15px !important;
752
+ z-index: 0 !important;
753
+
754
+ .header {
755
+ th {
756
+ white-space: normal !important;
757
+ position: relative;
758
+ padding: 10px 10px 10px 35px !important;
759
+ background-color: var(--gray-light) !important;
760
+
761
+ &:first-child {
762
+ border-top-left-radius: 15px !important;
763
+ padding: 10px !important;
764
+ }
765
+
766
+ &:last-child {
767
+ border-top-right-radius: 15px !important;
768
+ }
769
+
770
+ p-sorticon {
771
+ // position: absolute;
772
+ // left: 0px;
773
+
774
+ .p-sortable-column-icon {
775
+ display: flex;
776
+ flex-direction: column;
777
+ font-size: 10px;
778
+
779
+ &::before {
780
+ content: '\e903' !important;
781
+ }
782
+
783
+ &::after {
784
+ content: '\e902' !important;
785
+ }
786
+ }
787
+ }
788
+
789
+ &.p-highlight {
790
+ color: var(--theme-primary) !important;
791
+ }
792
+ }
793
+ }
794
+ }
795
+
796
+ .p-datatable-tbody {
797
+ tr.p-highlight {
798
+ background-color: #eff6ff !important;
799
+ }
800
+ }
801
+
802
+ .row {
803
+ background: transparent !important;
804
+
805
+ .cell {
806
+ white-space: normal !important;
807
+
808
+ .boolean-value-positive {
809
+ color: var(--success-color);
810
+ }
811
+
812
+ .boolean-value-negative {
813
+ color: var(--error-color);
814
+ }
815
+
816
+ .status-table-field {
817
+ font-size: 1.4em;
818
+ }
819
+
820
+ .table-button {
821
+ cursor: pointer;
822
+ color: var(--theme-primary);
823
+ }
824
+ }
825
+
826
+ .no-results {
827
+ border-bottom-left-radius: 15px;
828
+ border-bottom-right-radius: 15px;
829
+ }
830
+ }
831
+
832
+ .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
833
+ color: #fff !important;
834
+ }
835
+
836
+ .p-paginator-bottom {
837
+ border-radius: 15px !important;
838
+ }
839
+ }
840
+
841
+ p-tabview {
842
+ .p-tabview-panels {
843
+ display: none !important;
844
+ }
845
+
846
+ .p-tabview-nav {
847
+ li {
848
+ .p-tabview-nav-link {
849
+ justify-content: center;
850
+ }
851
+
852
+ &.p-highlight .p-tabview-nav-link {
853
+ color: var(--theme-primary) !important;
854
+ }
855
+ }
856
+ }
857
+ }
858
+
859
+ vector-panel p-panel .p-panel .p-panel-content {
860
+ padding: 0px !important;
861
+ }
862
+ }
863
+
864
+ .success {
865
+ color: var(--success-color);
866
+ }
867
+ .error {
868
+ color: var(--error-color);
869
+ }
870
+ .warning {
871
+ color: var(--warning-color);
872
+ }
873
+ .info {
874
+ color: var(--theme-light);
875
+ }
876
+
877
+ p-tabview {
878
+ .p-tabview .p-tabview-nav li .p-tabview-nav-link {
879
+ border-top-right-radius: 0px !important;
880
+ border-top-left-radius: 0px !important;
881
+ }
882
+ }
883
+
884
+ .p-accordion-header {
885
+ .p-accordion-header-link {
886
+ border-radius: 16px !important;
887
+ box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06) !important;
888
+ border: none !important;
889
+
890
+ .p-accordion-toggle-icon {
891
+ margin-right: 0.5rem !important;
892
+ position: absolute !important;
893
+ right: 0.5em !important;
894
+ }
895
+ }
896
+ &.p-highlight {
897
+ background: none !important;
898
+ }
899
+ }
900
+
901
+ .p-accordion .p-accordion-content {
902
+ border: none !important;
903
+ background: #ffffff !important;
904
+ border-radius: 16px !important;
905
+ box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06) !important;
906
+ margin-top: -25px !important;
907
+ padding-top: 35px !important;
908
+ }
909
+
910
+ .p-accordion-tab {
911
+ margin: 20px 0px;
912
+ }
913
+
914
+ .p-chip {
915
+ display: inline-block;
916
+ padding: 0 16px !important;
917
+ height: 40px;
918
+ font-weight: 500;
919
+ font-size: 13px;
920
+ line-height: 40px;
921
+ border-radius: 25px !important;
922
+ background-color: #e5e5ea !important;
923
+ color: #002463 !important;
924
+ opacity: 0.5;
925
+
926
+ span {
927
+ border: 2px solid;
928
+ border-radius: 50%;
929
+ width: 25px;
930
+ height: 25px;
931
+ margin-left: 5px;
932
+ margin-top: 7px;
933
+ color: #abaab5;
934
+
935
+ i {
936
+ position: relative;
937
+ top: -11px;
938
+ left: -6px;
939
+ font-size: 12px;
940
+ }
941
+ }
942
+
943
+ .closebtn {
944
+ padding-left: 10px;
945
+ font-weight: bold;
946
+ float: right;
947
+ font-size: 20px;
948
+ cursor: pointer;
949
+ }
950
+
951
+ .closebtn:hover {
952
+ color: #000;
953
+ }
954
+ }
955
+
956
+ .p-menu.p-menu-overlay {
957
+ width: fit-content;
958
+ padding: 0px;
959
+ border-radius: 9px;
960
+ background-color: var(--theme-medium) !important;
961
+
962
+ ul {
963
+ display: flex;
964
+
965
+ li {
966
+ border-radius: 9px;
967
+ }
968
+
969
+ .p-menuitem-link {
970
+ border-radius: 9px;
971
+ }
972
+
973
+ .p-menuitem-link:hover {
974
+ background-color: var(--theme-dark) !important;
975
+ }
976
+
977
+ .p-menuitem-icon,
978
+ .p-menuitem-text {
979
+ color: #fff !important;
980
+ }
981
+ }
982
+ }