primereact 10.0.2 → 10.0.3

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 (200) hide show
  1. package/README.md +1 -4
  2. package/autocomplete/autocomplete.cjs.js +4 -2
  3. package/autocomplete/autocomplete.cjs.min.js +1 -1
  4. package/autocomplete/autocomplete.esm.js +4 -2
  5. package/autocomplete/autocomplete.esm.min.js +1 -1
  6. package/autocomplete/autocomplete.js +4 -2
  7. package/autocomplete/autocomplete.min.js +1 -1
  8. package/blockui/blockui.cjs.js +3 -6
  9. package/blockui/blockui.cjs.min.js +1 -1
  10. package/blockui/blockui.esm.js +3 -6
  11. package/blockui/blockui.esm.min.js +1 -1
  12. package/blockui/blockui.js +3 -6
  13. package/blockui/blockui.min.js +1 -1
  14. package/calendar/calendar.cjs.js +3 -5
  15. package/calendar/calendar.cjs.min.js +1 -1
  16. package/calendar/calendar.esm.js +3 -5
  17. package/calendar/calendar.esm.min.js +1 -1
  18. package/calendar/calendar.js +3 -5
  19. package/calendar/calendar.min.js +1 -1
  20. package/carousel/carousel.cjs.js +3 -1
  21. package/carousel/carousel.cjs.min.js +1 -1
  22. package/carousel/carousel.esm.js +3 -1
  23. package/carousel/carousel.esm.min.js +1 -1
  24. package/carousel/carousel.js +3 -1
  25. package/carousel/carousel.min.js +1 -1
  26. package/checkbox/checkbox.d.ts +5 -5
  27. package/componentbase/componentbase.d.ts +8 -0
  28. package/contextmenu/contextmenu.cjs.js +4 -1
  29. package/contextmenu/contextmenu.cjs.min.js +1 -1
  30. package/contextmenu/contextmenu.esm.js +4 -1
  31. package/contextmenu/contextmenu.esm.min.js +1 -1
  32. package/contextmenu/contextmenu.js +4 -1
  33. package/contextmenu/contextmenu.min.js +1 -1
  34. package/core/core.js +64 -27
  35. package/core/core.min.js +6 -6
  36. package/datatable/datatable.cjs.js +92 -41
  37. package/datatable/datatable.cjs.min.js +1 -1
  38. package/datatable/datatable.d.ts +27 -0
  39. package/datatable/datatable.esm.js +92 -41
  40. package/datatable/datatable.esm.min.js +1 -1
  41. package/datatable/datatable.js +92 -41
  42. package/datatable/datatable.min.js +1 -1
  43. package/dataview/dataview.cjs.js +24 -22
  44. package/dataview/dataview.cjs.min.js +1 -1
  45. package/dataview/dataview.esm.js +24 -22
  46. package/dataview/dataview.esm.min.js +1 -1
  47. package/dataview/dataview.js +24 -22
  48. package/dataview/dataview.min.js +1 -1
  49. package/dialog/dialog.cjs.js +2 -4
  50. package/dialog/dialog.cjs.min.js +1 -1
  51. package/dialog/dialog.esm.js +2 -4
  52. package/dialog/dialog.esm.min.js +1 -1
  53. package/dialog/dialog.js +2 -4
  54. package/dialog/dialog.min.js +1 -1
  55. package/dropdown/dropdown.cjs.js +29 -17
  56. package/dropdown/dropdown.cjs.min.js +1 -1
  57. package/dropdown/dropdown.esm.js +29 -17
  58. package/dropdown/dropdown.esm.min.js +1 -1
  59. package/dropdown/dropdown.js +29 -17
  60. package/dropdown/dropdown.min.js +1 -1
  61. package/editor/editor.cjs.js +1 -1
  62. package/editor/editor.cjs.min.js +1 -1
  63. package/editor/editor.esm.js +1 -1
  64. package/editor/editor.esm.min.js +1 -1
  65. package/editor/editor.js +1 -1
  66. package/editor/editor.min.js +1 -1
  67. package/galleria/galleria.cjs.js +3 -5
  68. package/galleria/galleria.cjs.min.js +1 -1
  69. package/galleria/galleria.esm.js +3 -5
  70. package/galleria/galleria.esm.min.js +1 -1
  71. package/galleria/galleria.js +3 -5
  72. package/galleria/galleria.min.js +1 -1
  73. package/hooks/hooks.cjs.js +2 -1
  74. package/hooks/hooks.cjs.min.js +1 -1
  75. package/hooks/hooks.d.ts +1 -1
  76. package/hooks/hooks.esm.js +2 -1
  77. package/hooks/hooks.esm.min.js +1 -1
  78. package/hooks/hooks.js +2 -1
  79. package/hooks/hooks.min.js +1 -1
  80. package/image/image.cjs.js +104 -106
  81. package/image/image.cjs.min.js +1 -1
  82. package/image/image.esm.js +104 -106
  83. package/image/image.esm.min.js +1 -1
  84. package/image/image.js +105 -107
  85. package/image/image.min.js +1 -1
  86. package/inputnumber/inputnumber.cjs.js +7 -4
  87. package/inputnumber/inputnumber.cjs.min.js +1 -1
  88. package/inputnumber/inputnumber.esm.js +7 -4
  89. package/inputnumber/inputnumber.esm.min.js +1 -1
  90. package/inputnumber/inputnumber.js +7 -4
  91. package/inputnumber/inputnumber.min.js +1 -1
  92. package/menu/menu.cjs.js +105 -1
  93. package/menu/menu.cjs.min.js +1 -1
  94. package/menu/menu.d.ts +5 -0
  95. package/menu/menu.esm.js +108 -4
  96. package/menu/menu.esm.min.js +1 -1
  97. package/menu/menu.js +105 -1
  98. package/menu/menu.min.js +1 -1
  99. package/multiselect/multiselect.cjs.js +26 -12
  100. package/multiselect/multiselect.cjs.min.js +1 -1
  101. package/multiselect/multiselect.d.ts +4 -0
  102. package/multiselect/multiselect.esm.js +26 -12
  103. package/multiselect/multiselect.esm.min.js +1 -1
  104. package/multiselect/multiselect.js +26 -12
  105. package/multiselect/multiselect.min.js +1 -1
  106. package/orderlist/orderlist.cjs.js +32 -34
  107. package/orderlist/orderlist.cjs.min.js +1 -1
  108. package/orderlist/orderlist.esm.js +32 -34
  109. package/orderlist/orderlist.esm.min.js +1 -1
  110. package/orderlist/orderlist.js +32 -34
  111. package/orderlist/orderlist.min.js +1 -1
  112. package/package.json +1 -1
  113. package/primereact.all.cjs.js +275 -171
  114. package/primereact.all.cjs.min.js +1 -1
  115. package/primereact.all.esm.js +275 -171
  116. package/primereact.all.esm.min.js +1 -1
  117. package/primereact.all.js +275 -171
  118. package/primereact.all.min.js +1 -1
  119. package/progressbar/progressbar.cjs.js +1 -1
  120. package/progressbar/progressbar.cjs.min.js +1 -1
  121. package/progressbar/progressbar.esm.js +1 -1
  122. package/progressbar/progressbar.esm.min.js +1 -1
  123. package/progressbar/progressbar.js +1 -1
  124. package/progressbar/progressbar.min.js +1 -1
  125. package/radiobutton/radiobutton.d.ts +3 -3
  126. package/resources/themes/arya-blue/theme.css +390 -518
  127. package/resources/themes/arya-green/theme.css +390 -518
  128. package/resources/themes/arya-orange/theme.css +390 -518
  129. package/resources/themes/arya-purple/theme.css +390 -518
  130. package/resources/themes/bootstrap4-dark-blue/theme.css +391 -518
  131. package/resources/themes/bootstrap4-dark-purple/theme.css +391 -518
  132. package/resources/themes/bootstrap4-light-blue/theme.css +391 -518
  133. package/resources/themes/bootstrap4-light-purple/theme.css +391 -518
  134. package/resources/themes/fluent-light/theme.css +417 -529
  135. package/resources/themes/lara-dark-blue/theme.css +395 -518
  136. package/resources/themes/lara-dark-indigo/theme.css +395 -518
  137. package/resources/themes/lara-dark-purple/theme.css +395 -518
  138. package/resources/themes/lara-dark-teal/theme.css +395 -518
  139. package/resources/themes/lara-light-blue/theme.css +564 -687
  140. package/resources/themes/lara-light-indigo/theme.css +402 -525
  141. package/resources/themes/lara-light-purple/theme.css +402 -525
  142. package/resources/themes/lara-light-teal/theme.css +402 -525
  143. package/resources/themes/luna-amber/theme.css +404 -531
  144. package/resources/themes/luna-blue/theme.css +404 -531
  145. package/resources/themes/luna-green/theme.css +404 -531
  146. package/resources/themes/luna-pink/theme.css +404 -531
  147. package/resources/themes/md-dark-deeppurple/theme.css +662 -739
  148. package/resources/themes/md-dark-indigo/theme.css +662 -739
  149. package/resources/themes/md-light-deeppurple/theme.css +567 -644
  150. package/resources/themes/md-light-indigo/theme.css +567 -644
  151. package/resources/themes/mdc-dark-deeppurple/theme.css +662 -739
  152. package/resources/themes/mdc-dark-indigo/theme.css +662 -739
  153. package/resources/themes/mdc-light-deeppurple/theme.css +567 -644
  154. package/resources/themes/mdc-light-indigo/theme.css +567 -644
  155. package/resources/themes/mira/theme.css +428 -525
  156. package/resources/themes/nano/theme.css +388 -518
  157. package/resources/themes/nova/theme.css +392 -518
  158. package/resources/themes/nova-accent/theme.css +389 -518
  159. package/resources/themes/nova-alt/theme.css +392 -518
  160. package/resources/themes/rhea/theme.css +389 -518
  161. package/resources/themes/saga-blue/theme.css +390 -518
  162. package/resources/themes/saga-green/theme.css +390 -518
  163. package/resources/themes/saga-orange/theme.css +390 -518
  164. package/resources/themes/saga-purple/theme.css +390 -518
  165. package/resources/themes/soho-dark/theme.css +421 -546
  166. package/resources/themes/soho-light/theme.css +400 -523
  167. package/resources/themes/tailwind-light/theme.css +432 -547
  168. package/resources/themes/vela-blue/theme.css +390 -518
  169. package/resources/themes/vela-green/theme.css +390 -518
  170. package/resources/themes/vela-orange/theme.css +390 -518
  171. package/resources/themes/vela-purple/theme.css +390 -518
  172. package/resources/themes/viva-dark/theme.css +414 -523
  173. package/resources/themes/viva-light/theme.css +414 -523
  174. package/scrollpanel/scrollpanel.cjs.js +33 -17
  175. package/scrollpanel/scrollpanel.cjs.min.js +1 -1
  176. package/scrollpanel/scrollpanel.esm.js +19 -3
  177. package/scrollpanel/scrollpanel.esm.min.js +1 -1
  178. package/scrollpanel/scrollpanel.js +226 -210
  179. package/scrollpanel/scrollpanel.min.js +1 -1
  180. package/selectbutton/selectbutton.cjs.js +3 -2
  181. package/selectbutton/selectbutton.cjs.min.js +1 -1
  182. package/selectbutton/selectbutton.d.ts +6 -0
  183. package/selectbutton/selectbutton.esm.js +3 -2
  184. package/selectbutton/selectbutton.esm.min.js +1 -1
  185. package/selectbutton/selectbutton.js +4 -3
  186. package/selectbutton/selectbutton.min.js +1 -1
  187. package/sidebar/sidebar.cjs.js +87 -89
  188. package/sidebar/sidebar.cjs.min.js +1 -1
  189. package/sidebar/sidebar.esm.js +87 -89
  190. package/sidebar/sidebar.esm.min.js +1 -1
  191. package/sidebar/sidebar.js +88 -90
  192. package/sidebar/sidebar.min.js +1 -1
  193. package/utils/utils.cjs.js +23 -0
  194. package/utils/utils.cjs.min.js +1 -1
  195. package/utils/utils.d.ts +3 -0
  196. package/utils/utils.esm.js +23 -0
  197. package/utils/utils.esm.min.js +1 -1
  198. package/utils/utils.js +23 -0
  199. package/utils/utils.min.js +1 -1
  200. package/web-types.json +28 -1
