source: trip-planner-front/node_modules/primeng/resources/themes/tailwind-light/theme.css@ b738035

Last change on this file since b738035 was 59329aa, checked in by Ema <ema_spirova@…>, 3 years ago

adding photos

  • Property mode set to 100644
File size: 155.6 KB
Line 
1:root {
2 --surface-a:#ffffff;
3 --surface-b:#fafafa;
4 --surface-c:#f4f4f5;
5 --surface-d:#e5e7eb;
6 --surface-e:#ffffff;
7 --surface-f:#ffffff;
8 --text-color:#3f3f46;
9 --text-color-secondary:#71717A;
10 --primary-color:#4F46E5;
11 --primary-color-text:#ffffff;
12 --font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
13 --surface-0: #ffffff;
14 --surface-50: #FAFAFA;
15 --surface-100: #F4F4F5;
16 --surface-200: #E4E4E7;
17 --surface-300: #D4D4D8;
18 --surface-400: #A1A1AA;
19 --surface-500: #71717A;
20 --surface-600: #52525B;
21 --surface-700: #3F3F46;
22 --surface-800: #27272A;
23 --surface-900: #18181B;
24 --gray-50: #FAFAFA;
25 --gray-100: #F4F4F5;
26 --gray-200: #E4E4E7;
27 --gray-300: #D4D4D8;
28 --gray-400: #A1A1AA;
29 --gray-500: #71717A;
30 --gray-600: #52525B;
31 --gray-700: #3F3F46;
32 --gray-800: #27272A;
33 --gray-900: #18181B;
34 --content-padding:1.25rem;
35 --inline-spacing:0.5rem;
36 --border-radius:0.375rem;
37 --surface-ground:#FAFAFA;
38 --surface-section:#ffffff;
39 --surface-card:#ffffff;
40 --surface-overlay:#ffffff;
41 --surface-border:#e5e7eb;
42 --surface-hover: #f4f4f5;
43 --focus-ring: 0 0 0 1px #6366F1;
44 --maskbg: rgba(0, 0, 0, 0.4);
45}
46
47@font-face {
48 font-family: "Inter";
49 font-style: normal;
50 font-weight: 300;
51 src: local(""), url("./fonts/Inter-Light.woff2") format("woff2"), url("./fonts/Inter-Light.woff") format("woff");
52 /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
53}
54@font-face {
55 font-family: "Inter";
56 font-style: normal;
57 font-weight: 400;
58 src: local(""), url("./fonts/Inter-Regular.woff2") format("woff2"), url("./fonts/Inter-Regular.woff") format("woff");
59 /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
60}
61@font-face {
62 font-family: "Inter";
63 font-style: normal;
64 font-weight: 500;
65 src: local(""), url("./fonts/Inter-Medium.woff2") format("woff2"), url("./fonts/Inter-Medium.woff") format("woff");
66 /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
67}
68@font-face {
69 font-family: "Inter";
70 font-style: normal;
71 font-weight: 600;
72 src: local(""), url("./fonts/Inter-SemiBold.woff2") format("woff2"), url("./fonts/Inter-SemiBold.woff") format("woff");
73 /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
74}
75@font-face {
76 font-family: "Inter";
77 font-style: normal;
78 font-weight: 700;
79 src: local(""), url("./fonts/Inter-Bold.woff2") format("woff2"), url("./fonts/Inter-Bold.woff") format("woff");
80 /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
81}
82* {
83 box-sizing: border-box;
84}
85
86.p-component {
87 font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
88 font-size: 1rem;
89 font-weight: normal;
90}
91
92.p-component-overlay {
93 background-color: rgba(0, 0, 0, 0.4);
94 transition-duration: 0.2s;
95}
96
97.p-disabled, .p-component:disabled {
98 opacity: 0.6;
99}
100
101.p-error {
102 color: #e24c4c;
103}
104
105.p-text-secondary {
106 color: #71717A;
107}
108
109.pi {
110 font-size: 1rem;
111}
112
113.p-link {
114 font-size: 1rem;
115 font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
116 border-radius: 0.375rem;
117}
118.p-link:focus {
119 outline: 0 none;
120 outline-offset: 0;
121 box-shadow: 0 0 0 1px #6366F1;
122}
123
124.p-component-overlay-enter {
125 animation: p-component-overlay-enter-animation 150ms forwards;
126}
127
128.p-component-overlay-leave {
129 animation: p-component-overlay-leave-animation 150ms forwards;
130}
131
132@keyframes p-component-overlay-enter-animation {
133 from {
134 background-color: transparent;
135 }
136 to {
137 background-color: var(--maskbg);
138 }
139}
140@keyframes p-component-overlay-leave-animation {
141 from {
142 background-color: var(--maskbg);
143 }
144 to {
145 background-color: transparent;
146 }
147}
148
149:root {
150 --blue-50:#f5f9ff;
151 --blue-100:#d0e1fd;
152 --blue-200:#abc9fb;
153 --blue-300:#85b2f9;
154 --blue-400:#609af8;
155 --blue-500:#3b82f6;
156 --blue-600:#326fd1;
157 --blue-700:#295bac;
158 --blue-800:#204887;
159 --blue-900:#183462;
160 --green-50:#f4fcf7;
161 --green-100:#caf1d8;
162 --green-200:#a0e6ba;
163 --green-300:#76db9b;
164 --green-400:#4cd07d;
165 --green-500:#22c55e;
166 --green-600:#1da750;
167 --green-700:#188a42;
168 --green-800:#136c34;
169 --green-900:#0e4f26;
170 --yellow-50:#fefbf3;
171 --yellow-100:#faedc4;
172 --yellow-200:#f6de95;
173 --yellow-300:#f2d066;
174 --yellow-400:#eec137;
175 --yellow-500:#eab308;
176 --yellow-600:#c79807;
177 --yellow-700:#a47d06;
178 --yellow-800:#816204;
179 --yellow-900:#5e4803;
180 --cyan-50:#f3fbfd;
181 --cyan-100:#c3edf5;
182 --cyan-200:#94e0ed;
183 --cyan-300:#65d2e4;
184 --cyan-400:#35c4dc;
185 --cyan-500:#06b6d4;
186 --cyan-600:#059bb4;
187 --cyan-700:#047f94;
188 --cyan-800:#036475;
189 --cyan-900:#024955;
190 --pink-50:#fef6fa;
191 --pink-100:#fad3e7;
192 --pink-200:#f7b0d3;
193 --pink-300:#f38ec0;
194 --pink-400:#f06bac;
195 --pink-500:#ec4899;
196 --pink-600:#c93d82;
197 --pink-700:#a5326b;
198 --pink-800:#822854;
199 --pink-900:#5e1d3d;
200 --indigo-50:#f7f7fe;
201 --indigo-100:#dadafc;
202 --indigo-200:#bcbdf9;
203 --indigo-300:#9ea0f6;
204 --indigo-400:#8183f4;
205 --indigo-500:#6366f1;
206 --indigo-600:#5457cd;
207 --indigo-700:#4547a9;
208 --indigo-800:#363885;
209 --indigo-900:#282960;
210 --teal-50:#f3fbfb;
211 --teal-100:#c7eeea;
212 --teal-200:#9ae0d9;
213 --teal-300:#6dd3c8;
214 --teal-400:#41c5b7;
215 --teal-500:#14b8a6;
216 --teal-600:#119c8d;
217 --teal-700:#0e8174;
218 --teal-800:#0b655b;
219 --teal-900:#084a42;
220 --orange-50:#fff8f3;
221 --orange-100:#feddc7;
222 --orange-200:#fcc39b;
223 --orange-300:#fba86f;
224 --orange-400:#fa8e42;
225 --orange-500:#f97316;
226 --orange-600:#d46213;
227 --orange-700:#ae510f;
228 --orange-800:#893f0c;
229 --orange-900:#642e09;
230 --bluegray-50:#f7f8f9;
231 --bluegray-100:#dadee3;
232 --bluegray-200:#bcc3cd;
233 --bluegray-300:#9fa9b7;
234 --bluegray-400:#818ea1;
235 --bluegray-500:#64748b;
236 --bluegray-600:#556376;
237 --bluegray-700:#465161;
238 --bluegray-800:#37404c;
239 --bluegray-900:#282e38;
240 --purple-50:#fbf7ff;
241 --purple-100:#ead6fd;
242 --purple-200:#dab6fc;
243 --purple-300:#c996fa;
244 --purple-400:#b975f9;
245 --purple-500:#a855f7;
246 --purple-600:#8f48d2;
247 --purple-700:#763cad;
248 --purple-800:#5c2f88;
249 --purple-900:#432263;
250}
251
252.p-autocomplete .p-autocomplete-loader {
253 right: 0.75rem;
254}
255.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
256 right: 3.75rem;
257}
258.p-autocomplete .p-autocomplete-multiple-container {
259 padding: 0.375rem 0.75rem;
260}
261.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
262 border-color: #d4d4d8;
263}
264.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
265 outline: 0 none;
266 outline-offset: 0;
267 box-shadow: 0 0 0 1px #6366F1;
268 border-color: #4F46E5;
269}
270.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
271 padding: 0.375rem 0;
272}
273.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
274 font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
275 font-size: 1rem;
276 color: #3f3f46;
277 padding: 0;
278 margin: 0;
279}
280.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
281 padding: 0.375rem 0.75rem;
282 margin-right: 0.5rem;
283 background: #EEF2FF;
284 color: #312E81;
285 border-radius: 0.375rem;
286}
287.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
288 margin-left: 0.5rem;
289}
290
291p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
292 border-color: #f0a9a7;
293}
294
295.p-autocomplete-panel {
296 background: #ffffff;
297 color: #3f3f46;
298 border: 0 none;
299 border-radius: 0.375rem;
300 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
301}
302.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) {
303 padding: 0.25rem 0;
304}
305.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper {
306 padding: 0.25rem 0;
307}
308.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
309 margin: 0;
310 padding: 0.75rem 1rem;
311 border: 0 none;
312 color: #3f3f46;
313 background: transparent;
314 transition: none;
315 border-radius: 0;
316}
317.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
318 color: #18181B;
319 background: #f4f4f5;
320}
321.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
322 color: #312E81;
323 background: #EEF2FF;
324}
325.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
326 padding: 0.75rem 1rem;
327 color: #3f3f46;
328 background: transparent;
329}
330.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
331 margin: 0;
332 padding: 0.75rem 1rem;
333 color: #3f3f46;
334 background: #ffffff;
335 font-weight: 600;
336}
337
338p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
339 border-color: #f0a9a7;
340}
341
342.p-datepicker {
343 padding: 0.5rem;
344 background: #ffffff;
345 color: #3f3f46;
346 border: 1px solid #d4d4d8;
347 border-radius: 0.375rem;
348}
349.p-datepicker:not(.p-datepicker-inline) {
350 background: #ffffff;
351 border: 0 none;
352 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
353}
354.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
355 background: #ffffff;
356}
357.p-datepicker .p-datepicker-header {
358 padding: 0.5rem;
359 color: #3f3f46;
360 background: #ffffff;
361 font-weight: 600;
362 margin: 0;
363 border-bottom: 1px solid #e5e7eb;
364 border-top-right-radius: 0.375rem;
365 border-top-left-radius: 0.375rem;
366}
367.p-datepicker .p-datepicker-header .p-datepicker-prev,
368.p-datepicker .p-datepicker-header .p-datepicker-next {
369 width: 2rem;
370 height: 2rem;
371 color: #71717A;
372 border: 0 none;
373 background: transparent;
374 border-radius: 50%;
375 transition: none;
376}
377.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
378.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
379 color: #18181B;
380 border-color: transparent;
381 background: #f4f4f5;
382}
383.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
384.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
385 outline: 0 none;
386 outline-offset: 0;
387 box-shadow: 0 0 0 1px #6366F1;
388}
389.p-datepicker .p-datepicker-header .p-datepicker-title {
390 line-height: 2rem;
391}
392.p-datepicker .p-datepicker-header .p-datepicker-title select {
393 transition: none;
394}
395.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
396 outline: 0 none;
397 outline-offset: 0;
398 box-shadow: 0 0 0 1px #6366F1;
399 border-color: #4F46E5;
400}
401.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
402 margin-right: 0.5rem;
403}
404.p-datepicker table {
405 font-size: 1rem;
406 margin: 0.5rem 0;
407}
408.p-datepicker table th {
409 padding: 0.5rem;
410}
411.p-datepicker table th > span {
412 width: 2.5rem;
413 height: 2.5rem;
414}
415.p-datepicker table td {
416 padding: 0.5rem;
417}
418.p-datepicker table td > span {
419 width: 2.5rem;
420 height: 2.5rem;
421 border-radius: 50%;
422 transition: none;
423 border: 1px solid transparent;
424}
425.p-datepicker table td > span.p-highlight {
426 color: #312E81;
427 background: #EEF2FF;
428}
429.p-datepicker table td > span:focus {
430 outline: 0 none;
431 outline-offset: 0;
432 box-shadow: 0 0 0 1px #6366F1;
433}
434.p-datepicker table td.p-datepicker-today > span {
435 background: #d4d4d8;
436 color: #3f3f46;
437 border-color: transparent;
438}
439.p-datepicker table td.p-datepicker-today > span.p-highlight {
440 color: #312E81;
441 background: #EEF2FF;
442}
443.p-datepicker .p-datepicker-buttonbar {
444 padding: 1rem 0;
445 border-top: 1px solid #f3f4f6;
446}
447.p-datepicker .p-datepicker-buttonbar .p-button {
448 width: auto;
449}
450.p-datepicker .p-timepicker {
451 border-top: 1px solid #f3f4f6;
452 padding: 0.5rem;
453}
454.p-datepicker .p-timepicker button {
455 width: 2rem;
456 height: 2rem;
457 color: #71717A;
458 border: 0 none;
459 background: transparent;
460 border-radius: 50%;
461 transition: none;
462}
463.p-datepicker .p-timepicker button:enabled:hover {
464 color: #18181B;
465 border-color: transparent;
466 background: #f4f4f5;
467}
468.p-datepicker .p-timepicker button:focus {
469 outline: 0 none;
470 outline-offset: 0;
471 box-shadow: 0 0 0 1px #6366F1;
472}
473.p-datepicker .p-timepicker button:last-child {
474 margin-top: 0.2em;
475}
476.p-datepicker .p-timepicker span {
477 font-size: 1.25rem;
478}
479.p-datepicker .p-timepicker > div {
480 padding: 0 0.5rem;
481}
482.p-datepicker.p-datepicker-timeonly .p-timepicker {
483 border-top: 0 none;
484}
485.p-datepicker .p-monthpicker {
486 margin: 0.5rem 0;
487}
488.p-datepicker .p-monthpicker .p-monthpicker-month {
489 padding: 0.5rem;
490 transition: none;
491 border-radius: 0.375rem;
492}
493.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
494 color: #312E81;
495 background: #EEF2FF;
496}
497.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
498 border-right: 1px solid #f3f4f6;
499 padding-right: 0.5rem;
500 padding-left: 0.5rem;
501 padding-top: 0;
502 padding-bottom: 0;
503}
504.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
505 padding-left: 0;
506}
507.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
508 padding-right: 0;
509 border-right: 0 none;
510}
511.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
512 background: #f4f4f5;
513}
514.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
515 outline: 0 none;
516 outline-offset: 0;
517 box-shadow: 0 0 0 1px #6366F1;
518}
519.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
520 background: #f4f4f5;
521}
522.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
523 outline: 0 none;
524 outline-offset: 0;
525 box-shadow: 0 0 0 1px #6366F1;
526}
527
528@media screen and (max-width: 769px) {
529 .p-datepicker table th, .p-datepicker table td {
530 padding: 0;
531 }
532}
533.p-cascadeselect {
534 background: #ffffff;
535 border: 1px solid #d4d4d8;
536 transition: none;
537 border-radius: 0.375rem;
538}
539.p-cascadeselect:not(.p-disabled):hover {
540 border-color: #d4d4d8;
541}
542.p-cascadeselect:not(.p-disabled).p-focus {
543 outline: 0 none;
544 outline-offset: 0;
545 box-shadow: 0 0 0 1px #6366F1;
546 border-color: #4F46E5;
547}
548.p-cascadeselect .p-cascadeselect-label {
549 background: transparent;
550 border: 0 none;
551 padding: 0.75rem 0.75rem;
552}
553.p-cascadeselect .p-cascadeselect-label.p-placeholder {
554 color: #71717A;
555}
556.p-cascadeselect .p-cascadeselect-label:enabled:focus {
557 outline: 0 none;
558 box-shadow: none;
559}
560.p-cascadeselect .p-cascadeselect-trigger {
561 background: transparent;
562 color: #71717A;
563 width: 3rem;
564 border-top-right-radius: 0.375rem;
565 border-bottom-right-radius: 0.375rem;
566}
567
568.p-cascadeselect-panel {
569 background: #ffffff;
570 color: #3f3f46;
571 border: 0 none;
572 border-radius: 0.375rem;
573 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
574}
575.p-cascadeselect-panel .p-cascadeselect-items {
576 padding: 0.25rem 0;
577}
578.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
579 margin: 0;
580 border: 0 none;
581 color: #3f3f46;
582 background: transparent;
583 transition: none;
584 border-radius: 0;
585}
586.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
587 padding: 0.75rem 1rem;
588}
589.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
590 outline: 0 none;
591 outline-offset: 0;
592 box-shadow: inset 0 0 0 1px #6366F1;
593}
594.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
595 color: #312E81;
596 background: #EEF2FF;
597}
598.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
599 color: #18181B;
600 background: #f4f4f5;
601}
602.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
603 font-size: 0.875rem;
604}
605
606p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
607 border-color: #f0a9a7;
608}
609
610.p-input-filled .p-cascadeselect {
611 background: #fafafa;
612}
613.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
614 background-color: #fafafa;
615}
616.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
617 background-color: #ffffff;
618}
619
620.p-checkbox {
621 width: 16px;
622 height: 16px;
623}
624.p-checkbox .p-checkbox-box {
625 border: 2px solid #d4d4d8;
626 background: #ffffff;
627 width: 16px;
628 height: 16px;
629 color: #3f3f46;
630 border-radius: 0.375rem;
631 transition: none;
632}
633.p-checkbox .p-checkbox-box .p-checkbox-icon {
634 transition-duration: 0.2s;
635 color: #ffffff;
636 font-size: 10px;
637}
638.p-checkbox .p-checkbox-box.p-highlight {
639 border-color: #4F46E5;
640 background: #4F46E5;
641}
642.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
643 border-color: #d4d4d8;
644}
645.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
646 outline: 0 none;
647 outline-offset: 0;
648 box-shadow: 0 0 0 1px #6366F1;
649 border-color: #4F46E5;
650}
651.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
652 border-color: #4F46E5;
653 background: #4F46E5;
654 color: #ffffff;
655}
656
657p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
658 border-color: #f0a9a7;
659}
660
661.p-input-filled .p-checkbox .p-checkbox-box {
662 background-color: #fafafa;
663}
664.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
665 background: #4F46E5;
666}
667.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
668 background-color: #fafafa;
669}
670.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
671 background: #4F46E5;
672}
673
674.p-checkbox-label {
675 margin-left: 0.5rem;
676}
677
678.p-chips .p-chips-multiple-container {
679 padding: 0.375rem 0.75rem;
680}
681.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
682 border-color: #d4d4d8;
683}
684.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
685 outline: 0 none;
686 outline-offset: 0;
687 box-shadow: 0 0 0 1px #6366F1;
688 border-color: #4F46E5;
689}
690.p-chips .p-chips-multiple-container .p-chips-token {
691 padding: 0.375rem 0.75rem;
692 margin-right: 0.5rem;
693 background: #EEF2FF;
694 color: #312E81;
695 border-radius: 0.375rem;
696}
697.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
698 margin-left: 0.5rem;
699}
700.p-chips .p-chips-multiple-container .p-chips-input-token {
701 padding: 0.375rem 0;
702}
703.p-chips .p-chips-multiple-container .p-chips-input-token input {
704 font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
705 font-size: 1rem;
706 color: #3f3f46;
707 padding: 0;
708 margin: 0;
709}
710
711p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
712 border-color: #f0a9a7;
713}
714
715.p-colorpicker-preview,
716.p-fluid .p-colorpicker-preview.p-inputtext {
717 width: 2rem;
718 height: 2rem;
719}
720
721.p-colorpicker-panel {
722 background: #27272A;
723 border-color: #18181B;
724}
725.p-colorpicker-panel .p-colorpicker-color-handle,
726.p-colorpicker-panel .p-colorpicker-hue-handle {
727 border-color: #ffffff;
728}
729
730.p-colorpicker-overlay-panel {
731 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
732}
733
734.p-dropdown {
735 background: #ffffff;
736 border: 1px solid #d4d4d8;
737 transition: none;
738 border-radius: 0.375rem;
739}
740.p-dropdown:not(.p-disabled):hover {
741 border-color: #d4d4d8;
742}
743.p-dropdown:not(.p-disabled).p-focus {
744 outline: 0 none;
745 outline-offset: 0;
746 box-shadow: 0 0 0 1px #6366F1;
747 border-color: #4F46E5;
748}
749.p-dropdown.p-dropdown-clearable .p-dropdown-label {
750 padding-right: 1.75rem;
751}
752.p-dropdown .p-dropdown-label {
753 background: transparent;
754 border: 0 none;
755}
756.p-dropdown .p-dropdown-label.p-placeholder {
757 color: #71717A;
758}
759.p-dropdown .p-dropdown-label:enabled:focus {
760 outline: 0 none;
761 box-shadow: none;
762}
763.p-dropdown .p-dropdown-trigger {
764 background: transparent;
765 color: #71717A;
766 width: 3rem;
767 border-top-right-radius: 0.375rem;
768 border-bottom-right-radius: 0.375rem;
769}
770.p-dropdown .p-dropdown-clear-icon {
771 color: #71717A;
772 right: 3rem;
773}
774
775.p-dropdown-panel {
776 background: #ffffff;
777 color: #3f3f46;
778 border: 0 none;
779 border-radius: 0.375rem;
780 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
781}
782.p-dropdown-panel .p-dropdown-header {
783 padding: 0.5rem 0.75rem;
784 border-bottom: 0 none;
785 color: #3f3f46;
786 background: #fafafa;
787 margin: 0;
788 border-top-right-radius: 0.375rem;
789 border-top-left-radius: 0.375rem;
790}
791.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
792 padding-right: 1.75rem;
793 margin-right: -1.75rem;
794}
795.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
796 right: 0.75rem;
797 color: #71717A;
798}
799.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) {
800 padding: 0.25rem 0;
801}
802.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper {
803 padding: 0.25rem 0;
804}
805.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
806 margin: 0;
807 padding: 0.75rem 1rem;
808 border: 0 none;
809 color: #3f3f46;
810 background: transparent;
811 transition: none;
812 border-radius: 0;
813}
814.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
815 color: #312E81;
816 background: #EEF2FF;
817}
818.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
819 color: #18181B;
820 background: #f4f4f5;
821}
822.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
823 padding: 0.75rem 1rem;
824 color: #3f3f46;
825 background: transparent;
826}
827.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
828 margin: 0;
829 padding: 0.75rem 1rem;
830 color: #3f3f46;
831 background: #ffffff;
832 font-weight: 600;
833}
834
835p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
836 border-color: #f0a9a7;
837}
838
839.p-input-filled .p-dropdown {
840 background: #fafafa;
841}
842.p-input-filled .p-dropdown:not(.p-disabled):hover {
843 background-color: #fafafa;
844}
845.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
846 background-color: #ffffff;
847}
848
849.p-editor-container .p-editor-toolbar {
850 background: #fafafa;
851 border-top-right-radius: 0.375rem;
852 border-top-left-radius: 0.375rem;
853}
854.p-editor-container .p-editor-toolbar.ql-snow {
855 border: 1px solid #e5e7eb;
856}
857.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
858 stroke: #71717A;
859}
860.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
861 fill: #71717A;
862}
863.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
864 border: 0 none;
865 color: #71717A;
866}
867.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
868 color: #3f3f46;
869}
870.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
871 stroke: #3f3f46;
872}
873.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
874 fill: #3f3f46;
875}
876.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
877 color: #3f3f46;
878}
879.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
880 stroke: #3f3f46;
881}
882.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
883 fill: #3f3f46;
884}
885.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
886 background: #ffffff;
887 border: 0 none;
888 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
889 border-radius: 0.375rem;
890 padding: 0.25rem 0;
891}
892.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
893 color: #3f3f46;
894}
895.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
896 color: #18181B;
897 background: #f4f4f5;
898}
899.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
900 padding: 0.75rem 1rem;
901}
902.p-editor-container .p-editor-content {
903 border-bottom-right-radius: 0.375rem;
904 border-bottom-left-radius: 0.375rem;
905}
906.p-editor-container .p-editor-content.ql-snow {
907 border: 1px solid #e5e7eb;
908}
909.p-editor-container .p-editor-content .ql-editor {
910 background: #ffffff;
911 color: #3f3f46;
912 border-bottom-right-radius: 0.375rem;
913 border-bottom-left-radius: 0.375rem;
914}
915.p-editor-container .ql-snow.ql-toolbar button:hover,
916.p-editor-container .ql-snow.ql-toolbar button:focus {
917 color: #3f3f46;
918}
919.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
920.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
921 stroke: #3f3f46;
922}
923.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
924.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
925 fill: #3f3f46;
926}
927.p-editor-container .ql-snow.ql-toolbar button.ql-active,
928.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
929.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
930 color: #4F46E5;
931}
932.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
933.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
934.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
935 stroke: #4F46E5;
936}
937.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
938.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
939.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
940 fill: #4F46E5;
941}
942.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
943.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
944.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
945 color: #4F46E5;
946}
947
948.p-inputgroup-addon {
949 background: #fafafa;
950 color: #71717A;
951 border-top: 1px solid #d4d4d8;
952 border-left: 1px solid #d4d4d8;
953 border-bottom: 1px solid #d4d4d8;
954 padding: 0.75rem 0.75rem;
955 min-width: 3rem;
956}
957.p-inputgroup-addon:last-child {
958 border-right: 1px solid #d4d4d8;
959}
960
961.p-inputgroup > .p-component,
962.p-inputgroup > .p-element,
963.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
964.p-inputgroup > .p-float-label > .p-component {
965 border-radius: 0;
966 margin: 0;
967}
968.p-inputgroup > .p-component + .p-inputgroup-addon,
969.p-inputgroup > .p-element + .p-inputgroup-addon,
970.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
971.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
972 border-left: 0 none;
973}
974.p-inputgroup > .p-component:focus,
975.p-inputgroup > .p-element:focus,
976.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
977.p-inputgroup > .p-float-label > .p-component:focus {
978 z-index: 1;
979}
980.p-inputgroup > .p-component:focus ~ label,
981.p-inputgroup > .p-element:focus ~ label,
982.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
983.p-inputgroup > .p-float-label > .p-component:focus ~ label {
984 z-index: 1;
985}
986
987.p-inputgroup-addon:first-child,
988.p-inputgroup button:first-child,
989.p-inputgroup input:first-child,
990.p-inputgroup > .p-inputwrapper:first-child > .p-component,
991.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
992 border-top-left-radius: 0.375rem;
993 border-bottom-left-radius: 0.375rem;
994}
995
996.p-inputgroup .p-float-label:first-child input {
997 border-top-left-radius: 0.375rem;
998 border-bottom-left-radius: 0.375rem;
999}
1000
1001.p-inputgroup-addon:last-child,
1002.p-inputgroup button:last-child,
1003.p-inputgroup input:last-child,
1004.p-inputgroup > .p-inputwrapper:last-child > .p-component,
1005.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
1006 border-top-right-radius: 0.375rem;
1007 border-bottom-right-radius: 0.375rem;
1008}
1009
1010.p-inputgroup .p-float-label:last-child input {
1011 border-top-right-radius: 0.375rem;
1012 border-bottom-right-radius: 0.375rem;
1013}
1014
1015.p-fluid .p-inputgroup .p-button {
1016 width: auto;
1017}
1018.p-fluid .p-inputgroup .p-button.p-button-icon-only {
1019 width: 3rem;
1020}
1021
1022p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
1023 border-color: #f0a9a7;
1024}
1025
1026p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
1027 border-color: #f0a9a7;
1028}
1029
1030.p-inputswitch {
1031 width: 3rem;
1032 height: 1.75rem;
1033}
1034.p-inputswitch .p-inputswitch-slider {
1035 background: #d4d4d8;
1036 transition: none;
1037 border-radius: 30px;
1038}
1039.p-inputswitch .p-inputswitch-slider:before {
1040 background: #ffffff;
1041 width: 1.25rem;
1042 height: 1.25rem;
1043 left: 0.25rem;
1044 margin-top: -0.625rem;
1045 border-radius: 50%;
1046 transition-duration: 0.2s;
1047}
1048.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
1049 transform: translateX(1.25rem);
1050}
1051.p-inputswitch.p-focus .p-inputswitch-slider {
1052 outline: 0 none;
1053 outline-offset: 0;
1054 box-shadow: 0 0 0 1px #6366F1;
1055}
1056.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
1057 background: #bebec4;
1058}
1059.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
1060 background: #4F46E5;
1061}
1062.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
1063 background: #ffffff;
1064}
1065.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
1066 background: #4338CA;
1067}
1068
1069p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1070 border-color: #f0a9a7;
1071}
1072
1073.p-inputtext {
1074 font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
1075 font-size: 1rem;
1076 color: #3f3f46;
1077 background: #ffffff;
1078 padding: 0.75rem 0.75rem;
1079 border: 1px solid #d4d4d8;
1080 transition: none;
1081 appearance: none;
1082 border-radius: 0.375rem;
1083}
1084.p-inputtext:enabled:hover {
1085 border-color: #d4d4d8;
1086}
1087.p-inputtext:enabled:focus {
1088 outline: 0 none;
1089 outline-offset: 0;
1090 box-shadow: 0 0 0 1px #6366F1;
1091 border-color: #4F46E5;
1092}
1093.p-inputtext.ng-dirty.ng-invalid {
1094 border-color: #f0a9a7;
1095}
1096.p-inputtext.p-inputtext-sm {
1097 font-size: 0.875rem;
1098 padding: 0.65625rem 0.65625rem;
1099}
1100.p-inputtext.p-inputtext-lg {
1101 font-size: 1.25rem;
1102 padding: 0.9375rem 0.9375rem;
1103}
1104
1105.p-float-label > label {
1106 left: 0.75rem;
1107 color: #71717A;
1108 transition-duration: 0.2s;
1109}
1110
1111.p-float-label > .ng-invalid.ng-dirty + label {
1112 color: #f0a9a7;
1113}
1114
1115.p-input-icon-left > i:first-of-type {
1116 left: 0.75rem;
1117 color: #71717A;
1118}
1119
1120.p-input-icon-left > .p-inputtext {
1121 padding-left: 2.5rem;
1122}
1123
1124.p-input-icon-left.p-float-label > label {
1125 left: 2.5rem;
1126}
1127
1128.p-input-icon-right > i:last-of-type {
1129 right: 0.75rem;
1130 color: #71717A;
1131}
1132
1133.p-input-icon-right > .p-inputtext {
1134 padding-right: 2.5rem;
1135}
1136
1137::-webkit-input-placeholder {
1138 color: #71717A;
1139}
1140
1141:-moz-placeholder {
1142 color: #71717A;
1143}
1144
1145::-moz-placeholder {
1146 color: #71717A;
1147}
1148
1149:-ms-input-placeholder {
1150 color: #71717A;
1151}
1152
1153.p-input-filled .p-inputtext {
1154 background-color: #fafafa;
1155}
1156.p-input-filled .p-inputtext:enabled:hover {
1157 background-color: #fafafa;
1158}
1159.p-input-filled .p-inputtext:enabled:focus {
1160 background-color: #ffffff;
1161}
1162
1163.p-inputtext-sm .p-inputtext {
1164 font-size: 0.875rem;
1165 padding: 0.65625rem 0.65625rem;
1166}
1167
1168.p-inputtext-lg .p-inputtext {
1169 font-size: 1.25rem;
1170 padding: 0.9375rem 0.9375rem;
1171}
1172
1173.p-listbox {
1174 background: #ffffff;
1175 color: #3f3f46;
1176 border: 1px solid #d4d4d8;
1177 border-radius: 0.375rem;
1178}
1179.p-listbox .p-listbox-header {
1180 padding: 0.5rem 0.75rem;
1181 border-bottom: 0 none;
1182 color: #3f3f46;
1183 background: #fafafa;
1184 margin: 0;
1185 border-top-right-radius: 0.375rem;
1186 border-top-left-radius: 0.375rem;
1187}
1188.p-listbox .p-listbox-header .p-listbox-filter {
1189 padding-right: 1.75rem;
1190}
1191.p-listbox .p-listbox-header .p-listbox-filter-icon {
1192 right: 0.75rem;
1193 color: #71717A;
1194}
1195.p-listbox .p-listbox-header .p-checkbox {
1196 margin-right: 0.5rem;
1197}
1198.p-listbox .p-listbox-list {
1199 padding: 0.25rem 0;
1200}
1201.p-listbox .p-listbox-list .p-listbox-item {
1202 margin: 0;
1203 padding: 0.75rem 1rem;
1204 border: 0 none;
1205 color: #3f3f46;
1206 transition: none;
1207 border-radius: 0;
1208}
1209.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
1210 color: #312E81;
1211 background: #EEF2FF;
1212}
1213.p-listbox .p-listbox-list .p-listbox-item:focus {
1214 outline: 0 none;
1215 outline-offset: 0;
1216 box-shadow: inset 0 0 0 1px #6366F1;
1217}
1218.p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1219 margin-right: 0.5rem;
1220}
1221.p-listbox .p-listbox-list .p-listbox-item-group {
1222 margin: 0;
1223 padding: 0.75rem 1rem;
1224 color: #3f3f46;
1225 background: #ffffff;
1226 font-weight: 600;
1227}
1228.p-listbox .p-listbox-list .p-listbox-empty-message {
1229 padding: 0.75rem 1rem;
1230 color: #3f3f46;
1231 background: transparent;
1232}
1233.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
1234 color: #18181B;
1235 background: #f4f4f5;
1236}
1237
1238p-listbox.ng-dirty.ng-invalid > .p-listbox {
1239 border-color: #f0a9a7;
1240}
1241
1242.p-multiselect {
1243 background: #ffffff;
1244 border: 1px solid #d4d4d8;
1245 transition: none;
1246 border-radius: 0.375rem;
1247}
1248.p-multiselect:not(.p-disabled):hover {
1249 border-color: #d4d4d8;
1250}
1251.p-multiselect:not(.p-disabled).p-focus {
1252 outline: 0 none;
1253 outline-offset: 0;
1254 box-shadow: 0 0 0 1px #6366F1;
1255 border-color: #4F46E5;
1256}
1257.p-multiselect .p-multiselect-label {
1258 padding: 0.75rem 0.75rem;
1259 transition: none;
1260}
1261.p-multiselect .p-multiselect-label.p-placeholder {
1262 color: #71717A;
1263}
1264.p-multiselect.p-multiselect-chip .p-multiselect-token {
1265 padding: 0.375rem 0.75rem;
1266 margin-right: 0.5rem;
1267 background: #EEF2FF;
1268 color: #312E81;
1269 border-radius: 0.375rem;
1270}
1271.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1272 margin-left: 0.5rem;
1273}
1274.p-multiselect .p-multiselect-trigger {
1275 background: transparent;
1276 color: #71717A;
1277 width: 3rem;
1278 border-top-right-radius: 0.375rem;
1279 border-bottom-right-radius: 0.375rem;
1280}
1281
1282.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1283 padding: 0.375rem 0.75rem;
1284}
1285
1286.p-multiselect-panel {
1287 background: #ffffff;
1288 color: #3f3f46;
1289 border: 0 none;
1290 border-radius: 0.375rem;
1291 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
1292}
1293.p-multiselect-panel .p-multiselect-header {
1294 padding: 0.5rem 0.75rem;
1295 border-bottom: 0 none;
1296 color: #3f3f46;
1297 background: #fafafa;
1298 margin: 0;
1299 border-top-right-radius: 0.375rem;
1300 border-top-left-radius: 0.375rem;
1301}
1302.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
1303 padding-right: 1.75rem;
1304}
1305.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
1306 right: 0.75rem;
1307 color: #71717A;
1308}
1309.p-multiselect-panel .p-multiselect-header .p-checkbox {
1310 margin-right: 0.5rem;
1311}
1312.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
1313 margin-left: 0.5rem;
1314 width: 2rem;
1315 height: 2rem;
1316 color: #71717A;
1317 border: 0 none;
1318 background: transparent;
1319 border-radius: 50%;
1320 transition: none;
1321}
1322.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
1323 color: #18181B;
1324 border-color: transparent;
1325 background: #f4f4f5;
1326}
1327.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
1328 outline: 0 none;
1329 outline-offset: 0;
1330 box-shadow: 0 0 0 1px #6366F1;
1331}
1332.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) {
1333 padding: 0.25rem 0;
1334}
1335.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper {
1336 padding: 0.25rem 0;
1337}
1338.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
1339 margin: 0;
1340 padding: 0.75rem 1rem;
1341 border: 0 none;
1342 color: #3f3f46;
1343 background: transparent;
1344 transition: none;
1345 border-radius: 0;
1346}
1347.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
1348 color: #312E81;
1349 background: #EEF2FF;
1350}
1351.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
1352 color: #18181B;
1353 background: #f4f4f5;
1354}
1355.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
1356 outline: 0 none;
1357 outline-offset: 0;
1358 box-shadow: inset 0 0 0 1px #6366F1;
1359}
1360.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1361 margin-right: 0.5rem;
1362}
1363.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
1364 margin: 0;
1365 padding: 0.75rem 1rem;
1366 color: #3f3f46;
1367 background: #ffffff;
1368 font-weight: 600;
1369}
1370.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
1371 padding: 0.75rem 1rem;
1372 color: #3f3f46;
1373 background: transparent;
1374}
1375
1376p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
1377 border-color: #f0a9a7;
1378}
1379
1380.p-input-filled .p-multiselect {
1381 background: #fafafa;
1382}
1383.p-input-filled .p-multiselect:not(.p-disabled):hover {
1384 background-color: #fafafa;
1385}
1386.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
1387 background-color: #ffffff;
1388}
1389
1390p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
1391 border-color: #f0a9a7;
1392}
1393
1394.p-password-panel {
1395 padding: 1.25rem;
1396 background: #ffffff;
1397 color: #3f3f46;
1398 border: 0 none;
1399 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
1400 border-radius: 0.375rem;
1401}
1402.p-password-panel .p-password-meter {
1403 margin-bottom: 0.5rem;
1404 background: #e5e7eb;
1405}
1406.p-password-panel .p-password-meter .p-password-strength.weak {
1407 background: #EF4444;
1408}
1409.p-password-panel .p-password-meter .p-password-strength.medium {
1410 background: #F59E0B;
1411}
1412.p-password-panel .p-password-meter .p-password-strength.strong {
1413 background: #22C55E;
1414}
1415
1416.p-radiobutton {
1417 width: 16px;
1418 height: 16px;
1419}
1420.p-radiobutton .p-radiobutton-box {
1421 border: 2px solid #d4d4d8;
1422 background: #ffffff;
1423 width: 16px;
1424 height: 16px;
1425 color: #3f3f46;
1426 border-radius: 50%;
1427 transition: none;
1428}
1429.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
1430 border-color: #d4d4d8;
1431}
1432.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
1433 outline: 0 none;
1434 outline-offset: 0;
1435 box-shadow: 0 0 0 1px #6366F1;
1436 border-color: #4F46E5;
1437}
1438.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
1439 width: 6px;
1440 height: 6px;
1441 transition-duration: 0.2s;
1442 background-color: #ffffff;
1443}
1444.p-radiobutton .p-radiobutton-box.p-highlight {
1445 border-color: #4F46E5;
1446 background: #4F46E5;
1447}
1448.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1449 border-color: #4F46E5;
1450 background: #4F46E5;
1451 color: #ffffff;
1452}
1453
1454p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1455 border-color: #f0a9a7;
1456}
1457
1458.p-input-filled .p-radiobutton .p-radiobutton-box {
1459 background-color: #fafafa;
1460}
1461.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
1462 background-color: #fafafa;
1463}
1464.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
1465 background: #4F46E5;
1466}
1467.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1468 background: #4F46E5;
1469}
1470
1471.p-radiobutton-label {
1472 margin-left: 0.5rem;
1473}
1474
1475.p-rating .p-rating-icon {
1476 color: #3f3f46;
1477 margin-left: 0.5rem;
1478 transition: none;
1479 font-size: 1.143rem;
1480}
1481.p-rating .p-rating-icon.p-rating-cancel {
1482 color: #EF4444;
1483}
1484.p-rating .p-rating-icon:focus {
1485 outline: 0 none;
1486 outline-offset: 0;
1487 box-shadow: 0 0 0 1px #6366F1;
1488}
1489.p-rating .p-rating-icon:first-child {
1490 margin-left: 0;
1491}
1492.p-rating .p-rating-icon.pi-star-fill {
1493 color: #4F46E5;
1494}
1495.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1496 color: #4F46E5;
1497}
1498.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1499 color: #DC2626;
1500}
1501
1502.p-selectbutton .p-button {
1503 background: #ffffff;
1504 border: 1px solid #d4d4d8;
1505 color: #3f3f46;
1506 transition: none;
1507}
1508.p-selectbutton .p-button .p-button-icon-left,
1509.p-selectbutton .p-button .p-button-icon-right {
1510 color: #71717A;
1511}
1512.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
1513 background: #f4f4f5;
1514 border-color: #d4d4d8;
1515 color: #3f3f46;
1516}
1517.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
1518.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
1519 color: #71717A;
1520}
1521.p-selectbutton .p-button.p-highlight {
1522 background: #4F46E5;
1523 border-color: #4F46E5;
1524 color: #ffffff;
1525}
1526.p-selectbutton .p-button.p-highlight .p-button-icon-left,
1527.p-selectbutton .p-button.p-highlight .p-button-icon-right {
1528 color: #ffffff;
1529}
1530.p-selectbutton .p-button.p-highlight:hover {
1531 background: #4338CA;
1532 border-color: #4338CA;
1533 color: #ffffff;
1534}
1535.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
1536.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
1537 color: #ffffff;
1538}
1539
1540p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1541 border-color: #f0a9a7;
1542}
1543
1544.p-slider {
1545 background: #e5e7eb;
1546 border: 0 none;
1547 border-radius: 0.375rem;
1548}
1549.p-slider.p-slider-horizontal {
1550 height: 0.286rem;
1551}
1552.p-slider.p-slider-horizontal .p-slider-handle {
1553 margin-top: -0.5715rem;
1554 margin-left: -0.5715rem;
1555}
1556.p-slider.p-slider-vertical {
1557 width: 0.286rem;
1558}
1559.p-slider.p-slider-vertical .p-slider-handle {
1560 margin-left: -0.5715rem;
1561 margin-bottom: -0.5715rem;
1562}
1563.p-slider .p-slider-handle {
1564 height: 1.143rem;
1565 width: 1.143rem;
1566 background: #ffffff;
1567 border: 2px solid #4F46E5;
1568 border-radius: 50%;
1569 transition: none;
1570}
1571.p-slider .p-slider-handle:focus {
1572 outline: 0 none;
1573 outline-offset: 0;
1574 box-shadow: 0 0 0 1px #6366F1;
1575}
1576.p-slider .p-slider-range {
1577 background: #4F46E5;
1578}
1579.p-slider:not(.p-disabled) .p-slider-handle:hover {
1580 background: #4F46E5;
1581 border-color: #4F46E5;
1582}
1583.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
1584 transition: none, left 0.2s;
1585}
1586.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
1587 transition: width 0.2s;
1588}
1589.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
1590 transition: none, bottom 0.2s;
1591}
1592.p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
1593 transition: height 0.2s;
1594}
1595
1596.p-togglebutton.p-button {
1597 background: #ffffff;
1598 border: 1px solid #d4d4d8;
1599 color: #3f3f46;
1600 transition: none;
1601}
1602.p-togglebutton.p-button .p-button-icon-left,
1603.p-togglebutton.p-button .p-button-icon-right {
1604 color: #71717A;
1605}
1606.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
1607 background: #f4f4f5;
1608 border-color: #d4d4d8;
1609 color: #3f3f46;
1610}
1611.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
1612.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
1613 color: #71717A;
1614}
1615.p-togglebutton.p-button.p-highlight {
1616 background: #4F46E5;
1617 border-color: #4F46E5;
1618 color: #ffffff;
1619}
1620.p-togglebutton.p-button.p-highlight .p-button-icon-left,
1621.p-togglebutton.p-button.p-highlight .p-button-icon-right {
1622 color: #ffffff;
1623}
1624.p-togglebutton.p-button.p-highlight:hover {
1625 background: #4338CA;
1626 border-color: #4338CA;
1627 color: #ffffff;
1628}
1629.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
1630.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
1631 color: #ffffff;
1632}
1633
1634p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
1635 border-color: #f0a9a7;
1636}
1637
1638.p-treeselect {
1639 background: #ffffff;
1640 border: 1px solid #d4d4d8;
1641 transition: none;
1642 border-radius: 0.375rem;
1643}
1644.p-treeselect:not(.p-disabled):hover {
1645 border-color: #d4d4d8;
1646}
1647.p-treeselect:not(.p-disabled).p-focus {
1648 outline: 0 none;
1649 outline-offset: 0;
1650 box-shadow: 0 0 0 1px #6366F1;
1651 border-color: #4F46E5;
1652}
1653.p-treeselect .p-treeselect-label {
1654 padding: 0.75rem 0.75rem;
1655 transition: none;
1656}
1657.p-treeselect .p-treeselect-label.p-placeholder {
1658 color: #71717A;
1659}
1660.p-treeselect.p-treeselect-chip .p-treeselect-token {
1661 padding: 0.375rem 0.75rem;
1662 margin-right: 0.5rem;
1663 background: #e5e7eb;
1664 color: #3f3f46;
1665 border-radius: 16px;
1666}
1667.p-treeselect .p-treeselect-trigger {
1668 background: transparent;
1669 color: #71717A;
1670 width: 3rem;
1671 border-top-right-radius: 0.375rem;
1672 border-bottom-right-radius: 0.375rem;
1673}
1674
1675p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
1676 border-color: #f0a9a7;
1677}
1678
1679.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
1680 padding: 0.375rem 0.75rem;
1681}
1682
1683.p-treeselect-panel {
1684 background: #ffffff;
1685 color: #3f3f46;
1686 border: 0 none;
1687 border-radius: 0.375rem;
1688 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
1689}
1690.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
1691 border: 0 none;
1692}
1693.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
1694 padding: 0.75rem 1rem;
1695 color: #3f3f46;
1696 background: transparent;
1697}
1698
1699.p-input-filled .p-treeselect {
1700 background: #fafafa;
1701}
1702.p-input-filled .p-treeselect:not(.p-disabled):hover {
1703 background-color: #fafafa;
1704}
1705.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
1706 background-color: #ffffff;
1707}
1708
1709.p-button {
1710 color: #ffffff;
1711 background: #4F46E5;
1712 border: 1px solid #4F46E5;
1713 padding: 0.75rem 1rem;
1714 font-size: 1rem;
1715 transition: none;
1716 border-radius: 0.375rem;
1717}
1718.p-button:enabled:hover {
1719 background: #4338CA;
1720 color: #ffffff;
1721 border-color: #4338CA;
1722}
1723.p-button:enabled:active {
1724 background: #4338CA;
1725 color: #ffffff;
1726 border-color: #4338CA;
1727}
1728.p-button.p-button-outlined {
1729 background-color: transparent;
1730 color: #4F46E5;
1731 border: 1px solid;
1732}
1733.p-button.p-button-outlined:enabled:hover {
1734 background: rgba(79, 70, 229, 0.04);
1735 color: #4F46E5;
1736 border: 1px solid;
1737}
1738.p-button.p-button-outlined:enabled:active {
1739 background: rgba(79, 70, 229, 0.16);
1740 color: #4F46E5;
1741 border: 1px solid;
1742}
1743.p-button.p-button-outlined.p-button-plain {
1744 color: #71717A;
1745 border-color: #71717A;
1746}
1747.p-button.p-button-outlined.p-button-plain:enabled:hover {
1748 background: #f4f4f5;
1749 color: #71717A;
1750}
1751.p-button.p-button-outlined.p-button-plain:enabled:active {
1752 background: #e5e7eb;
1753 color: #71717A;
1754}
1755.p-button.p-button-text {
1756 background-color: transparent;
1757 color: #4F46E5;
1758 border-color: transparent;
1759}
1760.p-button.p-button-text:enabled:hover {
1761 background: rgba(79, 70, 229, 0.04);
1762 color: #4F46E5;
1763 border-color: transparent;
1764}
1765.p-button.p-button-text:enabled:active {
1766 background: rgba(79, 70, 229, 0.16);
1767 color: #4F46E5;
1768 border-color: transparent;
1769}
1770.p-button.p-button-text.p-button-plain {
1771 color: #71717A;
1772}
1773.p-button.p-button-text.p-button-plain:enabled:hover {
1774 background: #f4f4f5;
1775 color: #71717A;
1776}
1777.p-button.p-button-text.p-button-plain:enabled:active {
1778 background: #e5e7eb;
1779 color: #71717A;
1780}
1781.p-button:focus {
1782 outline: 0 none;
1783 outline-offset: 0;
1784 box-shadow: 0 0 0 1px #6366F1;
1785}
1786.p-button .p-button-icon-left {
1787 margin-right: 0.5rem;
1788}
1789.p-button .p-button-icon-right {
1790 margin-left: 0.5rem;
1791}
1792.p-button .p-button-icon-bottom {
1793 margin-top: 0.5rem;
1794}
1795.p-button .p-button-icon-top {
1796 margin-bottom: 0.5rem;
1797}
1798.p-button .p-badge {
1799 margin-left: 0.5rem;
1800 min-width: 1rem;
1801 height: 1rem;
1802 line-height: 1rem;
1803 color: #4F46E5;
1804 background-color: #ffffff;
1805}
1806.p-button.p-button-raised {
1807 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
1808}
1809.p-button.p-button-rounded {
1810 border-radius: 2rem;
1811}
1812.p-button.p-button-icon-only {
1813 width: 3rem;
1814 padding: 0.75rem 0;
1815}
1816.p-button.p-button-icon-only .p-button-icon-left,
1817.p-button.p-button-icon-only .p-button-icon-right {
1818 margin: 0;
1819}
1820.p-button.p-button-icon-only.p-button-rounded {
1821 border-radius: 50%;
1822 height: 3rem;
1823}
1824.p-button.p-button-sm {
1825 font-size: 0.875rem;
1826 padding: 0.65625rem 0.875rem;
1827}
1828.p-button.p-button-sm .p-button-icon {
1829 font-size: 0.875rem;
1830}
1831.p-button.p-button-lg {
1832 font-size: 1.25rem;
1833 padding: 0.9375rem 1.25rem;
1834}
1835.p-button.p-button-lg .p-button-icon {
1836 font-size: 1.25rem;
1837}
1838.p-button.p-button-loading-label-only .p-button-label {
1839 margin-left: 0.5rem;
1840}
1841.p-button.p-button-loading-label-only .p-button-loading-icon {
1842 margin-right: 0;
1843}
1844
1845.p-fluid .p-button {
1846 width: 100%;
1847}
1848.p-fluid .p-button-icon-only {
1849 width: 3rem;
1850}
1851.p-fluid .p-buttonset {
1852 display: flex;
1853}
1854.p-fluid .p-buttonset .p-button {
1855 flex: 1;
1856}
1857
1858.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
1859 color: #ffffff;
1860 background: #64748B;
1861 border: 1px solid #64748B;
1862}
1863.p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover {
1864 background: #475569;
1865 color: #ffffff;
1866 border-color: #475569;
1867}
1868.p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus {
1869 box-shadow: 0 0 0 0.2rem #c0c7d2;
1870}
1871.p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active {
1872 background: #475569;
1873 color: #ffffff;
1874 border-color: #475569;
1875}
1876.p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
1877 background-color: transparent;
1878 color: #64748B;
1879 border: 1px solid;
1880}
1881.p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
1882 background: rgba(100, 116, 139, 0.04);
1883 color: #64748B;
1884 border: 1px solid;
1885}
1886.p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
1887 background: rgba(100, 116, 139, 0.16);
1888 color: #64748B;
1889 border: 1px solid;
1890}
1891.p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text {
1892 background-color: transparent;
1893 color: #64748B;
1894 border-color: transparent;
1895}
1896.p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
1897 background: rgba(100, 116, 139, 0.04);
1898 border-color: transparent;
1899 color: #64748B;
1900}
1901.p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
1902 background: rgba(100, 116, 139, 0.16);
1903 border-color: transparent;
1904 color: #64748B;
1905}
1906
1907.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
1908 color: #ffffff;
1909 background: #3B82F6;
1910 border: 1px solid #3B82F6;
1911}
1912.p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover {
1913 background: #2563EB;
1914 color: #ffffff;
1915 border-color: #2563EB;
1916}
1917.p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus {
1918 box-shadow: 0 0 0 0.2rem #b1cdfb;
1919}
1920.p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active {
1921 background: #2563EB;
1922 color: #ffffff;
1923 border-color: #2563EB;
1924}
1925.p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined {
1926 background-color: transparent;
1927 color: #3B82F6;
1928 border: 1px solid;
1929}
1930.p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
1931 background: rgba(59, 130, 246, 0.04);
1932 color: #3B82F6;
1933 border: 1px solid;
1934}
1935.p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
1936 background: rgba(59, 130, 246, 0.16);
1937 color: #3B82F6;
1938 border: 1px solid;
1939}
1940.p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text {
1941 background-color: transparent;
1942 color: #3B82F6;
1943 border-color: transparent;
1944}
1945.p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
1946 background: rgba(59, 130, 246, 0.04);
1947 border-color: transparent;
1948 color: #3B82F6;
1949}
1950.p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
1951 background: rgba(59, 130, 246, 0.16);
1952 border-color: transparent;
1953 color: #3B82F6;
1954}
1955
1956.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
1957 color: #ffffff;
1958 background: #22C55E;
1959 border: 1px solid #22C55E;
1960}
1961.p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover {
1962 background: #16A34A;
1963 color: #ffffff;
1964 border-color: #16A34A;
1965}
1966.p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus {
1967 box-shadow: 0 0 0 0.2rem #a0efbd;
1968}
1969.p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active {
1970 background: #16A34A;
1971 color: #ffffff;
1972 border-color: #16A34A;
1973}
1974.p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined {
1975 background-color: transparent;
1976 color: #22C55E;
1977 border: 1px solid;
1978}
1979.p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
1980 background: rgba(34, 197, 94, 0.04);
1981 color: #22C55E;
1982 border: 1px solid;
1983}
1984.p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
1985 background: rgba(34, 197, 94, 0.16);
1986 color: #22C55E;
1987 border: 1px solid;
1988}
1989.p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text {
1990 background-color: transparent;
1991 color: #22C55E;
1992 border-color: transparent;
1993}
1994.p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
1995 background: rgba(34, 197, 94, 0.04);
1996 border-color: transparent;
1997 color: #22C55E;
1998}
1999.p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
2000 background: rgba(34, 197, 94, 0.16);
2001 border-color: transparent;
2002 color: #22C55E;
2003}
2004
2005.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
2006 color: #ffffff;
2007 background: #F59E0B;
2008 border: 1px solid #F59E0B;
2009}
2010.p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover {
2011 background: #D97706;
2012 color: #ffffff;
2013 border-color: #D97706;
2014}
2015.p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus {
2016 box-shadow: 0 0 0 0.2rem #fbd89d;
2017}
2018.p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active {
2019 background: #D97706;
2020 color: #ffffff;
2021 border-color: #D97706;
2022}
2023.p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined {
2024 background-color: transparent;
2025 color: #F59E0B;
2026 border: 1px solid;
2027}
2028.p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
2029 background: rgba(245, 158, 11, 0.04);
2030 color: #F59E0B;
2031 border: 1px solid;
2032}
2033.p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
2034 background: rgba(245, 158, 11, 0.16);
2035 color: #F59E0B;
2036 border: 1px solid;
2037}
2038.p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text {
2039 background-color: transparent;
2040 color: #F59E0B;
2041 border-color: transparent;
2042}
2043.p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
2044 background: rgba(245, 158, 11, 0.04);
2045 border-color: transparent;
2046 color: #F59E0B;
2047}
2048.p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
2049 background: rgba(245, 158, 11, 0.16);
2050 border-color: transparent;
2051 color: #F59E0B;
2052}
2053
2054.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
2055 color: #ffffff;
2056 background: #A855F7;
2057 border: 1px solid #A855F7;
2058}
2059.p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover {
2060 background: #9333EA;
2061 color: #ffffff;
2062 border-color: #9333EA;
2063}
2064.p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus {
2065 box-shadow: 0 0 0 0.2rem #dcbbfc;
2066}
2067.p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active {
2068 background: #9333EA;
2069 color: #ffffff;
2070 border-color: #9333EA;
2071}
2072.p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined {
2073 background-color: transparent;
2074 color: #A855F7;
2075 border: 1px solid;
2076}
2077.p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
2078 background: rgba(168, 85, 247, 0.04);
2079 color: #A855F7;
2080 border: 1px solid;
2081}
2082.p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
2083 background: rgba(168, 85, 247, 0.16);
2084 color: #A855F7;
2085 border: 1px solid;
2086}
2087.p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text {
2088 background-color: transparent;
2089 color: #A855F7;
2090 border-color: transparent;
2091}
2092.p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
2093 background: rgba(168, 85, 247, 0.04);
2094 border-color: transparent;
2095 color: #A855F7;
2096}
2097.p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
2098 background: rgba(168, 85, 247, 0.16);
2099 border-color: transparent;
2100 color: #A855F7;
2101}
2102
2103.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
2104 color: #ffffff;
2105 background: #EF4444;
2106 border: 1px solid #EF4444;
2107}
2108.p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover {
2109 background: #DC2626;
2110 color: #ffffff;
2111 border-color: #DC2626;
2112}
2113.p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus {
2114 box-shadow: 0 0 0 0.2rem #f9b4b4;
2115}
2116.p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active {
2117 background: #DC2626;
2118 color: #ffffff;
2119 border-color: #DC2626;
2120}
2121.p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined {
2122 background-color: transparent;
2123 color: #EF4444;
2124 border: 1px solid;
2125}
2126.p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
2127 background: rgba(239, 68, 68, 0.04);
2128 color: #EF4444;
2129 border: 1px solid;
2130}
2131.p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
2132 background: rgba(239, 68, 68, 0.16);
2133 color: #EF4444;
2134 border: 1px solid;
2135}
2136.p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text {
2137 background-color: transparent;
2138 color: #EF4444;
2139 border-color: transparent;
2140}
2141.p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
2142 background: rgba(239, 68, 68, 0.04);
2143 border-color: transparent;
2144 color: #EF4444;
2145}
2146.p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
2147 background: rgba(239, 68, 68, 0.16);
2148 border-color: transparent;
2149 color: #EF4444;
2150}
2151
2152.p-button.p-button-link {
2153 color: #4F46E5;
2154 background: transparent;
2155 border: transparent;
2156}
2157.p-button.p-button-link:enabled:hover {
2158 background: transparent;
2159 color: #4F46E5;
2160 border-color: transparent;
2161}
2162.p-button.p-button-link:enabled:hover .p-button-label {
2163 text-decoration: underline;
2164}
2165.p-button.p-button-link:enabled:focus {
2166 background: transparent;
2167 box-shadow: 0 0 0 0.2rem #6366F1;
2168 border-color: transparent;
2169}
2170.p-button.p-button-link:enabled:active {
2171 background: transparent;
2172 color: #4F46E5;
2173 border-color: transparent;
2174}
2175
2176.p-speeddial-button.p-button.p-button-icon-only {
2177 width: 4rem;
2178 height: 4rem;
2179}
2180.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
2181 font-size: 1.3rem;
2182}
2183
2184.p-speeddial-action {
2185 width: 3rem;
2186 height: 3rem;
2187 background: #3f3f46;
2188 color: #fff;
2189}
2190.p-speeddial-action:hover {
2191 background: #27272A;
2192 color: #fff;
2193}
2194
2195.p-speeddial-direction-up .p-speeddial-item {
2196 margin: 0.25rem 0;
2197}
2198.p-speeddial-direction-up .p-speeddial-item:first-child {
2199 margin-bottom: 0.5rem;
2200}
2201
2202.p-speeddial-direction-down .p-speeddial-item {
2203 margin: 0.25rem 0;
2204}
2205.p-speeddial-direction-down .p-speeddial-item:first-child {
2206 margin-top: 0.5rem;
2207}
2208
2209.p-speeddial-direction-left .p-speeddial-item {
2210 margin: 0 0.25rem;
2211}
2212.p-speeddial-direction-left .p-speeddial-item:first-child {
2213 margin-right: 0.5rem;
2214}
2215
2216.p-speeddial-direction-right .p-speeddial-item {
2217 margin: 0 0.25rem;
2218}
2219.p-speeddial-direction-right .p-speeddial-item:first-child {
2220 margin-left: 0.5rem;
2221}
2222
2223.p-speeddial-circle .p-speeddial-item,
2224.p-speeddial-semi-circle .p-speeddial-item,
2225.p-speeddial-quarter-circle .p-speeddial-item {
2226 margin: 0;
2227}
2228.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
2229.p-speeddial-semi-circle .p-speeddial-item:first-child,
2230.p-speeddial-semi-circle .p-speeddial-item:last-child,
2231.p-speeddial-quarter-circle .p-speeddial-item:first-child,
2232.p-speeddial-quarter-circle .p-speeddial-item:last-child {
2233 margin: 0;
2234}
2235
2236.p-speeddial-mask {
2237 background-color: rgba(0, 0, 0, 0.4);
2238}
2239
2240.p-carousel .p-carousel-content .p-carousel-prev,
2241.p-carousel .p-carousel-content .p-carousel-next {
2242 width: 2rem;
2243 height: 2rem;
2244 color: #71717A;
2245 border: 0 none;
2246 background: transparent;
2247 border-radius: 50%;
2248 transition: none;
2249 margin: 0.5rem;
2250}
2251.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
2252.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
2253 color: #18181B;
2254 border-color: transparent;
2255 background: #f4f4f5;
2256}
2257.p-carousel .p-carousel-content .p-carousel-prev:focus,
2258.p-carousel .p-carousel-content .p-carousel-next:focus {
2259 outline: 0 none;
2260 outline-offset: 0;
2261 box-shadow: 0 0 0 1px #6366F1;
2262}
2263.p-carousel .p-carousel-indicators {
2264 padding: 1rem;
2265}
2266.p-carousel .p-carousel-indicators .p-carousel-indicator {
2267 margin-right: 0.5rem;
2268 margin-bottom: 0.5rem;
2269}
2270.p-carousel .p-carousel-indicators .p-carousel-indicator button {
2271 background-color: #f4f4f5;
2272 width: 2rem;
2273 height: 0.5rem;
2274 transition: none;
2275 border-radius: 0;
2276}
2277.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
2278 background: #e5e7eb;
2279}
2280.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
2281 background: #EEF2FF;
2282 color: #312E81;
2283}
2284
2285.p-datatable .p-paginator-top {
2286 border-width: 0 0 1px 0;
2287 border-radius: 0;
2288}
2289.p-datatable .p-paginator-bottom {
2290 border-width: 0 0 1px 0;
2291 border-radius: 0;
2292}
2293.p-datatable .p-datatable-header {
2294 background: #fafafa;
2295 color: #3f3f46;
2296 border: 1px solid #f4f4f5;
2297 border-width: 1px 0 1px 0;
2298 padding: 1.25rem 1.25rem;
2299 font-weight: 600;
2300}
2301.p-datatable .p-datatable-footer {
2302 background: #fafafa;
2303 color: #3f3f46;
2304 border: 1px solid #f4f4f5;
2305 border-width: 0 0 1px 0;
2306 padding: 0.75rem 1.5rem;
2307 font-weight: 600;
2308}
2309.p-datatable .p-datatable-thead > tr > th {
2310 text-align: left;
2311 padding: 0.75rem 1.5rem;
2312 border: 1px solid #f4f4f5;
2313 border-width: 0 0 1px 0;
2314 font-weight: 500;
2315 color: #6b7280;
2316 background: #fafafa;
2317 transition: none;
2318}
2319.p-datatable .p-datatable-tfoot > tr > td {
2320 text-align: left;
2321 padding: 1rem 1rem;
2322 border: 1px solid #f4f4f5;
2323 border-width: 0 0 1px 0;
2324 font-weight: 600;
2325 color: #3f3f46;
2326 background: #fafafa;
2327}
2328.p-datatable .p-sortable-column .p-sortable-column-icon {
2329 color: #71717A;
2330 margin-left: 0.5rem;
2331}
2332.p-datatable .p-sortable-column .p-sortable-column-badge {
2333 border-radius: 50%;
2334 height: 1.143rem;
2335 min-width: 1.143rem;
2336 line-height: 1.143rem;
2337 color: #312E81;
2338 background: #EEF2FF;
2339 margin-left: 0.5rem;
2340}
2341.p-datatable .p-sortable-column:not(.p-highlight):hover {
2342 background: #f4f4f5;
2343 color: #3f3f46;
2344}
2345.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
2346 color: #71717A;
2347}
2348.p-datatable .p-sortable-column.p-highlight {
2349 background: #fafafa;
2350 color: #4F46E5;
2351}
2352.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
2353 color: #4F46E5;
2354}
2355.p-datatable .p-sortable-column.p-highlight:hover {
2356 background: #f4f4f5;
2357 color: #4F46E5;
2358}
2359.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
2360 color: #4F46E5;
2361}
2362.p-datatable .p-sortable-column:focus {
2363 box-shadow: inset 0 0 0 1px #6366F1;
2364 outline: 0 none;
2365}
2366.p-datatable .p-datatable-tbody > tr {
2367 background: #ffffff;
2368 color: #3f3f46;
2369 transition: none;
2370 outline-color: #6366F1;
2371}
2372.p-datatable .p-datatable-tbody > tr > td {
2373 text-align: left;
2374 border: 1px solid #f4f4f5;
2375 border-width: 0 0 1px 0;
2376 padding: 1rem 1.5rem;
2377}
2378.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
2379.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
2380.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
2381.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
2382 width: 2rem;
2383 height: 2rem;
2384 color: #71717A;
2385 border: 0 none;
2386 background: transparent;
2387 border-radius: 50%;
2388 transition: none;
2389}
2390.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
2391.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
2392.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
2393.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
2394 color: #18181B;
2395 border-color: transparent;
2396 background: #f4f4f5;
2397}
2398.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
2399.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
2400.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
2401.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
2402 outline: 0 none;
2403 outline-offset: 0;
2404 box-shadow: 0 0 0 1px #6366F1;
2405}
2406.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
2407 margin-right: 0.5rem;
2408}
2409.p-datatable .p-datatable-tbody > tr.p-highlight {
2410 background: #EEF2FF;
2411 color: #312E81;
2412}
2413.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
2414 box-shadow: inset 0 2px 0 0 #EEF2FF;
2415}
2416.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
2417 box-shadow: inset 0 -2px 0 0 #EEF2FF;
2418}
2419.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
2420 background: #f4f4f5;
2421 color: #3f3f46;
2422}
2423.p-datatable .p-column-resizer-helper {
2424 background: #4F46E5;
2425}
2426.p-datatable .p-datatable-scrollable-header,
2427.p-datatable .p-datatable-scrollable-footer {
2428 background: #fafafa;
2429}
2430.p-datatable .p-datatable-loading-icon {
2431 font-size: 2rem;
2432}
2433.p-datatable.p-datatable-gridlines .p-datatable-header {
2434 border-width: 1px 1px 0 1px;
2435}
2436.p-datatable.p-datatable-gridlines .p-datatable-footer {
2437 border-width: 0 1px 1px 1px;
2438}
2439.p-datatable.p-datatable-gridlines .p-paginator-top {
2440 border-width: 0 1px 0 1px;
2441}
2442.p-datatable.p-datatable-gridlines .p-paginator-bottom {
2443 border-width: 0 1px 1px 1px;
2444}
2445.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
2446 border-width: 1px 1px 1px 1px;
2447}
2448.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
2449 border-width: 1px;
2450}
2451.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
2452 border-width: 1px;
2453}
2454.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
2455 background: #fcfcfc;
2456}
2457.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
2458 background: #EEF2FF;
2459 color: #312E81;
2460}
2461.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
2462 color: #312E81;
2463}
2464.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
2465 color: #312E81;
2466}
2467.p-datatable.p-datatable-sm .p-datatable-header {
2468 padding: 0.625rem 0.625rem;
2469}
2470.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
2471 padding: 0.375rem 0.75rem;
2472}
2473.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
2474 padding: 0.5rem 0.75rem;
2475}
2476.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
2477 padding: 0.375rem 0.75rem;
2478}
2479.p-datatable.p-datatable-sm .p-datatable-footer {
2480 padding: 0.375rem 0.75rem;
2481}
2482.p-datatable.p-datatable-lg .p-datatable-header {
2483 padding: 1.5625rem 1.5625rem;
2484}
2485.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
2486 padding: 0.9375rem 1.875rem;
2487}
2488.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
2489 padding: 1.25rem 1.875rem;
2490}
2491.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
2492 padding: 0.9375rem 1.875rem;
2493}
2494.p-datatable.p-datatable-lg .p-datatable-footer {
2495 padding: 0.9375rem 1.875rem;
2496}
2497
2498.p-dataview .p-paginator-top {
2499 border-width: 0 0 1px 0;
2500 border-radius: 0;
2501}
2502.p-dataview .p-paginator-bottom {
2503 border-width: 0 0 1px 0;
2504 border-radius: 0;
2505}
2506.p-dataview .p-dataview-header {
2507 background: #fafafa;
2508 color: #3f3f46;
2509 border: 1px solid #f4f4f5;
2510 border-width: 1px 0 1px 0;
2511 padding: 1.25rem 1.25rem;
2512 font-weight: 600;
2513}
2514.p-dataview .p-dataview-content {
2515 background: #ffffff;
2516 color: #3f3f46;
2517 border: 0 none;
2518 padding: 0;
2519}
2520.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
2521 border: solid #f4f4f5;
2522 border-width: 0 0 1px 0;
2523}
2524.p-dataview .p-dataview-footer {
2525 background: #fafafa;
2526 color: #3f3f46;
2527 border: 1px solid #f4f4f5;
2528 border-width: 0 0 1px 0;
2529 padding: 0.75rem 1.5rem;
2530 font-weight: 600;
2531 border-bottom-left-radius: 0.375rem;
2532 border-bottom-right-radius: 0.375rem;
2533}
2534.p-dataview .p-dataview-loading-icon {
2535 font-size: 2rem;
2536}
2537.p-dataview .p-dataview-emptymessage {
2538 padding: 1.25rem;
2539}
2540
2541.p-column-filter-row .p-column-filter-menu-button,
2542.p-column-filter-row .p-column-filter-clear-button {
2543 margin-left: 0.5rem;
2544}
2545
2546.p-column-filter-menu-button {
2547 width: 2rem;
2548 height: 2rem;
2549 color: #71717A;
2550 border: 0 none;
2551 background: transparent;
2552 border-radius: 50%;
2553 transition: none;
2554}
2555.p-column-filter-menu-button:hover {
2556 color: #18181B;
2557 border-color: transparent;
2558 background: #f4f4f5;
2559}
2560.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
2561 background: #f4f4f5;
2562 color: #18181B;
2563}
2564.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
2565 background: #EEF2FF;
2566 color: #312E81;
2567}
2568.p-column-filter-menu-button:focus {
2569 outline: 0 none;
2570 outline-offset: 0;
2571 box-shadow: 0 0 0 1px #6366F1;
2572}
2573
2574.p-column-filter-clear-button {
2575 width: 2rem;
2576 height: 2rem;
2577 color: #71717A;
2578 border: 0 none;
2579 background: transparent;
2580 border-radius: 50%;
2581 transition: none;
2582}
2583.p-column-filter-clear-button:hover {
2584 color: #18181B;
2585 border-color: transparent;
2586 background: #f4f4f5;
2587}
2588.p-column-filter-clear-button:focus {
2589 outline: 0 none;
2590 outline-offset: 0;
2591 box-shadow: 0 0 0 1px #6366F1;
2592}
2593
2594.p-column-filter-overlay {
2595 background: #ffffff;
2596 color: #3f3f46;
2597 border: 0 none;
2598 border-radius: 0.375rem;
2599 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
2600 min-width: 12.5rem;
2601}
2602.p-column-filter-overlay .p-column-filter-row-items {
2603 padding: 0.25rem 0;
2604}
2605.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
2606 margin: 0;
2607 padding: 0.75rem 1rem;
2608 border: 0 none;
2609 color: #3f3f46;
2610 background: transparent;
2611 transition: none;
2612 border-radius: 0;
2613}
2614.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
2615 color: #312E81;
2616 background: #EEF2FF;
2617}
2618.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
2619 color: #18181B;
2620 background: #f4f4f5;
2621}
2622.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
2623 outline: 0 none;
2624 outline-offset: 0;
2625 box-shadow: inset 0 0 0 1px #6366F1;
2626}
2627.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
2628 border-top: 1px solid #f3f4f6;
2629 margin: 0.25rem 0;
2630}
2631
2632.p-column-filter-overlay-menu .p-column-filter-operator {
2633 padding: 0.5rem 0.75rem;
2634 border-bottom: 0 none;
2635 color: #3f3f46;
2636 background: #fafafa;
2637 margin: 0;
2638 border-top-right-radius: 0.375rem;
2639 border-top-left-radius: 0.375rem;
2640}
2641.p-column-filter-overlay-menu .p-column-filter-constraint {
2642 padding: 1.25rem;
2643 border-bottom: 1px solid #f3f4f6;
2644}
2645.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
2646 margin-bottom: 0.5rem;
2647}
2648.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
2649 margin-top: 0.5rem;
2650}
2651.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
2652 border-bottom: 0 none;
2653}
2654.p-column-filter-overlay-menu .p-column-filter-add-rule {
2655 padding: 0.75rem 1.25rem;
2656}
2657.p-column-filter-overlay-menu .p-column-filter-buttonbar {
2658 padding: 1.25rem;
2659}
2660
2661.fc {
2662 /* FullCalendar 4 */
2663 /* FullCalendar 5 */
2664}
2665.fc.fc-unthemed .fc-view-container th {
2666 background: #fafafa;
2667 border: 1px solid #e5e7eb;
2668 color: #3f3f46;
2669}
2670.fc.fc-unthemed .fc-view-container td.fc-widget-content {
2671 background: #ffffff;
2672 border: 1px solid #e5e7eb;
2673 color: #3f3f46;
2674}
2675.fc.fc-unthemed .fc-view-container td.fc-head-container {
2676 border: 1px solid #e5e7eb;
2677}
2678.fc.fc-unthemed .fc-view-container .fc-row {
2679 border-right: 1px solid #e5e7eb;
2680}
2681.fc.fc-unthemed .fc-view-container .fc-event {
2682 background: #4F46E5;
2683 border: 1px solid #4F46E5;
2684 color: #ffffff;
2685}
2686.fc.fc-unthemed .fc-view-container .fc-divider {
2687 background: #fafafa;
2688 border: 1px solid #e5e7eb;
2689}
2690.fc.fc-unthemed .fc-toolbar .fc-button {
2691 color: #ffffff;
2692 background: #4F46E5;
2693 border: 1px solid #4F46E5;
2694 font-size: 1rem;
2695 transition: none;
2696 border-radius: 0.375rem;
2697 display: flex;
2698 align-items: center;
2699}
2700.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
2701 background: #4338CA;
2702 color: #ffffff;
2703 border-color: #4338CA;
2704}
2705.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
2706 background: #4338CA;
2707 color: #ffffff;
2708 border-color: #4338CA;
2709}
2710.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
2711 outline: 0 none;
2712 outline-offset: 0;
2713 box-shadow: 0 0 0 1px #6366F1;
2714}
2715.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
2716 font-family: "PrimeIcons" !important;
2717 text-indent: 0;
2718 font-size: 1rem;
2719}
2720.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
2721 content: "\e900";
2722}
2723.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
2724 font-family: "PrimeIcons" !important;
2725 text-indent: 0;
2726 font-size: 1rem;
2727}
2728.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
2729 content: "\e901";
2730}
2731.fc.fc-unthemed .fc-toolbar .fc-button:focus {
2732 outline: 0 none;
2733 outline-offset: 0;
2734 box-shadow: 0 0 0 1px #6366F1;
2735}
2736.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 {
2737 background: #ffffff;
2738 border: 1px solid #d4d4d8;
2739 color: #3f3f46;
2740 transition: none;
2741}
2742.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 {
2743 background: #f4f4f5;
2744 border-color: #d4d4d8;
2745 color: #3f3f46;
2746}
2747.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 {
2748 background: #4F46E5;
2749 border-color: #4F46E5;
2750 color: #ffffff;
2751}
2752.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 {
2753 background: #4338CA;
2754 border-color: #4338CA;
2755 color: #ffffff;
2756}
2757.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 {
2758 outline: 0 none;
2759 outline-offset: 0;
2760 box-shadow: 0 0 0 1px #6366F1;
2761 z-index: 1;
2762}
2763.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
2764 border-radius: 0;
2765}
2766.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
2767 border-top-left-radius: 0.375rem;
2768 border-bottom-left-radius: 0.375rem;
2769}
2770.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
2771 border-top-right-radius: 0.375rem;
2772 border-bottom-right-radius: 0.375rem;
2773}
2774.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
2775 border-color: #e5e7eb;
2776}
2777.fc.fc-theme-standard .fc-view-harness th {
2778 background: #fafafa;
2779 border-color: #e5e7eb;
2780 color: #3f3f46;
2781}
2782.fc.fc-theme-standard .fc-view-harness td {
2783 color: #3f3f46;
2784 border-color: #e5e7eb;
2785}
2786.fc.fc-theme-standard .fc-view-harness .fc-view {
2787 background: #ffffff;
2788}
2789.fc.fc-theme-standard .fc-view-harness .fc-popover {
2790 background: none;
2791 border: 0 none;
2792}
2793.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
2794 border: 1px solid #e5e7eb;
2795 padding: 1.25rem;
2796 background: #fafafa;
2797 color: #3f3f46;
2798}
2799.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
2800 opacity: 1;
2801 display: flex;
2802 align-items: center;
2803 justify-content: center;
2804 overflow: hidden;
2805 font-family: "PrimeIcons" !important;
2806 font-size: 1rem;
2807 width: 2rem;
2808 height: 2rem;
2809 color: #71717A;
2810 border: 0 none;
2811 background: transparent;
2812 border-radius: 50%;
2813 transition: none;
2814}
2815.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
2816 content: "\e90b";
2817}
2818.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover {
2819 color: #18181B;
2820 border-color: transparent;
2821 background: #f4f4f5;
2822}
2823.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
2824 outline: 0 none;
2825 outline-offset: 0;
2826 box-shadow: 0 0 0 1px #6366F1;
2827}
2828.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
2829 padding: 1.25rem;
2830 border: 1px solid #e5e7eb;
2831 background: #ffffff;
2832 color: #3f3f46;
2833 border-top: 0 none;
2834}
2835.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
2836 color: #ffffff;
2837 background: #4F46E5;
2838 border-color: #4F46E5;
2839}
2840.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
2841 color: #ffffff;
2842}
2843.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
2844 background: #4F46E5;
2845 border-color: #4F46E5;
2846}
2847.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
2848 background: #f4f4f5;
2849 color: #18181B;
2850}
2851.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
2852 background: #fafafa;
2853}
2854.fc.fc-theme-standard .fc-toolbar .fc-button {
2855 color: #ffffff;
2856 background: #4F46E5;
2857 border: 1px solid #4F46E5;
2858 font-size: 1rem;
2859 transition: none;
2860 border-radius: 0.375rem;
2861}
2862.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
2863 background: #4338CA;
2864 color: #ffffff;
2865 border-color: #4338CA;
2866}
2867.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
2868 background: #4338CA;
2869 color: #ffffff;
2870 border-color: #4338CA;
2871}
2872.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
2873 outline: 0 none;
2874 outline-offset: 0;
2875 box-shadow: 0 0 0 1px #6366F1;
2876}
2877.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
2878 opacity: 0.6;
2879 color: #ffffff;
2880 background: #4F46E5;
2881 border: 1px solid #4F46E5;
2882}
2883.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
2884 font-family: "PrimeIcons" !important;
2885 text-indent: 0;
2886 font-size: 1rem;
2887}
2888.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
2889 content: "\e900";
2890}
2891.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
2892 font-family: "PrimeIcons" !important;
2893 text-indent: 0;
2894 font-size: 1rem;
2895}
2896.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
2897 content: "\e901";
2898}
2899.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
2900 outline: 0 none;
2901 outline-offset: 0;
2902 box-shadow: 0 0 0 1px #6366F1;
2903}
2904.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 {
2905 background: #ffffff;
2906 border: 1px solid #d4d4d8;
2907 color: #3f3f46;
2908 transition: none;
2909}
2910.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 {
2911 background: #f4f4f5;
2912 border-color: #d4d4d8;
2913 color: #3f3f46;
2914}
2915.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 {
2916 background: #4F46E5;
2917 border-color: #4F46E5;
2918 color: #ffffff;
2919}
2920.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 {
2921 background: #4338CA;
2922 border-color: #4338CA;
2923 color: #ffffff;
2924}
2925.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 {
2926 outline: 0 none;
2927 outline-offset: 0;
2928 box-shadow: 0 0 0 1px #6366F1;
2929 z-index: 1;
2930}
2931.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
2932 border-radius: 0;
2933}
2934.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
2935 border-top-left-radius: 0.375rem;
2936 border-bottom-left-radius: 0.375rem;
2937}
2938.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
2939 border-top-right-radius: 0.375rem;
2940 border-bottom-right-radius: 0.375rem;
2941}
2942.fc.fc-theme-standard a {
2943 color: #3f3f46;
2944}
2945
2946.p-orderlist .p-orderlist-controls {
2947 padding: 1.25rem;
2948}
2949.p-orderlist .p-orderlist-controls .p-button {
2950 margin-bottom: 0.5rem;
2951}
2952.p-orderlist .p-orderlist-header {
2953 background: #fafafa;
2954 color: #3f3f46;
2955 border: 1px solid #e5e7eb;
2956 padding: 1.25rem;
2957 border-bottom: 0 none;
2958 border-top-right-radius: 0.375rem;
2959 border-top-left-radius: 0.375rem;
2960}
2961.p-orderlist .p-orderlist-header .p-orderlist-title {
2962 font-weight: 700;
2963}
2964.p-orderlist .p-orderlist-filter-container {
2965 padding: 1.25rem;
2966 background: #ffffff;
2967 border: 1px solid #e5e7eb;
2968 border-bottom: 0 none;
2969}
2970.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
2971 padding-right: 1.75rem;
2972}
2973.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
2974 right: 0.75rem;
2975 color: #71717A;
2976}
2977.p-orderlist .p-orderlist-list {
2978 border: 1px solid #e5e7eb;
2979 background: #ffffff;
2980 color: #3f3f46;
2981 padding: 0.25rem 0;
2982 border-bottom-right-radius: 0.375rem;
2983 border-bottom-left-radius: 0.375rem;
2984}
2985.p-orderlist .p-orderlist-list .p-orderlist-item {
2986 padding: 0.75rem 1rem;
2987 margin: 0;
2988 border: 0 none;
2989 color: #3f3f46;
2990 background: transparent;
2991 transition: none;
2992}
2993.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
2994 outline: 0 none;
2995 outline-offset: 0;
2996 box-shadow: inset 0 0 0 1px #6366F1;
2997}
2998.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
2999 color: #312E81;
3000 background: #EEF2FF;
3001}
3002.p-orderlist .p-orderlist-list .p-orderlist-empty-message {
3003 padding: 0.75rem 1rem;
3004 color: #3f3f46;
3005}
3006.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
3007 background: #f4f4f5;
3008 color: #18181B;
3009}
3010
3011.p-orderlist-item.cdk-drag-preview {
3012 padding: 0.75rem 1rem;
3013 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3014 border: 0 none;
3015 color: #3f3f46;
3016 background: #ffffff;
3017 margin: 0;
3018}
3019
3020.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
3021 background: #f4f4f5;
3022 color: #18181B;
3023}
3024.p-organizationchart .p-organizationchart-node-content.p-highlight {
3025 background: #EEF2FF;
3026 color: #312E81;
3027}
3028.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
3029 color: #6f91ff;
3030}
3031.p-organizationchart .p-organizationchart-line-down {
3032 background: #e5e7eb;
3033}
3034.p-organizationchart .p-organizationchart-line-left {
3035 border-right: 1px solid #e5e7eb;
3036 border-color: #e5e7eb;
3037}
3038.p-organizationchart .p-organizationchart-line-top {
3039 border-top: 1px solid #e5e7eb;
3040 border-color: #e5e7eb;
3041}
3042.p-organizationchart .p-organizationchart-node-content {
3043 border: 1px solid #e5e7eb;
3044 background: #ffffff;
3045 color: #3f3f46;
3046 padding: 1.25rem;
3047}
3048.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
3049 background: inherit;
3050 color: inherit;
3051 border-radius: 50%;
3052}
3053.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
3054 outline: 0 none;
3055 outline-offset: 0;
3056 box-shadow: 0 0 0 1px #6366F1;
3057}
3058
3059.p-paginator {
3060 background: #ffffff;
3061 color: #71717A;
3062 border: solid #f4f4f5;
3063 border-width: 0;
3064 padding: 0.75rem 1.5rem;
3065 border-radius: 0.375rem;
3066}
3067.p-paginator .p-paginator-first,
3068.p-paginator .p-paginator-prev,
3069.p-paginator .p-paginator-next,
3070.p-paginator .p-paginator-last {
3071 background-color: transparent;
3072 border: 1px solid #d4d4d8;
3073 color: #71717A;
3074 min-width: 3rem;
3075 height: 3rem;
3076 margin: 0 0 0 -1px;
3077 transition: none;
3078 border-radius: 0;
3079}
3080.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
3081.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
3082.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
3083.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
3084 background: #f4f4f5;
3085 border-color: #d4d4d8;
3086 color: #3f3f46;
3087}
3088.p-paginator .p-paginator-first {
3089 border-top-left-radius: 0.375rem;
3090 border-bottom-left-radius: 0.375rem;
3091}
3092.p-paginator .p-paginator-last {
3093 border-top-right-radius: 0.375rem;
3094 border-bottom-right-radius: 0.375rem;
3095}
3096.p-paginator .p-dropdown {
3097 margin-left: 0.5rem;
3098 margin-right: 0.5rem;
3099 height: 3rem;
3100}
3101.p-paginator .p-dropdown .p-dropdown-label {
3102 padding-right: 0;
3103}
3104.p-paginator .p-paginator-page-input {
3105 margin-left: 0.5rem;
3106 margin-right: 0.5rem;
3107}
3108.p-paginator .p-paginator-page-input .p-inputtext {
3109 max-width: 3rem;
3110}
3111.p-paginator .p-paginator-current {
3112 background-color: transparent;
3113 border: 1px solid #d4d4d8;
3114 color: #71717A;
3115 min-width: 3rem;
3116 height: 3rem;
3117 margin: 0 0 0 -1px;
3118 padding: 0 0.5rem;
3119}
3120.p-paginator .p-paginator-pages .p-paginator-page {
3121 background-color: transparent;
3122 border: 1px solid #d4d4d8;
3123 color: #71717A;
3124 min-width: 3rem;
3125 height: 3rem;
3126 margin: 0 0 0 -1px;
3127 transition: none;
3128 border-radius: 0;
3129}
3130.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
3131 background: #EEF2FF;
3132 border-color: #EEF2FF;
3133 color: #312E81;
3134}
3135.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
3136 background: #f4f4f5;
3137 border-color: #d4d4d8;
3138 color: #3f3f46;
3139}
3140
3141.p-picklist .p-picklist-buttons {
3142 padding: 1.25rem;
3143}
3144.p-picklist .p-picklist-buttons .p-button {
3145 margin-bottom: 0.5rem;
3146}
3147.p-picklist .p-picklist-header {
3148 background: #fafafa;
3149 color: #3f3f46;
3150 border: 1px solid #e5e7eb;
3151 padding: 1.25rem;
3152 border-bottom: 0 none;
3153 border-top-right-radius: 0.375rem;
3154 border-top-left-radius: 0.375rem;
3155}
3156.p-picklist .p-picklist-header .p-picklist-title {
3157 font-weight: 700;
3158}
3159.p-picklist .p-picklist-filter-container {
3160 padding: 1.25rem;
3161 background: #ffffff;
3162 border: 1px solid #e5e7eb;
3163 border-bottom: 0 none;
3164}
3165.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
3166 padding-right: 1.75rem;
3167}
3168.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
3169 right: 0.75rem;
3170 color: #71717A;
3171}
3172.p-picklist .p-picklist-list {
3173 border: 1px solid #e5e7eb;
3174 background: #ffffff;
3175 color: #3f3f46;
3176 padding: 0.25rem 0;
3177 border-bottom-right-radius: 0.375rem;
3178 border-bottom-left-radius: 0.375rem;
3179}
3180.p-picklist .p-picklist-list .p-picklist-item {
3181 padding: 0.75rem 1rem;
3182 margin: 0;
3183 border: 0 none;
3184 color: #3f3f46;
3185 background: transparent;
3186 transition: none;
3187}
3188.p-picklist .p-picklist-list .p-picklist-item:focus {
3189 outline: 0 none;
3190 outline-offset: 0;
3191 box-shadow: inset 0 0 0 1px #6366F1;
3192}
3193.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
3194 color: #312E81;
3195 background: #EEF2FF;
3196}
3197.p-picklist .p-picklist-list .p-picklist-empty-message {
3198 padding: 0.75rem 1rem;
3199 color: #3f3f46;
3200}
3201.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
3202 background: #f4f4f5;
3203 color: #18181B;
3204}
3205
3206.p-picklist-item.cdk-drag-preview {
3207 padding: 0.75rem 1rem;
3208 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
3209 border: 0 none;
3210 color: #3f3f46;
3211 background: #ffffff;
3212 margin: 0;
3213}
3214
3215.p-timeline .p-timeline-event-marker {
3216 border: 2px solid #4F46E5;
3217 border-radius: 50%;
3218 width: 1rem;
3219 height: 1rem;
3220 background-color: #ffffff;
3221}
3222.p-timeline .p-timeline-event-connector {
3223 background-color: #e5e7eb;
3224}
3225.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
3226.p-timeline.p-timeline-vertical .p-timeline-event-content {
3227 padding: 0 1rem;
3228}
3229.p-timeline.p-timeline-vertical .p-timeline-event-connector {
3230 width: 2px;
3231}
3232.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
3233.p-timeline.p-timeline-horizontal .p-timeline-event-content {
3234 padding: 1rem 0;
3235}
3236.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
3237 height: 2px;
3238}
3239
3240.p-tree {
3241 border: 1px solid #e5e7eb;
3242 background: #ffffff;
3243 color: #3f3f46;
3244 padding: 1.25rem;
3245 border-radius: 0.375rem;
3246}
3247.p-tree .p-tree-container .p-treenode {
3248 padding: 0.143rem;
3249}
3250.p-tree .p-tree-container .p-treenode .p-treenode-content {
3251 border-radius: 0.375rem;
3252 transition: none;
3253 padding: 0;
3254}
3255.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
3256 margin-right: 0.5rem;
3257 width: 2rem;
3258 height: 2rem;
3259 color: #71717A;
3260 border: 0 none;
3261 background: transparent;
3262 border-radius: 50%;
3263 transition: none;
3264}
3265.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
3266 color: #18181B;
3267 border-color: transparent;
3268 background: #f4f4f5;
3269}
3270.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
3271 outline: 0 none;
3272 outline-offset: 0;
3273 box-shadow: 0 0 0 1px #6366F1;
3274}
3275.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
3276 margin-right: 0.5rem;
3277 color: #71717A;
3278}
3279.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
3280 margin-right: 0.5rem;
3281}
3282.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
3283 color: #3f3f46;
3284}
3285.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
3286 outline: 0 none;
3287 outline-offset: 0;
3288 box-shadow: 0 0 0 1px #6366F1;
3289}
3290.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3291 background: #EEF2FF;
3292 color: #312E81;
3293}
3294.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
3295.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
3296 color: #312E81;
3297}
3298.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
3299.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
3300 color: #312E81;
3301}
3302.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
3303 background: #f4f4f5;
3304 color: #18181B;
3305}
3306.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
3307 background: #f4f4f5;
3308 color: #18181B;
3309}
3310.p-tree .p-tree-filter-container {
3311 margin-bottom: 0.5rem;
3312}
3313.p-tree .p-tree-filter-container .p-tree-filter {
3314 width: 100%;
3315 padding-right: 1.75rem;
3316}
3317.p-tree .p-tree-filter-container .p-tree-filter-icon {
3318 right: 0.75rem;
3319 color: #71717A;
3320}
3321.p-tree .p-treenode-children {
3322 padding: 0 0 0 1rem;
3323}
3324.p-tree .p-tree-loading-icon {
3325 font-size: 2rem;
3326}
3327.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
3328 background-color: #8ba7ff;
3329}
3330.p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
3331 border-radius: 0.375rem;
3332 border: 1px solid #e5e7eb;
3333 background-color: #ffffff;
3334 color: #3f3f46;
3335 padding: 0;
3336 transition: none;
3337}
3338.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
3339 background-color: #EEF2FF;
3340 color: #312E81;
3341}
3342.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
3343 color: #312E81;
3344}
3345.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
3346 margin-right: 0.5rem;
3347}
3348.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
3349 color: #71717A;
3350 margin-right: 0.5rem;
3351}
3352.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
3353 margin-right: 0.5rem;
3354}
3355.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
3356 background-color: inherit;
3357 color: inherit;
3358}
3359.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
3360 background: #f4f4f5;
3361 color: #18181B;
3362}
3363.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
3364 outline: 0 none;
3365 outline-offset: 0;
3366 box-shadow: 0 0 0 1px #6366F1;
3367}
3368
3369.p-treetable .p-paginator-top {
3370 border-width: 0 0 1px 0;
3371 border-radius: 0;
3372}
3373.p-treetable .p-paginator-bottom {
3374 border-width: 0 0 1px 0;
3375 border-radius: 0;
3376}
3377.p-treetable .p-treetable-header {
3378 background: #fafafa;
3379 color: #3f3f46;
3380 border: 1px solid #f4f4f5;
3381 border-width: 1px 0 1px 0;
3382 padding: 1.25rem 1.25rem;
3383 font-weight: 600;
3384}
3385.p-treetable .p-treetable-footer {
3386 background: #fafafa;
3387 color: #3f3f46;
3388 border: 1px solid #f4f4f5;
3389 border-width: 0 0 1px 0;
3390 padding: 0.75rem 1.5rem;
3391 font-weight: 600;
3392}
3393.p-treetable .p-treetable-thead > tr > th {
3394 text-align: left;
3395 padding: 0.75rem 1.5rem;
3396 border: 1px solid #f4f4f5;
3397 border-width: 0 0 1px 0;
3398 font-weight: 500;
3399 color: #6b7280;
3400 background: #fafafa;
3401 transition: none;
3402}
3403.p-treetable .p-treetable-tfoot > tr > td {
3404 text-align: left;
3405 padding: 1rem 1rem;
3406 border: 1px solid #f4f4f5;
3407 border-width: 0 0 1px 0;
3408 font-weight: 600;
3409 color: #3f3f46;
3410 background: #fafafa;
3411}
3412.p-treetable .p-sortable-column {
3413 outline-color: #6366F1;
3414}
3415.p-treetable .p-sortable-column .p-sortable-column-icon {
3416 color: #71717A;
3417 margin-left: 0.5rem;
3418}
3419.p-treetable .p-sortable-column .p-sortable-column-badge {
3420 border-radius: 50%;
3421 height: 1.143rem;
3422 min-width: 1.143rem;
3423 line-height: 1.143rem;
3424 color: #312E81;
3425 background: #EEF2FF;
3426 margin-left: 0.5rem;
3427}
3428.p-treetable .p-sortable-column:not(.p-highlight):hover {
3429 background: #f4f4f5;
3430 color: #3f3f46;
3431}
3432.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
3433 color: #71717A;
3434}
3435.p-treetable .p-sortable-column.p-highlight {
3436 background: #fafafa;
3437 color: #4F46E5;
3438}
3439.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
3440 color: #4F46E5;
3441}
3442.p-treetable .p-treetable-tbody > tr {
3443 background: #ffffff;
3444 color: #3f3f46;
3445 transition: none;
3446 outline-color: #6366F1;
3447}
3448.p-treetable .p-treetable-tbody > tr > td {
3449 text-align: left;
3450 border: 1px solid #f4f4f5;
3451 border-width: 0 0 1px 0;
3452 padding: 1rem 1.5rem;
3453}
3454.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
3455 width: 2rem;
3456 height: 2rem;
3457 color: #71717A;
3458 border: 0 none;
3459 background: transparent;
3460 border-radius: 50%;
3461 transition: none;
3462 margin-right: 0.5rem;
3463}
3464.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
3465 color: #18181B;
3466 border-color: transparent;
3467 background: #f4f4f5;
3468}
3469.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
3470 outline: 0 none;
3471 outline-offset: 0;
3472 box-shadow: 0 0 0 1px #6366F1;
3473}
3474.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
3475 margin-right: 0.5rem;
3476}
3477.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3478 color: #3f3f46;
3479}
3480.p-treetable .p-treetable-tbody > tr.p-highlight {
3481 background: #EEF2FF;
3482 color: #312E81;
3483}
3484.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
3485 color: #312E81;
3486}
3487.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
3488 color: #312E81;
3489}
3490.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
3491 background: #f4f4f5;
3492 color: #3f3f46;
3493}
3494.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
3495 color: #3f3f46;
3496}
3497.p-treetable .p-column-resizer-helper {
3498 background: #4F46E5;
3499}
3500.p-treetable .p-treetable-scrollable-header,
3501.p-treetable .p-treetable-scrollable-footer {
3502 background: #fafafa;
3503}
3504.p-treetable .p-treetable-loading-icon {
3505 font-size: 2rem;
3506}
3507.p-treetable.p-treetable-gridlines .p-datatable-header {
3508 border-width: 1px 1px 0 1px;
3509}
3510.p-treetable.p-treetable-gridlines .p-treetable-footer {
3511 border-width: 0 1px 1px 1px;
3512}
3513.p-treetable.p-treetable-gridlines .p-treetable-top {
3514 border-width: 0 1px 0 1px;
3515}
3516.p-treetable.p-treetable-gridlines .p-treetable-bottom {
3517 border-width: 0 1px 1px 1px;
3518}
3519.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
3520 border-width: 1px;
3521}
3522.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
3523 border-width: 1px;
3524}
3525.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
3526 border-width: 1px;
3527}
3528.p-treetable.p-treetable-sm .p-treetable-header {
3529 padding: 1.09375rem 1.09375rem;
3530}
3531.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
3532 padding: 0.375rem 0.75rem;
3533}
3534.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
3535 padding: 0.5rem 0.75rem;
3536}
3537.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
3538 padding: 0.375rem 0.75rem;
3539}
3540.p-treetable.p-treetable-sm .p-treetable-footer {
3541 padding: 0.375rem 0.75rem;
3542}
3543.p-treetable.p-treetable-lg .p-treetable-header {
3544 padding: 1.5625rem 1.5625rem;
3545}
3546.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
3547 padding: 0.9375rem 1.875rem;
3548}
3549.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
3550 padding: 1.25rem 1.875rem;
3551}
3552.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
3553 padding: 0.9375rem 1.875rem;
3554}
3555.p-treetable.p-treetable-lg .p-treetable-footer {
3556 padding: 0.9375rem 1.875rem;
3557}
3558
3559.p-virtualscroller .p-virtualscroller-header {
3560 background: #fafafa;
3561 color: #3f3f46;
3562 border: 1px solid #f4f4f5;
3563 border-width: 1px 0 1px 0;
3564 padding: 1.25rem 1.25rem;
3565 font-weight: 600;
3566}
3567.p-virtualscroller .p-virtualscroller-content {
3568 background: #ffffff;
3569 color: #3f3f46;
3570 border: 0 none;
3571 padding: 0;
3572}
3573.p-virtualscroller .p-virtualscroller-footer {
3574 background: #fafafa;
3575 color: #3f3f46;
3576 border: 1px solid #f4f4f5;
3577 border-width: 0 0 1px 0;
3578 padding: 0.75rem 1.5rem;
3579 font-weight: 600;
3580 border-bottom-left-radius: 0.375rem;
3581 border-bottom-right-radius: 0.375rem;
3582}
3583
3584.p-accordion .p-accordion-header .p-accordion-header-link {
3585 padding: 1.25rem;
3586 border: 1px solid #e5e7eb;
3587 color: #3f3f46;
3588 background: #fafafa;
3589 font-weight: 700;
3590 border-radius: 0.375rem;
3591 transition: none;
3592}
3593.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
3594 margin-right: 0.5rem;
3595}
3596.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
3597 outline: 0 none;
3598 outline-offset: 0;
3599 box-shadow: 0 0 0 1px #6366F1;
3600}
3601.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
3602 background: #f4f4f5;
3603 border-color: #e5e7eb;
3604 color: #3f3f46;
3605}
3606.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
3607 background: #fafafa;
3608 border-color: #e5e7eb;
3609 color: #3f3f46;
3610 border-bottom-right-radius: 0;
3611 border-bottom-left-radius: 0;
3612}
3613.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
3614 border-color: #e5e7eb;
3615 background: #f4f4f5;
3616 color: #3f3f46;
3617}
3618.p-accordion .p-accordion-content {
3619 padding: 1.25rem;
3620 border: 1px solid #e5e7eb;
3621 background: #ffffff;
3622 color: #3f3f46;
3623 border-top: 0;
3624 border-top-right-radius: 0;
3625 border-top-left-radius: 0;
3626 border-bottom-right-radius: 0.375rem;
3627 border-bottom-left-radius: 0.375rem;
3628}
3629.p-accordion p-accordiontab .p-accordion-tab {
3630 margin-bottom: 0;
3631}
3632.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
3633 border-radius: 0;
3634}
3635.p-accordion p-accordiontab .p-accordion-content {
3636 border-radius: 0;
3637}
3638.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link {
3639 border-top: 0 none;
3640}
3641.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
3642 border-top: 0 none;
3643}
3644.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
3645 border-top-right-radius: 0.375rem;
3646 border-top-left-radius: 0.375rem;
3647}
3648.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
3649 border-bottom-right-radius: 0.375rem;
3650 border-bottom-left-radius: 0.375rem;
3651}
3652.p-accordion p-accordiontab:last-child .p-accordion-content {
3653 border-bottom-right-radius: 0.375rem;
3654 border-bottom-left-radius: 0.375rem;
3655}
3656
3657.p-card {
3658 background: #ffffff;
3659 color: #3f3f46;
3660 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
3661 border-radius: 0.375rem;
3662}
3663.p-card .p-card-body {
3664 padding: 1.25rem;
3665}
3666.p-card .p-card-title {
3667 font-size: 1.5rem;
3668 font-weight: 700;
3669 margin-bottom: 0.5rem;
3670}
3671.p-card .p-card-subtitle {
3672 font-weight: 400;
3673 margin-bottom: 0.5rem;
3674 color: #71717A;
3675}
3676.p-card .p-card-content {
3677 padding: 1.25rem 0;
3678}
3679.p-card .p-card-footer {
3680 padding: 1.25rem 0 0 0;
3681}
3682
3683.p-divider .p-divider-content {
3684 background-color: #ffffff;
3685}
3686.p-divider.p-divider-horizontal {
3687 margin: 1rem 0;
3688 padding: 0 1rem;
3689}
3690.p-divider.p-divider-horizontal:before {
3691 border-top: 1px #e5e7eb;
3692}
3693.p-divider.p-divider-horizontal .p-divider-content {
3694 padding: 0 0.5rem;
3695}
3696.p-divider.p-divider-vertical {
3697 margin: 0 1rem;
3698 padding: 1rem 0;
3699}
3700.p-divider.p-divider-vertical:before {
3701 border-left: 1px #e5e7eb;
3702}
3703.p-divider.p-divider-vertical .p-divider-content {
3704 padding: 0.5rem 0;
3705}
3706
3707.p-fieldset {
3708 border: 1px solid #e5e7eb;
3709 background: #ffffff;
3710 color: #3f3f46;
3711 border-radius: 0.375rem;
3712}
3713.p-fieldset .p-fieldset-legend {
3714 padding: 1.25rem;
3715 border: 1px solid #e5e7eb;
3716 color: #3f3f46;
3717 background: #fafafa;
3718 font-weight: 700;
3719 border-radius: 0.375rem;
3720}
3721.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
3722 padding: 0;
3723 transition: none;
3724}
3725.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
3726 padding: 1.25rem;
3727 color: #3f3f46;
3728 border-radius: 0.375rem;
3729 transition: none;
3730}
3731.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
3732 margin-right: 0.5rem;
3733}
3734.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
3735 outline: 0 none;
3736 outline-offset: 0;
3737 box-shadow: 0 0 0 1px #6366F1;
3738}
3739.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
3740 background: #f4f4f5;
3741 border-color: #e5e7eb;
3742 color: #18181B;
3743}
3744.p-fieldset .p-fieldset-content {
3745 padding: 1.25rem;
3746}
3747
3748.p-panel .p-panel-header {
3749 border: 1px solid #e5e7eb;
3750 padding: 1.25rem;
3751 background: #fafafa;
3752 color: #3f3f46;
3753 border-top-right-radius: 0.375rem;
3754 border-top-left-radius: 0.375rem;
3755}
3756.p-panel .p-panel-header .p-panel-title {
3757 font-weight: 700;
3758}
3759.p-panel .p-panel-header .p-panel-header-icon {
3760 width: 2rem;
3761 height: 2rem;
3762 color: #71717A;
3763 border: 0 none;
3764 background: transparent;
3765 border-radius: 50%;
3766 transition: none;
3767}
3768.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
3769 color: #18181B;
3770 border-color: transparent;
3771 background: #f4f4f5;
3772}
3773.p-panel .p-panel-header .p-panel-header-icon:focus {
3774 outline: 0 none;
3775 outline-offset: 0;
3776 box-shadow: 0 0 0 1px #6366F1;
3777}
3778.p-panel.p-panel-toggleable .p-panel-header {
3779 padding: 0.75rem 1.25rem;
3780}
3781.p-panel .p-panel-content {
3782 padding: 1.25rem;
3783 border: 1px solid #e5e7eb;
3784 background: #ffffff;
3785 color: #3f3f46;
3786 border-bottom-right-radius: 0.375rem;
3787 border-bottom-left-radius: 0.375rem;
3788 border-top: 0 none;
3789}
3790.p-panel .p-panel-footer {
3791 padding: 0.75rem 1.25rem;
3792 border: 1px solid #e5e7eb;
3793 background: #ffffff;
3794 color: #3f3f46;
3795 border-top: 0 none;
3796}
3797
3798.p-scrollpanel .p-scrollpanel-bar {
3799 background: #fafafa;
3800 border: 0 none;
3801}
3802
3803.p-splitter {
3804 border: 1px solid #e5e7eb;
3805 background: #ffffff;
3806 border-radius: 0.375rem;
3807 color: #3f3f46;
3808}
3809.p-splitter .p-splitter-gutter {
3810 transition: none;
3811 background: #fafafa;
3812}
3813.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
3814 background: #e5e7eb;
3815}
3816.p-splitter .p-splitter-gutter-resizing {
3817 background: #e5e7eb;
3818}
3819
3820.p-tabview .p-tabview-nav {
3821 background: #ffffff;
3822 border: 1px solid #e5e7eb;
3823 border-width: 0 0 2px 0;
3824}
3825.p-tabview .p-tabview-nav li {
3826 margin-right: 0;
3827}
3828.p-tabview .p-tabview-nav li .p-tabview-nav-link {
3829 border: solid #e5e7eb;
3830 border-width: 0 0 2px 0;
3831 border-color: transparent transparent #e5e7eb transparent;
3832 background: #ffffff;
3833 color: #71717A;
3834 padding: 1.25rem;
3835 font-weight: 700;
3836 border-top-right-radius: 0.375rem;
3837 border-top-left-radius: 0.375rem;
3838 transition: none;
3839 margin: 0 0 -2px 0;
3840}
3841.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
3842 outline: 0 none;
3843 outline-offset: 0;
3844 box-shadow: inset 0 0 0 1px #6366F1;
3845}
3846.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
3847 background: #ffffff;
3848 border-color: #71717A;
3849 color: #71717A;
3850}
3851.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
3852 background: #ffffff;
3853 border-color: #4F46E5;
3854 color: #4F46E5;
3855}
3856.p-tabview .p-tabview-left-icon {
3857 margin-right: 0.5rem;
3858}
3859.p-tabview .p-tabview-right-icon {
3860 margin-left: 0.5rem;
3861}
3862.p-tabview .p-tabview-close {
3863 margin-left: 0.5rem;
3864}
3865.p-tabview .p-tabview-nav-btn.p-link {
3866 background: #ffffff;
3867 color: #4F46E5;
3868 width: 3rem;
3869 box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
3870 border-radius: 0;
3871}
3872.p-tabview .p-tabview-nav-btn.p-link:focus {
3873 outline: 0 none;
3874 outline-offset: 0;
3875 box-shadow: inset 0 0 0 1px #6366F1;
3876}
3877.p-tabview .p-tabview-panels {
3878 background: #ffffff;
3879 padding: 1.25rem;
3880 border: 0 none;
3881 color: #3f3f46;
3882 border-bottom-right-radius: 0.375rem;
3883 border-bottom-left-radius: 0.375rem;
3884}
3885
3886.p-toolbar {
3887 background: #fafafa;
3888 border: 1px solid #e5e7eb;
3889 padding: 1.25rem;
3890 border-radius: 0.375rem;
3891}
3892.p-toolbar .p-toolbar-separator {
3893 margin: 0 0.5rem;
3894}
3895
3896.p-confirm-popup {
3897 background: #ffffff;
3898 color: #3f3f46;
3899 border: 0 none;
3900 border-radius: 0.375rem;
3901 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
3902}
3903.p-confirm-popup .p-confirm-popup-content {
3904 padding: 1.25rem;
3905}
3906.p-confirm-popup .p-confirm-popup-footer {
3907 text-align: right;
3908 padding: 0.75rem 1.25rem;
3909}
3910.p-confirm-popup .p-confirm-popup-footer button {
3911 margin: 0 0.5rem 0 0;
3912 width: auto;
3913}
3914.p-confirm-popup .p-confirm-popup-footer button:last-child {
3915 margin: 0;
3916}
3917.p-confirm-popup:after {
3918 border: solid transparent;
3919 border-color: rgba(255, 255, 255, 0);
3920 border-bottom-color: #ffffff;
3921}
3922.p-confirm-popup:before {
3923 border: solid transparent;
3924 border-color: rgba(255, 255, 255, 0);
3925 border-bottom-color: #ffffff;
3926}
3927.p-confirm-popup.p-confirm-popup-flipped:after {
3928 border-top-color: #ffffff;
3929}
3930.p-confirm-popup.p-confirm-popup-flipped:before {
3931 border-top-color: #ffffff;
3932}
3933.p-confirm-popup .p-confirm-popup-icon {
3934 font-size: 1.5rem;
3935}
3936.p-confirm-popup .p-confirm-popup-message {
3937 margin-left: 1rem;
3938}
3939
3940.p-dialog {
3941 border-radius: 0.375rem;
3942 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
3943 border: 0 none;
3944}
3945.p-dialog .p-dialog-header {
3946 border-bottom: 0 none;
3947 background: #ffffff;
3948 color: #3f3f46;
3949 padding: 1.5rem;
3950 border-top-right-radius: 0.375rem;
3951 border-top-left-radius: 0.375rem;
3952}
3953.p-dialog .p-dialog-header .p-dialog-title {
3954 font-weight: 600;
3955 font-size: 1.5rem;
3956}
3957.p-dialog .p-dialog-header .p-dialog-header-icon {
3958 width: 2rem;
3959 height: 2rem;
3960 color: #71717A;
3961 border: 0 none;
3962 background: transparent;
3963 border-radius: 50%;
3964 transition: none;
3965 margin-right: 0.5rem;
3966}
3967.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
3968 color: #18181B;
3969 border-color: transparent;
3970 background: #f4f4f5;
3971}
3972.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
3973 outline: 0 none;
3974 outline-offset: 0;
3975 box-shadow: 0 0 0 1px #6366F1;
3976}
3977.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
3978 margin-right: 0;
3979}
3980.p-dialog .p-dialog-content {
3981 background: #ffffff;
3982 color: #3f3f46;
3983 padding: 0 1.5rem 1.5rem 1.5rem;
3984}
3985.p-dialog .p-dialog-footer {
3986 border-top: 0 none;
3987 background: #ffffff;
3988 color: #3f3f46;
3989 padding: 0 1.5rem 1.5rem 1.5rem;
3990 text-align: right;
3991 border-bottom-right-radius: 0.375rem;
3992 border-bottom-left-radius: 0.375rem;
3993}
3994.p-dialog .p-dialog-footer button {
3995 margin: 0 0.5rem 0 0;
3996 width: auto;
3997}
3998.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
3999 font-size: 2rem;
4000}
4001.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
4002 margin-left: 1rem;
4003}
4004
4005.p-overlaypanel {
4006 background: #ffffff;
4007 color: #3f3f46;
4008 border: 0 none;
4009 border-radius: 0.375rem;
4010 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
4011}
4012.p-overlaypanel .p-overlaypanel-content {
4013 padding: 1.25rem;
4014}
4015.p-overlaypanel .p-overlaypanel-close {
4016 background: #4F46E5;
4017 color: #ffffff;
4018 width: 2rem;
4019 height: 2rem;
4020 transition: none;
4021 border-radius: 50%;
4022 position: absolute;
4023 top: -1rem;
4024 right: -1rem;
4025}
4026.p-overlaypanel .p-overlaypanel-close:enabled:hover {
4027 background: #4338CA;
4028 color: #ffffff;
4029}
4030.p-overlaypanel:after {
4031 border: solid transparent;
4032 border-color: rgba(255, 255, 255, 0);
4033 border-bottom-color: #ffffff;
4034}
4035.p-overlaypanel:before {
4036 border: solid transparent;
4037 border-color: rgba(255, 255, 255, 0);
4038 border-bottom-color: #ffffff;
4039}
4040.p-overlaypanel.p-overlaypanel-flipped:after {
4041 border-top-color: #ffffff;
4042}
4043.p-overlaypanel.p-overlaypanel-flipped:before {
4044 border-top-color: #ffffff;
4045}
4046
4047.p-sidebar {
4048 background: #ffffff;
4049 color: #3f3f46;
4050 border: 0 none;
4051 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
4052}
4053.p-sidebar .p-sidebar-header {
4054 padding: 1.25rem;
4055}
4056.p-sidebar .p-sidebar-header .p-sidebar-close,
4057.p-sidebar .p-sidebar-header .p-sidebar-icon {
4058 width: 2rem;
4059 height: 2rem;
4060 color: #71717A;
4061 border: 0 none;
4062 background: transparent;
4063 border-radius: 50%;
4064 transition: none;
4065}
4066.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
4067.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
4068 color: #18181B;
4069 border-color: transparent;
4070 background: #f4f4f5;
4071}
4072.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
4073.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
4074 outline: 0 none;
4075 outline-offset: 0;
4076 box-shadow: 0 0 0 1px #6366F1;
4077}
4078.p-sidebar .p-sidebar-header + .p-sidebar-content {
4079 padding-top: 0;
4080}
4081.p-sidebar .p-sidebar-content {
4082 padding: 1.25rem;
4083}
4084
4085.p-tooltip .p-tooltip-text {
4086 background: #3f3f46;
4087 color: #ffffff;
4088 padding: 0.75rem 0.75rem;
4089 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
4090 border-radius: 0.375rem;
4091}
4092.p-tooltip.p-tooltip-right .p-tooltip-arrow {
4093 border-right-color: #3f3f46;
4094}
4095.p-tooltip.p-tooltip-left .p-tooltip-arrow {
4096 border-left-color: #3f3f46;
4097}
4098.p-tooltip.p-tooltip-top .p-tooltip-arrow {
4099 border-top-color: #3f3f46;
4100}
4101.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
4102 border-bottom-color: #3f3f46;
4103}
4104
4105.p-fileupload .p-fileupload-buttonbar {
4106 background: #fafafa;
4107 padding: 1.25rem;
4108 border: 1px solid #e5e7eb;
4109 color: #3f3f46;
4110 border-bottom: 0 none;
4111 border-top-right-radius: 0.375rem;
4112 border-top-left-radius: 0.375rem;
4113}
4114.p-fileupload .p-fileupload-buttonbar .p-button {
4115 margin-right: 0.5rem;
4116}
4117.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
4118 outline: 0 none;
4119 outline-offset: 0;
4120 box-shadow: 0 0 0 1px #6366F1;
4121}
4122.p-fileupload .p-fileupload-content {
4123 background: #ffffff;
4124 padding: 2rem 1rem;
4125 border: 1px solid #e5e7eb;
4126 color: #3f3f46;
4127 border-bottom-right-radius: 0.375rem;
4128 border-bottom-left-radius: 0.375rem;
4129}
4130.p-fileupload .p-progressbar {
4131 height: 0.25rem;
4132}
4133.p-fileupload .p-fileupload-row > div {
4134 padding: 1rem 1.5rem;
4135}
4136.p-fileupload.p-fileupload-advanced .p-message {
4137 margin-top: 0;
4138}
4139
4140.p-fileupload-choose:not(.p-disabled):hover {
4141 background: #4338CA;
4142 color: #ffffff;
4143 border-color: #4338CA;
4144}
4145.p-fileupload-choose:not(.p-disabled):active {
4146 background: #4338CA;
4147 color: #ffffff;
4148 border-color: #4338CA;
4149}
4150
4151.p-breadcrumb {
4152 background: #ffffff;
4153 border: 1px solid #e5e7eb;
4154 border-radius: 0.375rem;
4155 padding: 1rem;
4156}
4157.p-breadcrumb ul li .p-menuitem-link {
4158 transition: none;
4159 border-radius: 0.375rem;
4160}
4161.p-breadcrumb ul li .p-menuitem-link:focus {
4162 outline: 0 none;
4163 outline-offset: 0;
4164 box-shadow: 0 0 0 1px #6366F1;
4165}
4166.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
4167 color: #3f3f46;
4168}
4169.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
4170 color: #71717A;
4171}
4172.p-breadcrumb ul li.p-breadcrumb-chevron {
4173 margin: 0 0.5rem 0 0.5rem;
4174 color: #3f3f46;
4175}
4176.p-breadcrumb ul li:last-child .p-menuitem-text {
4177 color: #3f3f46;
4178}
4179.p-breadcrumb ul li:last-child .p-menuitem-icon {
4180 color: #71717A;
4181}
4182
4183.p-contextmenu {
4184 padding: 0.25rem 0;
4185 background: #ffffff;
4186 color: #3f3f46;
4187 border: 0 none;
4188 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
4189 width: 12.5rem;
4190}
4191.p-contextmenu .p-menuitem-link {
4192 padding: 0.75rem 1rem;
4193 color: #3f3f46;
4194 border-radius: 0;
4195 transition: none;
4196 user-select: none;
4197}
4198.p-contextmenu .p-menuitem-link .p-menuitem-text {
4199 color: #3f3f46;
4200}
4201.p-contextmenu .p-menuitem-link .p-menuitem-icon {
4202 color: #71717A;
4203 margin-right: 0.5rem;
4204}
4205.p-contextmenu .p-menuitem-link .p-submenu-icon {
4206 color: #71717A;
4207}
4208.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
4209 background: #f4f4f5;
4210}
4211.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4212 color: #18181B;
4213}
4214.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4215 color: #71717A;
4216}
4217.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4218 color: #71717A;
4219}
4220.p-contextmenu .p-menuitem-link:focus {
4221 outline: 0 none;
4222 outline-offset: 0;
4223 box-shadow: inset 0 0 0 1px #6366F1;
4224}
4225.p-contextmenu .p-submenu-list {
4226 padding: 0.25rem 0;
4227 background: #ffffff;
4228 border: 0 none;
4229 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
4230}
4231.p-contextmenu .p-menuitem {
4232 margin: 0;
4233}
4234.p-contextmenu .p-menuitem:last-child {
4235 margin: 0;
4236}
4237.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4238 background: #f4f4f5;
4239}
4240.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4241 color: #3f3f46;
4242}
4243.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
4244 color: #71717A;
4245}
4246.p-contextmenu .p-menu-separator {
4247 border-top: 1px solid #f3f4f6;
4248 margin: 0.25rem 0;
4249}
4250.p-contextmenu .p-submenu-icon {
4251 font-size: 0.875rem;
4252}
4253
4254.p-dock .p-dock-list {
4255 background: rgba(255, 255, 255, 0.1);
4256 border: 1px solid rgba(255, 255, 255, 0.2);
4257 padding: 0.5rem 0.5rem;
4258 border-radius: 0.5rem;
4259}
4260.p-dock .p-dock-item {
4261 padding: 0.5rem;
4262}
4263.p-dock .p-dock-action {
4264 width: 4rem;
4265 height: 4rem;
4266}
4267.p-dock.p-dock-top .p-dock-item-second-prev,
4268.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
4269.p-dock.p-dock-bottom .p-dock-item-second-next {
4270 margin: 0 0.9rem;
4271}
4272.p-dock.p-dock-top .p-dock-item-prev,
4273.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
4274.p-dock.p-dock-bottom .p-dock-item-next {
4275 margin: 0 1.3rem;
4276}
4277.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
4278 margin: 0 1.5rem;
4279}
4280.p-dock.p-dock-left .p-dock-item-second-prev,
4281.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
4282.p-dock.p-dock-right .p-dock-item-second-next {
4283 margin: 0.9rem 0;
4284}
4285.p-dock.p-dock-left .p-dock-item-prev,
4286.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
4287.p-dock.p-dock-right .p-dock-item-next {
4288 margin: 1.3rem 0;
4289}
4290.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
4291 margin: 1.5rem 0;
4292}
4293
4294@media screen and (max-width: 960px) {
4295 .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
4296 overflow-x: auto;
4297 width: 100%;
4298 }
4299 .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
4300 margin: 0 auto;
4301 }
4302 .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
4303 overflow-y: auto;
4304 height: 100%;
4305 }
4306 .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
4307 margin: auto 0;
4308 }
4309 .p-dock .p-dock-list .p-dock-item {
4310 transform: none;
4311 margin: 0;
4312 }
4313}
4314.p-megamenu {
4315 padding: 1rem;
4316 background: #fafafa;
4317 color: #3f3f46;
4318 border: 1px solid #e5e7eb;
4319 border-radius: 0.375rem;
4320}
4321.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4322 padding: 0.75rem 1rem;
4323 color: #3f3f46;
4324 border-radius: 0.375rem;
4325 transition: none;
4326 user-select: none;
4327}
4328.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4329 color: #3f3f46;
4330}
4331.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4332 color: #71717A;
4333 margin-right: 0.5rem;
4334}
4335.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4336 color: #71717A;
4337 margin-left: 0.5rem;
4338}
4339.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4340 background: #f4f4f5;
4341}
4342.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4343 color: #18181B;
4344}
4345.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4346 color: #71717A;
4347}
4348.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4349 color: #71717A;
4350}
4351.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4352 outline: 0 none;
4353 outline-offset: 0;
4354 box-shadow: inset 0 0 0 1px #6366F1;
4355}
4356.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4357.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4358 background: #f4f4f5;
4359}
4360.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4361.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4362 color: #3f3f46;
4363}
4364.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4365.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4366 color: #71717A;
4367}
4368.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4369.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4370 color: #71717A;
4371}
4372.p-megamenu .p-menuitem-link {
4373 padding: 0.75rem 1rem;
4374 color: #3f3f46;
4375 border-radius: 0;
4376 transition: none;
4377 user-select: none;
4378}
4379.p-megamenu .p-menuitem-link .p-menuitem-text {
4380 color: #3f3f46;
4381}
4382.p-megamenu .p-menuitem-link .p-menuitem-icon {
4383 color: #71717A;
4384 margin-right: 0.5rem;
4385}
4386.p-megamenu .p-menuitem-link .p-submenu-icon {
4387 color: #71717A;
4388}
4389.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
4390 background: #f4f4f5;
4391}
4392.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4393 color: #18181B;
4394}
4395.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4396 color: #71717A;
4397}
4398.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4399 color: #71717A;
4400}
4401.p-megamenu .p-menuitem-link:focus {
4402 outline: 0 none;
4403 outline-offset: 0;
4404 box-shadow: inset 0 0 0 1px #6366F1;
4405}
4406.p-megamenu .p-megamenu-panel {
4407 background: #ffffff;
4408 color: #3f3f46;
4409 border: 0 none;
4410 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
4411}
4412.p-megamenu .p-megamenu-submenu-header {
4413 margin: 0;
4414 padding: 0.75rem 1rem;
4415 color: #3f3f46;
4416 background: #ffffff;
4417 font-weight: 600;
4418 border-top-right-radius: 0.375rem;
4419 border-top-left-radius: 0.375rem;
4420}
4421.p-megamenu .p-megamenu-submenu {
4422 padding: 0.25rem 0;
4423 width: 12.5rem;
4424}
4425.p-megamenu .p-megamenu-submenu .p-menu-separator {
4426 border-top: 1px solid #f3f4f6;
4427 margin: 0.25rem 0;
4428}
4429.p-megamenu .p-megamenu-submenu .p-menuitem {
4430 margin: 0;
4431}
4432.p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
4433 margin: 0;
4434}
4435.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4436 background: #f4f4f5;
4437}
4438.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4439 color: #3f3f46;
4440}
4441.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
4442 color: #71717A;
4443}
4444.p-megamenu.p-megamenu-vertical {
4445 width: 12.5rem;
4446 padding: 0.25rem 0;
4447}
4448.p-megamenu.p-megamenu-vertical .p-menuitem {
4449 margin: 0;
4450}
4451.p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
4452 margin: 0;
4453}
4454
4455.p-menu {
4456 padding: 0.25rem 0;
4457 background: #ffffff;
4458 color: #3f3f46;
4459 border: 1px solid #e5e7eb;
4460 border-radius: 0.375rem;
4461 width: 12.5rem;
4462}
4463.p-menu .p-menuitem-link {
4464 padding: 0.75rem 1rem;
4465 color: #3f3f46;
4466 border-radius: 0;
4467 transition: none;
4468 user-select: none;
4469}
4470.p-menu .p-menuitem-link .p-menuitem-text {
4471 color: #3f3f46;
4472}
4473.p-menu .p-menuitem-link .p-menuitem-icon {
4474 color: #71717A;
4475 margin-right: 0.5rem;
4476}
4477.p-menu .p-menuitem-link .p-submenu-icon {
4478 color: #71717A;
4479}
4480.p-menu .p-menuitem-link:not(.p-disabled):hover {
4481 background: #f4f4f5;
4482}
4483.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4484 color: #18181B;
4485}
4486.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4487 color: #71717A;
4488}
4489.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4490 color: #71717A;
4491}
4492.p-menu .p-menuitem-link:focus {
4493 outline: 0 none;
4494 outline-offset: 0;
4495 box-shadow: inset 0 0 0 1px #6366F1;
4496}
4497.p-menu.p-menu-overlay {
4498 background: #ffffff;
4499 border: 0 none;
4500 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
4501}
4502.p-menu .p-submenu-header {
4503 margin: 0;
4504 padding: 0.75rem 1rem;
4505 color: #3f3f46;
4506 background: #ffffff;
4507 font-weight: 600;
4508 border-top-right-radius: 0;
4509 border-top-left-radius: 0;
4510}
4511.p-menu .p-menu-separator {
4512 border-top: 1px solid #f3f4f6;
4513 margin: 0.25rem 0;
4514}
4515.p-menu .p-menuitem {
4516 margin: 0;
4517}
4518.p-menu .p-menuitem:last-child {
4519 margin: 0;
4520}
4521
4522.p-menubar {
4523 padding: 1rem;
4524 background: #fafafa;
4525 color: #3f3f46;
4526 border: 1px solid #e5e7eb;
4527 border-radius: 0.375rem;
4528}
4529.p-menubar .p-menuitem-link {
4530 padding: 0.75rem 1rem;
4531 color: #3f3f46;
4532 border-radius: 0;
4533 transition: none;
4534 user-select: none;
4535}
4536.p-menubar .p-menuitem-link .p-menuitem-text {
4537 color: #3f3f46;
4538}
4539.p-menubar .p-menuitem-link .p-menuitem-icon {
4540 color: #71717A;
4541 margin-right: 0.5rem;
4542}
4543.p-menubar .p-menuitem-link .p-submenu-icon {
4544 color: #71717A;
4545}
4546.p-menubar .p-menuitem-link:not(.p-disabled):hover {
4547 background: #f4f4f5;
4548}
4549.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4550 color: #18181B;
4551}
4552.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4553 color: #71717A;
4554}
4555.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4556 color: #71717A;
4557}
4558.p-menubar .p-menuitem-link:focus {
4559 outline: 0 none;
4560 outline-offset: 0;
4561 box-shadow: inset 0 0 0 1px #6366F1;
4562}
4563.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4564 padding: 0.75rem 1rem;
4565 color: #3f3f46;
4566 border-radius: 0.375rem;
4567 transition: none;
4568 user-select: none;
4569}
4570.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4571 color: #3f3f46;
4572}
4573.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4574 color: #71717A;
4575 margin-right: 0.5rem;
4576}
4577.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4578 color: #71717A;
4579 margin-left: 0.5rem;
4580}
4581.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4582 background: #f4f4f5;
4583}
4584.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4585 color: #18181B;
4586}
4587.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4588 color: #71717A;
4589}
4590.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4591 color: #71717A;
4592}
4593.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4594 outline: 0 none;
4595 outline-offset: 0;
4596 box-shadow: inset 0 0 0 1px #6366F1;
4597}
4598.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4599.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4600 background: #f4f4f5;
4601}
4602.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4603.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4604 color: #3f3f46;
4605}
4606.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4607.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4608 color: #71717A;
4609}
4610.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4611.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4612 color: #71717A;
4613}
4614.p-menubar .p-submenu-list {
4615 padding: 0.25rem 0;
4616 background: #ffffff;
4617 border: 0 none;
4618 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
4619 width: 12.5rem;
4620}
4621.p-menubar .p-submenu-list .p-menu-separator {
4622 border-top: 1px solid #f3f4f6;
4623 margin: 0.25rem 0;
4624}
4625.p-menubar .p-submenu-list .p-submenu-icon {
4626 font-size: 0.875rem;
4627}
4628.p-menubar .p-submenu-list .p-menuitem {
4629 margin: 0;
4630}
4631.p-menubar .p-submenu-list .p-menuitem:last-child {
4632 margin: 0;
4633}
4634.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
4635 background: #f4f4f5;
4636}
4637.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4638 color: #3f3f46;
4639}
4640.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 {
4641 color: #71717A;
4642}
4643
4644@media screen and (max-width: 960px) {
4645 .p-menubar {
4646 position: relative;
4647 }
4648 .p-menubar .p-menubar-button {
4649 display: flex;
4650 width: 2rem;
4651 height: 2rem;
4652 color: #71717A;
4653 border-radius: 50%;
4654 transition: none;
4655 }
4656 .p-menubar .p-menubar-button:hover {
4657 color: #71717A;
4658 background: #f4f4f5;
4659 }
4660 .p-menubar .p-menubar-button:focus {
4661 outline: 0 none;
4662 outline-offset: 0;
4663 box-shadow: 0 0 0 1px #6366F1;
4664 }
4665 .p-menubar .p-menubar-root-list {
4666 position: absolute;
4667 display: none;
4668 padding: 0.25rem 0;
4669 background: #ffffff;
4670 border: 0 none;
4671 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
4672 width: 100%;
4673 }
4674 .p-menubar .p-menubar-root-list .p-menu-separator {
4675 border-top: 1px solid #f3f4f6;
4676 margin: 0.25rem 0;
4677 }
4678 .p-menubar .p-menubar-root-list .p-submenu-icon {
4679 font-size: 0.875rem;
4680 }
4681 .p-menubar .p-menubar-root-list > .p-menuitem {
4682 width: 100%;
4683 position: static;
4684 }
4685 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4686 padding: 0.75rem 1rem;
4687 color: #3f3f46;
4688 border-radius: 0;
4689 transition: none;
4690 user-select: none;
4691 }
4692 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4693 color: #3f3f46;
4694 }
4695 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4696 color: #71717A;
4697 margin-right: 0.5rem;
4698 }
4699 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4700 color: #71717A;
4701 }
4702 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4703 background: #f4f4f5;
4704 }
4705 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4706 color: #18181B;
4707 }
4708 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4709 color: #71717A;
4710 }
4711 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4712 color: #71717A;
4713 }
4714 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4715 outline: 0 none;
4716 outline-offset: 0;
4717 box-shadow: inset 0 0 0 1px #6366F1;
4718 }
4719 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4720 margin-left: auto;
4721 transition: transform 0.2s;
4722 }
4723 .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4724 transform: rotate(-180deg);
4725 }
4726 .p-menubar .p-menubar-root-list .p-submenu-list {
4727 width: 100%;
4728 position: static;
4729 box-shadow: none;
4730 border: 0 none;
4731 }
4732 .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
4733 transition: transform 0.2s;
4734 transform: rotate(90deg);
4735 }
4736 .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4737 transform: rotate(-90deg);
4738 }
4739 .p-menubar .p-menubar-root-list .p-menuitem {
4740 width: 100%;
4741 position: static;
4742 }
4743 .p-menubar .p-menubar-root-list ul li a {
4744 padding-left: 2.25rem;
4745 }
4746 .p-menubar .p-menubar-root-list ul li ul li a {
4747 padding-left: 3.75rem;
4748 }
4749 .p-menubar .p-menubar-root-list ul li ul li ul li a {
4750 padding-left: 5.25rem;
4751 }
4752 .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
4753 padding-left: 6.75rem;
4754 }
4755 .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
4756 padding-left: 8.25rem;
4757 }
4758 .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
4759 display: flex;
4760 flex-direction: column;
4761 top: 100%;
4762 left: 0;
4763 z-index: 1;
4764 }
4765}
4766.p-panelmenu .p-panelmenu-header > a {
4767 padding: 1.25rem;
4768 border: 1px solid #e5e7eb;
4769 color: #3f3f46;
4770 background: #fafafa;
4771 font-weight: 700;
4772 border-radius: 0.375rem;
4773 transition: none;
4774}
4775.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
4776 margin-right: 0.5rem;
4777}
4778.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
4779 margin-right: 0.5rem;
4780}
4781.p-panelmenu .p-panelmenu-header > a:focus {
4782 outline: 0 none;
4783 outline-offset: 0;
4784 box-shadow: 0 0 0 1px #6366F1;
4785}
4786.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
4787 background: #f4f4f5;
4788 border-color: #e5e7eb;
4789 color: #3f3f46;
4790}
4791.p-panelmenu .p-panelmenu-header.p-highlight {
4792 margin-bottom: 0;
4793}
4794.p-panelmenu .p-panelmenu-header.p-highlight > a {
4795 background: #fafafa;
4796 border-color: #e5e7eb;
4797 color: #3f3f46;
4798 border-bottom-right-radius: 0;
4799 border-bottom-left-radius: 0;
4800}
4801.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
4802 border-color: #e5e7eb;
4803 background: #f4f4f5;
4804 color: #3f3f46;
4805}
4806.p-panelmenu .p-panelmenu-content {
4807 padding: 0.25rem 0;
4808 border: 1px solid #e5e7eb;
4809 background: #ffffff;
4810 color: #3f3f46;
4811 margin-bottom: 0;
4812 border-top: 0;
4813 border-top-right-radius: 0;
4814 border-top-left-radius: 0;
4815 border-bottom-right-radius: 0.375rem;
4816 border-bottom-left-radius: 0.375rem;
4817}
4818.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
4819 padding: 0.75rem 1rem;
4820 color: #3f3f46;
4821 border-radius: 0;
4822 transition: none;
4823 user-select: none;
4824}
4825.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
4826 color: #3f3f46;
4827}
4828.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
4829 color: #71717A;
4830 margin-right: 0.5rem;
4831}
4832.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
4833 color: #71717A;
4834}
4835.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
4836 background: #f4f4f5;
4837}
4838.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4839 color: #18181B;
4840}
4841.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4842 color: #71717A;
4843}
4844.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4845 color: #71717A;
4846}
4847.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
4848 outline: 0 none;
4849 outline-offset: 0;
4850 box-shadow: inset 0 0 0 1px #6366F1;
4851}
4852.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
4853 margin-right: 0.5rem;
4854}
4855.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
4856 padding: 0 0 0 1rem;
4857}
4858.p-panelmenu .p-panelmenu-panel {
4859 margin-bottom: 0;
4860}
4861.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
4862 border-radius: 0;
4863}
4864.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
4865 border-radius: 0;
4866}
4867.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
4868 border-top: 0 none;
4869}
4870.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
4871 border-top: 0 none;
4872}
4873.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
4874 border-top-right-radius: 0.375rem;
4875 border-top-left-radius: 0.375rem;
4876}
4877.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
4878 border-bottom-right-radius: 0.375rem;
4879 border-bottom-left-radius: 0.375rem;
4880}
4881.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
4882 border-bottom-right-radius: 0.375rem;
4883 border-bottom-left-radius: 0.375rem;
4884}
4885
4886.p-slidemenu {
4887 padding: 0.25rem 0;
4888 background: #ffffff;
4889 color: #3f3f46;
4890 border: 1px solid #e5e7eb;
4891 border-radius: 0.375rem;
4892 width: 12.5rem;
4893}
4894.p-slidemenu .p-menuitem-link {
4895 padding: 0.75rem 1rem;
4896 color: #3f3f46;
4897 border-radius: 0;
4898 transition: none;
4899 user-select: none;
4900}
4901.p-slidemenu .p-menuitem-link .p-menuitem-text {
4902 color: #3f3f46;
4903}
4904.p-slidemenu .p-menuitem-link .p-menuitem-icon {
4905 color: #71717A;
4906 margin-right: 0.5rem;
4907}
4908.p-slidemenu .p-menuitem-link .p-submenu-icon {
4909 color: #71717A;
4910}
4911.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
4912 background: #f4f4f5;
4913}
4914.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4915 color: #18181B;
4916}
4917.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4918 color: #71717A;
4919}
4920.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4921 color: #71717A;
4922}
4923.p-slidemenu .p-menuitem-link:focus {
4924 outline: 0 none;
4925 outline-offset: 0;
4926 box-shadow: inset 0 0 0 1px #6366F1;
4927}
4928.p-slidemenu.p-slidemenu-overlay {
4929 background: #ffffff;
4930 border: 0 none;
4931 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
4932}
4933.p-slidemenu .p-slidemenu-list {
4934 padding: 0.25rem 0;
4935 background: #ffffff;
4936 border: 0 none;
4937 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
4938}
4939.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
4940 background: #f4f4f5;
4941}
4942.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
4943 color: #3f3f46;
4944}
4945.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
4946 color: #71717A;
4947}
4948.p-slidemenu .p-slidemenu-separator {
4949 border-top: 1px solid #f3f4f6;
4950 margin: 0.25rem 0;
4951}
4952.p-slidemenu .p-slidemenu-icon {
4953 font-size: 0.875rem;
4954}
4955.p-slidemenu .p-slidemenu-backward {
4956 padding: 0.75rem 1rem;
4957 color: #3f3f46;
4958}
4959
4960.p-steps .p-steps-item .p-menuitem-link {
4961 background: transparent;
4962 transition: none;
4963 border-radius: 0.375rem;
4964 background: #ffffff;
4965}
4966.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
4967 color: #3f3f46;
4968 border: 1px solid #f4f4f5;
4969 background: #ffffff;
4970 min-width: 2rem;
4971 height: 2rem;
4972 line-height: 2rem;
4973 font-size: 1.143rem;
4974 z-index: 1;
4975 border-radius: 50%;
4976}
4977.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
4978 margin-top: 0.5rem;
4979 color: #71717A;
4980}
4981.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
4982 outline: 0 none;
4983 outline-offset: 0;
4984 box-shadow: 0 0 0 1px #6366F1;
4985}
4986.p-steps .p-steps-item.p-highlight .p-steps-number {
4987 background: #EEF2FF;
4988 color: #312E81;
4989}
4990.p-steps .p-steps-item.p-highlight .p-steps-title {
4991 font-weight: 600;
4992 color: #3f3f46;
4993}
4994.p-steps .p-steps-item:before {
4995 content: " ";
4996 border-top: 1px solid #f3f4f6;
4997 width: 100%;
4998 top: 50%;
4999 left: 0;
5000 display: block;
5001 position: absolute;
5002 margin-top: -1rem;
5003}
5004
5005.p-tabmenu .p-tabmenu-nav {
5006 background: #ffffff;
5007 border: 1px solid #e5e7eb;
5008 border-width: 0 0 2px 0;
5009}
5010.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
5011 margin-right: 0;
5012}
5013.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
5014 border: solid #e5e7eb;
5015 border-width: 0 0 2px 0;
5016 border-color: transparent transparent #e5e7eb transparent;
5017 background: #ffffff;
5018 color: #71717A;
5019 padding: 1.25rem;
5020 font-weight: 700;
5021 border-top-right-radius: 0.375rem;
5022 border-top-left-radius: 0.375rem;
5023 transition: none;
5024 margin: 0 0 -2px 0;
5025}
5026.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
5027 margin-right: 0.5rem;
5028}
5029.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
5030 outline: 0 none;
5031 outline-offset: 0;
5032 box-shadow: inset 0 0 0 1px #6366F1;
5033}
5034.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
5035 background: #ffffff;
5036 border-color: #71717A;
5037 color: #71717A;
5038}
5039.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
5040 background: #ffffff;
5041 border-color: #4F46E5;
5042 color: #4F46E5;
5043}
5044
5045.p-tieredmenu {
5046 padding: 0.25rem 0;
5047 background: #ffffff;
5048 color: #3f3f46;
5049 border: 1px solid #e5e7eb;
5050 border-radius: 0.375rem;
5051 width: 12.5rem;
5052}
5053.p-tieredmenu .p-menuitem-link {
5054 padding: 0.75rem 1rem;
5055 color: #3f3f46;
5056 border-radius: 0;
5057 transition: none;
5058 user-select: none;
5059}
5060.p-tieredmenu .p-menuitem-link .p-menuitem-text {
5061 color: #3f3f46;
5062}
5063.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
5064 color: #71717A;
5065 margin-right: 0.5rem;
5066}
5067.p-tieredmenu .p-menuitem-link .p-submenu-icon {
5068 color: #71717A;
5069}
5070.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
5071 background: #f4f4f5;
5072}
5073.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5074 color: #18181B;
5075}
5076.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5077 color: #71717A;
5078}
5079.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5080 color: #71717A;
5081}
5082.p-tieredmenu .p-menuitem-link:focus {
5083 outline: 0 none;
5084 outline-offset: 0;
5085 box-shadow: inset 0 0 0 1px #6366F1;
5086}
5087.p-tieredmenu.p-tieredmenu-overlay {
5088 background: #ffffff;
5089 border: 0 none;
5090 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
5091}
5092.p-tieredmenu .p-submenu-list {
5093 padding: 0.25rem 0;
5094 background: #ffffff;
5095 border: 0 none;
5096 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
5097}
5098.p-tieredmenu .p-menuitem {
5099 margin: 0;
5100}
5101.p-tieredmenu .p-menuitem:last-child {
5102 margin: 0;
5103}
5104.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5105 background: #f4f4f5;
5106}
5107.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5108 color: #3f3f46;
5109}
5110.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
5111 color: #71717A;
5112}
5113.p-tieredmenu .p-menu-separator {
5114 border-top: 1px solid #f3f4f6;
5115 margin: 0.25rem 0;
5116}
5117.p-tieredmenu .p-submenu-icon {
5118 font-size: 0.875rem;
5119}
5120
5121.p-inline-message {
5122 padding: 0.75rem 0.75rem;
5123 margin: 0;
5124 border-radius: 0.375rem;
5125}
5126.p-inline-message.p-inline-message-info {
5127 background: #EFF6FF;
5128 border: none;
5129 border-width: 0px;
5130 color: #2563EB;
5131}
5132.p-inline-message.p-inline-message-info .p-inline-message-icon {
5133 color: #2563EB;
5134}
5135.p-inline-message.p-inline-message-success {
5136 background: #ECFDF5;
5137 border: snone;
5138 border-width: 0px;
5139 color: #059669;
5140}
5141.p-inline-message.p-inline-message-success .p-inline-message-icon {
5142 color: #059669;
5143}
5144.p-inline-message.p-inline-message-warn {
5145 background: #FEF3C7;
5146 border: none;
5147 border-width: 0px;
5148 color: #D97706;
5149}
5150.p-inline-message.p-inline-message-warn .p-inline-message-icon {
5151 color: #D97706;
5152}
5153.p-inline-message.p-inline-message-error {
5154 background: #FEF3C7;
5155 border: none;
5156 border-width: 0px;
5157 color: #DC2626;
5158}
5159.p-inline-message.p-inline-message-error .p-inline-message-icon {
5160 color: #DC2626;
5161}
5162.p-inline-message .p-inline-message-icon {
5163 font-size: 1rem;
5164 margin-right: 0.5rem;
5165}
5166.p-inline-message .p-inline-message-text {
5167 font-size: 1rem;
5168}
5169.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
5170 margin-right: 0;
5171}
5172
5173.p-message {
5174 margin: 1rem 0;
5175 border-radius: 0.375rem;
5176}
5177.p-message .p-message-wrapper {
5178 padding: 1.25rem 1.75rem;
5179}
5180.p-message .p-message-close {
5181 width: 2rem;
5182 height: 2rem;
5183 border-radius: 50%;
5184 background: transparent;
5185 transition: none;
5186}
5187.p-message .p-message-close:hover {
5188 background: rgba(255, 255, 255, 0.3);
5189}
5190.p-message .p-message-close:focus {
5191 outline: 0 none;
5192 outline-offset: 0;
5193 box-shadow: 0 0 0 1px #6366F1;
5194}
5195.p-message.p-message-info {
5196 background: #EFF6FF;
5197 border: none;
5198 border-width: 0 0 0 6px;
5199 color: #2563EB;
5200}
5201.p-message.p-message-info .p-message-icon {
5202 color: #2563EB;
5203}
5204.p-message.p-message-info .p-message-close {
5205 color: #2563EB;
5206}
5207.p-message.p-message-success {
5208 background: #ECFDF5;
5209 border: snone;
5210 border-width: 0 0 0 6px;
5211 color: #059669;
5212}
5213.p-message.p-message-success .p-message-icon {
5214 color: #059669;
5215}
5216.p-message.p-message-success .p-message-close {
5217 color: #059669;
5218}
5219.p-message.p-message-warn {
5220 background: #FEF3C7;
5221 border: none;
5222 border-width: 0 0 0 6px;
5223 color: #D97706;
5224}
5225.p-message.p-message-warn .p-message-icon {
5226 color: #D97706;
5227}
5228.p-message.p-message-warn .p-message-close {
5229 color: #D97706;
5230}
5231.p-message.p-message-error {
5232 background: #FEF3C7;
5233 border: none;
5234 border-width: 0 0 0 6px;
5235 color: #DC2626;
5236}
5237.p-message.p-message-error .p-message-icon {
5238 color: #DC2626;
5239}
5240.p-message.p-message-error .p-message-close {
5241 color: #DC2626;
5242}
5243.p-message .p-message-text {
5244 font-size: 1rem;
5245 font-weight: 500;
5246}
5247.p-message .p-message-icon {
5248 font-size: 1.5rem;
5249 margin-right: 0.5rem;
5250}
5251.p-message .p-message-summary {
5252 font-weight: 700;
5253}
5254.p-message .p-message-detail {
5255 margin-left: 0.5rem;
5256}
5257
5258.p-toast {
5259 opacity: 0.9;
5260}
5261.p-toast .p-toast-message {
5262 margin: 0 0 1rem 0;
5263 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
5264 border-radius: 0.375rem;
5265}
5266.p-toast .p-toast-message .p-toast-message-content {
5267 padding: 1rem;
5268 border-width: 0 0 0 6px;
5269}
5270.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
5271 margin: 0 0 0 1rem;
5272}
5273.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
5274 font-size: 2rem;
5275}
5276.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
5277 font-weight: 700;
5278}
5279.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
5280 margin: 0.5rem 0 0 0;
5281}
5282.p-toast .p-toast-message .p-toast-icon-close {
5283 width: 2rem;
5284 height: 2rem;
5285 border-radius: 50%;
5286 background: transparent;
5287 transition: none;
5288}
5289.p-toast .p-toast-message .p-toast-icon-close:hover {
5290 background: rgba(255, 255, 255, 0.3);
5291}
5292.p-toast .p-toast-message .p-toast-icon-close:focus {
5293 outline: 0 none;
5294 outline-offset: 0;
5295 box-shadow: 0 0 0 1px #6366F1;
5296}
5297.p-toast .p-toast-message.p-toast-message-info {
5298 background: #EFF6FF;
5299 border: none;
5300 border-width: 0 0 0 6px;
5301 color: #2563EB;
5302}
5303.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
5304.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
5305 color: #2563EB;
5306}
5307.p-toast .p-toast-message.p-toast-message-success {
5308 background: #ECFDF5;
5309 border: snone;
5310 border-width: 0 0 0 6px;
5311 color: #059669;
5312}
5313.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
5314.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
5315 color: #059669;
5316}
5317.p-toast .p-toast-message.p-toast-message-warn {
5318 background: #FEF3C7;
5319 border: none;
5320 border-width: 0 0 0 6px;
5321 color: #D97706;
5322}
5323.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
5324.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
5325 color: #D97706;
5326}
5327.p-toast .p-toast-message.p-toast-message-error {
5328 background: #FEF3C7;
5329 border: none;
5330 border-width: 0 0 0 6px;
5331 color: #DC2626;
5332}
5333.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
5334.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
5335 color: #DC2626;
5336}
5337
5338.p-galleria .p-galleria-close {
5339 margin: 0.5rem;
5340 background: transparent;
5341 color: #fafafa;
5342 width: 4rem;
5343 height: 4rem;
5344 transition: none;
5345 border-radius: 50%;
5346}
5347.p-galleria .p-galleria-close .p-galleria-close-icon {
5348 font-size: 2rem;
5349}
5350.p-galleria .p-galleria-close:hover {
5351 background: rgba(255, 255, 255, 0.1);
5352 color: #fafafa;
5353}
5354.p-galleria .p-galleria-item-nav {
5355 background: transparent;
5356 color: #fafafa;
5357 width: 4rem;
5358 height: 4rem;
5359 transition: none;
5360 border-radius: 0.375rem;
5361 margin: 0 0.5rem;
5362}
5363.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
5364.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
5365 font-size: 2rem;
5366}
5367.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
5368 background: rgba(255, 255, 255, 0.1);
5369 color: #fafafa;
5370}
5371.p-galleria .p-galleria-caption {
5372 background: rgba(0, 0, 0, 0.5);
5373 color: #fafafa;
5374 padding: 1rem;
5375}
5376.p-galleria .p-galleria-indicators {
5377 padding: 1rem;
5378}
5379.p-galleria .p-galleria-indicators .p-galleria-indicator button {
5380 background-color: #f4f4f5;
5381 width: 1rem;
5382 height: 1rem;
5383 transition: none;
5384 border-radius: 50%;
5385}
5386.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
5387 background: #e5e7eb;
5388}
5389.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
5390 background: #EEF2FF;
5391 color: #312E81;
5392}
5393.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
5394 margin-right: 0.5rem;
5395}
5396.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
5397 margin-bottom: 0.5rem;
5398}
5399.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
5400 background: rgba(0, 0, 0, 0.5);
5401}
5402.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
5403 background: rgba(255, 255, 255, 0.4);
5404}
5405.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
5406 background: rgba(255, 255, 255, 0.6);
5407}
5408.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
5409 background: #EEF2FF;
5410 color: #312E81;
5411}
5412.p-galleria .p-galleria-thumbnail-container {
5413 background: rgba(0, 0, 0, 0.9);
5414 padding: 1rem 0.25rem;
5415}
5416.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
5417.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
5418 margin: 0.5rem;
5419 background-color: transparent;
5420 color: #fafafa;
5421 width: 2rem;
5422 height: 2rem;
5423 transition: none;
5424 border-radius: 50%;
5425}
5426.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
5427.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
5428 background: rgba(255, 255, 255, 0.1);
5429 color: #fafafa;
5430}
5431.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
5432 outline: 0 none;
5433 outline-offset: 0;
5434 box-shadow: 0 0 0 1px #6366F1;
5435}
5436
5437.p-galleria-mask {
5438 --maskbg: rgba(0, 0, 0, 0.9);
5439}
5440
5441.p-image-mask {
5442 --maskbg: rgba(0, 0, 0, 0.9);
5443}
5444
5445.p-image-preview-indicator {
5446 background-color: transparent;
5447 color: #f8f9fa;
5448 transition: none;
5449}
5450
5451.p-image-preview-container:hover > .p-image-preview-indicator {
5452 background-color: rgba(0, 0, 0, 0.5);
5453}
5454
5455.p-image-toolbar {
5456 padding: 1rem;
5457}
5458
5459.p-image-action.p-link {
5460 color: #f8f9fa;
5461 background-color: transparent;
5462 width: 3rem;
5463 height: 3rem;
5464 border-radius: 50%;
5465 transition: none;
5466 margin-right: 0.5rem;
5467}
5468.p-image-action.p-link:last-child {
5469 margin-right: 0;
5470}
5471.p-image-action.p-link:hover {
5472 color: #f8f9fa;
5473 background-color: rgba(255, 255, 255, 0.1);
5474}
5475.p-image-action.p-link i {
5476 font-size: 1.5rem;
5477}
5478
5479.p-avatar {
5480 background-color: #e5e7eb;
5481 border-radius: 0.375rem;
5482}
5483.p-avatar.p-avatar-lg {
5484 width: 3rem;
5485 height: 3rem;
5486 font-size: 1.5rem;
5487}
5488.p-avatar.p-avatar-lg .p-avatar-icon {
5489 font-size: 1.5rem;
5490}
5491.p-avatar.p-avatar-xl {
5492 width: 4rem;
5493 height: 4rem;
5494 font-size: 2rem;
5495}
5496.p-avatar.p-avatar-xl .p-avatar-icon {
5497 font-size: 2rem;
5498}
5499
5500.p-avatar-group .p-avatar {
5501 border: 2px solid #ffffff;
5502}
5503
5504.p-badge {
5505 background: #4F46E5;
5506 color: #ffffff;
5507 font-size: 0.75rem;
5508 font-weight: 700;
5509 min-width: 1.5rem;
5510 height: 1.5rem;
5511 line-height: 1.5rem;
5512}
5513.p-badge.p-badge-secondary {
5514 background-color: #64748B;
5515 color: #ffffff;
5516}
5517.p-badge.p-badge-success {
5518 background-color: #22C55E;
5519 color: #ffffff;
5520}
5521.p-badge.p-badge-info {
5522 background-color: #3B82F6;
5523 color: #ffffff;
5524}
5525.p-badge.p-badge-warning {
5526 background-color: #F59E0B;
5527 color: #ffffff;
5528}
5529.p-badge.p-badge-danger {
5530 background-color: #EF4444;
5531 color: #ffffff;
5532}
5533.p-badge.p-badge-lg {
5534 font-size: 1.125rem;
5535 min-width: 2.25rem;
5536 height: 2.25rem;
5537 line-height: 2.25rem;
5538}
5539.p-badge.p-badge-xl {
5540 font-size: 1.5rem;
5541 min-width: 3rem;
5542 height: 3rem;
5543 line-height: 3rem;
5544}
5545
5546.p-chip {
5547 background-color: #e5e7eb;
5548 color: #3f3f46;
5549 border-radius: 16px;
5550 padding: 0 0.75rem;
5551}
5552.p-chip .p-chip-text {
5553 line-height: 1.5;
5554 margin-top: 0.375rem;
5555 margin-bottom: 0.375rem;
5556}
5557.p-chip .p-chip-icon {
5558 margin-right: 0.5rem;
5559}
5560.p-chip .pi-chip-remove-icon {
5561 margin-left: 0.5rem;
5562}
5563.p-chip img {
5564 width: 2.25rem;
5565 height: 2.25rem;
5566 margin-left: -0.75rem;
5567 margin-right: 0.5rem;
5568}
5569.p-chip .pi-chip-remove-icon {
5570 border-radius: 0.375rem;
5571 transition: none;
5572}
5573.p-chip .pi-chip-remove-icon:focus {
5574 outline: 0 none;
5575 outline-offset: 0;
5576 box-shadow: 0 0 0 1px #6366F1;
5577}
5578
5579.p-inplace .p-inplace-display {
5580 padding: 0.75rem 0.75rem;
5581 border-radius: 0.375rem;
5582 transition: none;
5583}
5584.p-inplace .p-inplace-display:not(.p-disabled):hover {
5585 background: #f4f4f5;
5586 color: #18181B;
5587}
5588.p-inplace .p-inplace-display:focus {
5589 outline: 0 none;
5590 outline-offset: 0;
5591 box-shadow: 0 0 0 1px #6366F1;
5592}
5593
5594.p-progressbar {
5595 border: 0 none;
5596 height: 1.5rem;
5597 background: #e5e7eb;
5598 border-radius: 0.375rem;
5599}
5600.p-progressbar .p-progressbar-value {
5601 border: 0 none;
5602 margin: 0;
5603 background: #4F46E5;
5604}
5605.p-progressbar .p-progressbar-label {
5606 color: #3f3f46;
5607 line-height: 1.5rem;
5608}
5609
5610.p-scrolltop {
5611 width: 3rem;
5612 height: 3rem;
5613 border-radius: 50%;
5614 box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
5615 transition: none;
5616}
5617.p-scrolltop.p-link {
5618 background: rgba(0, 0, 0, 0.7);
5619}
5620.p-scrolltop.p-link:hover {
5621 background: rgba(0, 0, 0, 0.8);
5622}
5623.p-scrolltop .p-scrolltop-icon {
5624 font-size: 1.5rem;
5625 color: #fafafa;
5626}
5627
5628.p-skeleton {
5629 background-color: #f4f4f5;
5630 border-radius: 0.375rem;
5631}
5632.p-skeleton:after {
5633 background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
5634}
5635
5636.p-tag {
5637 background: #4F46E5;
5638 color: #ffffff;
5639 font-size: 0.75rem;
5640 font-weight: 700;
5641 padding: 0.25rem 0.4rem;
5642 border-radius: 0.375rem;
5643}
5644.p-tag.p-tag-success {
5645 background-color: #22C55E;
5646 color: #ffffff;
5647}
5648.p-tag.p-tag-info {
5649 background-color: #3B82F6;
5650 color: #ffffff;
5651}
5652.p-tag.p-tag-warning {
5653 background-color: #F59E0B;
5654 color: #ffffff;
5655}
5656.p-tag.p-tag-danger {
5657 background-color: #EF4444;
5658 color: #ffffff;
5659}
5660.p-tag .p-tag-icon {
5661 margin-right: 0.25rem;
5662 font-size: 0.75rem;
5663}
5664
5665.p-terminal {
5666 background: #ffffff;
5667 color: #3f3f46;
5668 border: 1px solid #e5e7eb;
5669 padding: 1.25rem;
5670}
5671.p-terminal .p-terminal-input {
5672 font-size: 1rem;
5673 font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
5674}
5675
5676/* Customizations to the designer theme should be defined here */
5677.p-inputtext, .p-togglebutton, .p-selectbutton, .p-inputgroup {
5678 box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05);
5679}
5680
5681.p-inputgroup .p-inputtext, .p-inputgroup .p-togglebutton, .p-inputgroup .p-selectbutton {
5682 box-shadow: none;
5683}
5684
5685.p-inputtext.p-invalid.p-component:enabled:focus {
5686 box-shadow: 0 0 0 1px #f0a9a7;
5687}
5688
5689.p-highlight {
5690 font-weight: 600;
5691}
5692
5693.p-button-label {
5694 font-weight: 500;
5695}
5696
5697.p-inputswitch.p-focus .p-inputswitch-slider {
5698 box-shadow: 0 0 0 2px #6366F1;
5699}
5700
5701.p-paginator .p-paginator-pages .p-paginator-page {
5702 margin-left: -1px;
5703}
5704.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
5705 border-color: #4F46E5;
5706 margin-right: 1px;
5707}
5708.p-paginator .p-paginator-current {
5709 border: 0 none;
5710}
5711
5712.p-button:focus {
5713 box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0);
5714}
5715.p-button.p-button-secondary:enabled:focus {
5716 box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #64748B, 0 1px 2px 0 rgba(0, 0, 0, 0);
5717}
5718.p-button.p-button-success:enabled:focus {
5719 box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #22C55E, 0 1px 2px 0 rgba(0, 0, 0, 0);
5720}
5721.p-button.p-button-info:enabled:focus {
5722 box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #3B82F6, 0 1px 2px 0 rgba(0, 0, 0, 0);
5723}
5724.p-button.p-button-warning:enabled:focus {
5725 box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #F59E0B, 0 1px 2px 0 rgba(0, 0, 0, 0);
5726}
5727.p-button.p-button-help:enabled:focus {
5728 box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #A855F7, 0 1px 2px 0 rgba(0, 0, 0, 0);
5729}
5730.p-button.p-button-danger:enabled:focus {
5731 box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #EF4444, 0 1px 2px 0 rgba(0, 0, 0, 0);
5732}
5733
5734.p-checkbox .p-checkbox-box {
5735 border-radius: 0.25rem;
5736}
5737.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
5738 box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0);
5739}
5740
5741.p-radiobutton:not(.p-radiobutton-disabled) .p-radiobutton-box.p-focus {
5742 box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366F1, 0 1px 2px 0 rgba(0, 0, 0, 0);
5743}
Note: See TracBrowser for help on using the repository browser.