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