@@ -171,40 +171,147 @@
171
171
  --primary-900:#3e1046;
172
172
  }
173
173
 
174
+ .p-editor-container .p-editor-toolbar {
175
+ background: #f8f9fa;
176
+ border-top-right-radius: 3px;
177
+ border-top-left-radius: 3px;
178
+ }
179
+ .p-editor-container .p-editor-toolbar.ql-snow {
180
+ border: 1px solid #dee2e6;
181
+ }
182
+ .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
183
+ stroke: #6c757d;
184
+ }
185
+ .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
186
+ fill: #6c757d;
187
+ }
188
+ .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
189
+ border: 0 none;
190
+ color: #6c757d;
191
+ }
192
+ .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
193
+ color: #495057;
194
+ }
195
+ .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
196
+ stroke: #495057;
197
+ }
198
+ .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
199
+ fill: #495057;
200
+ }
201
+ .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
202
+ color: #495057;
203
+ }
204
+ .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
205
+ stroke: #495057;
206
+ }
207
+ .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
208
+ fill: #495057;
209
+ }
210
+ .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
211
+ background: #ffffff;
212
+ border: 0 none;
213
+ box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
214
+ border-radius: 3px;
215
+ padding: 0.5rem 0;
216
+ }
217
+ .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
218
+ color: #495057;
219
+ }
220
+ .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
221
+ color: #495057;
222
+ background: #e9ecef;
223
+ }
224
+ .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
225
+ padding: 0.5rem 1rem;
226
+ }
227
+ .p-editor-container .p-editor-content {
228
+ border-bottom-right-radius: 3px;
229
+ border-bottom-left-radius: 3px;
230
+ }
231
+ .p-editor-container .p-editor-content.ql-snow {
232
+ border: 1px solid #dee2e6;
233
+ }
234
+ .p-editor-container .p-editor-content .ql-editor {
235
+ background: #ffffff;
236
+ color: #495057;
237
+ border-bottom-right-radius: 3px;
238
+ border-bottom-left-radius: 3px;
239
+ }
240
+ .p-editor-container .ql-snow.ql-toolbar button:hover,
241
+ .p-editor-container .ql-snow.ql-toolbar button:focus {
242
+ color: #495057;
243
+ }
244
+ .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
245
+ .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
246
+ stroke: #495057;
247
+ }
248
+ .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
249
+ .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
250
+ fill: #495057;
251
+ }
252
+ .p-editor-container .ql-snow.ql-toolbar button.ql-active,
253
+ .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
254
+ .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
255
+ color: #9C27B0;
256
+ }
257
+ .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
258
+ .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
259
+ .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
260
+ stroke: #9C27B0;
261
+ }
262
+ .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
263
+ .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
264
+ .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
265
+ fill: #9C27B0;
266
+ }
267
+ .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
268
+ .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
269
+ .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
270
+ color: #9C27B0;
271
+ }
272
+
174
273
  @layer primereact {
175
274
  * {
176
275
  box-sizing: border-box;
177
276
  }
277
+
178
278
  .p-component {
179
- font-family: inherit;
180
- font-feature-settings: inherit;
279
+ font-family: var(--font-family);
280
+ font-feature-settings: var(--font-feature-settings, normal);
181
281
  font-size: 1rem;
182
282
  font-weight: normal;
183
283
  }
284
+
184
285
  .p-component-overlay {
185
286
  background-color: rgba(0, 0, 0, 0.4);
186
287
  transition-duration: 0.2s;
187
288
  }
289
+
188
290
  .p-disabled, .p-component:disabled {
189
291
  opacity: 0.6;
190
292
  }
293
+
191
294
  .p-error {
192
295
  color: #f44336;
193
296
  }
297
+
194
298
  .p-text-secondary {
195
299
  color: #6c757d;
196
300
  }
301
+
197
302
  .pi {
198
303
  font-size: 1rem;
199
304
  }
305
+
200
306
  .p-icon {
201
307
  width: 1rem;
202
308
  height: 1rem;
203
309
  }
310
+
204
311
  .p-link {
312
+ font-family: var(--font-family);
313
+ font-feature-settings: var(--font-feature-settings, normal);
205
314
  font-size: 1rem;
206
- font-family: inherit;
207
- font-feature-settings: inherit;
208
315
  border-radius: 3px;
209
316
  }
210
317
  .p-link:focus-visible {
@@ -212,12 +319,15 @@
212
319
  outline-offset: 0;
213
320
  box-shadow: 0 0 0 0.2rem #df9eea;
214
321
  }
322
+
215
323
  .p-component-overlay-enter {
216
324
  animation: p-component-overlay-enter-animation 150ms forwards;
217
325
  }
326
+
218
327
  .p-component-overlay-leave {
219
328
  animation: p-component-overlay-leave-animation 150ms forwards;
220
329
  }
330
+
221
331
  @keyframes p-component-overlay-enter-animation {
222
332
  from {
223
333
  background-color: transparent;
@@ -234,6 +344,7 @@
234
344
  background-color: transparent;
235
345
  }
236
346
  }
347
+
237
348
  .p-autocomplete .p-autocomplete-loader {
238
349
  right: 0.5rem;
239
350
  }
@@ -257,9 +368,9 @@
257
368
  padding: 0.25rem 0;
258
369
  }
259
370
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
260
- font-family: inherit;
261
- font-feature-settings: inherit;
262
- font-size: inherit;
371
+ font-family: var(--font-family);
372
+ font-feature-settings: var(--font-feature-settings, normal);
373
+ font-size: 1rem;
263
374
  color: #495057;
264
375
  padding: 0;
265
376
  margin: 0;
@@ -277,6 +388,7 @@
277
388
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
278
389
  border-color: #f44336;
279
390
  }
391
+
280
392
  .p-autocomplete-panel {
281
393
  background: #ffffff;
282
394
  color: #495057;
@@ -311,9 +423,11 @@
311
423
  background: #ffffff;
312
424
  font-weight: 600;
313
425
  }
426
+
314
427
  .p-calendar.p-invalid.p-component > .p-inputtext {
315
428
  border-color: #f44336;
316
429
  }
430
+
317
431
  .p-datepicker {
318
432
  padding: 0.5rem;
319
433
  background: #ffffff;
@@ -340,7 +454,7 @@
340
454
  border-top-left-radius: 3px;
341
455
  }
342
456
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
343
- .p-datepicker .p-datepicker-header .p-datepicker-next {
457
+ .p-datepicker .p-datepicker-header .p-datepicker-next {
344
458
  width: 2rem;
345
459
  height: 2rem;
346
460
  color: #6c757d;
@@ -350,13 +464,13 @@
350
464
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
351
465
  }
352
466
  .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
353
- .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
467
+ .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
354
468
  color: #495057;
355
469
  border-color: transparent;
356
470
  background: #e9ecef;
357
471
  }
358
472
  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
359
- .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
473
+ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
360
474
  outline: 0 none;
361
475
  outline-offset: 0;
362
476
  box-shadow: 0 0 0 0.2rem #df9eea;
@@ -365,14 +479,14 @@
365
479
  line-height: 2rem;
366
480
  }
367
481
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
368
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
482
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
369
483
  color: #495057;
370
484
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
371
485
  font-weight: 600;
372
486
  padding: 0.5rem;
373
487
  }
374
488
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
375
- .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
489
+ .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
376
490
  color: #9C27B0;
377
491
  }
378
492
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
@@ -521,6 +635,7 @@
521
635
  outline-offset: 0;
522
636
  box-shadow: 0 0 0 0.2rem #df9eea;
523
637
  }
