source: trip-planner-front/node_modules/primeng/resources/themes/fluent-light/theme.css@ 59329aa

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

adding photos

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