638
+
524
639
  @media screen and (max-width: 769px) {
525
640
  .p-datepicker table th, .p-datepicker table td {
526
641
  padding: 0;
@@ -563,6 +678,7 @@
563
678
  .p-cascadeselect.p-invalid.p-component {
564
679
  border-color: #f44336;
565
680
  }
681
+
566
682
  .p-cascadeselect-panel {
567
683
  background: #ffffff;
568
684
  color: #495057;
@@ -604,6 +720,7 @@
604
720
  width: 0.875rem;
605
721
  height: 0.875rem;
606
722
  }
723
+
607
724
  .p-input-filled .p-cascadeselect {
608
725
  background: #f8f9fa;
609
726
  }
@@ -613,6 +730,7 @@
613
730
  .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
614
731
  background-color: #ffffff;
615
732
  }
733
+
616
734
  .p-checkbox {
617
735
  width: 20px;
618
736
  height: 20px;
@@ -661,6 +779,7 @@
661
779
  .p-checkbox.p-invalid > .p-checkbox-box {
662
780
  border-color: #f44336;
663
781
  }
782
+
664
783
  .p-input-filled .p-checkbox .p-checkbox-box {
665
784
  background-color: #f8f9fa;
666
785
  }
@@ -673,6 +792,7 @@
673
792
  .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
674
793
  background: #7d1f8d;
675
794
  }
795
+
676
796
  .p-chips .p-chips-multiple-container {
677
797
  padding: 0.25rem 0.5rem;
678
798
  gap: 0.5rem;
@@ -700,9 +820,9 @@
700
820
  padding: 0.25rem 0;
701
821
  }
702
822
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
703
- font-family: inherit;
704
- font-feature-settings: inherit;
705
- font-size: inherit;
823
+ font-family: var(--font-family);
824
+ font-feature-settings: var(--font-feature-settings, normal);
825
+ font-size: 1rem;
706
826
  color: #495057;
707
827
  padding: 0;
708
828
  margin: 0;
@@ -710,21 +830,25 @@
710
830
  .p-chips.p-invalid.p-component > .p-inputtext {
711
831
  border-color: #f44336;
712
832
  }
833
+
713
834
  .p-colorpicker-preview {
714
835
  width: 2rem;
715
836
  height: 2rem;
716
837
  }
838
+
717
839
  .p-colorpicker-panel {
718
840
  background: #323232;
719
841
  border: 1px solid #191919;
720
842
  }
721
843
  .p-colorpicker-panel .p-colorpicker-color-handle,
722
- .p-colorpicker-panel .p-colorpicker-hue-handle {
844
+ .p-colorpicker-panel .p-colorpicker-hue-handle {
723
845
  border-color: #ffffff;
724
846
  }
847
+
725
848
  .p-colorpicker-overlay-panel {
726
849
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
727
850
  }
851
+
728
852
  .p-dropdown {
729
853
  background: #ffffff;
730
854
  border: 1px solid #ced4da;
@@ -768,6 +892,7 @@
768
892
  .p-dropdown.p-invalid.p-component {
769
893
  border-color: #f44336;
770
894
  }
895
+
771
896
  .p-dropdown-panel {
772
897
  background: #ffffff;
773
898
  color: #495057;
@@ -831,6 +956,7 @@
831
956
  color: #495057;
832
957
  background: transparent;
833
958
  }
959
+
834
960
  .p-input-filled .p-dropdown {
835
961
  background: #f8f9fa;
836
962
  }
@@ -843,104 +969,7 @@
843
969
  .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext {
844
970
  background-color: transparent;
845
971
  }
846
- .p-editor-container .p-editor-toolbar {
847
- background: #f8f9fa;
848
- border-top-right-radius: 3px;
849
- border-top-left-radius: 3px;
850
- }
851
- .p-editor-container .p-editor-toolbar.ql-snow {
852
- border: 1px solid #dee2e6;
853
- }
854
- .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
855
- stroke: #6c757d;
856
- }
857
- .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
858
- fill: #6c757d;
859
- }
860
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
861
- border: 0 none;
862
- color: #6c757d;
863
- }
864
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
865
- color: #495057;
866
- }
867
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
868
- stroke: #495057;
869
- }
870
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
871
- fill: #495057;
872
- }
873
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
874
- color: #495057;
875
- }
876
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
877
- stroke: #495057;
878
- }
879
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
880
- fill: #495057;
881
- }
882
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
883
- background: #ffffff;
884
- border: 0 none;
885
- box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
886
- border-radius: 3px;
887
- padding: 0.5rem 0;
888
- }
889
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
890
- color: #495057;
891
- }
892
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
893
- color: #495057;
894
- background: #e9ecef;
895
- }
896
- .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
897
- padding: 0.5rem 1rem;
898
- }
899
- .p-editor-container .p-editor-content {
900
- border-bottom-right-radius: 3px;
901
- border-bottom-left-radius: 3px;
902
- }
903
- .p-editor-container .p-editor-content.ql-snow {
904
- border: 1px solid #dee2e6;
905
- }
906
- .p-editor-container .p-editor-content .ql-editor {
907
- background: #ffffff;
908
- color: #495057;
909
- border-bottom-right-radius: 3px;
910
- border-bottom-left-radius: 3px;
911
- }
912
- .p-editor-container .ql-snow.ql-toolbar button:hover,
913
- .p-editor-container .ql-snow.ql-toolbar button:focus {
914
- color: #495057;
915
- }
916
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
917
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
918
- stroke: #495057;
919
- }
920
- .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
921
- .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
922
- fill: #495057;
923
- }
924
- .p-editor-container .ql-snow.ql-toolbar button.ql-active,
925
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
926
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
927
- color: #9C27B0;
928
- }
929
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
930
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
931
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
932
- stroke: #9C27B0;
933
- }
934
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
935
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
936
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
937
- fill: #9C27B0;
938
- }
939
- .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
940
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
941
- .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
942
- color: #9C27B0;
943
- }
972
+
944
973
  .p-inputgroup-addon {
945
974
  background: #e9ecef;
946
975
  color: #6c757d;
@@ -953,60 +982,68 @@
953
982
  .p-inputgroup-addon:last-child {
954
983
  border-right: 1px solid #ced4da;
955
984
  }
985
+
956
986
  .p-inputgroup > .p-component,
957
- .p-inputgroup > .p-inputwrapper > .p-inputtext,
958
- .p-inputgroup > .p-float-label > .p-component {
987
+ .p-inputgroup > .p-inputwrapper > .p-inputtext,
988
+ .p-inputgroup > .p-float-label > .p-component {
959
989
  border-radius: 0;
960
990
  margin: 0;
961
991
  }
962
992
  .p-inputgroup > .p-component + .p-inputgroup-addon,
963
- .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
964
- .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
993
+ .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
994
+ .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
965
995
  border-left: 0 none;
966
996
  }
967
997
  .p-inputgroup > .p-component:focus,
968
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
969
- .p-inputgroup > .p-float-label > .p-component:focus {
998
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
999
+ .p-inputgroup > .p-float-label > .p-component:focus {
970
1000
  z-index: 1;
971
1001
  }
972
1002
  .p-inputgroup > .p-component:focus ~ label,
973
- .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
974
- .p-inputgroup > .p-float-label > .p-component:focus ~ label {
1003
+ .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
1004
+ .p-inputgroup > .p-float-label > .p-component:focus ~ label {
975
1005
  z-index: 1;
976
1006
  }
1007
+
977
1008
  .p-inputgroup-addon:first-child,
978
- .p-inputgroup button:first-child,
979
- .p-inputgroup input:first-child,
980
- .p-inputgroup > .p-inputwrapper:first-child,
981
- .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
1009
+ .p-inputgroup button:first-child,
1010
+ .p-inputgroup input:first-child,
1011
+ .p-inputgroup > .p-inputwrapper:first-child,
1012
+ .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
982
1013
  border-top-left-radius: 3px;
983
1014
  border-bottom-left-radius: 3px;
984
1015
  }
1016
+
985
1017
  .p-inputgroup .p-float-label:first-child input {
986
1018
  border-top-left-radius: 3px;
987
1019
  border-bottom-left-radius: 3px;
988
1020
  }
1021
+
989
1022
  .p-inputgroup-addon:last-child,
990
- .p-inputgroup button:last-child,
991
- .p-inputgroup input:last-child,
992
- .p-inputgroup > .p-inputwrapper:last-child,
993
- .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
1023
+ .p-inputgroup button:last-child,
1024
+ .p-inputgroup input:last-child,
1025
+ .p-inputgroup > .p-inputwrapper:last-child,
1026
+ .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
994
1027
  border-top-right-radius: 3px;
995
1028
  border-bottom-right-radius: 3px;
996
1029
  }
1030
+
997
1031
  .p-inputgroup .p-float-label:last-child input {
998
1032
  border-top-right-radius: 3px;
999
1033
  border-bottom-right-radius: 3px;
1000
1034
  }
1035
+
1001
1036
  .p-fluid .p-inputgroup .p-button {
1002
1037
  width: auto;
1003
1038
  }
1004
1039
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
1005
1040
  width: 2.357rem;
1006
1041
  }
1042
+
1007
1043
  .p-inputnumber.p-invalid.p-component > .p-inputtext {
1008
1044
  border-color: #f44336;
1009
1045
  }
1046
+
1010
1047
  .p-inputswitch {
1011
1048
  width: 3rem;
1012
1049
  height: 1.75rem;
@@ -1048,9 +1085,10 @@
1048
1085
  .p-inputswitch.p-invalid .p-inputswitch-slider {
1049
1086
  border-color: #f44336;
1050
1087
  }
1088
+
1051
1089
  .p-inputtext {
1052
- font-family: inherit;
1053
- font-feature-settings: inherit;
1090
+ font-family: var(--font-family);
1091
+ font-feature-settings: var(--font-feature-settings, normal);
1054
1092
  font-size: 1rem;
1055
1093
  color: #495057;
1056
1094
  background: #ffffff;
@@ -1080,47 +1118,59 @@
1080
1118
  font-size: 1.25rem;
1081
1119
  padding: 0.625rem 0.625rem;
1082
1120
  }
1121
+
1083
1122
  .p-float-label > label {
1084
1123
  left: 0.5rem;
1085
1124
  color: #6c757d;
1086
1125
  transition-duration: 0.2s;
1087
1126
  }
1127
+
1088
1128
  .p-float-label > label.p-error {
1089
1129
  color: #f44336;
1090
1130
  }
1131
+
1091
1132
  .p-input-icon-left > i:first-of-type,
1092
- .p-input-icon-left > svg:first-of-type,
1093
- .p-input-icon-left > .p-input-prefix {
1133
+ .p-input-icon-left > svg:first-of-type,
1134
+ .p-input-icon-left > .p-input-prefix {
1094
1135
  left: 0.5rem;
1095
1136
  color: #6c757d;
1096
1137
  }
1138
+
1097
1139
  .p-input-icon-left > .p-inputtext {
1098
1140
  padding-left: 2rem;
1099
1141
  }
1142
+
1100
1143
  .p-input-icon-left.p-float-label > label {
1101
1144
  left: 2rem;
1102
1145
  }
1146
+
1103
1147
  .p-input-icon-right > i:last-of-type,
1104
- .p-input-icon-right > svg:last-of-type,
1105
- .p-input-icon-right > .p-input-suffix {
1148
+ .p-input-icon-right > svg:last-of-type,
1149
+ .p-input-icon-right > .p-input-suffix {
1106
1150
  right: 0.5rem;
1107
1151
  color: #6c757d;
1108
1152
  }
1153
+
1109
1154
  .p-input-icon-right > .p-inputtext {
1110
1155
  padding-right: 2rem;
1111
1156
  }
1157
+
1112
1158
  ::-webkit-input-placeholder {
1113
1159
  color: #6c757d;
1114
1160
  }
1161
+
1115
1162
  :-moz-placeholder {
1116
1163
  color: #6c757d;
1117
1164
  }
1165
+
1118
1166
  ::-moz-placeholder {
1119
1167
  color: #6c757d;
1120
1168
  }
1169
+
1121
1170
  :-ms-input-placeholder {
1122
1171
  color: #6c757d;
1123
1172
  }
1173
+
1124
1174
  .p-input-filled .p-inputtext {
1125
1175
  background-color: #f8f9fa;
1126
1176
  }
@@ -1130,14 +1180,17 @@
1130
1180
  .p-input-filled .p-inputtext:enabled:focus {
1131
1181
  background-color: #ffffff;
1132
1182
  }
1183
+
1133
1184
  .p-inputtext-sm .p-inputtext {
1134
1185
  font-size: 0.875rem;
1135
1186
  padding: 0.4375rem 0.4375rem;
1136
1187
  }
1188
+
1137
1189
  .p-inputtext-lg .p-inputtext {
1138
1190
  font-size: 1.25rem;
1139
1191
  padding: 0.625rem 0.625rem;
1140
1192
  }
1193
+
1141
1194
  .p-listbox {
1142
1195
  background: #ffffff;
1143
1196
  color: #495057;
@@ -1199,6 +1252,7 @@
1199
1252
  .p-listbox.p-invalid {
1200
1253
  border-color: #f44336;
1201
1254
  }
1255
+
1202
1256
  .p-mention-panel {
1203
1257
  background: #ffffff;
1204
1258
  color: #495057;
@@ -1226,6 +1280,7 @@
1226
1280
  color: #495057;
1227
1281
  background: #F3E5F5;
1228
1282
  }
1283
+
1229
1284
  .p-multiselect {
1230
1285
  background: #ffffff;
1231
1286
  border: 1px solid #ced4da;
@@ -1275,6 +1330,7 @@
1275
1330
  .p-multiselect.p-invalid.p-component {
1276
1331
  border-color: #f44336;
1277
1332
  }
1333
+
1278
1334
  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
1279
1335
  padding: 0.25rem 0.5rem;
1280
1336
  }
@@ -1284,6 +1340,7 @@
1284
1340
  .p-inputwrapper-filled.p-multiselect.p-multiselect-clearable .p-multiselect-label {
1285
1341
  padding-right: 1.5rem;
1286
1342
  }
1343
+
1287
1344
  .p-multiselect-panel {
1288
1345
  background: #ffffff;
1289
1346
  color: #495057;
@@ -1369,6 +1426,7 @@
1369
1426
  color: #495057;
1370
1427
  background: transparent;
1371
1428
  }
1429
+
1372
1430
  .p-input-filled .p-multiselect {
1373
1431
  background: #f8f9fa;
1374
1432
  }
@@ -1378,9 +1436,11 @@
1378
1436
  .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
1379
1437
  background-color: #ffffff;
1380
1438
  }
1439
+
1381
1440
  .p-password.p-invalid.p-component > .p-inputtext {
1382
1441
  border-color: #f44336;
1383
1442
  }
1443
+
1384
1444
  .p-password-panel {
1385
1445
  padding: 1rem;
1386
1446
  background: #ffffff;
@@ -1402,6 +1462,7 @@
1402
1462
  .p-password-panel .p-password-meter .p-password-strength.strong {
1403
1463
  background: #689F38;
1404
1464
  }
1465
+
1405
1466
  .p-radiobutton {
1406
1467
  width: 20px;
1407
1468
  height: 20px;
@@ -1445,6 +1506,7 @@
1445
1506
  .p-radiobutton:focus {
1446
1507
  outline: 0 none;
1447
1508
  }
1509
+
1448
1510
  .p-input-filled .p-radiobutton .p-radiobutton-box {
1449
1511
  background-color: #f8f9fa;
1450
1512
  }
@@ -1457,6 +1519,7 @@
1457
1519
  .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1458
1520
  background: #7d1f8d;
1459
1521
  }
1522
+
1460
1523
  .p-rating {
1461
1524
  gap: 0.5rem;
1462
1525
  }
@@ -1486,6 +1549,7 @@
1486
1549
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
1487
1550
  color: #c0392b;
1488
1551
  }
1552
+
1489
1553
  .p-selectbutton .p-button {
1490
1554
  background: #ffffff;
1491
1555
  border: 1px solid #ced4da;
@@ -1493,7 +1557,7 @@
1493
1557
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1494
1558
  }
1495
1559
  .p-selectbutton .p-button .p-button-icon-left,
1496
- .p-selectbutton .p-button .p-button-icon-right {
1560
+ .p-selectbutton .p-button .p-button-icon-right {
1497
1561
  color: #6c757d;
1498
1562
  }
1499
1563
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
@@ -1502,7 +1566,7 @@
1502
1566
  color: #495057;
1503
1567
  }
1504
1568
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
1505
- .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
1569
+ .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
1506
1570
  color: #6c757d;
1507
1571
  }
1508
1572
  .p-selectbutton .p-button.p-highlight {
@@ -1511,7 +1575,7 @@
1511
1575
  color: #ffffff;
1512
1576
  }
1513
1577
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
1514
- .p-selectbutton .p-button.p-highlight .p-button-icon-right {
1578
+ .p-selectbutton .p-button.p-highlight .p-button-icon-right {
1515
1579
  color: #ffffff;
1516
1580
  }
1517
1581
  .p-selectbutton .p-button.p-highlight:hover {
@@ -1520,12 +1584,13 @@
1520
1584
  color: #ffffff;
1521
1585
  }
1522
1586
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
1523
- .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
1587
+ .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
1524
1588
  color: #ffffff;
1525
1589
  }
1526
1590
  .p-selectbutton.p-invalid > .p-button {
1527
1591
  border-color: #f44336;
1528
1592
  }
1593
+
1529
1594
  .p-slider {
1530
1595
  background: #dee2e6;
1531
1596
  border: 0 none;
@@ -1565,6 +1630,7 @@
1565
1630
  background: #9C27B0;
1566
1631
  border-color: #9C27B0;
1567
1632
  }
1633
+
1568
1634
  .p-treeselect {
1569
1635
  background: #ffffff;
1570
1636
  border: 1px solid #ced4da;
@@ -1604,9 +1670,11 @@
1604
1670
  .p-treeselect.p-invalid.p-component {
1605
1671
  border-color: #f44336;
1606
1672
  }
1673
+
1607
1674
  .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
1608
1675
  padding: 0.25rem 0.5rem;
1609
1676
  }
1677
+
1610
1678
  .p-treeselect-panel {
1611
1679
  background: #ffffff;
1612
1680
  color: #495057;
@@ -1666,6 +1734,7 @@
1666
1734
  color: #495057;
1667
1735
  background: transparent;
1668
1736
  }
1737
+
1669
1738
  .p-input-filled .p-treeselect {
1670
1739
  background: #f8f9fa;
1671
1740
  }
@@ -1675,6 +1744,7 @@
1675
1744
  .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
1676
1745
  background-color: #ffffff;
1677
1746
  }
1747
+
1678
1748
  .p-togglebutton.p-button {
1679
1749
  background: #ffffff;
1680
1750
  border: 1px solid #ced4da;
@@ -1682,7 +1752,7 @@
1682
1752
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1683
1753
  }
1684
1754
  .p-togglebutton.p-button .p-button-icon-left,
1685
- .p-togglebutton.p-button .p-button-icon-right {
1755
+ .p-togglebutton.p-button .p-button-icon-right {
1686
1756
  color: #6c757d;
1687
1757
  }
1688
1758
  .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
@@ -1691,7 +1761,7 @@
1691
1761
  color: #495057;
1692
1762
  }
1693
1763
  .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
1694
- .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
1764
+ .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
1695
1765
  color: #6c757d;
1696
1766
  }
1697
1767
  .p-togglebutton.p-button.p-highlight {
@@ -1700,7 +1770,7 @@
1700
1770
  color: #ffffff;
1701
1771
  }
1702
1772
  .p-togglebutton.p-button.p-highlight .p-button-icon-left,
1703
- .p-togglebutton.p-button.p-highlight .p-button-icon-right {
1773
+ .p-togglebutton.p-button.p-highlight .p-button-icon-right {
1704
1774
  color: #ffffff;
1705
1775
  }
1706
1776
  .p-togglebutton.p-button.p-highlight:hover {
@@ -1709,12 +1779,13 @@
1709
1779
  color: #ffffff;
1710
1780
  }
1711
1781
  .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
1712
- .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
1782
+ .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
1713
1783
  color: #ffffff;
1714
1784
  }
1715
1785
  .p-togglebutton.p-button.p-invalid > .p-button {
1716
1786
  border-color: #f44336;
1717
1787
  }
1788
+
1718
1789
  .p-button {
1719
1790
  color: #ffffff;
1720
1791
  background: #9C27B0;
@@ -1826,7 +1897,7 @@
1826
1897
  padding: 0.5rem 0;
1827
1898
  }
1828
1899
  .p-button.p-button-icon-only .p-button-icon-left,
1829
- .p-button.p-button-icon-only .p-button-icon-right {
1900
+ .p-button.p-button-icon-only .p-button-icon-right {
1830
1901
  margin: 0;
1831
1902
  }
1832
1903
  .p-button.p-button-icon-only.p-button-rounded {
@@ -1862,6 +1933,7 @@
1862
1933
  .p-button.p-button-loading-label-only .p-button-loading-icon {
1863
1934
  margin: 0;
1864
1935
  }
1936
+
1865
1937
  .p-fluid .p-button {
1866
1938
  width: 100%;
1867
1939
  }
@@ -1874,6 +1946,7 @@
1874
1946
  .p-fluid .p-buttonset .p-button {
1875
1947
  flex: 1;
1876
1948
  }
1949
+
1877
1950
  .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {
1878
1951
  color: #ffffff;
1879
1952
  background: #607D8B;
@@ -1922,6 +1995,7 @@
1922
1995
  border-color: transparent;
1923
1996
  color: #607D8B;
1924
1997
  }
1998
+
1925
1999
  .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
1926
2000
  color: #ffffff;
1927
2001
  background: #0288D1;
@@ -1970,6 +2044,7 @@
1970
2044
  border-color: transparent;
1971
2045
  color: #0288D1;
1972
2046
  }
2047
+
1973
2048
  .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
1974
2049
  color: #ffffff;
1975
2050
  background: #689F38;
@@ -2018,6 +2093,7 @@
2018
2093
  border-color: transparent;
2019
2094
  color: #689F38;
2020
2095
  }
2096
+
2021
2097
  .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
2022
2098
  color: #212529;
2023
2099
  background: #FBC02D;
@@ -2066,6 +2142,7 @@
2066
2142
  border-color: transparent;
2067
2143
  color: #FBC02D;
2068
2144
  }
2145
+
2069
2146
  .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
2070
2147
  color: #ffffff;
2071
2148
  background: #9C27B0;
@@ -2114,6 +2191,7 @@
2114
2191
  border-color: transparent;
2115
2192
  color: #9C27B0;
2116
2193
  }
2194
+
2117
2195
  .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
2118
2196
  color: #ffffff;
2119
2197
  background: #D32F2F;
@@ -2162,6 +2240,7 @@
2162
2240
  border-color: transparent;
2163
2241
  color: #D32F2F;
2164
2242
  }
2243
+
2165
2244
  .p-button.p-button-link {
2166
2245
  color: #7d1f8d;
2167
2246
  background: transparent;
@@ -2185,6 +2264,7 @@
2185
2264
  color: #7d1f8d;
2186
2265
  border-color: transparent;
2187
2266
  }
2267
+
2188
2268
  .p-splitbutton {
2189
2269
  border-radius: 3px;
2190
2270
  }
@@ -2266,11 +2346,12 @@
2266
2346
  font-size: 1.25rem;
2267
2347
  }
2268
2348
  .p-splitbutton .p-splitbutton-menubutton,
2269
- .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
2270
- .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
2349
+ .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
2350
+ .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
2271
2351
  border-top-left-radius: 0;
2272
2352
  border-bottom-left-radius: 0;
2273
2353
  }
2354
+
2274
2355
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
2275
2356
  background-color: transparent;
2276
2357
  color: #607D8B;
@@ -2299,6 +2380,7 @@
2299
2380
  border-color: transparent;
2300
2381
  color: #607D8B;
2301
2382
  }
2383
+
2302
2384
  .p-splitbutton.p-button-info.p-button-outlined > .p-button {
2303
2385
  background-color: transparent;
2304
2386
  color: #0288D1;
@@ -2327,6 +2409,7 @@
2327
2409
  border-color: transparent;
2328
2410
  color: #0288D1;
2329
2411
  }
2412
+
2330
2413
  .p-splitbutton.p-button-success.p-button-outlined > .p-button {
2331
2414
  background-color: transparent;
2332
2415
  color: #689F38;
@@ -2355,6 +2438,7 @@
2355
2438
  border-color: transparent;
2356
2439
  color: #689F38;
2357
2440
  }
2441
+
2358
2442
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
2359
2443
  background-color: transparent;
2360
2444
  color: #FBC02D;
@@ -2383,6 +2467,7 @@
2383
2467
  border-color: transparent;
2384
2468
  color: #FBC02D;
2385
2469
  }
2470
+
2386
2471
  .p-splitbutton.p-button-help.p-button-outlined > .p-button {
2387
2472
  background-color: transparent;
2388
2473
  color: #9C27B0;
@@ -2411,6 +2496,7 @@
2411
2496
  border-color: transparent;
2412
2497
  color: #9C27B0;
2413
2498
  }
2499
+
2414
2500
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
2415
2501
  background-color: transparent;
2416
2502
  color: #D32F2F;
@@ -2439,6 +2525,7 @@
2439
2525
  border-color: transparent;
2440
2526
  color: #D32F2F;
2441
2527
  }
2528
+
2442
2529
  .p-speeddial-button.p-button.p-button-icon-only {
2443
2530
  width: 4rem;
2444
2531
  height: 4rem;
@@ -2450,6 +2537,7 @@
2450
2537
  width: 1.3rem;
2451
2538
  height: 1.3rem;
2452
2539
  }
2540
+
2453
2541
  .p-speeddial-action {
2454
2542
  width: 3rem;
2455
2543
  height: 3rem;
@@ -2460,47 +2548,54 @@
2460
2548
  background: #343a40;
2461
2549
  color: #fff;
2462
2550
  }
2551
+
2463
2552
  .p-speeddial-direction-up .p-speeddial-item {
2464
2553
  margin: 0.25rem;
2465
2554
  }
2466
2555
  .p-speeddial-direction-up .p-speeddial-item:first-child {
2467
2556
  margin-bottom: 0.5rem;
2468
2557
  }
2558
+
2469
2559
  .p-speeddial-direction-down .p-speeddial-item {
2470
2560
  margin: 0.25rem;
2471
2561
  }
2472
2562
  .p-speeddial-direction-down .p-speeddial-item:first-child {
2473
2563
  margin-top: 0.5rem;
2474
2564
  }
2565
+
2475
2566
  .p-speeddial-direction-left .p-speeddial-item {
2476
2567
  margin: 0 0.25rem;
2477
2568
  }
2478
2569
  .p-speeddial-direction-left .p-speeddial-item:first-child {
2479
2570
  margin-right: 0.5rem;
2480
2571
  }
2572
+
2481
2573
  .p-speeddial-direction-right .p-speeddial-item {
2482
2574
  margin: 0 0.25rem;
2483
2575
  }
2484
2576
  .p-speeddial-direction-right .p-speeddial-item:first-child {
2485
2577
  margin-left: 0.5rem;
2486
2578
  }
2579
+
2487
2580
  .p-speeddial-circle .p-speeddial-item,
2488
- .p-speeddial-semi-circle .p-speeddial-item,
2489
- .p-speeddial-quarter-circle .p-speeddial-item {
2581
+ .p-speeddial-semi-circle .p-speeddial-item,
2582
+ .p-speeddial-quarter-circle .p-speeddial-item {
2490
2583
  margin: 0;
2491
2584
  }
2492
2585
  .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
2493
- .p-speeddial-semi-circle .p-speeddial-item:first-child,
2494
- .p-speeddial-semi-circle .p-speeddial-item:last-child,
2495
- .p-speeddial-quarter-circle .p-speeddial-item:first-child,
2496
- .p-speeddial-quarter-circle .p-speeddial-item:last-child {
2586
+ .p-speeddial-semi-circle .p-speeddial-item:first-child,
2587
+ .p-speeddial-semi-circle .p-speeddial-item:last-child,
2588
+ .p-speeddial-quarter-circle .p-speeddial-item:first-child,
2589
+ .p-speeddial-quarter-circle .p-speeddial-item:last-child {
2497
2590
  margin: 0;
2498
2591
  }
2592
+
2499
2593
  .p-speeddial-mask {
2500
2594
  background-color: rgba(0, 0, 0, 0.4);
2501
2595
  }
2596
+
2502
2597
  .p-carousel .p-carousel-content .p-carousel-prev,
2503
- .p-carousel .p-carousel-content .p-carousel-next {
2598
+ .p-carousel .p-carousel-content .p-carousel-next {
2504
2599
  width: 2rem;
2505
2600
  height: 2rem;
2506
2601
  color: #6c757d;
@@ -2511,13 +2606,13 @@
2511
2606
  margin: 0.5rem;
2512
2607
  }
2513
2608
  .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
2514
- .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
2609
+ .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
2515
2610
  color: #495057;
2516
2611
  border-color: transparent;
2517
2612
  background: #e9ecef;
2518
2613
  }
2519
2614
  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
2520
- .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
2615
+ .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
2521
2616
  outline: 0 none;
2522
2617
  outline-offset: 0;
2523
2618
  box-shadow: 0 0 0 0.2rem #df9eea;
@@ -2543,6 +2638,7 @@
2543
2638
  background: #F3E5F5;
2544
2639
  color: #495057;
2545
2640
  }
2641
+
2546
2642
  .p-datatable .p-paginator-top {
2547
2643
  border-width: 0 0 1px 0;
2548
2644
  border-radius: 0;
@@ -2636,9 +2732,9 @@
2636
2732
  padding: 1rem 1rem;
2637
2733
  }
2638
2734
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
2639
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
2640
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
2641
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
2735
+ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
2736
+ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
2737
+ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
2642
2738
  width: 2rem;
2643
2739
  height: 2rem;
2644
2740
  color: #6c757d;
@@ -2648,17 +2744,17 @@
2648
2744
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
2649
2745
  }
2650
2746
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
2651
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
2652
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
2653
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
2747
+ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
2748
+ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
2749
+ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
2654
2750
  color: #495057;
2655
2751
  border-color: transparent;
2656
2752
  background: #e9ecef;
2657
2753
  }
2658
2754
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
2659
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
2660
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
2661
- .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
2755
+ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
2756
+ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
2757
+ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
2662
2758
  outline: 0 none;
2663
2759
  outline-offset: 0;
2664
2760
  box-shadow: 0 0 0 0.2rem #df9eea;
@@ -2707,12 +2803,12 @@
2707
2803
  background: #9C27B0;
2708
2804
  }
2709
2805
  .p-datatable .p-datatable-scrollable-header,
2710
- .p-datatable .p-datatable-scrollable-footer {
2806
+ .p-datatable .p-datatable-scrollable-footer {
2711
2807
  background: #f8f9fa;
2712
2808
  }
2713
2809
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
2714
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
2715
- .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
2810
+ .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
2811
+ .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
2716
2812
  background-color: #f8f9fa;
2717
2813
  }
2718
2814
  .p-datatable .p-datatable-loading-icon {
@@ -2822,9 +2918,11 @@
2822
2918
  .p-datatable.p-datatable-lg .p-datatable-footer {
2823
2919
  padding: 1.25rem 1.25rem;
2824
2920
  }
2921
+
2825
2922
  .p-datatable-drag-selection-helper {
2826
2923
  background: rgba(156, 39, 176, 0.16);
2827
2924
  }
2925
+
2828
2926
  .p-dataview .p-paginator-top {
2829
2927
  border-width: 0 0 1px 0;
2830
2928
  border-radius: 0;
@@ -2868,6 +2966,7 @@
2868
2966
  width: 2rem;
2869
2967
  height: 2rem;
2870
2968
  }
2969
+
2871
2970
  .p-datascroller .p-paginator-top {
2872
2971
  border-width: 0 0 1px 0;
2873
2972
  border-radius: 0;
@@ -2904,10 +3003,12 @@
2904
3003
  border-bottom-left-radius: 3px;
2905
3004
  border-bottom-right-radius: 3px;
2906
3005
  }
3006
+
2907
3007
  .p-column-filter-row .p-column-filter-menu-button,
2908
- .p-column-filter-row .p-column-filter-clear-button {
3008
+ .p-column-filter-row .p-column-filter-clear-button {
2909
3009
  margin-left: 0.5rem;
2910
3010
  }
3011
+
2911
3012
  .p-column-filter-menu-button {
2912
3013
  width: 2rem;
2913
3014
  height: 2rem;
@@ -2935,6 +3036,7 @@
2935
3036
  outline-offset: 0;
2936
3037
  box-shadow: 0 0 0 0.2rem #df9eea;
2937
3038
  }
3039
+
2938
3040
  .p-column-filter-clear-button {
2939
3041
  width: 2rem;
2940
3042
  height: 2rem;
@@ -2954,6 +3056,7 @@
2954
3056
  outline-offset: 0;
2955
3057
  box-shadow: 0 0 0 0.2rem #df9eea;
2956
3058
  }
3059
+
2957
3060
  .p-column-filter-overlay {
2958
3061
  background: #ffffff;
2959
3062
  color: #495057;
@@ -2991,6 +3094,7 @@
2991
3094
  border-top: 1px solid #dee2e6;
2992
3095
  margin: 0.25rem 0;
2993
3096
  }
3097
+
2994
3098
  .p-column-filter-overlay-menu .p-column-filter-operator {
2995
3099
  padding: 0.5rem 1rem;
2996
3100
  border-bottom: 0 none;
@@ -3019,298 +3123,7 @@
3019
3123
  .p-column-filter-overlay-menu .p-column-filter-buttonbar {
3020
3124
  padding: 1rem;
3021
3125
  }
3022
- .fc {
3023
- /* FullCalendar 4 */
3024
- /* FullCalendar 5 */
3025
- }
3026
- .fc.fc-unthemed .fc-view-container th {
3027
- background: #f8f9fa;
3028
- border: 1px solid #dee2e6;
3029
- color: #495057;
3030
- }
3031
- .fc.fc-unthemed .fc-view-container td.fc-widget-content {
3032
- border: 1px solid #dee2e6;
3033
- color: #495057;
3034
- }
3035
- .fc.fc-unthemed .fc-view-container td.fc-head-container {
3036
- border: 1px solid #dee2e6;
3037
- }
3038
- .fc.fc-unthemed .fc-view-container .fc-view {
3039
- background: #ffffff;
3040
- }
3041
- .fc.fc-unthemed .fc-view-container .fc-row {
3042
- border-right: 1px solid #dee2e6;
3043
- }
3044
- .fc.fc-unthemed .fc-view-container .fc-event {
3045
- background: #8c239e;
3046
- border: 1px solid #8c239e;
3047
- color: #ffffff;
3048
- }
3049
- .fc.fc-unthemed .fc-view-container .fc-divider {
3050
- background: #f8f9fa;
3051
- border: 1px solid #dee2e6;
3052
- }
3053
- .fc.fc-unthemed .fc-toolbar .fc-button {
3054
- color: #ffffff;
3055
- background: #9C27B0;
3056
- border: 1px solid #9C27B0;
3057
- font-size: 1rem;
3058
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
3059
- border-radius: 3px;
3060
- display: flex;
3061
- align-items: center;
3062
- }
3063
- .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
3064
- background: #8c239e;
3065
- color: #ffffff;
3066
- border-color: #8c239e;
3067
- }
3068
- .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
3069
- background: #7d1f8d;
3070
- color: #ffffff;
3071
- border-color: #7d1f8d;
3072
- }
3073
- .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
3074
- outline: 0 none;
3075
- outline-offset: 0;
3076
- box-shadow: 0 0 0 0.2rem #df9eea;
3077
- }
3078
- .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
3079
- font-family: "PrimeIcons" !important;
3080
- text-indent: 0;
3081
- font-size: 1rem;
3082
- }
3083
- .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
3084
- content: "\e900";
3085
- }
3086
- .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
3087
- font-family: "PrimeIcons" !important;
3088
- text-indent: 0;
3089
- font-size: 1rem;
3090
- }
3091
- .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
3092
- content: "\e901";
3093
- }
3094
- .fc.fc-unthemed .fc-toolbar .fc-button:focus {
3095
- outline: 0 none;
3096
- outline-offset: 0;
3097
- box-shadow: 0 0 0 0.2rem #df9eea;
3098
- }
3099
- .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
3100
- background: #ffffff;
3101
- border: 1px solid #ced4da;
3102
- color: #495057;
3103
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
3104
- }
3105
- .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
3106
- background: #e9ecef;
3107
- border-color: #ced4da;
3108
- color: #495057;
3109
- }
3110
- .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
3111
- background: #9C27B0;
3112
- border-color: #9C27B0;
3113
- color: #ffffff;
3114
- }
3115
- .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
3116
- background: #8c239e;
3117
- border-color: #8c239e;
3118
- color: #ffffff;
3119
- }
3120
- .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
3121
- outline: 0 none;
3122
- outline-offset: 0;
3123
- box-shadow: 0 0 0 0.2rem #df9eea;
3124
- z-index: 1;
3125
- }
3126
- .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
3127
- border-radius: 0;
3128
- }
3129
- .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
3130
- border-top-left-radius: 3px;
3131
- border-bottom-left-radius: 3px;
3132
- }
3133
- .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
3134
- border-top-right-radius: 3px;
3135
- border-bottom-right-radius: 3px;
3136
- }
3137
- .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
3138
- border-color: #dee2e6;
3139
- }
3140
- .fc.fc-theme-standard .fc-view-harness th {
3141
- background: #f8f9fa;
3142
- border-color: #dee2e6;
3143
- color: #495057;
3144
- }
3145
- .fc.fc-theme-standard .fc-view-harness td {
3146
- color: #495057;
3147
- border-color: #dee2e6;
3148
- }
3149
- .fc.fc-theme-standard .fc-view-harness .fc-view {
3150
- background: #ffffff;
3151
- }
3152
- .fc.fc-theme-standard .fc-view-harness .fc-popover {
3153
- background: none;
3154
- border: 0 none;
3155
- }
3156
- .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
3157
- border: 1px solid #dee2e6;
3158
- padding: 1rem;
3159
- background: #f8f9fa;
3160
- color: #495057;
3161
- }
3162
- .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
3163
- opacity: 1;
3164
- display: flex;
3165
- align-items: center;
3166
- justify-content: center;
3167
- overflow: hidden;
3168
- font-family: "PrimeIcons" !important;
3169
- font-size: 1rem;
3170
- width: 2rem;
3171
- height: 2rem;
3172
- color: #6c757d;
3173
- border: 0 none;
3174
- background: transparent;
3175
- border-radius: 50%;
3176
- transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3177
- }
3178
- .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
3179
- content: "\e90b";
3180
- }
3181
- .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:hover {
3182
- color: #495057;
3183
- border-color: transparent;
3184
- background: #e9ecef;
3185
- }
3186
- .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus-visible {
3187
- outline: 0 none;
3188
- outline-offset: 0;
3189
- box-shadow: 0 0 0 0.2rem #df9eea;
3190
- }
3191
- .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
3192
- padding: 1rem;
3193
- border: 1px solid #dee2e6;
3194
- background: #ffffff;
3195
- color: #495057;
3196
- border-top: 0 none;
3197
- }
3198
- .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
3199
- color: #ffffff;
3200
- background: #8c239e;
3201
- border-color: #8c239e;
3202
- }
3203
- .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
3204
- color: #ffffff;
3205
- }
3206
- .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
3207
- background: #8c239e;
3208
- border-color: #8c239e;
3209
- }
3210
- .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
3211
- background: #e9ecef;
3212
- color: #495057;
3213
- }
3214
- .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
3215
- background: #f8f9fa;
3216
- }
3217
- .fc.fc-theme-standard .fc-toolbar .fc-button {
3218
- color: #ffffff;
3219
- background: #9C27B0;
3220
- border: 1px solid #9C27B0;
3221
- font-size: 1rem;
3222
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
3223
- border-radius: 3px;
3224
- line-height: 1;
3225
- min-height: 2.07rem;
3226
- }
3227
- .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
3228
- background: #8c239e;
3229
- color: #ffffff;
3230
- border-color: #8c239e;
3231
- }
3232
- .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
3233
- background: #7d1f8d;
3234
- color: #ffffff;
3235
- border-color: #7d1f8d;
3236
- }
3237
- .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
3238
- outline: 0 none;
3239
- outline-offset: 0;
3240
- box-shadow: 0 0 0 0.2rem #df9eea;
3241
- }
3242
- .fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
3243
- opacity: 0.6;
3244
- color: #ffffff;
3245
- background: #9C27B0;
3246
- border: 1px solid #9C27B0;
3247
- }
3248
- .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
3249
- font-family: "PrimeIcons" !important;
3250
- text-indent: 0;
3251
- font-size: 1rem;
3252
- }
3253
- .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
3254
- content: "\e900";
3255
- }
3256
- .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
3257
- font-family: "PrimeIcons" !important;
3258
- text-indent: 0;
3259
- font-size: 1rem;
3260
- }
3261
- .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
3262
- content: "\e901";
3263
- }
3264
- .fc.fc-theme-standard .fc-toolbar .fc-button:focus {
3265
- outline: 0 none;
3266
- outline-offset: 0;
3267
- box-shadow: 0 0 0 0.2rem #df9eea;
3268
- }
3269
- .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
3270
- background: #ffffff;
3271
- border: 1px solid #ced4da;
3272
- color: #495057;
3273
- transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
3274
- }
3275
- .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
3276
- background: #e9ecef;
3277
- border-color: #ced4da;
3278
- color: #495057;
3279
- }
3280
- .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
3281
- background: #9C27B0;
3282
- border-color: #9C27B0;
3283
- color: #ffffff;
3284
- }
3285
- .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
3286
- background: #8c239e;
3287
- border-color: #8c239e;
3288
- color: #ffffff;
3289
- }
3290
- .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
3291
- outline: 0 none;
3292
- outline-offset: 0;
3293
- box-shadow: 0 0 0 0.2rem #df9eea;
3294
- z-index: 1;
3295
- }
3296
- .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
3297
- border-radius: 0;
3298
- }
3299
- .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
3300
- border-top-left-radius: 3px;
3301
- border-bottom-left-radius: 3px;
3302
- }
3303
- .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
3304
- border-top-right-radius: 3px;
3305
- border-bottom-right-radius: 3px;
3306
- }
3307
- .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-icon {
3308
- vertical-align: unset;
3309
- }
3310
- .fc.fc-theme-standard .fc-highlight {
3311
- color: #495057;
3312
- background: #F3E5F5;
3313
- }
3126
+
3314
3127
  .p-orderlist .p-orderlist-controls {
3315
3128
  padding: 1rem;
3316
3129
  }
@@ -3375,6 +3188,7 @@
3375
3188
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
3376
3189
  background: #e9ecef;
3377
3190
  }
3191
+
3378
3192
  .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
3379
3193
  background: #e9ecef;
3380
3194
  color: #495057;
@@ -3413,6 +3227,7 @@
3413
3227
  outline-offset: 0;
3414
3228
  box-shadow: 0 0 0 0.2rem #df9eea;
3415
3229
  }
3230
+
3416
3231
  .p-paginator {
3417
3232
  background: #ffffff;
3418
3233
  color: #6c757d;
@@ -3422,9 +3237,9 @@
3422
3237
  border-radius: 3px;
3423
3238
  }
3424
3239
  .p-paginator .p-paginator-first,
3425
- .p-paginator .p-paginator-prev,
3426
- .p-paginator .p-paginator-next,
3427
- .p-paginator .p-paginator-last {
3240
+ .p-paginator .p-paginator-prev,
3241
+ .p-paginator .p-paginator-next,
3242
+ .p-paginator .p-paginator-last {
3428
3243
  background-color: transparent;
3429
3244
  border: 0 none;
3430
3245
  color: #6c757d;
@@ -3435,9 +3250,9 @@
3435
3250
  border-radius: 3px;
3436
3251
  }
3437
3252
  .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
3438
- .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
3439
- .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
3440
- .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
3253
+ .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
3254
+ .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
3255
+ .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
3441
3256
  background: #e9ecef;
3442
3257
  border-color: transparent;
3443
3258
  color: #495057;
@@ -3493,6 +3308,7 @@
3493
3308
  border-color: transparent;
3494
3309
  color: #495057;
3495
3310
  }
3311
+
3496
3312
  .p-picklist .p-picklist-buttons {
3497
3313
  padding: 1rem;
3498
3314
  }
@@ -3551,6 +3367,7 @@
3551
3367
  color: #495057;
3552
3368
  background: #F3E5F5;
3553
3369
  }
3370
+
3554
3371
  .p-tree {
3555
3372
  border: 1px solid #dee2e6;
3556
3373
  background: #ffffff;
@@ -3606,11 +3423,11 @@
3606
3423
  color: #495057;
3607
3424
  }
3608
3425
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
3609
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
3426
+ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
3610
3427
  color: #495057;
3611
3428
  }
3612
3429
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
3613
- .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
3430
+ .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
3614
3431
  color: #495057;
3615
3432
  }
3616
3433
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
@@ -3648,6 +3465,7 @@
3648
3465
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
3649
3466
  background: #d3a1db;
3650
3467
  }
3468
+
3651
3469
  .p-treetable .p-paginator-top {
3652
3470
  border-width: 0 0 1px 0;
3653
3471
  border-radius: 0;
@@ -3783,7 +3601,7 @@
3783
3601
  background: #9C27B0;
3784
3602
  }
3785
3603
  .p-treetable .p-treetable-scrollable-header,
3786
- .p-treetable .p-treetable-scrollable-footer {
3604
+ .p-treetable .p-treetable-scrollable-footer {
3787
3605
  background: #f8f9fa;
3788
3606
  }
3789
3607
  .p-treetable .p-treetable-loading-icon {
@@ -3860,6 +3678,7 @@
3860
3678
  .p-treetable.p-treetable-lg .p-treetable-footer {
3861
3679
  padding: 1.25rem 1.25rem;
3862
3680
  }
3681
+
3863
3682
  .p-timeline .p-timeline-event-marker {
3864
3683
  border: 2px solid #9C27B0;
3865
3684
  border-radius: 50%;
@@ -3871,19 +3690,20 @@
3871
3690
  background-color: #dee2e6;
3872
3691
  }
3873
3692
  .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
3874
- .p-timeline.p-timeline-vertical .p-timeline-event-content {
3693
+ .p-timeline.p-timeline-vertical .p-timeline-event-content {
3875
3694
  padding: 0 1rem;
3876
3695
  }
3877
3696
  .p-timeline.p-timeline-vertical .p-timeline-event-connector {
3878
3697
  width: 2px;
3879
3698
  }
3880
3699
  .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
3881
- .p-timeline.p-timeline-horizontal .p-timeline-event-content {
3700
+ .p-timeline.p-timeline-horizontal .p-timeline-event-content {
3882
3701
  padding: 1rem 0;
3883
3702
  }
3884
3703
  .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
3885
3704
  height: 2px;
3886
3705
  }
3706
+
3887
3707
  .p-accordion .p-accordion-header .p-accordion-header-link {
3888
3708
  padding: 1rem;
3889
3709
  border: 1px solid #dee2e6;
@@ -3957,6 +3777,7 @@
3957
3777
  border-bottom-right-radius: 3px;
3958
3778
  border-bottom-left-radius: 3px;
3959
3779
  }
3780
+
3960
3781
  .p-card {
3961
3782
  background: #ffffff;
3962
3783
  color: #495057;
@@ -3982,6 +3803,7 @@
3982
3803
  .p-card .p-card-footer {
3983
3804
  padding: 1rem 0 0 0;
3984
3805
  }
3806
+
3985
3807
  .p-fieldset {
3986
3808
  border: 1px solid #dee2e6;
3987
3809
  background: #ffffff;
@@ -4022,6 +3844,7 @@
4022
3844
  .p-fieldset .p-fieldset-content {
4023
3845
  padding: 1rem;
4024
3846
  }
3847
+
4025
3848
  .p-divider .p-divider-content {
4026
3849
  background-color: #ffffff;
4027
3850
  }
@@ -4045,6 +3868,7 @@
4045
3868
  .p-divider.p-divider-vertical .p-divider-content {
4046
3869
  padding: 0.5rem 0;
4047
3870
  }
3871
+
4048
3872
  .p-panel .p-panel-header {
4049
3873
  border: 1px solid #dee2e6;
4050
3874
  padding: 1rem;
@@ -4094,6 +3918,7 @@
4094
3918
  color: #495057;
4095
3919
  border-top: 0 none;
4096
3920
  }
3921
+
4097
3922
  .p-splitter {
4098
3923
  border: 1px solid #dee2e6;
4099
3924
  background: #ffffff;
@@ -4110,10 +3935,12 @@
4110
3935
  .p-splitter .p-splitter-gutter-resizing {
4111
3936
  background: #dee2e6;
4112
3937
  }
3938
+
4113
3939
  .p-scrollpanel .p-scrollpanel-bar {
4114
3940
  background: #f8f9fa;
4115
3941
  border: 0 none;
4116
3942
  }
3943
+
4117
3944
  .p-tabview .p-tabview-nav {
4118
3945
  background: #ffffff;
4119
3946
  border: 1px solid #dee2e6;
@@ -4173,6 +4000,7 @@
4173
4000
  border-bottom-right-radius: 3px;
4174
4001
  border-bottom-left-radius: 3px;
4175
4002
  }
4003
+
4176
4004
  .p-toolbar {
4177
4005
  background: #f8f9fa;
4178
4006
  border: 1px solid #dee2e6;
@@ -4183,6 +4011,7 @@
4183
4011
  .p-toolbar .p-toolbar-separator {
4184
4012
  margin: 0 0.5rem;
4185
4013
  }
4014
+
4186
4015
  .p-confirm-popup {
4187
4016
  background: #ffffff;
4188
4017
  color: #495057;
@@ -4230,6 +4059,7 @@
4230
4059
  .p-confirm-popup .p-confirm-popup-message {
4231
4060
  margin-left: 1rem;
4232
4061
  }
4062
+
4233
4063
  .p-dialog {
4234
4064
  border-radius: 3px;
4235
4065
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
@@ -4305,6 +4135,7 @@
4305
4135
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
4306
4136
  margin-left: 1rem;
4307
4137
  }
4138
+
4308
4139
  .p-overlaypanel {
4309
4140
  background: #ffffff;
4310
4141
  color: #495057;
@@ -4346,6 +4177,7 @@
4346
4177
  .p-overlaypanel.p-overlaypanel-flipped:before {
4347
4178
  border-top-color: #ffffff;
4348
4179
  }
4180
+
4349
4181
  .p-sidebar {
4350
4182
  background: #ffffff;
4351
4183
  color: #495057;
@@ -4356,7 +4188,7 @@
4356
4188
  padding: 1rem;
4357
4189
  }
4358
4190
  .p-sidebar .p-sidebar-header .p-sidebar-close,
4359
- .p-sidebar .p-sidebar-header .p-sidebar-icon {
4191
+ .p-sidebar .p-sidebar-header .p-sidebar-icon {
4360
4192
  width: 2rem;
4361
4193
  height: 2rem;
4362
4194
  color: #6c757d;
@@ -4366,13 +4198,13 @@
4366
4198
  transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4367
4199
  }
4368
4200
  .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
4369
- .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
4201
+ .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
4370
4202
  color: #495057;
4371
4203
  border-color: transparent;
4372
4204
  background: #e9ecef;
4373
4205
  }
4374
4206
  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
4375
- .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
4207
+ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
4376
4208
  outline: 0 none;
4377
4209
  outline-offset: 0;
4378
4210
  box-shadow: 0 0 0 0.2rem #df9eea;
@@ -4383,6 +4215,7 @@
4383
4215
  .p-sidebar .p-sidebar-content {
4384
4216
  padding: 1rem;
4385
4217
  }
4218
+
4386
4219
  .p-tooltip .p-tooltip-text {
4387
4220
  background: #495057;
4388
4221
  color: #ffffff;
@@ -4402,6 +4235,7 @@
4402
4235
  .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
4403
4236
  border-bottom-color: #495057;
4404
4237
  }
4238
+
4405
4239
  .p-fileupload .p-fileupload-buttonbar {
4406
4240
  background: #f8f9fa;
4407
4241
  padding: 1rem;
@@ -4432,6 +4266,7 @@
4432
4266
  .p-fileupload.p-fileupload-advanced .p-message {
4433
4267
  margin-top: 0;
4434
4268
  }
4269
+
4435
4270
  .p-breadcrumb {
4436
4271
  background: #ffffff;
4437
4272
  border: 1px solid #dee2e6;
@@ -4463,6 +4298,7 @@
4463
4298
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
4464
4299
  color: #6c757d;
4465
4300
  }
4301
+
4466
4302
  .p-contextmenu {
4467
4303
  padding: 0.25rem 0;
4468
4304
  background: #ffffff;
@@ -4534,6 +4370,7 @@
4534
4370
  width: 0.875rem;
4535
4371
  height: 0.875rem;
4536
4372
  }
4373
+
4537
4374
  .p-dock .p-dock-list {
4538
4375
  background: rgba(255, 255, 255, 0.1);
4539
4376
  border: 1px solid rgba(255, 255, 255, 0.2);
@@ -4548,31 +4385,32 @@
4548
4385
  height: 4rem;
4549
4386
  }
4550
4387
  .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4551
- .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4552
- .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next {
4388
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4389
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next {
4553
4390
  margin: 0 0.9rem;
4554
4391
  }
4555
4392
  .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4556
- .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4557
- .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next {
4393
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4394
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next {
4558
4395
  margin: 0 1.3rem;
4559
4396
  }
4560
4397
  .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current {
4561
4398
  margin: 0 1.5rem;
4562
4399
  }
4563
4400
  .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4564
- .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4565
- .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next {
4401
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4402
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next {
4566
4403
  margin: 0.9rem 0;
4567
4404
  }
4568
4405
  .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4569
- .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4570
- .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next {
4406
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4407
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next {
4571
4408
  margin: 1.3rem 0;
4572
4409
  }
4573
4410
  .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4574
4411
  margin: 1.5rem 0;
4575
4412
  }
4413
+
4576
4414
  @media screen and (max-width: 960px) {
4577
4415
  .p-dock.p-dock-top .p-dock-container, .p-dock.p-dock-bottom .p-dock-container {
4578
4416
  overflow-x: auto;
@@ -4589,22 +4427,22 @@
4589
4427
  margin: auto 0;
4590
4428
  }
4591
4429
  .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
4592
- .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4593
- .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4594
- .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4595
- .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4596
- .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4597
- .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4598
- .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4599
- .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4600
- .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4601
- .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4602
- .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4603
- .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4604
- .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4605
- .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4606
- .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4607
- .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4430
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next,
4431
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev,
4432
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next,
4433
+ .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
4434
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
4435
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
4436
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next,
4437
+ .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
4438
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next,
4439
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev,
4440
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next,
4441
+ .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
4442
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next,
4443
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev,
4444
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next,
4445
+ .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current {
4608
4446
  transform: none;
4609
4447
  margin: 0;
4610
4448
  }
@@ -4655,19 +4493,19 @@
4655
4493
  margin-left: auto;
4656
4494
  }
4657
4495
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4658
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4496
+ .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4659
4497
  background: #e9ecef;
4660
4498
  }
4661
4499
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4662
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4500
+ .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4663
4501
  color: #495057;
4664
4502
  }
4665
4503
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4666
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4504
+ .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4667
4505
  color: #6c757d;
4668
4506
  }
4669
4507
  .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4670
- .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4508
+ .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4671
4509
  color: #6c757d;
4672
4510
  }
4673
4511
  .p-megamenu .p-menuitem-link {
@@ -4837,6 +4675,7 @@
4837
4675
  width: 100%;
4838
4676
  position: static;
4839
4677
  }
4678
+
4840
4679
  .p-menu {
4841
4680
  padding: 0.25rem 0;
4842
4681
  background: #ffffff;
@@ -4897,6 +4736,7 @@
4897
4736
  border-top: 1px solid #dee2e6;
4898
4737
  margin: 0.25rem 0;
4899
4738
  }
4739
+
4900
4740
  .p-menubar {
4901
4741
  padding: 0.5rem;
4902
4742
  background: #f8f9fa;
@@ -4974,19 +4814,19 @@
4974
4814
  box-shadow: inset 0 0 0 0.15rem #df9eea;
4975
4815
  }
4976
4816
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4977
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4817
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4978
4818
  background: #e9ecef;
4979
4819
  }
4980
4820
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4981
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4821
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4982
4822
  color: #495057;
4983
4823
  }
4984
4824
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4985
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4825
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4986
4826
  color: #6c757d;
4987
4827
  }
4988
4828
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4989
- .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4829
+ .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4990
4830
  color: #6c757d;
4991
4831
  }
4992
4832
  .p-menubar .p-submenu-list {
@@ -5016,6 +4856,7 @@
5016
4856
  .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
5017
4857
  color: #6c757d;
5018
4858
  }
4859
+
5019
4860
  @media screen and (max-width: 960px) {
5020
4861
  .p-menubar {
5021
4862
  position: relative;
@@ -5260,6 +5101,7 @@
5260
5101
  border-bottom-right-radius: 3px;
5261
5102
  border-bottom-left-radius: 3px;
5262
5103
  }
5104
+
5263
5105
  .p-slidemenu {
5264
5106
  padding: 0.25rem 0;
5265
5107
  background: #ffffff;
@@ -5337,6 +5179,7 @@
5337
5179
  padding: 0.75rem 1rem;
5338
5180
  color: #495057;
5339
5181
  }
5182
+
5340
5183
  .p-steps .p-steps-item .p-menuitem-link {
5341
5184
  background: transparent;
5342
5185
  transition: box-shadow 0.2s;
@@ -5381,6 +5224,7 @@
5381
5224
  position: absolute;
5382
5225
  margin-top: -1rem;
5383
5226
  }
5227
+
5384
5228
  .p-tabmenu .p-tabmenu-nav {
5385
5229
  background: #ffffff;
5386
5230
  border: 1px solid #dee2e6;
@@ -5421,6 +5265,7 @@
5421
5265
  border-color: #9C27B0;
5422
5266
  color: #9C27B0;
5423
5267
  }
5268
+
5424
5269
  .p-tieredmenu {
5425
5270
  padding: 0.25rem 0;
5426
5271
  background: #ffffff;
@@ -5495,6 +5340,7 @@
5495
5340
  width: 0.875rem;
5496
5341
  height: 0.875rem;
5497
5342
  }
5343
+
5498
5344
  .p-inline-message {
5499
5345
  padding: 0.5rem 0.5rem;
5500
5346
  margin: 0;
@@ -5550,6 +5396,7 @@
5550
5396
  .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
5551
5397
  margin-right: 0;
5552
5398
  }
5399
+
5553
5400
  .p-message {
5554
5401
  margin: 1rem 0;
5555
5402
  border-radius: 3px;
@@ -5638,6 +5485,7 @@
5638
5485
  .p-message .p-message-detail {
5639
5486
  margin-left: 0.5rem;
5640
5487
  }
5488
+
5641
5489
  .p-toast {
5642
5490
  opacity: 0.9;
5643
5491
  }
@@ -5688,7 +5536,7 @@
5688
5536
  color: #044868;
5689
5537
  }
5690
5538
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
5691
- .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
5539
+ .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
5692
5540
  color: #044868;
5693
5541
  }
5694
5542
  .p-toast .p-toast-message.p-toast-message-success {
@@ -5698,7 +5546,7 @@
5698
5546
  color: #224a23;
5699
5547
  }
5700
5548
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
5701
- .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
5549
+ .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
5702
5550
  color: #224a23;
5703
5551
  }
5704
5552
  .p-toast .p-toast-message.p-toast-message-warn {
@@ -5708,7 +5556,7 @@
5708
5556
  color: #6d5100;
5709
5557
  }
5710
5558
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
5711
- .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
5559
+ .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
5712
5560
  color: #6d5100;
5713
5561
  }
5714
5562
  .p-toast .p-toast-message.p-toast-message-error {
@@ -5718,9 +5566,10 @@
5718
5566
  color: #73000c;
5719
5567
  }
5720
5568
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
5721
- .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
5569
+ .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
5722
5570
  color: #73000c;
5723
5571
  }
5572
+
5724
5573
  .p-galleria .p-galleria-close {
5725
5574
  margin: 0.5rem;
5726
5575
  background: transparent;
@@ -5751,11 +5600,11 @@
5751
5600
  margin: 0 0.5rem;
5752
5601
  }
5753
5602
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
5754
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
5603
+ .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
5755
5604
  font-size: 2rem;
5756
5605
  }
5757
5606
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
5758
- .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
5607
+ .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
5759
5608
  width: 2rem;
5760
5609
  height: 2rem;
5761
5610
  }
@@ -5809,7 +5658,7 @@
5809
5658
  padding: 1rem 0.25rem;
5810
5659
  }
5811
5660
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
5812
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
5661
+ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
5813
5662
  margin: 0.5rem;
5814
5663
  background-color: transparent;
5815
5664
  color: #f8f9fa;
@@ -5819,7 +5668,7 @@
5819
5668
  border-radius: 50%;
5820
5669
  }
5821
5670
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
5822
- .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
5671
+ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
5823
5672
  background: rgba(255, 255, 255, 0.1);
5824
5673
  color: #f8f9fa;
5825
5674
  }
@@ -5831,12 +5680,15 @@
5831
5680
  outline-offset: 0;
5832
5681
  box-shadow: 0 0 0 0.2rem #df9eea;
5833
5682
  }
5683
+
5834
5684
  .p-galleria-mask {
5835
5685
  --maskbg: rgba(0, 0, 0, 0.9);
5836
5686
  }
5687
+
5837
5688
  .p-image-mask {
5838
5689
  --maskbg: rgba(0, 0, 0, 0.9);
5839
5690
  }
5691
+
5840
5692
  .p-image-preview-indicator {
5841
5693
  background-color: transparent;
5842
5694
  color: #f8f9fa;
@@ -5846,12 +5698,15 @@
5846
5698
  width: 1.5rem;
5847
5699
  height: 1.5rem;
5848
5700
  }
5701
+
5849
5702
  .p-image-preview-container:hover > .p-image-preview-indicator {
5850
5703
  background-color: rgba(0, 0, 0, 0.5);
5851
5704
  }
5705
+
5852
5706
  .p-image-toolbar {
5853
5707
  padding: 1rem;
5854
5708
  }
5709
+
5855
5710
  .p-image-action.p-link {
5856
5711
  color: #f8f9fa;
5857
5712
  background-color: transparent;
@@ -5875,6 +5730,7 @@
5875
5730
  width: 1.5rem;
5876
5731
  height: 1.5rem;
5877
5732
  }
5733
+
5878
5734
  .p-avatar {
5879
5735
  background-color: #dee2e6;
5880
5736
  border-radius: 3px;
@@ -5895,12 +5751,15 @@
5895
5751
  .p-avatar.p-avatar-xl .p-avatar-icon {
5896
5752
  font-size: 2rem;
5897
5753
  }
5754
+
5898
5755
  .p-avatar-circle {
5899
5756
  border-radius: 50%;
5900
5757
  }
5758
+
5901
5759
  .p-avatar-group .p-avatar {
5902
5760
  border: 2px solid #ffffff;
5903
5761
  }
5762
+
5904
5763
  .p-chip {
5905
5764
  background-color: #dee2e6;
5906
5765
  color: #495057;
@@ -5931,6 +5790,10 @@
5931
5790
  outline-offset: 0;
5932
5791
  box-shadow: 0 0 0 0.2rem #df9eea;
5933
5792
  }
5793
+ .p-chip .p-chip-remove-icon:focus {
5794
+ outline: 0 none;
5795
+ }
5796
+
5934
5797
  .p-scrolltop {
5935
5798
  width: 3rem;
5936
5799
  height: 3rem;
@@ -5952,6 +5815,7 @@
5952
5815
  width: 1.5rem;
5953
5816
  height: 1.5rem;
5954
5817
  }
5818
+
5955
5819
  .p-skeleton {
5956
5820
  background-color: #e9ecef;
5957
5821
  border-radius: 3px;
@@ -5959,6 +5823,7 @@
5959
5823
  .p-skeleton:after {
5960
5824
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
5961
5825
  }
5826
+
5962
5827
  .p-tag {
5963
5828
  background: #9C27B0;
5964
5829
  color: #ffffff;
@@ -5991,6 +5856,7 @@
5991
5856
  width: 0.75rem;
5992
5857
  height: 0.75rem;
5993
5858
  }
5859
+
5994
5860
  .p-inplace .p-inplace-display {
5995
5861
  padding: 0.5rem 0.5rem;
5996
5862
  border-radius: 3px;
@@ -6005,6 +5871,7 @@
6005
5871
  outline-offset: 0;
6006
5872
  box-shadow: 0 0 0 0.2rem #df9eea;
6007
5873
  }
5874
+
6008
5875
  .p-progressbar {
6009
5876
  border: 0 none;
6010
5877
  height: 1.5rem;
@@ -6020,6 +5887,7 @@
6020
5887
  color: #ffffff;
6021
5888
  line-height: 1.5rem;
6022
5889
  }
5890
+
6023
5891
  .p-terminal {
6024
5892
  background: #ffffff;
6025
5893
  color: #495057;
@@ -6027,10 +5895,11 @@
6027
5895
  padding: 1rem;
6028
5896
  }
6029
5897
  .p-terminal .p-terminal-input {
6030
- font-family: inherit;
6031
- font-feature-settings: inherit;
6032
- font-size: inherit;
5898
+ font-family: var(--font-family);
5899
+ font-feature-settings: var(--font-feature-settings, normal);
5900
+ font-size: 1rem;
6033
5901
  }
5902
+
6034
5903
  .p-badge {
6035
5904
  background: #9C27B0;
6036
5905
  color: #ffffff;
@@ -6072,6 +5941,7 @@
6072
5941
  height: 3rem;
6073
5942
  line-height: 3rem;
6074
5943
  }
5944
+
6075
5945
  .p-tag {
6076
5946
  background: #9C27B0;
6077
5947
  color: #ffffff;
@@ -6102,9 +5972,11 @@
6102
5972
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
6103
5973
  background-color: #9C27B0;
6104
5974
  }
5975
+
6105
5976
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
6106
5977
  background-color: #9C27B0;
6107
5978
  }
5979
+
6108
5980
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
6109
5981
  box-shadow: inset 0 2px 0 0 #9C27B0;
6110
5982
  }