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

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

adding photos

  • Property mode set to 100644
File size: 155.1 KB
Line 
1:root {
2 --surface-a:#ffffff;
3 --surface-b:#f8f9fa;
4 --surface-c:#e9ecef;
5 --surface-d:#dee2e6;
6 --surface-e:#ffffff;
7 --surface-f:#ffffff;
8 --text-color:#495057;
9 --text-color-secondary:#6c757d;
10 --primary-color:#2196F3;
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: #FAFAFA;
15 --surface-100: #F5F5F5;
16 --surface-200: #EEEEEE;
17 --surface-300: #E0E0E0;
18 --surface-400: #BDBDBD;
19 --surface-500: #9E9E9E;
20 --surface-600: #757575;
21 --surface-700: #616161;
22 --surface-800: #424242;
23 --surface-900: #212121;
24 --gray-50: #FAFAFA;
25 --gray-100: #F5F5F5;
26 --gray-200: #EEEEEE;
27 --gray-300: #E0E0E0;
28 --gray-400: #BDBDBD;
29 --gray-500: #9E9E9E;
30 --gray-600: #757575;
31 --gray-700: #616161;
32 --gray-800: #424242;
33 --gray-900: #212121;
34 --content-padding:1rem;
35 --inline-spacing:0.5rem;
36 --border-radius:3px;
37 --surface-ground:#f8f9fa;
38 --surface-section:#ffffff;
39 --surface-card:#ffffff;
40 --surface-overlay:#ffffff;
41 --surface-border:#dee2e6;
42 --surface-hover: #e9ecef;
43 --maskbg: rgba(0, 0, 0, 0.4);
44 --focus-ring: 0 0 0 0.2rem #a6d5fa;
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: #f44336;
68}
69
70.p-text-secondary {
71 color: #6c757d;
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: 3px;
82}
83.p-link:focus {
84 outline: 0 none;
85 outline-offset: 0;
86 box-shadow: 0 0 0 0.2rem #a6d5fa;
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:#f4fafe;
116 --blue-100:#cae6fc;
117 --blue-200:#a0d2fa;
118 --blue-300:#75bef8;
119 --blue-400:#4baaf5;
120 --blue-500:#2196f3;
121 --blue-600:#1c80cf;
122 --blue-700:#1769aa;
123 --blue-800:#125386;
124 --blue-900:#0d3c61;
125 --green-50:#f6fbf6;
126 --green-100:#d4ecd5;
127 --green-200:#b2ddb4;
128 --green-300:#90cd93;
129 --green-400:#6ebe71;
130 --green-500:#4caf50;
131 --green-600:#419544;
132 --green-700:#357b38;
133 --green-800:#2a602c;
134 --green-900:#1e4620;
135 --yellow-50:#fffcf5;
136 --yellow-100:#fef0cd;
137 --yellow-200:#fde4a5;
138 --yellow-300:#fdd87d;
139 --yellow-400:#fccc55;
140 --yellow-500:#fbc02d;
141 --yellow-600:#d5a326;
142 --yellow-700:#b08620;
143 --yellow-800:#8a6a19;
144 --yellow-900:#644d12;
145 --cyan-50:#f2fcfd;
146 --cyan-100:#c2eff5;
147 --cyan-200:#91e2ed;
148 --cyan-300:#61d5e4;
149 --cyan-400:#30c9dc;
150 --cyan-500:#00bcd4;
151 --cyan-600:#00a0b4;
152 --cyan-700:#008494;
153 --cyan-800:#006775;
154 --cyan-900:#004b55;
155 --pink-50:#fef4f7;
156 --pink-100:#fac9da;
157 --pink-200:#f69ebc;
158 --pink-300:#f1749e;
159 --pink-400:#ed4981;
160 --pink-500:#e91e63;
161 --pink-600:#c61a54;
162 --pink-700:#a31545;
163 --pink-800:#801136;
164 --pink-900:#5d0c28;
165 --indigo-50:#f5f6fb;
166 --indigo-100:#d1d5ed;
167 --indigo-200:#acb4df;
168 --indigo-300:#8893d1;
169 --indigo-400:#6372c3;
170 --indigo-500:#3f51b5;
171 --indigo-600:#36459a;
172 --indigo-700:#2c397f;
173 --indigo-800:#232d64;
174 --indigo-900:#192048;
175 --teal-50:#f2faf9;
176 --teal-100:#c2e6e2;
177 --teal-200:#91d2cc;
178 --teal-300:#61beb5;
179 --teal-400:#30aa9f;
180 --teal-500:#009688;
181 --teal-600:#008074;
182 --teal-700:#00695f;
183 --teal-800:#00534b;
184 --teal-900:#003c36;
185 --orange-50:#fff8f2;
186 --orange-100:#fde0c2;
187 --orange-200:#fbc791;
188 --orange-300:#f9ae61;
189 --orange-400:#f79530;
190 --orange-500:#f57c00;
191 --orange-600:#d06900;
192 --orange-700:#ac5700;
193 --orange-800:#874400;
194 --orange-900:#623200;
195 --bluegray-50:#f7f9f9;
196 --bluegray-100:#d9e0e3;
197 --bluegray-200:#bbc7cd;
198 --bluegray-300:#9caeb7;
199 --bluegray-400:#7e96a1;
200 --bluegray-500:#607d8b;
201 --bluegray-600:#526a76;
202 --bluegray-700:#435861;
203 --bluegray-800:#35454c;
204 --bluegray-900:#263238;
205 --purple-50:#faf4fb;
206 --purple-100:#e7cbec;
207 --purple-200:#d4a2dd;
208 --purple-300:#c279ce;
209 --purple-400:#af50bf;
210 --purple-500:#9c27b0;
211 --purple-600:#852196;
212 --purple-700:#6d1b7b;
213 --purple-800:#561561;
214 --purple-900:#3e1046;
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: #2196F3;
228}
229.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
230 outline: 0 none;
231 outline-offset: 0;
232 box-shadow: 0 0 0 0.2rem #a6d5fa;
233 border-color: #2196F3;
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: #495057;
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: #E3F2FD;
249 color: #495057;
250 border-radius: 3px;
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: #f44336;
258}
259
260.p-autocomplete-panel {
261 background: #ffffff;
262 color: #495057;
263 border: 0 none;
264 border-radius: 3px;
265 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);
266}
267.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) {
268 padding: 0.5rem 0;
269}
270.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper {
271 padding: 0.5rem 0;
272}
273.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
274 margin: 0;
275 padding: 0.5rem 1rem;
276 border: 0 none;
277 color: #495057;
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: #495057;
284 background: #e9ecef;
285}
286.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
287 color: #495057;
288 background: #E3F2FD;
289}
290.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
291 padding: 0.5rem 1rem;
292 color: #495057;
293 background: transparent;
294}
295.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
296 margin: 0;
297 padding: 0.75rem 1rem;
298 color: #495057;
299 background: #ffffff;
300 font-weight: 600;
301}
302
303p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
304 border-color: #f44336;
305}
306
307.p-datepicker {
308 padding: 0.5rem;
309 background: #ffffff;
310 color: #495057;
311 border: 1px solid #ced4da;
312 border-radius: 3px;
313}
314.p-datepicker:not(.p-datepicker-inline) {
315 background: #ffffff;
316 border: 0 none;
317 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);
318}
319.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
320 background: #ffffff;
321}
322.p-datepicker .p-datepicker-header {
323 padding: 0.5rem;
324 color: #495057;
325 background: #ffffff;
326 font-weight: 600;
327 margin: 0;
328 border-bottom: 1px solid #dee2e6;
329 border-top-right-radius: 3px;
330 border-top-left-radius: 3px;
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: #6c757d;
337 border: 0 none;
338 background: transparent;
339 border-radius: 50%;
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: #495057;
345 border-color: transparent;
346 background: #e9ecef;
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: 0 0 0 0.2rem #a6d5fa;
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: 0 0 0 0.2rem #a6d5fa;
364 border-color: #2196F3;
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.5rem 0;
372}
373.p-datepicker table th {
374 padding: 0.5rem;
375}
376.p-datepicker table th > span {
377 width: 2.5rem;
378 height: 2.5rem;
379}
380.p-datepicker table td {
381 padding: 0.5rem;
382}
383.p-datepicker table td > span {
384 width: 2.5rem;
385 height: 2.5rem;
386 border-radius: 50%;
387 transition: box-shadow 0.2s;
388 border: 1px solid transparent;
389}
390.p-datepicker table td > span.p-highlight {
391 color: #495057;
392 background: #E3F2FD;
393}
394.p-datepicker table td > span:focus {
395 outline: 0 none;
396 outline-offset: 0;
397 box-shadow: 0 0 0 0.2rem #a6d5fa;
398}
399.p-datepicker table td.p-datepicker-today > span {
400 background: #ced4da;
401 color: #495057;
402 border-color: transparent;
403}
404.p-datepicker table td.p-datepicker-today > span.p-highlight {
405 color: #495057;
406 background: #E3F2FD;
407}
408.p-datepicker .p-datepicker-buttonbar {
409 padding: 1rem 0;
410 border-top: 1px solid #dee2e6;
411}
412.p-datepicker .p-datepicker-buttonbar .p-button {
413 width: auto;
414}
415.p-datepicker .p-timepicker {
416 border-top: 1px solid #dee2e6;
417 padding: 0.5rem;
418}
419.p-datepicker .p-timepicker button {
420 width: 2rem;
421 height: 2rem;
422 color: #6c757d;
423 border: 0 none;
424 background: transparent;
425 border-radius: 50%;
426 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
427}
428.p-datepicker .p-timepicker button:enabled:hover {
429 color: #495057;
430 border-color: transparent;
431 background: #e9ecef;
432}
433.p-datepicker .p-timepicker button:focus {
434 outline: 0 none;
435 outline-offset: 0;
436 box-shadow: 0 0 0 0.2rem #a6d5fa;
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.5rem 0;
452}
453.p-datepicker .p-monthpicker .p-monthpicker-month {
454 padding: 0.5rem;
455 transition: box-shadow 0.2s;
456 border-radius: 3px;
457}
458.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
459 color: #495057;
460 background: #E3F2FD;
461}
462.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
463 border-right: 1px solid #dee2e6;
464 padding-right: 0.5rem;
465 padding-left: 0.5rem;
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: #e9ecef;
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: 0 0 0 0.2rem #a6d5fa;
483}
484.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
485 background: #e9ecef;
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: 0 0 0 0.2rem #a6d5fa;
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 #ced4da;
501 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
502 border-radius: 3px;
503}
504.p-cascadeselect:not(.p-disabled):hover {
505 border-color: #2196F3;
506}
507.p-cascadeselect:not(.p-disabled).p-focus {
508 outline: 0 none;
509 outline-offset: 0;
510 box-shadow: 0 0 0 0.2rem #a6d5fa;
511 border-color: #2196F3;
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: #6c757d;
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: #6c757d;
528 width: 2.357rem;
529 border-top-right-radius: 3px;
530 border-bottom-right-radius: 3px;
531}
532
533.p-cascadeselect-panel {
534 background: #ffffff;
535 color: #495057;
536 border: 0 none;
537 border-radius: 3px;
538 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);
539}
540.p-cascadeselect-panel .p-cascadeselect-items {
541 padding: 0.5rem 0;
542}
543.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
544 margin: 0;
545 border: 0 none;
546 color: #495057;
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.5rem 1rem;
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 0.15rem #a6d5fa;
558}
559.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
560 color: #495057;
561 background: #E3F2FD;
562}
563.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
564 color: #495057;
565 background: #e9ecef;
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: #f44336;
573}
574
575.p-input-filled .p-cascadeselect {
576 background: #f8f9fa;
577}
578.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
579 background-color: #f8f9fa;
580}
581.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
582 background-color: #ffffff;
583}
584
585.p-checkbox {
586 width: 20px;
587 height: 20px;
588}
589.p-checkbox .p-checkbox-box {
590 border: 2px solid #ced4da;
591 background: #ffffff;
592 width: 20px;
593 height: 20px;
594 color: #495057;
595 border-radius: 3px;
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: #2196F3;
605 background: #2196F3;
606}
607.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
608 border-color: #2196F3;
609}
610.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
611 outline: 0 none;
612 outline-offset: 0;
613 box-shadow: 0 0 0 0.2rem #a6d5fa;
614 border-color: #2196F3;
615}
616.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
617 border-color: #0b7ad1;
618 background: #0b7ad1;
619 color: #ffffff;
620}
621
622p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
623 border-color: #f44336;
624}
625
626.p-input-filled .p-checkbox .p-checkbox-box {
627 background-color: #f8f9fa;
628}
629.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
630 background: #2196F3;
631}
632.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
633 background-color: #f8f9fa;
634}
635.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
636 background: #0b7ad1;
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: #2196F3;
648}
649.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
650 outline: 0 none;
651 outline-offset: 0;
652 box-shadow: 0 0 0 0.2rem #a6d5fa;
653 border-color: #2196F3;
654}
655.p-chips .p-chips-multiple-container .p-chips-token {
656 padding: 0.25rem 0.5rem;
657 margin-right: 0.5rem;
658 background: #E3F2FD;
659 color: #495057;
660 border-radius: 3px;
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: #495057;
672 padding: 0;
673 margin: 0;
674}
675
676p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
677 border-color: #f44336;
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: 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);
697}
698
699.p-dropdown {
700 background: #ffffff;
701 border: 1px solid #ced4da;
702 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
703 border-radius: 3px;
704}
705.p-dropdown:not(.p-disabled):hover {
706 border-color: #2196F3;
707}
708.p-dropdown:not(.p-disabled).p-focus {
709 outline: 0 none;
710 outline-offset: 0;
711 box-shadow: 0 0 0 0.2rem #a6d5fa;
712 border-color: #2196F3;
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: #6c757d;
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: #6c757d;
731 width: 2.357rem;
732 border-top-right-radius: 3px;
733 border-bottom-right-radius: 3px;
734}
735.p-dropdown .p-dropdown-clear-icon {
736 color: #6c757d;
737 right: 2.357rem;
738}
739
740.p-dropdown-panel {
741 background: #ffffff;
742 color: #495057;
743 border: 0 none;
744 border-radius: 3px;
745 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);
746}
747.p-dropdown-panel .p-dropdown-header {
748 padding: 0.5rem 1rem;
749 border-bottom: 0 none;
750 color: #495057;
751 background: #f8f9fa;
752 margin: 0;
753 border-top-right-radius: 3px;
754 border-top-left-radius: 3px;
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: #6c757d;
763}
764.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) {
765 padding: 0.5rem 0;
766}
767.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper {
768 padding: 0.5rem 0;
769}
770.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
771 margin: 0;
772 padding: 0.5rem 1rem;
773 border: 0 none;
774 color: #495057;
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: #495057;
781 background: #E3F2FD;
782}
783.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
784 color: #495057;
785 background: #e9ecef;
786}
787.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
788 padding: 0.5rem 1rem;
789 color: #495057;
790 background: transparent;
791}
792.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
793 margin: 0;
794 padding: 0.75rem 1rem;
795 color: #495057;
796 background: #ffffff;
797 font-weight: 600;
798}
799
800p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
801 border-color: #f44336;
802}
803
804.p-input-filled .p-dropdown {
805 background: #f8f9fa;
806}
807.p-input-filled .p-dropdown:not(.p-disabled):hover {
808 background-color: #f8f9fa;
809}
810.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
811 background-color: #ffffff;
812}
813
814.p-editor-container .p-editor-toolbar {
815 background: #f8f9fa;
816 border-top-right-radius: 3px;
817 border-top-left-radius: 3px;
818}
819.p-editor-container .p-editor-toolbar.ql-snow {
820 border: 1px solid #dee2e6;
821}
822.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
823 stroke: #6c757d;
824}
825.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
826 fill: #6c757d;
827}
828.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
829 border: 0 none;
830 color: #6c757d;
831}
832.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
833 color: #495057;
834}
835.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
836 stroke: #495057;
837}
838.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
839 fill: #495057;
840}
841.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
842 color: #495057;
843}
844.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
845 stroke: #495057;
846}
847.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
848 fill: #495057;
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: 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);
854 border-radius: 3px;
855 padding: 0.5rem 0;
856}
857.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
858 color: #495057;
859}
860.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
861 color: #495057;
862 background: #e9ecef;
863}
864.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
865 padding: 0.5rem 1rem;
866}
867.p-editor-container .p-editor-content {
868 border-bottom-right-radius: 3px;
869 border-bottom-left-radius: 3px;
870}
871.p-editor-container .p-editor-content.ql-snow {
872 border: 1px solid #dee2e6;
873}
874.p-editor-container .p-editor-content .ql-editor {
875 background: #ffffff;
876 color: #495057;
877 border-bottom-right-radius: 3px;
878 border-bottom-left-radius: 3px;
879}
880.p-editor-container .ql-snow.ql-toolbar button:hover,
881.p-editor-container .ql-snow.ql-toolbar button:focus {
882 color: #495057;
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: #495057;
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: #495057;
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: #2196F3;
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: #2196F3;
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: #2196F3;
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: #2196F3;
911}
912
913.p-inputgroup-addon {
914 background: #e9ecef;
915 color: #6c757d;
916 border-top: 1px solid #ced4da;
917 border-left: 1px solid #ced4da;
918 border-bottom: 1px solid #ced4da;
919 padding: 0.5rem 0.5rem;
920 min-width: 2.357rem;
921}
922.p-inputgroup-addon:last-child {
923 border-right: 1px solid #ced4da;
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: 3px;
958 border-bottom-left-radius: 3px;
959}
960
961.p-inputgroup .p-float-label:first-child input {
962 border-top-left-radius: 3px;
963 border-bottom-left-radius: 3px;
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: 3px;
972 border-bottom-right-radius: 3px;
973}
974
975.p-inputgroup .p-float-label:last-child input {
976 border-top-right-radius: 3px;
977 border-bottom-right-radius: 3px;
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: #f44336;
989}
990
991p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
992 border-color: #f44336;
993}
994
995.p-inputswitch {
996 width: 3rem;
997 height: 1.75rem;
998}
999.p-inputswitch .p-inputswitch-slider {
1000 background: #ced4da;
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: #ffffff;
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: 0 0 0 0.2rem #a6d5fa;
1020}
1021.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
1022 background: #b6bfc8;
1023}
1024.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
1025 background: #2196F3;
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: #0d89ec;
1032}
1033
1034p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1035 border-color: #f44336;
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: #495057;
1042 background: #ffffff;
1043 padding: 0.5rem 0.5rem;
1044 border: 1px solid #ced4da;
1045 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1046 appearance: none;
1047 border-radius: 3px;
1048}
1049.p-inputtext:enabled:hover {
1050 border-color: #2196F3;
1051}
1052.p-inputtext:enabled:focus {
1053 outline: 0 none;
1054 outline-offset: 0;
1055 box-shadow: 0 0 0 0.2rem #a6d5fa;
1056 border-color: #2196F3;
1057}
1058.p-inputtext.ng-dirty.ng-invalid {
1059 border-color: #f44336;
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: #6c757d;
1073 transition-duration: 0.2s;
1074}
1075
1076.p-float-label > .ng-invalid.ng-dirty + label {
1077 color: #f44336;
1078}
1079
1080.p-input-icon-left > i:first-of-type {
1081 left: 0.5rem;
1082 color: #6c757d;
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: #6c757d;
1096}
1097
1098.p-input-icon-right > .p-inputtext {
1099 padding-right: 2rem;
1100}
1101
1102::-webkit-input-placeholder {
1103 color: #6c757d;
1104}
1105
1106:-moz-placeholder {
1107 color: #6c757d;
1108}
1109
1110::-moz-placeholder {
1111 color: #6c757d;
1112}
1113
1114:-ms-input-placeholder {
1115 color: #6c757d;
1116}
1117
1118.p-input-filled .p-inputtext {
1119 background-color: #f8f9fa;
1120}
1121.p-input-filled .p-inputtext:enabled:hover {
1122 background-color: #f8f9fa;
1123}
1124.p-input-filled .p-inputtext:enabled:focus {
1125 background-color: #ffffff;
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: #495057;
1141 border: 1px solid #ced4da;
1142 border-radius: 3px;
1143}
1144.p-listbox .p-listbox-header {
1145 padding: 0.5rem 1rem;
1146 border-bottom: 0 none;
1147 color: #495057;
1148 background: #f8f9fa;
1149 margin: 0;
1150 border-top-right-radius: 3px;
1151 border-top-left-radius: 3px;
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: #6c757d;
1159}
1160.p-listbox .p-listbox-header .p-checkbox {
1161 margin-right: 0.5rem;
1162}
1163.p-listbox .p-listbox-list {
1164 padding: 0.5rem 0;
1165}
1166.p-listbox .p-listbox-list .p-listbox-item {
1167 margin: 0;
1168 padding: 0.5rem 1rem;
1169 border: 0 none;
1170 color: #495057;
1171 transition: box-shadow 0.2s;
1172 border-radius: 0;
1173}
1174.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
1175 color: #495057;
1176 background: #E3F2FD;
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 0.15rem #a6d5fa;
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 1rem;
1189 color: #495057;
1190 background: #ffffff;
1191 font-weight: 600;
1192}
1193.p-listbox .p-listbox-list .p-listbox-empty-message {
1194 padding: 0.5rem 1rem;
1195 color: #495057;
1196 background: transparent;
1197}
1198.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
1199 color: #495057;
1200 background: #e9ecef;
1201}
1202
1203p-listbox.ng-dirty.ng-invalid > .p-listbox {
1204 border-color: #f44336;
1205}
1206
1207.p-multiselect {
1208 background: #ffffff;
1209 border: 1px solid #ced4da;
1210 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1211 border-radius: 3px;
1212}
1213.p-multiselect:not(.p-disabled):hover {
1214 border-color: #2196F3;
1215}
1216.p-multiselect:not(.p-disabled).p-focus {
1217 outline: 0 none;
1218 outline-offset: 0;
1219 box-shadow: 0 0 0 0.2rem #a6d5fa;
1220 border-color: #2196F3;
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: #6c757d;
1228}
1229.p-multiselect.p-multiselect-chip .p-multiselect-token {
1230 padding: 0.25rem 0.5rem;
1231 margin-right: 0.5rem;
1232 background: #E3F2FD;
1233 color: #495057;
1234 border-radius: 3px;
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: #6c757d;
1242 width: 2.357rem;
1243 border-top-right-radius: 3px;
1244 border-bottom-right-radius: 3px;
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: #495057;
1254 border: 0 none;
1255 border-radius: 3px;
1256 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);
1257}
1258.p-multiselect-panel .p-multiselect-header {
1259 padding: 0.5rem 1rem;
1260 border-bottom: 0 none;
1261 color: #495057;
1262 background: #f8f9fa;
1263 margin: 0;
1264 border-top-right-radius: 3px;
1265 border-top-left-radius: 3px;
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: #6c757d;
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: #6c757d;
1282 border: 0 none;
1283 background: transparent;
1284 border-radius: 50%;
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: #495057;
1289 border-color: transparent;
1290 background: #e9ecef;
1291}
1292.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
1293 outline: 0 none;
1294 outline-offset: 0;
1295 box-shadow: 0 0 0 0.2rem #a6d5fa;
1296}
1297.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) {
1298 padding: 0.5rem 0;
1299}
1300.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper {
1301 padding: 0.5rem 0;
1302}
1303.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
1304 margin: 0;
1305 padding: 0.5rem 1rem;
1306 border: 0 none;
1307 color: #495057;
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: #495057;
1314 background: #E3F2FD;
1315}
1316.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
1317 color: #495057;
1318 background: #e9ecef;
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 0.15rem #a6d5fa;
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 1rem;
1331 color: #495057;
1332 background: #ffffff;
1333 font-weight: 600;
1334}
1335.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
1336 padding: 0.5rem 1rem;
1337 color: #495057;
1338 background: transparent;
1339}
1340
1341p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
1342 border-color: #f44336;
1343}
1344
1345.p-input-filled .p-multiselect {
1346 background: #f8f9fa;
1347}
1348.p-input-filled .p-multiselect:not(.p-disabled):hover {
1349 background-color: #f8f9fa;
1350}
1351.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
1352 background-color: #ffffff;
1353}
1354
1355p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
1356 border-color: #f44336;
1357}
1358
1359.p-password-panel {
1360 padding: 1rem;
1361 background: #ffffff;
1362 color: #495057;
1363 border: 0 none;
1364 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);
1365 border-radius: 3px;
1366}
1367.p-password-panel .p-password-meter {
1368 margin-bottom: 0.5rem;
1369 background: #dee2e6;
1370}
1371.p-password-panel .p-password-meter .p-password-strength.weak {
1372 background: #D32F2F;
1373}
1374.p-password-panel .p-password-meter .p-password-strength.medium {
1375 background: #FBC02D;
1376}
1377.p-password-panel .p-password-meter .p-password-strength.strong {
1378 background: #689F38;
1379}
1380
1381.p-radiobutton {
1382 width: 20px;
1383 height: 20px;
1384}
1385.p-radiobutton .p-radiobutton-box {
1386 border: 2px solid #ced4da;
1387 background: #ffffff;
1388 width: 20px;
1389 height: 20px;
1390 color: #495057;
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: #2196F3;
1396}
1397.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
1398 outline: 0 none;
1399 outline-offset: 0;
1400 box-shadow: 0 0 0 0.2rem #a6d5fa;
1401 border-color: #2196F3;
1402}
1403.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
1404 width: 12px;
1405 height: 12px;
1406 transition-duration: 0.2s;
1407 background-color: #ffffff;
1408}
1409.p-radiobutton .p-radiobutton-box.p-highlight {
1410 border-color: #2196F3;
1411 background: #2196F3;
1412}
1413.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1414 border-color: #0b7ad1;
1415 background: #0b7ad1;
1416 color: #ffffff;
1417}
1418
1419p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1420 border-color: #f44336;
1421}
1422
1423.p-input-filled .p-radiobutton .p-radiobutton-box {
1424 background-color: #f8f9fa;
1425}
1426.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
1427 background-color: #f8f9fa;
1428}
1429.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
1430 background: #2196F3;
1431}
1432.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1433 background: #0b7ad1;
1434}
1435
1436.p-radiobutton-label {
1437 margin-left: 0.5rem;
1438}
1439
1440.p-rating .p-rating-icon {
1441 color: #495057;
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: #e74c3c;
1448}
1449.p-rating .p-rating-icon:focus {
1450 outline: 0 none;
1451 outline-offset: 0;
1452 box-shadow: 0 0 0 0.2rem #a6d5fa;
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: #2196F3;
1459}
1460.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1461 color: #2196F3;
1462}
1463.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1464 color: #c0392b;
1465}
1466
1467.p-selectbutton .p-button {
1468 background: #ffffff;
1469 border: 1px solid #ced4da;
1470 color: #495057;
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: #6c757d;
1476}
1477.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
1478 background: #e9ecef;
1479 border-color: #ced4da;
1480 color: #495057;
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: #6c757d;
1485}
1486.p-selectbutton .p-button.p-highlight {
1487 background: #2196F3;
1488 border-color: #2196F3;
1489 color: #ffffff;
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: #ffffff;
1494}
1495.p-selectbutton .p-button.p-highlight:hover {
1496 background: #0d89ec;
1497 border-color: #0d89ec;
1498 color: #ffffff;
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: #ffffff;
1503}
1504
1505p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1506 border-color: #f44336;
1507}
1508
1509.p-slider {
1510 background: #dee2e6;
1511 border: 0 none;
1512 border-radius: 3px;
1513}
1514.p-slider.p-slider-horizontal {
1515 height: 0.286rem;
1516}
1517.p-slider.p-slider-horizontal .p-slider-handle {
1518 margin-top: -0.5715rem;
1519 margin-left: -0.5715rem;
1520}
1521.p-slider.p-slider-vertical {
1522 width: 0.286rem;
1523}
1524.p-slider.p-slider-vertical .p-slider-handle {
1525 margin-left: -0.5715rem;
1526 margin-bottom: -0.5715rem;
1527}
1528.p-slider .p-slider-handle {
1529 height: 1.143rem;
1530 width: 1.143rem;
1531 background: #ffffff;
1532 border: 2px solid #2196F3;
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: 0 0 0 0.2rem #a6d5fa;
1540}
1541.p-slider .p-slider-range {
1542 background: #2196F3;
1543}
1544.p-slider:not(.p-disabled) .p-slider-handle:hover {
1545 background: #2196F3;
1546 border-color: #2196F3;
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 #ced4da;
1564 color: #495057;
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: #6c757d;
1570}
1571.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
1572 background: #e9ecef;
1573 border-color: #ced4da;
1574 color: #495057;
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: #6c757d;
1579}
1580.p-togglebutton.p-button.p-highlight {
1581 background: #2196F3;
1582 border-color: #2196F3;
1583 color: #ffffff;
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: #ffffff;
1588}
1589.p-togglebutton.p-button.p-highlight:hover {
1590 background: #0d89ec;
1591 border-color: #0d89ec;
1592 color: #ffffff;
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: #ffffff;
1597}
1598
1599p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
1600 border-color: #f44336;
1601}
1602
1603.p-treeselect {
1604 background: #ffffff;
1605 border: 1px solid #ced4da;
1606 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1607 border-radius: 3px;
1608}
1609.p-treeselect:not(.p-disabled):hover {
1610 border-color: #2196F3;
1611}
1612.p-treeselect:not(.p-disabled).p-focus {
1613 outline: 0 none;
1614 outline-offset: 0;
1615 box-shadow: 0 0 0 0.2rem #a6d5fa;
1616 border-color: #2196F3;
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: #6c757d;
1624}
1625.p-treeselect.p-treeselect-chip .p-treeselect-token {
1626 padding: 0.25rem 0.5rem;
1627 margin-right: 0.5rem;
1628 background: #dee2e6;
1629 color: #495057;
1630 border-radius: 16px;
1631}
1632.p-treeselect .p-treeselect-trigger {
1633 background: transparent;
1634 color: #6c757d;
1635 width: 2.357rem;
1636 border-top-right-radius: 3px;
1637 border-bottom-right-radius: 3px;
1638}
1639
1640p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
1641 border-color: #f44336;
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: #495057;
1651 border: 0 none;
1652 border-radius: 3px;
1653 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);
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.5rem 1rem;
1660 color: #495057;
1661 background: transparent;
1662}
1663
1664.p-input-filled .p-treeselect {
1665 background: #f8f9fa;
1666}
1667.p-input-filled .p-treeselect:not(.p-disabled):hover {
1668 background-color: #f8f9fa;
1669}
1670.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
1671 background-color: #ffffff;
1672}
1673
1674.p-button {
1675 color: #ffffff;
1676 background: #2196F3;
1677 border: 1px solid #2196F3;
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: 3px;
1682}
1683.p-button:enabled:hover {
1684 background: #0d89ec;
1685 color: #ffffff;
1686 border-color: #0d89ec;
1687}
1688.p-button:enabled:active {
1689 background: #0b7ad1;
1690 color: #ffffff;
1691 border-color: #0b7ad1;
1692}
1693.p-button.p-button-outlined {
1694 background-color: transparent;
1695 color: #2196F3;
1696 border: 1px solid;
1697}
1698.p-button.p-button-outlined:enabled:hover {
1699 background: rgba(33, 150, 243, 0.04);
1700 color: #2196F3;
1701 border: 1px solid;
1702}
1703.p-button.p-button-outlined:enabled:active {
1704 background: rgba(33, 150, 243, 0.16);
1705 color: #2196F3;
1706 border: 1px solid;
1707}
1708.p-button.p-button-outlined.p-button-plain {
1709 color: #6c757d;
1710 border-color: #6c757d;
1711}
1712.p-button.p-button-outlined.p-button-plain:enabled:hover {
1713 background: #e9ecef;
1714 color: #6c757d;
1715}
1716.p-button.p-button-outlined.p-button-plain:enabled:active {
1717 background: #dee2e6;
1718 color: #6c757d;
1719}
1720.p-button.p-button-text {
1721 background-color: transparent;
1722 color: #2196F3;
1723 border-color: transparent;
1724}
1725.p-button.p-button-text:enabled:hover {
1726 background: rgba(33, 150, 243, 0.04);
1727 color: #2196F3;
1728 border-color: transparent;
1729}
1730.p-button.p-button-text:enabled:active {
1731 background: rgba(33, 150, 243, 0.16);
1732 color: #2196F3;
1733 border-color: transparent;
1734}
1735.p-button.p-button-text.p-button-plain {
1736 color: #6c757d;
1737}
1738.p-button.p-button-text.p-button-plain:enabled:hover {
1739 background: #e9ecef;
1740 color: #6c757d;
1741}
1742.p-button.p-button-text.p-button-plain:enabled:active {
1743 background: #dee2e6;
1744 color: #6c757d;
1745}
1746.p-button:focus {
1747 outline: 0 none;
1748 outline-offset: 0;
1749 box-shadow: 0 0 0 0.2rem #a6d5fa;
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: #2196F3;
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: #607D8B;
1826 border: 1px solid #607D8B;
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: #56717d;
1830 color: #ffffff;
1831 border-color: #56717d;
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 #beccd2;
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: #4d646f;
1838 color: #ffffff;
1839 border-color: #4d646f;
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: #607D8B;
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(96, 125, 139, 0.04);
1848 color: #607D8B;
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(96, 125, 139, 0.16);
1853 color: #607D8B;
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: #607D8B;
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(96, 125, 139, 0.04);
1863 border-color: transparent;
1864 color: #607D8B;
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(96, 125, 139, 0.16);
1868 border-color: transparent;
1869 color: #607D8B;
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: #0288D1;
1875 border: 1px solid #0288D1;
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: #027abc;
1879 color: #ffffff;
1880 border-color: #027abc;
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 #89d4fe;
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: #026da7;
1887 color: #ffffff;
1888 border-color: #026da7;
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: #0288D1;
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(2, 136, 209, 0.04);
1897 color: #0288D1;
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(2, 136, 209, 0.16);
1902 color: #0288D1;
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: #0288D1;
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(2, 136, 209, 0.04);
1912 border-color: transparent;
1913 color: #0288D1;
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(2, 136, 209, 0.16);
1917 border-color: transparent;
1918 color: #0288D1;
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: #689F38;
1924 border: 1px solid #689F38;
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: #5e8f32;
1928 color: #ffffff;
1929 border-color: #5e8f32;
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 #c2e0a8;
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: #537f2d;
1936 color: #ffffff;
1937 border-color: #537f2d;
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: #689F38;
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(104, 159, 56, 0.04);
1946 color: #689F38;
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(104, 159, 56, 0.16);
1951 color: #689F38;
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: #689F38;
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(104, 159, 56, 0.04);
1961 border-color: transparent;
1962 color: #689F38;
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(104, 159, 56, 0.16);
1966 border-color: transparent;
1967 color: #689F38;
1968}
1969
1970.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
1971 color: #212529;
1972 background: #FBC02D;
1973 border: 1px solid #FBC02D;
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: #fab710;
1977 color: #212529;
1978 border-color: #fab710;
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 #fde6ab;
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: #e8a704;
1985 color: #212529;
1986 border-color: #e8a704;
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: #FBC02D;
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(251, 192, 45, 0.04);
1995 color: #FBC02D;
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(251, 192, 45, 0.16);
2000 color: #FBC02D;
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: #FBC02D;
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(251, 192, 45, 0.04);
2010 border-color: transparent;
2011 color: #FBC02D;
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(251, 192, 45, 0.16);
2015 border-color: transparent;
2016 color: #FBC02D;
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: #9C27B0;
2022 border: 1px solid #9C27B0;
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: #8c239e;
2026 color: #ffffff;
2027 border-color: #8c239e;
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 #df9eea;
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: #7d1f8d;
2034 color: #ffffff;
2035 border-color: #7d1f8d;
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: #9C27B0;
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(156, 39, 176, 0.04);
2044 color: #9C27B0;
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(156, 39, 176, 0.16);
2049 color: #9C27B0;
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: #9C27B0;
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(156, 39, 176, 0.04);
2059 border-color: transparent;
2060 color: #9C27B0;
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(156, 39, 176, 0.16);
2064 border-color: transparent;
2065 color: #9C27B0;
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: #D32F2F;
2071 border: 1px solid #D32F2F;
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: #c02929;
2075 color: #ffffff;
2076 border-color: #c02929;
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 #edacac;
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: #aa2424;
2083 color: #ffffff;
2084 border-color: #aa2424;
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: #D32F2F;
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(211, 47, 47, 0.04);
2093 color: #D32F2F;
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(211, 47, 47, 0.16);
2098 color: #D32F2F;
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: #D32F2F;
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(211, 47, 47, 0.04);
2108 border-color: transparent;
2109 color: #D32F2F;
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(211, 47, 47, 0.16);
2113 border-color: transparent;
2114 color: #D32F2F;
2115}
2116
2117.p-button.p-button-link {
2118 color: #0b7ad1;
2119 background: transparent;
2120 border: transparent;
2121}
2122.p-button.p-button-link:enabled:hover {
2123 background: transparent;
2124 color: #0b7ad1;
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 0.2rem #a6d5fa;
2133 border-color: transparent;
2134}
2135.p-button.p-button-link:enabled:active {
2136 background: transparent;
2137 color: #0b7ad1;
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: #495057;
2153 color: #fff;
2154}
2155.p-speeddial-action:hover {
2156 background: #343a40;
2157 color: #fff;
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: #6c757d;
2210 border: 0 none;
2211 background: transparent;
2212 border-radius: 50%;
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: #495057;
2219 border-color: transparent;
2220 background: #e9ecef;
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: 0 0 0 0.2rem #a6d5fa;
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: #e9ecef;
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: #dee2e6;
2244}
2245.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
2246 background: #E3F2FD;
2247 color: #495057;
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: #f8f9fa;
2260 color: #495057;
2261 border: 1px solid #e9ecef;
2262 border-width: 1px 0 1px 0;
2263 padding: 1rem 1rem;
2264 font-weight: 600;
2265}
2266.p-datatable .p-datatable-footer {
2267 background: #f8f9fa;
2268 color: #495057;
2269 border: 1px solid #e9ecef;
2270 border-width: 0 0 1px 0;
2271 padding: 1rem 1rem;
2272 font-weight: 600;
2273}
2274.p-datatable .p-datatable-thead > tr > th {
2275 text-align: left;
2276 padding: 1rem 1rem;
2277 border: 1px solid #e9ecef;
2278 border-width: 0 0 1px 0;
2279 font-weight: 600;
2280 color: #495057;
2281 background: #f8f9fa;
2282 transition: box-shadow 0.2s;
2283}
2284.p-datatable .p-datatable-tfoot > tr > td {
2285 text-align: left;
2286 padding: 1rem 1rem;
2287 border: 1px solid #e9ecef;
2288 border-width: 0 0 1px 0;
2289 font-weight: 600;
2290 color: #495057;
2291 background: #f8f9fa;
2292}
2293.p-datatable .p-sortable-column .p-sortable-column-icon {
2294 color: #6c757d;
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: #495057;
2303 background: #E3F2FD;
2304 margin-left: 0.5rem;
2305}
2306.p-datatable .p-sortable-column:not(.p-highlight):hover {
2307 background: #e9ecef;
2308 color: #495057;
2309}
2310.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
2311 color: #6c757d;
2312}
2313.p-datatable .p-sortable-column.p-highlight {
2314 background: #f8f9fa;
2315 color: #2196F3;
2316}
2317.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
2318 color: #2196F3;
2319}
2320.p-datatable .p-sortable-column.p-highlight:hover {
2321 background: #e9ecef;
2322 color: #2196F3;
2323}
2324.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
2325 color: #2196F3;
2326}
2327.p-datatable .p-sortable-column:focus {
2328 box-shadow: inset 0 0 0 0.15rem #a6d5fa;
2329 outline: 0 none;
2330}
2331.p-datatable .p-datatable-tbody > tr {
2332 background: #ffffff;
2333 color: #495057;
2334 transition: box-shadow 0.2s;
2335 outline-color: #a6d5fa;
2336}
2337.p-datatable .p-datatable-tbody > tr > td {
2338 text-align: left;
2339 border: 1px solid #e9ecef;
2340 border-width: 0 0 1px 0;
2341 padding: 1rem 1rem;
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: #6c757d;
2350 border: 0 none;
2351 background: transparent;
2352 border-radius: 50%;
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: #495057;
2360 border-color: transparent;
2361 background: #e9ecef;
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: 0 0 0 0.2rem #a6d5fa;
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: #E3F2FD;
2376 color: #495057;
2377}
2378.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
2379 box-shadow: inset 0 2px 0 0 #E3F2FD;
2380}
2381.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
2382 box-shadow: inset 0 -2px 0 0 #E3F2FD;
2383}
2384.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
2385 background: #e9ecef;
2386 color: #495057;
2387}
2388.p-datatable .p-column-resizer-helper {
2389 background: #2196F3;
2390}
2391.p-datatable .p-datatable-scrollable-header,
2392.p-datatable .p-datatable-scrollable-footer {
2393 background: #f8f9fa;
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: #fcfcfc;
2421}
2422.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
2423 background: #E3F2FD;
2424 color: #495057;
2425}
2426.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
2427 color: #495057;
2428}
2429.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
2430 color: #495057;
2431}
2432.p-datatable.p-datatable-sm .p-datatable-header {
2433 padding: 0.5rem 0.5rem;
2434}
2435.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
2436 padding: 0.5rem 0.5rem;
2437}
2438.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
2439 padding: 0.5rem 0.5rem;
2440}
2441.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
2442 padding: 0.5rem 0.5rem;
2443}
2444.p-datatable.p-datatable-sm .p-datatable-footer {
2445 padding: 0.5rem 0.5rem;
2446}
2447.p-datatable.p-datatable-lg .p-datatable-header {
2448 padding: 1.25rem 1.25rem;
2449}
2450.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
2451 padding: 1.25rem 1.25rem;
2452}
2453.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
2454 padding: 1.25rem 1.25rem;
2455}
2456.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
2457 padding: 1.25rem 1.25rem;
2458}
2459.p-datatable.p-datatable-lg .p-datatable-footer {
2460 padding: 1.25rem 1.25rem;
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: #f8f9fa;
2473 color: #495057;
2474 border: 1px solid #e9ecef;
2475 border-width: 1px 0 1px 0;
2476 padding: 1rem 1rem;
2477 font-weight: 600;
2478}
2479.p-dataview .p-dataview-content {
2480 background: #ffffff;
2481 color: #495057;
2482 border: 0 none;
2483 padding: 0;
2484}
2485.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
2486 border: solid #e9ecef;
2487 border-width: 0 0 1px 0;
2488}
2489.p-dataview .p-dataview-footer {
2490 background: #f8f9fa;
2491 color: #495057;
2492 border: 1px solid #e9ecef;
2493 border-width: 0 0 1px 0;
2494 padding: 1rem 1rem;
2495 font-weight: 600;
2496 border-bottom-left-radius: 3px;
2497 border-bottom-right-radius: 3px;
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: #6c757d;
2515 border: 0 none;
2516 background: transparent;
2517 border-radius: 50%;
2518 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
2519}
2520.p-column-filter-menu-button:hover {
2521 color: #495057;
2522 border-color: transparent;
2523 background: #e9ecef;
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: #e9ecef;
2527 color: #495057;
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: #E3F2FD;
2531 color: #495057;
2532}
2533.p-column-filter-menu-button:focus {
2534 outline: 0 none;
2535 outline-offset: 0;
2536 box-shadow: 0 0 0 0.2rem #a6d5fa;
2537}
2538
2539.p-column-filter-clear-button {
2540 width: 2rem;
2541 height: 2rem;
2542 color: #6c757d;
2543 border: 0 none;
2544 background: transparent;
2545 border-radius: 50%;
2546 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
2547}
2548.p-column-filter-clear-button:hover {
2549 color: #495057;
2550 border-color: transparent;
2551 background: #e9ecef;
2552}
2553.p-column-filter-clear-button:focus {
2554 outline: 0 none;
2555 outline-offset: 0;
2556 box-shadow: 0 0 0 0.2rem #a6d5fa;
2557}
2558
2559.p-column-filter-overlay {
2560 background: #ffffff;
2561 color: #495057;
2562 border: 0 none;
2563 border-radius: 3px;
2564 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);
2565 min-width: 12.5rem;
2566}
2567.p-column-filter-overlay .p-column-filter-row-items {
2568 padding: 0.5rem 0;
2569}
2570.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
2571 margin: 0;
2572 padding: 0.5rem 1rem;
2573 border: 0 none;
2574 color: #495057;
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: #495057;
2581 background: #E3F2FD;
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: #495057;
2585 background: #e9ecef;
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 0.15rem #a6d5fa;
2591}
2592.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
2593 border-top: 1px solid #dee2e6;
2594 margin: 0.25rem 0;
2595}
2596
2597.p-column-filter-overlay-menu .p-column-filter-operator {
2598 padding: 0.5rem 1rem;
2599 border-bottom: 0 none;
2600 color: #495057;
2601 background: #f8f9fa;
2602 margin: 0;
2603 border-top-right-radius: 3px;
2604 border-top-left-radius: 3px;
2605}
2606.p-column-filter-overlay-menu .p-column-filter-constraint {
2607 padding: 1rem;
2608 border-bottom: 1px solid #dee2e6;
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: #f8f9fa;
2632 border: 1px solid #dee2e6;
2633 color: #495057;
2634}
2635.fc.fc-unthemed .fc-view-container td.fc-widget-content {
2636 background: #ffffff;
2637 border: 1px solid #dee2e6;
2638 color: #495057;
2639}
2640.fc.fc-unthemed .fc-view-container td.fc-head-container {
2641 border: 1px solid #dee2e6;
2642}
2643.fc.fc-unthemed .fc-view-container .fc-row {
2644 border-right: 1px solid #dee2e6;
2645}
2646.fc.fc-unthemed .fc-view-container .fc-event {
2647 background: #0d89ec;
2648 border: 1px solid #0d89ec;
2649 color: #ffffff;
2650}
2651.fc.fc-unthemed .fc-view-container .fc-divider {
2652 background: #f8f9fa;
2653 border: 1px solid #dee2e6;
2654}
2655.fc.fc-unthemed .fc-toolbar .fc-button {
2656 color: #ffffff;
2657 background: #2196F3;
2658 border: 1px solid #2196F3;
2659 font-size: 1rem;
2660 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
2661 border-radius: 3px;
2662 display: flex;
2663 align-items: center;
2664}
2665.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
2666 background: #0d89ec;
2667 color: #ffffff;
2668 border-color: #0d89ec;
2669}
2670.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
2671 background: #0b7ad1;
2672 color: #ffffff;
2673 border-color: #0b7ad1;
2674}
2675.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
2676 outline: 0 none;
2677 outline-offset: 0;
2678 box-shadow: 0 0 0 0.2rem #a6d5fa;
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: 0 0 0 0.2rem #a6d5fa;
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 #ced4da;
2704 color: #495057;
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: #e9ecef;
2709 border-color: #ced4da;
2710 color: #495057;
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: #2196F3;
2714 border-color: #2196F3;
2715 color: #ffffff;
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: #0d89ec;
2719 border-color: #0d89ec;
2720 color: #ffffff;
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: 0 0 0 0.2rem #a6d5fa;
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: 3px;
2733 border-bottom-left-radius: 3px;
2734}
2735.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
2736 border-top-right-radius: 3px;
2737 border-bottom-right-radius: 3px;
2738}
2739.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
2740 border-color: #dee2e6;
2741}
2742.fc.fc-theme-standard .fc-view-harness th {
2743 background: #f8f9fa;
2744 border-color: #dee2e6;
2745 color: #495057;
2746}
2747.fc.fc-theme-standard .fc-view-harness td {
2748 color: #495057;
2749 border-color: #dee2e6;
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 #dee2e6;
2760 padding: 1rem;
2761 background: #f8f9fa;
2762 color: #495057;
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: #6c757d;
2775 border: 0 none;
2776 background: transparent;
2777 border-radius: 50%;
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: #495057;
2785 border-color: transparent;
2786 background: #e9ecef;
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: 0 0 0 0.2rem #a6d5fa;
2792}
2793.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
2794 padding: 1rem;
2795 border: 1px solid #dee2e6;
2796 background: #ffffff;
2797 color: #495057;
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: #0d89ec;
2803 border-color: #0d89ec;
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: #0d89ec;
2810 border-color: #0d89ec;
2811}
2812.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
2813 background: #e9ecef;
2814 color: #495057;
2815}
2816.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
2817 background: #f8f9fa;
2818}
2819.fc.fc-theme-standard .fc-toolbar .fc-button {
2820 color: #ffffff;
2821 background: #2196F3;
2822 border: 1px solid #2196F3;
2823 font-size: 1rem;
2824 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
2825 border-radius: 3px;
2826}
2827.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
2828 background: #0d89ec;
2829 color: #ffffff;
2830 border-color: #0d89ec;
2831}
2832.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
2833 background: #0b7ad1;
2834 color: #ffffff;
2835 border-color: #0b7ad1;
2836}
2837.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
2838 outline: 0 none;
2839 outline-offset: 0;
2840 box-shadow: 0 0 0 0.2rem #a6d5fa;
2841}
2842.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
2843 opacity: 0.6;
2844 color: #ffffff;
2845 background: #2196F3;
2846 border: 1px solid #2196F3;
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: 0 0 0 0.2rem #a6d5fa;
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 #ced4da;
2872 color: #495057;
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: #e9ecef;
2877 border-color: #ced4da;
2878 color: #495057;
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: #2196F3;
2882 border-color: #2196F3;
2883 color: #ffffff;
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: #0d89ec;
2887 border-color: #0d89ec;
2888 color: #ffffff;
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: 0 0 0 0.2rem #a6d5fa;
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: 3px;
2901 border-bottom-left-radius: 3px;
2902}
2903.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
2904 border-top-right-radius: 3px;
2905 border-bottom-right-radius: 3px;
2906}
2907.fc.fc-theme-standard a {
2908 color: #495057;
2909}
2910.fc.fc-theme-standard .fc-highlight {
2911 color: #495057;
2912 background: #E3F2FD;
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: #f8f9fa;
2923 color: #495057;
2924 border: 1px solid #dee2e6;
2925 padding: 1rem;
2926 border-bottom: 0 none;
2927 border-top-right-radius: 3px;
2928 border-top-left-radius: 3px;
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 #dee2e6;
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: #6c757d;
2945}
2946.p-orderlist .p-orderlist-list {
2947 border: 1px solid #dee2e6;
2948 background: #ffffff;
2949 color: #495057;
2950 padding: 0.5rem 0;
2951 border-bottom-right-radius: 3px;
2952 border-bottom-left-radius: 3px;
2953}
2954.p-orderlist .p-orderlist-list .p-orderlist-item {
2955 padding: 0.5rem 1rem;
2956 margin: 0;
2957 border: 0 none;
2958 color: #495057;
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 0.15rem #a6d5fa;
2966}
2967.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
2968 color: #495057;
2969 background: #E3F2FD;
2970}
2971.p-orderlist .p-orderlist-list .p-orderlist-empty-message {
2972 padding: 0.5rem 1rem;
2973 color: #495057;
2974}
2975.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
2976 background: #e9ecef;
2977 color: #495057;
2978}
2979
2980.p-orderlist-item.cdk-drag-preview {
2981 padding: 0.5rem 1rem;
2982 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);
2983 border: 0 none;
2984 color: #495057;
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: #e9ecef;
2991 color: #495057;
2992}
2993.p-organizationchart .p-organizationchart-node-content.p-highlight {
2994 background: #E3F2FD;
2995 color: #495057;
2996}
2997.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
2998 color: #6cbbf5;
2999}
3000.p-organizationchart .p-organizationchart-line-down {
3001 background: #dee2e6;
3002}
3003.p-organizationchart .p-organizationchart-line-left {
3004 border-right: 1px solid #dee2e6;
3005 border-color: #dee2e6;
3006}
3007.p-organizationchart .p-organizationchart-line-top {
3008 border-top: 1px solid #dee2e6;
3009 border-color: #dee2e6;
3010}
3011.p-organizationchart .p-organizationchart-node-content {
3012 border: 1px solid #dee2e6;
3013 background: #ffffff;
3014 color: #495057;
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: 0 0 0 0.2rem #a6d5fa;
3026}
3027
3028.p-paginator {
3029 background: #ffffff;
3030 color: #6c757d;
3031 border: solid #e9ecef;
3032 border-width: 0;
3033 padding: 0.5rem 1rem;
3034 border-radius: 3px;
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: #6c757d;
3043 min-width: 2.357rem;
3044 height: 2.357rem;
3045 margin: 0.143rem;
3046 transition: box-shadow 0.2s;
3047 border-radius: 3px;
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: #e9ecef;
3054 border-color: transparent;
3055 color: #495057;
3056}
3057.p-paginator .p-paginator-first {
3058 border-top-left-radius: 3px;
3059 border-bottom-left-radius: 3px;
3060}
3061.p-paginator .p-paginator-last {
3062 border-top-right-radius: 3px;
3063 border-bottom-right-radius: 3px;
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: #6c757d;
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: #6c757d;
3093 min-width: 2.357rem;
3094 height: 2.357rem;
3095 margin: 0.143rem;
3096 transition: box-shadow 0.2s;
3097 border-radius: 3px;
3098}
3099.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
3100 background: #E3F2FD;
3101 border-color: #E3F2FD;
3102 color: #495057;
3103}
3104.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
3105 background: #e9ecef;
3106 border-color: transparent;
3107 color: #495057;
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: #f8f9fa;
3118 color: #495057;
3119 border: 1px solid #dee2e6;
3120 padding: 1rem;
3121 border-bottom: 0 none;
3122 border-top-right-radius: 3px;
3123 border-top-left-radius: 3px;
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 #dee2e6;
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: #6c757d;
3140}
3141.p-picklist .p-picklist-list {
3142 border: 1px solid #dee2e6;
3143 background: #ffffff;
3144 color: #495057;
3145 padding: 0.5rem 0;
3146 border-bottom-right-radius: 3px;
3147 border-bottom-left-radius: 3px;
3148}
3149.p-picklist .p-picklist-list .p-picklist-item {
3150 padding: 0.5rem 1rem;
3151 margin: 0;
3152 border: 0 none;
3153 color: #495057;
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 0.15rem #a6d5fa;
3161}
3162.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
3163 color: #495057;
3164 background: #E3F2FD;
3165}
3166.p-picklist .p-picklist-list .p-picklist-empty-message {
3167 padding: 0.5rem 1rem;
3168 color: #495057;
3169}
3170.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
3171 background: #e9ecef;
3172 color: #495057;
3173}
3174
3175.p-picklist-item.cdk-drag-preview {
3176 padding: 0.5rem 1rem;
3177 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);
3178 border: 0 none;
3179 color: #495057;
3180 background: #ffffff;
3181 margin: 0;
3182}
3183
3184.p-timeline .p-timeline-event-marker {
3185 border: 2px solid #2196F3;
3186 border-radius: 50%;
3187 width: 1rem;
3188 height: 1rem;
3189 background-color: #ffffff;
3190}
3191.p-timeline .p-timeline-event-connector {
3192 background-color: #dee2e6;
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 #dee2e6;
3211 background: #ffffff;
3212 color: #495057;
3213 padding: 1rem;
3214 border-radius: 3px;
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: 3px;
3221 transition: box-shadow 0.2s;
3222 padding: 0;
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: #6c757d;
3229 border: 0 none;
3230 background: transparent;
3231 border-radius: 50%;
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: #495057;
3236 border-color: transparent;
3237 background: #e9ecef;
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: 0 0 0 0.2rem #a6d5fa;
3243}
3244.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
3245 margin-right: 0.5rem;
3246 color: #6c757d;
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: #495057;
3253}
3254.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
3255 outline: 0 none;
3256 outline-offset: 0;
3257 box-shadow: 0 0 0 0.2rem #a6d5fa;
3258}
3259.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3260 background: #E3F2FD;
3261 color: #495057;
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: #495057;
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: #495057;
3270}
3271.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
3272 background: #e9ecef;
3273 color: #495057;
3274}
3275.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
3276 background: #e9ecef;
3277 color: #495057;
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: #6c757d;
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: #89c8f7;
3298}
3299.p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
3300 border-radius: 3px;
3301 border: 1px solid #dee2e6;
3302 background-color: #ffffff;
3303 color: #495057;
3304 padding: 0;
3305 transition: box-shadow 0.2s;
3306}
3307.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
3308 background-color: #E3F2FD;
3309 color: #495057;
3310}
3311.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
3312 color: #495057;
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: #6c757d;
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: #e9ecef;
3330 color: #495057;
3331}
3332.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
3333 outline: 0 none;
3334 outline-offset: 0;
3335 box-shadow: 0 0 0 0.2rem #a6d5fa;
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: #f8f9fa;
3348 color: #495057;
3349 border: 1px solid #e9ecef;
3350 border-width: 1px 0 1px 0;
3351 padding: 1rem 1rem;
3352 font-weight: 600;
3353}
3354.p-treetable .p-treetable-footer {
3355 background: #f8f9fa;
3356 color: #495057;
3357 border: 1px solid #e9ecef;
3358 border-width: 0 0 1px 0;
3359 padding: 1rem 1rem;
3360 font-weight: 600;
3361}
3362.p-treetable .p-treetable-thead > tr > th {
3363 text-align: left;
3364 padding: 1rem 1rem;
3365 border: 1px solid #e9ecef;
3366 border-width: 0 0 1px 0;
3367 font-weight: 600;
3368 color: #495057;
3369 background: #f8f9fa;
3370 transition: box-shadow 0.2s;
3371}
3372.p-treetable .p-treetable-tfoot > tr > td {
3373 text-align: left;
3374 padding: 1rem 1rem;
3375 border: 1px solid #e9ecef;
3376 border-width: 0 0 1px 0;
3377 font-weight: 600;
3378 color: #495057;
3379 background: #f8f9fa;
3380}
3381.p-treetable .p-sortable-column {
3382 outline-color: #a6d5fa;
3383}
3384.p-treetable .p-sortable-column .p-sortable-column-icon {
3385 color: #6c757d;
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: #495057;
3394 background: #E3F2FD;
3395 margin-left: 0.5rem;
3396}
3397.p-treetable .p-sortable-column:not(.p-highlight):hover {
3398 background: #e9ecef;
3399 color: #495057;
3400}
3401.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
3402 color: #6c757d;
3403}
3404.p-treetable .p-sortable-column.p-highlight {
3405 background: #f8f9fa;
3406 color: #2196F3;
3407}
3408.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
3409 color: #2196F3;
3410}
3411.p-treetable .p-treetable-tbody > tr {
3412 background: #ffffff;
3413 color: #495057;
3414 transition: box-shadow 0.2s;
3415 outline-color: #a6d5fa;
3416}
3417.p-treetable .p-treetable-tbody > tr > td {
3418 text-align: left;
3419 border: 1px solid #e9ecef;
3420 border-width: 0 0 1px 0;
3421 padding: 1rem 1rem;
3422}
3423.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
3424 width: 2rem;
3425 height: 2rem;
3426 color: #6c757d;
3427 border: 0 none;
3428 background: transparent;
3429 border-radius: 50%;
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: #495057;
3435 border-color: transparent;
3436 background: #e9ecef;
3437}
3438.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
3439 outline: 0 none;
3440 outline-offset: 0;
3441 box-shadow: 0 0 0 0.2rem #a6d5fa;
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: #495057;
3448}
3449.p-treetable .p-treetable-tbody > tr.p-highlight {
3450 background: #E3F2FD;
3451 color: #495057;
3452}
3453.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
3454 color: #495057;
3455}
3456.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
3457 color: #495057;
3458}
3459.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
3460 background: #e9ecef;
3461 color: #495057;
3462}
3463.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
3464 color: #495057;
3465}
3466.p-treetable .p-column-resizer-helper {
3467 background: #2196F3;
3468}
3469.p-treetable .p-treetable-scrollable-header,
3470.p-treetable .p-treetable-scrollable-footer {
3471 background: #f8f9fa;
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.875rem 0.875rem;
3499}
3500.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
3501 padding: 0.5rem 0.5rem;
3502}
3503.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
3504 padding: 0.5rem 0.5rem;
3505}
3506.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
3507 padding: 0.5rem 0.5rem;
3508}
3509.p-treetable.p-treetable-sm .p-treetable-footer {
3510 padding: 0.5rem 0.5rem;
3511}
3512.p-treetable.p-treetable-lg .p-treetable-header {
3513 padding: 1.25rem 1.25rem;
3514}
3515.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
3516 padding: 1.25rem 1.25rem;
3517}
3518.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
3519 padding: 1.25rem 1.25rem;
3520}
3521.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
3522 padding: 1.25rem 1.25rem;
3523}
3524.p-treetable.p-treetable-lg .p-treetable-footer {
3525 padding: 1.25rem 1.25rem;
3526}
3527
3528.p-virtualscroller .p-virtualscroller-header {
3529 background: #f8f9fa;
3530 color: #495057;
3531 border: 1px solid #e9ecef;
3532 border-width: 1px 0 1px 0;
3533 padding: 1rem 1rem;
3534 font-weight: 600;
3535}
3536.p-virtualscroller .p-virtualscroller-content {
3537 background: #ffffff;
3538 color: #495057;
3539 border: 0 none;
3540 padding: 0;
3541}
3542.p-virtualscroller .p-virtualscroller-footer {
3543 background: #f8f9fa;
3544 color: #495057;
3545 border: 1px solid #e9ecef;
3546 border-width: 0 0 1px 0;
3547 padding: 1rem 1rem;
3548 font-weight: 600;
3549 border-bottom-left-radius: 3px;
3550 border-bottom-right-radius: 3px;
3551}
3552
3553.p-accordion .p-accordion-header .p-accordion-header-link {
3554 padding: 1rem;
3555 border: 1px solid #dee2e6;
3556 color: #495057;
3557 background: #f8f9fa;
3558 font-weight: 600;
3559 border-radius: 3px;
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: 0 0 0 0.2rem #a6d5fa;
3569}
3570.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
3571 background: #e9ecef;
3572 border-color: #dee2e6;
3573 color: #495057;
3574}
3575.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
3576 background: #f8f9fa;
3577 border-color: #dee2e6;
3578 color: #495057;
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: #dee2e6;
3584 background: #e9ecef;
3585 color: #495057;
3586}
3587.p-accordion .p-accordion-content {
3588 padding: 1rem;
3589 border: 1px solid #dee2e6;
3590 background: #ffffff;
3591 color: #495057;
3592 border-top: 0;
3593 border-top-right-radius: 0;
3594 border-top-left-radius: 0;
3595 border-bottom-right-radius: 3px;
3596 border-bottom-left-radius: 3px;
3597}
3598.p-accordion p-accordiontab .p-accordion-tab {
3599 margin-bottom: 0;
3600}
3601.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
3602 border-radius: 0;
3603}
3604.p-accordion p-accordiontab .p-accordion-content {
3605 border-radius: 0;
3606}
3607.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link {
3608 border-top: 0 none;
3609}
3610.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
3611 border-top: 0 none;
3612}
3613.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
3614 border-top-right-radius: 3px;
3615 border-top-left-radius: 3px;
3616}
3617.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
3618 border-bottom-right-radius: 3px;
3619 border-bottom-left-radius: 3px;
3620}
3621.p-accordion p-accordiontab:last-child .p-accordion-content {
3622 border-bottom-right-radius: 3px;
3623 border-bottom-left-radius: 3px;
3624}
3625
3626.p-card {
3627 background: #ffffff;
3628 color: #495057;
3629 box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
3630 border-radius: 3px;
3631}
3632.p-card .p-card-body {
3633 padding: 1rem;
3634}
3635.p-card .p-card-title {
3636 font-size: 1.5rem;
3637 font-weight: 700;
3638 margin-bottom: 0.5rem;
3639}
3640.p-card .p-card-subtitle {
3641 font-weight: 400;
3642 margin-bottom: 0.5rem;
3643 color: #6c757d;
3644}
3645.p-card .p-card-content {
3646 padding: 1rem 0;
3647}
3648.p-card .p-card-footer {
3649 padding: 1rem 0 0 0;
3650}
3651
3652.p-divider .p-divider-content {
3653 background-color: #ffffff;
3654}
3655.p-divider.p-divider-horizontal {
3656 margin: 1rem 0;
3657 padding: 0 1rem;
3658}
3659.p-divider.p-divider-horizontal:before {
3660 border-top: 1px #dee2e6;
3661}
3662.p-divider.p-divider-horizontal .p-divider-content {
3663 padding: 0 0.5rem;
3664}
3665.p-divider.p-divider-vertical {
3666 margin: 0 1rem;
3667 padding: 1rem 0;
3668}
3669.p-divider.p-divider-vertical:before {
3670 border-left: 1px #dee2e6;
3671}
3672.p-divider.p-divider-vertical .p-divider-content {
3673 padding: 0.5rem 0;
3674}
3675
3676.p-fieldset {
3677 border: 1px solid #dee2e6;
3678 background: #ffffff;
3679 color: #495057;
3680 border-radius: 3px;
3681}
3682.p-fieldset .p-fieldset-legend {
3683 padding: 1rem;
3684 border: 1px solid #dee2e6;
3685 color: #495057;
3686 background: #f8f9fa;
3687 font-weight: 600;
3688 border-radius: 3px;
3689}
3690.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
3691 padding: 0;
3692 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3693}
3694.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
3695 padding: 1rem;
3696 color: #495057;
3697 border-radius: 3px;
3698 transition: box-shadow 0.2s;
3699}
3700.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
3701 margin-right: 0.5rem;
3702}
3703.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
3704 outline: 0 none;
3705 outline-offset: 0;
3706 box-shadow: 0 0 0 0.2rem #a6d5fa;
3707}
3708.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
3709 background: #e9ecef;
3710 border-color: #dee2e6;
3711 color: #495057;
3712}
3713.p-fieldset .p-fieldset-content {
3714 padding: 1rem;
3715}
3716
3717.p-panel .p-panel-header {
3718 border: 1px solid #dee2e6;
3719 padding: 1rem;
3720 background: #f8f9fa;
3721 color: #495057;
3722 border-top-right-radius: 3px;
3723 border-top-left-radius: 3px;
3724}
3725.p-panel .p-panel-header .p-panel-title {
3726 font-weight: 600;
3727}
3728.p-panel .p-panel-header .p-panel-header-icon {
3729 width: 2rem;
3730 height: 2rem;
3731 color: #6c757d;
3732 border: 0 none;
3733 background: transparent;
3734 border-radius: 50%;
3735 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3736}
3737.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
3738 color: #495057;
3739 border-color: transparent;
3740 background: #e9ecef;
3741}
3742.p-panel .p-panel-header .p-panel-header-icon:focus {
3743 outline: 0 none;
3744 outline-offset: 0;
3745 box-shadow: 0 0 0 0.2rem #a6d5fa;
3746}
3747.p-panel.p-panel-toggleable .p-panel-header {
3748 padding: 0.5rem 1rem;
3749}
3750.p-panel .p-panel-content {
3751 padding: 1rem;
3752 border: 1px solid #dee2e6;
3753 background: #ffffff;
3754 color: #495057;
3755 border-bottom-right-radius: 3px;
3756 border-bottom-left-radius: 3px;
3757 border-top: 0 none;
3758}
3759.p-panel .p-panel-footer {
3760 padding: 0.5rem 1rem;
3761 border: 1px solid #dee2e6;
3762 background: #ffffff;
3763 color: #495057;
3764 border-top: 0 none;
3765}
3766
3767.p-scrollpanel .p-scrollpanel-bar {
3768 background: #f8f9fa;
3769 border: 0 none;
3770}
3771
3772.p-splitter {
3773 border: 1px solid #dee2e6;
3774 background: #ffffff;
3775 border-radius: 3px;
3776 color: #495057;
3777}
3778.p-splitter .p-splitter-gutter {
3779 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3780 background: #f8f9fa;
3781}
3782.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
3783 background: #dee2e6;
3784}
3785.p-splitter .p-splitter-gutter-resizing {
3786 background: #dee2e6;
3787}
3788
3789.p-tabview .p-tabview-nav {
3790 background: #ffffff;
3791 border: 1px solid #dee2e6;
3792 border-width: 0 0 2px 0;
3793}
3794.p-tabview .p-tabview-nav li {
3795 margin-right: 0;
3796}
3797.p-tabview .p-tabview-nav li .p-tabview-nav-link {
3798 border: solid #dee2e6;
3799 border-width: 0 0 2px 0;
3800 border-color: transparent transparent #dee2e6 transparent;
3801 background: #ffffff;
3802 color: #6c757d;
3803 padding: 1rem;
3804 font-weight: 600;
3805 border-top-right-radius: 3px;
3806 border-top-left-radius: 3px;
3807 transition: box-shadow 0.2s;
3808 margin: 0 0 -2px 0;
3809}
3810.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
3811 outline: 0 none;
3812 outline-offset: 0;
3813 box-shadow: inset 0 0 0 0.2rem #a6d5fa;
3814}
3815.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
3816 background: #ffffff;
3817 border-color: #6c757d;
3818 color: #6c757d;
3819}
3820.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
3821 background: #ffffff;
3822 border-color: #2196F3;
3823 color: #2196F3;
3824}
3825.p-tabview .p-tabview-left-icon {
3826 margin-right: 0.5rem;
3827}
3828.p-tabview .p-tabview-right-icon {
3829 margin-left: 0.5rem;
3830}
3831.p-tabview .p-tabview-close {
3832 margin-left: 0.5rem;
3833}
3834.p-tabview .p-tabview-nav-btn.p-link {
3835 background: #ffffff;
3836 color: #2196F3;
3837 width: 2.357rem;
3838 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);
3839 border-radius: 0;
3840}
3841.p-tabview .p-tabview-nav-btn.p-link:focus {
3842 outline: 0 none;
3843 outline-offset: 0;
3844 box-shadow: inset 0 0 0 0.2rem #a6d5fa;
3845}
3846.p-tabview .p-tabview-panels {
3847 background: #ffffff;
3848 padding: 1rem;
3849 border: 0 none;
3850 color: #495057;
3851 border-bottom-right-radius: 3px;
3852 border-bottom-left-radius: 3px;
3853}
3854
3855.p-toolbar {
3856 background: #f8f9fa;
3857 border: 1px solid #dee2e6;
3858 padding: 1rem;
3859 border-radius: 3px;
3860}
3861.p-toolbar .p-toolbar-separator {
3862 margin: 0 0.5rem;
3863}
3864
3865.p-confirm-popup {
3866 background: #ffffff;
3867 color: #495057;
3868 border: 0 none;
3869 border-radius: 3px;
3870 box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
3871}
3872.p-confirm-popup .p-confirm-popup-content {
3873 padding: 1rem;
3874}
3875.p-confirm-popup .p-confirm-popup-footer {
3876 text-align: right;
3877 padding: 0.5rem 1rem;
3878}
3879.p-confirm-popup .p-confirm-popup-footer button {
3880 margin: 0 0.5rem 0 0;
3881 width: auto;
3882}
3883.p-confirm-popup .p-confirm-popup-footer button:last-child {
3884 margin: 0;
3885}
3886.p-confirm-popup:after {
3887 border: solid transparent;
3888 border-color: rgba(255, 255, 255, 0);
3889 border-bottom-color: #ffffff;
3890}
3891.p-confirm-popup:before {
3892 border: solid transparent;
3893 border-color: rgba(255, 255, 255, 0);
3894 border-bottom-color: #ffffff;
3895}
3896.p-confirm-popup.p-confirm-popup-flipped:after {
3897 border-top-color: #ffffff;
3898}
3899.p-confirm-popup.p-confirm-popup-flipped:before {
3900 border-top-color: #ffffff;
3901}
3902.p-confirm-popup .p-confirm-popup-icon {
3903 font-size: 1.5rem;
3904}
3905.p-confirm-popup .p-confirm-popup-message {
3906 margin-left: 1rem;
3907}
3908
3909.p-dialog {
3910 border-radius: 3px;
3911 box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
3912 border: 0 none;
3913}
3914.p-dialog .p-dialog-header {
3915 border-bottom: 0 none;
3916 background: #ffffff;
3917 color: #495057;
3918 padding: 1.5rem;
3919 border-top-right-radius: 3px;
3920 border-top-left-radius: 3px;
3921}
3922.p-dialog .p-dialog-header .p-dialog-title {
3923 font-weight: 600;
3924 font-size: 1.25rem;
3925}
3926.p-dialog .p-dialog-header .p-dialog-header-icon {
3927 width: 2rem;
3928 height: 2rem;
3929 color: #6c757d;
3930 border: 0 none;
3931 background: transparent;
3932 border-radius: 50%;
3933 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3934 margin-right: 0.5rem;
3935}
3936.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
3937 color: #495057;
3938 border-color: transparent;
3939 background: #e9ecef;
3940}
3941.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
3942 outline: 0 none;
3943 outline-offset: 0;
3944 box-shadow: 0 0 0 0.2rem #a6d5fa;
3945}
3946.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
3947 margin-right: 0;
3948}
3949.p-dialog .p-dialog-content {
3950 background: #ffffff;
3951 color: #495057;
3952 padding: 0 1.5rem 2rem 1.5rem;
3953}
3954.p-dialog .p-dialog-footer {
3955 border-top: 0 none;
3956 background: #ffffff;
3957 color: #495057;
3958 padding: 0 1.5rem 1.5rem 1.5rem;
3959 text-align: right;
3960 border-bottom-right-radius: 3px;
3961 border-bottom-left-radius: 3px;
3962}
3963.p-dialog .p-dialog-footer button {
3964 margin: 0 0.5rem 0 0;
3965 width: auto;
3966}
3967.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
3968 font-size: 2rem;
3969}
3970.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
3971 margin-left: 1rem;
3972}
3973
3974.p-overlaypanel {
3975 background: #ffffff;
3976 color: #495057;
3977 border: 0 none;
3978 border-radius: 3px;
3979 box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
3980}
3981.p-overlaypanel .p-overlaypanel-content {
3982 padding: 1rem;
3983}
3984.p-overlaypanel .p-overlaypanel-close {
3985 background: #2196F3;
3986 color: #ffffff;
3987 width: 2rem;
3988 height: 2rem;
3989 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3990 border-radius: 50%;
3991 position: absolute;
3992 top: -1rem;
3993 right: -1rem;
3994}
3995.p-overlaypanel .p-overlaypanel-close:enabled:hover {
3996 background: #0d89ec;
3997 color: #ffffff;
3998}
3999.p-overlaypanel:after {
4000 border: solid transparent;
4001 border-color: rgba(255, 255, 255, 0);
4002 border-bottom-color: #ffffff;
4003}
4004.p-overlaypanel:before {
4005 border: solid transparent;
4006 border-color: rgba(255, 255, 255, 0);
4007 border-bottom-color: #ffffff;
4008}
4009.p-overlaypanel.p-overlaypanel-flipped:after {
4010 border-top-color: #ffffff;
4011}
4012.p-overlaypanel.p-overlaypanel-flipped:before {
4013 border-top-color: #ffffff;
4014}
4015
4016.p-sidebar {
4017 background: #ffffff;
4018 color: #495057;
4019 border: 0 none;
4020 box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
4021}
4022.p-sidebar .p-sidebar-header {
4023 padding: 1rem;
4024}
4025.p-sidebar .p-sidebar-header .p-sidebar-close,
4026.p-sidebar .p-sidebar-header .p-sidebar-icon {
4027 width: 2rem;
4028 height: 2rem;
4029 color: #6c757d;
4030 border: 0 none;
4031 background: transparent;
4032 border-radius: 50%;
4033 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4034}
4035.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
4036.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
4037 color: #495057;
4038 border-color: transparent;
4039 background: #e9ecef;
4040}
4041.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
4042.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
4043 outline: 0 none;
4044 outline-offset: 0;
4045 box-shadow: 0 0 0 0.2rem #a6d5fa;
4046}
4047.p-sidebar .p-sidebar-header + .p-sidebar-content {
4048 padding-top: 0;
4049}
4050.p-sidebar .p-sidebar-content {
4051 padding: 1rem;
4052}
4053
4054.p-tooltip .p-tooltip-text {
4055 background: #495057;
4056 color: #ffffff;
4057 padding: 0.5rem 0.5rem;
4058 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);
4059 border-radius: 3px;
4060}
4061.p-tooltip.p-tooltip-right .p-tooltip-arrow {
4062 border-right-color: #495057;
4063}
4064.p-tooltip.p-tooltip-left .p-tooltip-arrow {
4065 border-left-color: #495057;
4066}
4067.p-tooltip.p-tooltip-top .p-tooltip-arrow {
4068 border-top-color: #495057;
4069}
4070.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
4071 border-bottom-color: #495057;
4072}
4073
4074.p-fileupload .p-fileupload-buttonbar {
4075 background: #f8f9fa;
4076 padding: 1rem;
4077 border: 1px solid #dee2e6;
4078 color: #495057;
4079 border-bottom: 0 none;
4080 border-top-right-radius: 3px;
4081 border-top-left-radius: 3px;
4082}
4083.p-fileupload .p-fileupload-buttonbar .p-button {
4084 margin-right: 0.5rem;
4085}
4086.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
4087 outline: 0 none;
4088 outline-offset: 0;
4089 box-shadow: 0 0 0 0.2rem #a6d5fa;
4090}
4091.p-fileupload .p-fileupload-content {
4092 background: #ffffff;
4093 padding: 2rem 1rem;
4094 border: 1px solid #dee2e6;
4095 color: #495057;
4096 border-bottom-right-radius: 3px;
4097 border-bottom-left-radius: 3px;
4098}
4099.p-fileupload .p-progressbar {
4100 height: 0.25rem;
4101}
4102.p-fileupload .p-fileupload-row > div {
4103 padding: 1rem 1rem;
4104}
4105.p-fileupload.p-fileupload-advanced .p-message {
4106 margin-top: 0;
4107}
4108
4109.p-fileupload-choose:not(.p-disabled):hover {
4110 background: #0d89ec;
4111 color: #ffffff;
4112 border-color: #0d89ec;
4113}
4114.p-fileupload-choose:not(.p-disabled):active {
4115 background: #0b7ad1;
4116 color: #ffffff;
4117 border-color: #0b7ad1;
4118}
4119
4120.p-breadcrumb {
4121 background: #ffffff;
4122 border: 1px solid #dee2e6;
4123 border-radius: 3px;
4124 padding: 1rem;
4125}
4126.p-breadcrumb ul li .p-menuitem-link {
4127 transition: box-shadow 0.2s;
4128 border-radius: 3px;
4129}
4130.p-breadcrumb ul li .p-menuitem-link:focus {
4131 outline: 0 none;
4132 outline-offset: 0;
4133 box-shadow: 0 0 0 0.2rem #a6d5fa;
4134}
4135.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
4136 color: #495057;
4137}
4138.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
4139 color: #6c757d;
4140}
4141.p-breadcrumb ul li.p-breadcrumb-chevron {
4142 margin: 0 0.5rem 0 0.5rem;
4143 color: #495057;
4144}
4145.p-breadcrumb ul li:last-child .p-menuitem-text {
4146 color: #495057;
4147}
4148.p-breadcrumb ul li:last-child .p-menuitem-icon {
4149 color: #6c757d;
4150}
4151
4152.p-contextmenu {
4153 padding: 0.25rem 0;
4154 background: #ffffff;
4155 color: #495057;
4156 border: 0 none;
4157 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);
4158 border-radius: 3px;
4159 width: 12.5rem;
4160}
4161.p-contextmenu .p-menuitem-link {
4162 padding: 0.75rem 1rem;
4163 color: #495057;
4164 border-radius: 0;
4165 transition: box-shadow 0.2s;
4166 user-select: none;
4167}
4168.p-contextmenu .p-menuitem-link .p-menuitem-text {
4169 color: #495057;
4170}
4171.p-contextmenu .p-menuitem-link .p-menuitem-icon {
4172 color: #6c757d;
4173 margin-right: 0.5rem;
4174}
4175.p-contextmenu .p-menuitem-link .p-submenu-icon {
4176 color: #6c757d;
4177}
4178.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
4179 background: #e9ecef;
4180}
4181.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4182 color: #495057;
4183}
4184.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4185 color: #6c757d;
4186}
4187.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4188 color: #6c757d;
4189}
4190.p-contextmenu .p-menuitem-link:focus {
4191 outline: 0 none;
4192 outline-offset: 0;
4193 box-shadow: inset 0 0 0 0.15rem #a6d5fa;
4194}
4195.p-contextmenu .p-submenu-list {
4196 padding: 0.25rem 0;
4197 background: #ffffff;
4198 border: 0 none;
4199 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);
4200 border-radius: 3px;
4201}
4202.p-contextmenu .p-menuitem {
4203 margin: 0;
4204}
4205.p-contextmenu .p-menuitem:last-child {
4206 margin: 0;
4207}
4208.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4209 background: #e9ecef;
4210}
4211.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4212 color: #495057;
4213}
4214.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 {
4215 color: #6c757d;
4216}
4217.p-contextmenu .p-menu-separator {
4218 border-top: 1px solid #dee2e6;
4219 margin: 0.25rem 0;
4220}
4221.p-contextmenu .p-submenu-icon {
4222 font-size: 0.875rem;
4223}
4224
4225.p-dock .p-dock-list {
4226 background: rgba(255, 255, 255, 0.1);
4227 border: 1px solid rgba(255, 255, 255, 0.2);
4228 padding: 0.5rem 0.5rem;
4229 border-radius: 0.5rem;
4230}
4231.p-dock .p-dock-item {
4232 padding: 0.5rem;
4233}
4234.p-dock .p-dock-action {
4235 width: 4rem;
4236 height: 4rem;
4237}
4238.p-dock.p-dock-top .p-dock-item-second-prev,
4239.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
4240.p-dock.p-dock-bottom .p-dock-item-second-next {
4241 margin: 0 0.9rem;
4242}
4243.p-dock.p-dock-top .p-dock-item-prev,
4244.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
4245.p-dock.p-dock-bottom .p-dock-item-next {
4246 margin: 0 1.3rem;
4247}
4248.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
4249 margin: 0 1.5rem;
4250}
4251.p-dock.p-dock-left .p-dock-item-second-prev,
4252.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
4253.p-dock.p-dock-right .p-dock-item-second-next {
4254 margin: 0.9rem 0;
4255}
4256.p-dock.p-dock-left .p-dock-item-prev,
4257.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
4258.p-dock.p-dock-right .p-dock-item-next {
4259 margin: 1.3rem 0;
4260}
4261.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
4262 margin: 1.5rem 0;
4263}
4264
4265@media screen and (max-width: 960px) {
4266 .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
4267 overflow-x: auto;
4268 width: 100%;
4269 }
4270 .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
4271 margin: 0 auto;
4272 }
4273 .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
4274 overflow-y: auto;
4275 height: 100%;
4276 }
4277 .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
4278 margin: auto 0;
4279 }
4280 .p-dock .p-dock-list .p-dock-item {
4281 transform: none;
4282 margin: 0;
4283 }
4284}
4285.p-megamenu {
4286 padding: 0.5rem;
4287 background: #f8f9fa;
4288 color: #495057;
4289 border: 1px solid #dee2e6;
4290 border-radius: 3px;
4291}
4292.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4293 padding: 0.75rem 1rem;
4294 color: #495057;
4295 border-radius: 3px;
4296 transition: box-shadow 0.2s;
4297 user-select: none;
4298}
4299.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4300 color: #495057;
4301}
4302.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4303 color: #6c757d;
4304 margin-right: 0.5rem;
4305}
4306.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4307 color: #6c757d;
4308 margin-left: 0.5rem;
4309}
4310.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4311 background: #e9ecef;
4312}
4313.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4314 color: #495057;
4315}
4316.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4317 color: #6c757d;
4318}
4319.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4320 color: #6c757d;
4321}
4322.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4323 outline: 0 none;
4324 outline-offset: 0;
4325 box-shadow: inset 0 0 0 0.15rem #a6d5fa;
4326}
4327.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4328.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4329 background: #e9ecef;
4330}
4331.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4332.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4333 color: #495057;
4334}
4335.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4336.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4337 color: #6c757d;
4338}
4339.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4340.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4341 color: #6c757d;
4342}
4343.p-megamenu .p-menuitem-link {
4344 padding: 0.75rem 1rem;
4345 color: #495057;
4346 border-radius: 0;
4347 transition: box-shadow 0.2s;
4348 user-select: none;
4349}
4350.p-megamenu .p-menuitem-link .p-menuitem-text {
4351 color: #495057;
4352}
4353.p-megamenu .p-menuitem-link .p-menuitem-icon {
4354 color: #6c757d;
4355 margin-right: 0.5rem;
4356}
4357.p-megamenu .p-menuitem-link .p-submenu-icon {
4358 color: #6c757d;
4359}
4360.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
4361 background: #e9ecef;
4362}
4363.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4364 color: #495057;
4365}
4366.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4367 color: #6c757d;
4368}
4369.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4370 color: #6c757d;
4371}
4372.p-megamenu .p-menuitem-link:focus {
4373 outline: 0 none;
4374 outline-offset: 0;
4375 box-shadow: inset 0 0 0 0.15rem #a6d5fa;
4376}
4377.p-megamenu .p-megamenu-panel {
4378 background: #ffffff;
4379 color: #495057;
4380 border: 0 none;
4381 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);
4382}
4383.p-megamenu .p-megamenu-submenu-header {
4384 margin: 0;
4385 padding: 0.75rem 1rem;
4386 color: #495057;
4387 background: #ffffff;
4388 font-weight: 600;
4389 border-top-right-radius: 3px;
4390 border-top-left-radius: 3px;
4391}
4392.p-megamenu .p-megamenu-submenu {
4393 padding: 0.25rem 0;
4394 width: 12.5rem;
4395}
4396.p-megamenu .p-megamenu-submenu .p-menu-separator {
4397 border-top: 1px solid #dee2e6;
4398 margin: 0.25rem 0;
4399}
4400.p-megamenu .p-megamenu-submenu .p-menuitem {
4401 margin: 0;
4402}
4403.p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
4404 margin: 0;
4405}
4406.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4407 background: #e9ecef;
4408}
4409.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4410 color: #495057;
4411}
4412.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 {
4413 color: #6c757d;
4414}
4415.p-megamenu.p-megamenu-vertical {
4416 width: 12.5rem;
4417 padding: 0.25rem 0;
4418}
4419.p-megamenu.p-megamenu-vertical .p-menuitem {
4420 margin: 0;
4421}
4422.p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
4423 margin: 0;
4424}
4425
4426.p-menu {
4427 padding: 0.25rem 0;
4428 background: #ffffff;
4429 color: #495057;
4430 border: 1px solid #dee2e6;
4431 border-radius: 3px;
4432 width: 12.5rem;
4433}
4434.p-menu .p-menuitem-link {
4435 padding: 0.75rem 1rem;
4436 color: #495057;
4437 border-radius: 0;
4438 transition: box-shadow 0.2s;
4439 user-select: none;
4440}
4441.p-menu .p-menuitem-link .p-menuitem-text {
4442 color: #495057;
4443}
4444.p-menu .p-menuitem-link .p-menuitem-icon {
4445 color: #6c757d;
4446 margin-right: 0.5rem;
4447}
4448.p-menu .p-menuitem-link .p-submenu-icon {
4449 color: #6c757d;
4450}
4451.p-menu .p-menuitem-link:not(.p-disabled):hover {
4452 background: #e9ecef;
4453}
4454.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4455 color: #495057;
4456}
4457.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4458 color: #6c757d;
4459}
4460.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4461 color: #6c757d;
4462}
4463.p-menu .p-menuitem-link:focus {
4464 outline: 0 none;
4465 outline-offset: 0;
4466 box-shadow: inset 0 0 0 0.15rem #a6d5fa;
4467}
4468.p-menu.p-menu-overlay {
4469 background: #ffffff;
4470 border: 0 none;
4471 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);
4472}
4473.p-menu .p-submenu-header {
4474 margin: 0;
4475 padding: 0.75rem 1rem;
4476 color: #495057;
4477 background: #ffffff;
4478 font-weight: 600;
4479 border-top-right-radius: 0;
4480 border-top-left-radius: 0;
4481}
4482.p-menu .p-menu-separator {
4483 border-top: 1px solid #dee2e6;
4484 margin: 0.25rem 0;
4485}
4486.p-menu .p-menuitem {
4487 margin: 0;
4488}
4489.p-menu .p-menuitem:last-child {
4490 margin: 0;
4491}
4492
4493.p-menubar {
4494 padding: 0.5rem;
4495 background: #f8f9fa;
4496 color: #495057;
4497 border: 1px solid #dee2e6;
4498 border-radius: 3px;
4499}
4500.p-menubar .p-menuitem-link {
4501 padding: 0.75rem 1rem;
4502 color: #495057;
4503 border-radius: 0;
4504 transition: box-shadow 0.2s;
4505 user-select: none;
4506}
4507.p-menubar .p-menuitem-link .p-menuitem-text {
4508 color: #495057;
4509}
4510.p-menubar .p-menuitem-link .p-menuitem-icon {
4511 color: #6c757d;
4512 margin-right: 0.5rem;
4513}
4514.p-menubar .p-menuitem-link .p-submenu-icon {
4515 color: #6c757d;
4516}
4517.p-menubar .p-menuitem-link:not(.p-disabled):hover {
4518 background: #e9ecef;
4519}
4520.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4521 color: #495057;
4522}
4523.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4524 color: #6c757d;
4525}
4526.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4527 color: #6c757d;
4528}
4529.p-menubar .p-menuitem-link:focus {
4530 outline: 0 none;
4531 outline-offset: 0;
4532 box-shadow: inset 0 0 0 0.15rem #a6d5fa;
4533}
4534.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4535 padding: 0.75rem 1rem;
4536 color: #495057;
4537 border-radius: 3px;
4538 transition: box-shadow 0.2s;
4539 user-select: none;
4540}
4541.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4542 color: #495057;
4543}
4544.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4545 color: #6c757d;
4546 margin-right: 0.5rem;
4547}
4548.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4549 color: #6c757d;
4550 margin-left: 0.5rem;
4551}
4552.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4553 background: #e9ecef;
4554}
4555.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4556 color: #495057;
4557}
4558.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4559 color: #6c757d;
4560}
4561.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4562 color: #6c757d;
4563}
4564.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4565 outline: 0 none;
4566 outline-offset: 0;
4567 box-shadow: inset 0 0 0 0.15rem #a6d5fa;
4568}
4569.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4570.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4571 background: #e9ecef;
4572}
4573.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4574.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4575 color: #495057;
4576}
4577.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4578.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4579 color: #6c757d;
4580}
4581.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4582.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4583 color: #6c757d;
4584}
4585.p-menubar .p-submenu-list {
4586 padding: 0.25rem 0;
4587 background: #ffffff;
4588 border: 0 none;
4589 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);
4590 width: 12.5rem;
4591}
4592.p-menubar .p-submenu-list .p-menu-separator {
4593 border-top: 1px solid #dee2e6;
4594 margin: 0.25rem 0;
4595}
4596.p-menubar .p-submenu-list .p-submenu-icon {
4597 font-size: 0.875rem;
4598}
4599.p-menubar .p-submenu-list .p-menuitem {
4600 margin: 0;
4601}
4602.p-menubar .p-submenu-list .p-menuitem:last-child {
4603 margin: 0;
4604}
4605.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
4606 background: #e9ecef;
4607}
4608.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4609 color: #495057;
4610}
4611.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 {
4612 color: #6c757d;
4613}
4614
4615@media screen and (max-width: 960px) {
4616 .p-menubar {
4617 position: relative;
4618 }
4619 .p-menubar .p-menubar-button {
4620 display: flex;
4621 width: 2rem;
4622 height: 2rem;
4623 color: #6c757d;
4624 border-radius: 50%;
4625 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4626 }
4627 .p-menubar .p-menubar-button:hover {
4628 color: #6c757d;
4629 background: #e9ecef;
4630 }
4631 .p-menubar .p-menubar-button:focus {
4632 outline: 0 none;
4633 outline-offset: 0;
4634 box-shadow: 0 0 0 0.2rem #a6d5fa;
4635 }
4636 .p-menubar .p-menubar-root-list {
4637 position: absolute;
4638 display: none;
4639 padding: 0.25rem 0;
4640 background: #ffffff;
4641 border: 0 none;
4642 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);
4643 width: 100%;
4644 }
4645 .p-menubar .p-menubar-root-list .p-menu-separator {
4646 border-top: 1px solid #dee2e6;
4647 margin: 0.25rem 0;
4648 }
4649 .p-menubar .p-menubar-root-list .p-submenu-icon {
4650 font-size: 0.875rem;
4651 }
4652 .p-menubar .p-menubar-root-list > .p-menuitem {
4653 width: 100%;
4654 position: static;
4655 }
4656 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4657 padding: 0.75rem 1rem;
4658 color: #495057;
4659 border-radius: 0;
4660 transition: box-shadow 0.2s;
4661 user-select: none;
4662 }
4663 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4664 color: #495057;
4665 }
4666 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4667 color: #6c757d;
4668 margin-right: 0.5rem;
4669 }
4670 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4671 color: #6c757d;
4672 }
4673 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4674 background: #e9ecef;
4675 }
4676 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4677 color: #495057;
4678 }
4679 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4680 color: #6c757d;
4681 }
4682 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4683 color: #6c757d;
4684 }
4685 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4686 outline: 0 none;
4687 outline-offset: 0;
4688 box-shadow: inset 0 0 0 0.15rem #a6d5fa;
4689 }
4690 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4691 margin-left: auto;
4692 transition: transform 0.2s;
4693 }
4694 .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4695 transform: rotate(-180deg);
4696 }
4697 .p-menubar .p-menubar-root-list .p-submenu-list {
4698 width: 100%;
4699 position: static;
4700 box-shadow: none;
4701 border: 0 none;
4702 }
4703 .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
4704 transition: transform 0.2s;
4705 transform: rotate(90deg);
4706 }
4707 .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4708 transform: rotate(-90deg);
4709 }
4710 .p-menubar .p-menubar-root-list .p-menuitem {
4711 width: 100%;
4712 position: static;
4713 }
4714 .p-menubar .p-menubar-root-list ul li a {
4715 padding-left: 2.25rem;
4716 }
4717 .p-menubar .p-menubar-root-list ul li ul li a {
4718 padding-left: 3.75rem;
4719 }
4720 .p-menubar .p-menubar-root-list ul li ul li ul li a {
4721 padding-left: 5.25rem;
4722 }
4723 .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
4724 padding-left: 6.75rem;
4725 }
4726 .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
4727 padding-left: 8.25rem;
4728 }
4729 .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
4730 display: flex;
4731 flex-direction: column;
4732 top: 100%;
4733 left: 0;
4734 z-index: 1;
4735 }
4736}
4737.p-panelmenu .p-panelmenu-header > a {
4738 padding: 1rem;
4739 border: 1px solid #dee2e6;
4740 color: #495057;
4741 background: #f8f9fa;
4742 font-weight: 600;
4743 border-radius: 3px;
4744 transition: box-shadow 0.2s;
4745}
4746.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
4747 margin-right: 0.5rem;
4748}
4749.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
4750 margin-right: 0.5rem;
4751}
4752.p-panelmenu .p-panelmenu-header > a:focus {
4753 outline: 0 none;
4754 outline-offset: 0;
4755 box-shadow: 0 0 0 0.2rem #a6d5fa;
4756}
4757.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
4758 background: #e9ecef;
4759 border-color: #dee2e6;
4760 color: #495057;
4761}
4762.p-panelmenu .p-panelmenu-header.p-highlight {
4763 margin-bottom: 0;
4764}
4765.p-panelmenu .p-panelmenu-header.p-highlight > a {
4766 background: #f8f9fa;
4767 border-color: #dee2e6;
4768 color: #495057;
4769 border-bottom-right-radius: 0;
4770 border-bottom-left-radius: 0;
4771}
4772.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
4773 border-color: #dee2e6;
4774 background: #e9ecef;
4775 color: #495057;
4776}
4777.p-panelmenu .p-panelmenu-content {
4778 padding: 0.25rem 0;
4779 border: 1px solid #dee2e6;
4780 background: #ffffff;
4781 color: #495057;
4782 margin-bottom: 0;
4783 border-top: 0;
4784 border-top-right-radius: 0;
4785 border-top-left-radius: 0;
4786 border-bottom-right-radius: 3px;
4787 border-bottom-left-radius: 3px;
4788}
4789.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
4790 padding: 0.75rem 1rem;
4791 color: #495057;
4792 border-radius: 0;
4793 transition: box-shadow 0.2s;
4794 user-select: none;
4795}
4796.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
4797 color: #495057;
4798}
4799.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
4800 color: #6c757d;
4801 margin-right: 0.5rem;
4802}
4803.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
4804 color: #6c757d;
4805}
4806.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
4807 background: #e9ecef;
4808}
4809.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4810 color: #495057;
4811}
4812.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4813 color: #6c757d;
4814}
4815.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4816 color: #6c757d;
4817}
4818.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
4819 outline: 0 none;
4820 outline-offset: 0;
4821 box-shadow: inset 0 0 0 0.15rem #a6d5fa;
4822}
4823.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
4824 margin-right: 0.5rem;
4825}
4826.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
4827 padding: 0 0 0 1rem;
4828}
4829.p-panelmenu .p-panelmenu-panel {
4830 margin-bottom: 0;
4831}
4832.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
4833 border-radius: 0;
4834}
4835.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
4836 border-radius: 0;
4837}
4838.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
4839 border-top: 0 none;
4840}
4841.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
4842 border-top: 0 none;
4843}
4844.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
4845 border-top-right-radius: 3px;
4846 border-top-left-radius: 3px;
4847}
4848.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
4849 border-bottom-right-radius: 3px;
4850 border-bottom-left-radius: 3px;
4851}
4852.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
4853 border-bottom-right-radius: 3px;
4854 border-bottom-left-radius: 3px;
4855}
4856
4857.p-slidemenu {
4858 padding: 0.25rem 0;
4859 background: #ffffff;
4860 color: #495057;
4861 border: 1px solid #dee2e6;
4862 border-radius: 3px;
4863 width: 12.5rem;
4864}
4865.p-slidemenu .p-menuitem-link {
4866 padding: 0.75rem 1rem;
4867 color: #495057;
4868 border-radius: 0;
4869 transition: box-shadow 0.2s;
4870 user-select: none;
4871}
4872.p-slidemenu .p-menuitem-link .p-menuitem-text {
4873 color: #495057;
4874}
4875.p-slidemenu .p-menuitem-link .p-menuitem-icon {
4876 color: #6c757d;
4877 margin-right: 0.5rem;
4878}
4879.p-slidemenu .p-menuitem-link .p-submenu-icon {
4880 color: #6c757d;
4881}
4882.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
4883 background: #e9ecef;
4884}
4885.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4886 color: #495057;
4887}
4888.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4889 color: #6c757d;
4890}
4891.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4892 color: #6c757d;
4893}
4894.p-slidemenu .p-menuitem-link:focus {
4895 outline: 0 none;
4896 outline-offset: 0;
4897 box-shadow: inset 0 0 0 0.15rem #a6d5fa;
4898}
4899.p-slidemenu.p-slidemenu-overlay {
4900 background: #ffffff;
4901 border: 0 none;
4902 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);
4903}
4904.p-slidemenu .p-slidemenu-list {
4905 padding: 0.25rem 0;
4906 background: #ffffff;
4907 border: 0 none;
4908 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);
4909}
4910.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
4911 background: #e9ecef;
4912}
4913.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
4914 color: #495057;
4915}
4916.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 {
4917 color: #6c757d;
4918}
4919.p-slidemenu .p-slidemenu-separator {
4920 border-top: 1px solid #dee2e6;
4921 margin: 0.25rem 0;
4922}
4923.p-slidemenu .p-slidemenu-icon {
4924 font-size: 0.875rem;
4925}
4926.p-slidemenu .p-slidemenu-backward {
4927 padding: 0.75rem 1rem;
4928 color: #495057;
4929}
4930
4931.p-steps .p-steps-item .p-menuitem-link {
4932 background: transparent;
4933 transition: box-shadow 0.2s;
4934 border-radius: 3px;
4935 background: #ffffff;
4936}
4937.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
4938 color: #495057;
4939 border: 1px solid #e9ecef;
4940 background: #ffffff;
4941 min-width: 2rem;
4942 height: 2rem;
4943 line-height: 2rem;
4944 font-size: 1.143rem;
4945 z-index: 1;
4946 border-radius: 50%;
4947}
4948.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
4949 margin-top: 0.5rem;
4950 color: #6c757d;
4951}
4952.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
4953 outline: 0 none;
4954 outline-offset: 0;
4955 box-shadow: 0 0 0 0.2rem #a6d5fa;
4956}
4957.p-steps .p-steps-item.p-highlight .p-steps-number {
4958 background: #E3F2FD;
4959 color: #495057;
4960}
4961.p-steps .p-steps-item.p-highlight .p-steps-title {
4962 font-weight: 600;
4963 color: #495057;
4964}
4965.p-steps .p-steps-item:before {
4966 content: " ";
4967 border-top: 1px solid #dee2e6;
4968 width: 100%;
4969 top: 50%;
4970 left: 0;
4971 display: block;
4972 position: absolute;
4973 margin-top: -1rem;
4974}
4975
4976.p-tabmenu .p-tabmenu-nav {
4977 background: #ffffff;
4978 border: 1px solid #dee2e6;
4979 border-width: 0 0 2px 0;
4980}
4981.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
4982 margin-right: 0;
4983}
4984.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
4985 border: solid #dee2e6;
4986 border-width: 0 0 2px 0;
4987 border-color: transparent transparent #dee2e6 transparent;
4988 background: #ffffff;
4989 color: #6c757d;
4990 padding: 1rem;
4991 font-weight: 600;
4992 border-top-right-radius: 3px;
4993 border-top-left-radius: 3px;
4994 transition: box-shadow 0.2s;
4995 margin: 0 0 -2px 0;
4996}
4997.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
4998 margin-right: 0.5rem;
4999}
5000.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
5001 outline: 0 none;
5002 outline-offset: 0;
5003 box-shadow: inset 0 0 0 0.2rem #a6d5fa;
5004}
5005.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
5006 background: #ffffff;
5007 border-color: #6c757d;
5008 color: #6c757d;
5009}
5010.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
5011 background: #ffffff;
5012 border-color: #2196F3;
5013 color: #2196F3;
5014}
5015
5016.p-tieredmenu {
5017 padding: 0.25rem 0;
5018 background: #ffffff;
5019 color: #495057;
5020 border: 1px solid #dee2e6;
5021 border-radius: 3px;
5022 width: 12.5rem;
5023}
5024.p-tieredmenu .p-menuitem-link {
5025 padding: 0.75rem 1rem;
5026 color: #495057;
5027 border-radius: 0;
5028 transition: box-shadow 0.2s;
5029 user-select: none;
5030}
5031.p-tieredmenu .p-menuitem-link .p-menuitem-text {
5032 color: #495057;
5033}
5034.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
5035 color: #6c757d;
5036 margin-right: 0.5rem;
5037}
5038.p-tieredmenu .p-menuitem-link .p-submenu-icon {
5039 color: #6c757d;
5040}
5041.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
5042 background: #e9ecef;
5043}
5044.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5045 color: #495057;
5046}
5047.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5048 color: #6c757d;
5049}
5050.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5051 color: #6c757d;
5052}
5053.p-tieredmenu .p-menuitem-link:focus {
5054 outline: 0 none;
5055 outline-offset: 0;
5056 box-shadow: inset 0 0 0 0.15rem #a6d5fa;
5057}
5058.p-tieredmenu.p-tieredmenu-overlay {
5059 background: #ffffff;
5060 border: 0 none;
5061 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);
5062}
5063.p-tieredmenu .p-submenu-list {
5064 padding: 0.25rem 0;
5065 background: #ffffff;
5066 border: 0 none;
5067 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);
5068}
5069.p-tieredmenu .p-menuitem {
5070 margin: 0;
5071}
5072.p-tieredmenu .p-menuitem:last-child {
5073 margin: 0;
5074}
5075.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5076 background: #e9ecef;
5077}
5078.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5079 color: #495057;
5080}
5081.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 {
5082 color: #6c757d;
5083}
5084.p-tieredmenu .p-menu-separator {
5085 border-top: 1px solid #dee2e6;
5086 margin: 0.25rem 0;
5087}
5088.p-tieredmenu .p-submenu-icon {
5089 font-size: 0.875rem;
5090}
5091
5092.p-inline-message {
5093 padding: 0.5rem 0.5rem;
5094 margin: 0;
5095 border-radius: 3px;
5096}
5097.p-inline-message.p-inline-message-info {
5098 background: #B3E5FC;
5099 border: solid #0891cf;
5100 border-width: 0px;
5101 color: #044868;
5102}
5103.p-inline-message.p-inline-message-info .p-inline-message-icon {
5104 color: #044868;
5105}
5106.p-inline-message.p-inline-message-success {
5107 background: #C8E6C9;
5108 border: solid #439446;
5109 border-width: 0px;
5110 color: #224a23;
5111}
5112.p-inline-message.p-inline-message-success .p-inline-message-icon {
5113 color: #224a23;
5114}
5115.p-inline-message.p-inline-message-warn {
5116 background: #FFECB3;
5117 border: solid #d9a300;
5118 border-width: 0px;
5119 color: #6d5100;
5120}
5121.p-inline-message.p-inline-message-warn .p-inline-message-icon {
5122 color: #6d5100;
5123}
5124.p-inline-message.p-inline-message-error {
5125 background: #FFCDD2;
5126 border: solid #e60017;
5127 border-width: 0px;
5128 color: #73000c;
5129}
5130.p-inline-message.p-inline-message-error .p-inline-message-icon {
5131 color: #73000c;
5132}
5133.p-inline-message .p-inline-message-icon {
5134 font-size: 1rem;
5135 margin-right: 0.5rem;
5136}
5137.p-inline-message .p-inline-message-text {
5138 font-size: 1rem;
5139}
5140.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
5141 margin-right: 0;
5142}
5143
5144.p-message {
5145 margin: 1rem 0;
5146 border-radius: 3px;
5147}
5148.p-message .p-message-wrapper {
5149 padding: 1rem 1.5rem;
5150}
5151.p-message .p-message-close {
5152 width: 2rem;
5153 height: 2rem;
5154 border-radius: 50%;
5155 background: transparent;
5156 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5157}
5158.p-message .p-message-close:hover {
5159 background: rgba(255, 255, 255, 0.3);
5160}
5161.p-message .p-message-close:focus {
5162 outline: 0 none;
5163 outline-offset: 0;
5164 box-shadow: 0 0 0 0.2rem #a6d5fa;
5165}
5166.p-message.p-message-info {
5167 background: #B3E5FC;
5168 border: solid #0891cf;
5169 border-width: 0 0 0 6px;
5170 color: #044868;
5171}
5172.p-message.p-message-info .p-message-icon {
5173 color: #044868;
5174}
5175.p-message.p-message-info .p-message-close {
5176 color: #044868;
5177}
5178.p-message.p-message-success {
5179 background: #C8E6C9;
5180 border: solid #439446;
5181 border-width: 0 0 0 6px;
5182 color: #224a23;
5183}
5184.p-message.p-message-success .p-message-icon {
5185 color: #224a23;
5186}
5187.p-message.p-message-success .p-message-close {
5188 color: #224a23;
5189}
5190.p-message.p-message-warn {
5191 background: #FFECB3;
5192 border: solid #d9a300;
5193 border-width: 0 0 0 6px;
5194 color: #6d5100;
5195}
5196.p-message.p-message-warn .p-message-icon {
5197 color: #6d5100;
5198}
5199.p-message.p-message-warn .p-message-close {
5200 color: #6d5100;
5201}
5202.p-message.p-message-error {
5203 background: #FFCDD2;
5204 border: solid #e60017;
5205 border-width: 0 0 0 6px;
5206 color: #73000c;
5207}
5208.p-message.p-message-error .p-message-icon {
5209 color: #73000c;
5210}
5211.p-message.p-message-error .p-message-close {
5212 color: #73000c;
5213}
5214.p-message .p-message-text {
5215 font-size: 1rem;
5216 font-weight: 500;
5217}
5218.p-message .p-message-icon {
5219 font-size: 1.5rem;
5220 margin-right: 0.5rem;
5221}
5222.p-message .p-message-summary {
5223 font-weight: 700;
5224}
5225.p-message .p-message-detail {
5226 margin-left: 0.5rem;
5227}
5228
5229.p-toast {
5230 opacity: 0.9;
5231}
5232.p-toast .p-toast-message {
5233 margin: 0 0 1rem 0;
5234 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);
5235 border-radius: 3px;
5236}
5237.p-toast .p-toast-message .p-toast-message-content {
5238 padding: 1rem;
5239 border-width: 0 0 0 6px;
5240}
5241.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
5242 margin: 0 0 0 1rem;
5243}
5244.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
5245 font-size: 2rem;
5246}
5247.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
5248 font-weight: 700;
5249}
5250.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
5251 margin: 0.5rem 0 0 0;
5252}
5253.p-toast .p-toast-message .p-toast-icon-close {
5254 width: 2rem;
5255 height: 2rem;
5256 border-radius: 50%;
5257 background: transparent;
5258 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5259}
5260.p-toast .p-toast-message .p-toast-icon-close:hover {
5261 background: rgba(255, 255, 255, 0.3);
5262}
5263.p-toast .p-toast-message .p-toast-icon-close:focus {
5264 outline: 0 none;
5265 outline-offset: 0;
5266 box-shadow: 0 0 0 0.2rem #a6d5fa;
5267}
5268.p-toast .p-toast-message.p-toast-message-info {
5269 background: #B3E5FC;
5270 border: solid #0891cf;
5271 border-width: 0 0 0 6px;
5272 color: #044868;
5273}
5274.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
5275.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
5276 color: #044868;
5277}
5278.p-toast .p-toast-message.p-toast-message-success {
5279 background: #C8E6C9;
5280 border: solid #439446;
5281 border-width: 0 0 0 6px;
5282 color: #224a23;
5283}
5284.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
5285.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
5286 color: #224a23;
5287}
5288.p-toast .p-toast-message.p-toast-message-warn {
5289 background: #FFECB3;
5290 border: solid #d9a300;
5291 border-width: 0 0 0 6px;
5292 color: #6d5100;
5293}
5294.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
5295.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
5296 color: #6d5100;
5297}
5298.p-toast .p-toast-message.p-toast-message-error {
5299 background: #FFCDD2;
5300 border: solid #e60017;
5301 border-width: 0 0 0 6px;
5302 color: #73000c;
5303}
5304.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
5305.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
5306 color: #73000c;
5307}
5308
5309.p-galleria .p-galleria-close {
5310 margin: 0.5rem;
5311 background: transparent;
5312 color: #f8f9fa;
5313 width: 4rem;
5314 height: 4rem;
5315 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5316 border-radius: 50%;
5317}
5318.p-galleria .p-galleria-close .p-galleria-close-icon {
5319 font-size: 2rem;
5320}
5321.p-galleria .p-galleria-close:hover {
5322 background: rgba(255, 255, 255, 0.1);
5323 color: #f8f9fa;
5324}
5325.p-galleria .p-galleria-item-nav {
5326 background: transparent;
5327 color: #f8f9fa;
5328 width: 4rem;
5329 height: 4rem;
5330 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5331 border-radius: 3px;
5332 margin: 0 0.5rem;
5333}
5334.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
5335.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
5336 font-size: 2rem;
5337}
5338.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
5339 background: rgba(255, 255, 255, 0.1);
5340 color: #f8f9fa;
5341}
5342.p-galleria .p-galleria-caption {
5343 background: rgba(0, 0, 0, 0.5);
5344 color: #f8f9fa;
5345 padding: 1rem;
5346}
5347.p-galleria .p-galleria-indicators {
5348 padding: 1rem;
5349}
5350.p-galleria .p-galleria-indicators .p-galleria-indicator button {
5351 background-color: #e9ecef;
5352 width: 1rem;
5353 height: 1rem;
5354 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5355 border-radius: 50%;
5356}
5357.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
5358 background: #dee2e6;
5359}
5360.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
5361 background: #E3F2FD;
5362 color: #495057;
5363}
5364.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
5365 margin-right: 0.5rem;
5366}
5367.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
5368 margin-bottom: 0.5rem;
5369}
5370.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
5371 background: rgba(0, 0, 0, 0.5);
5372}
5373.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
5374 background: rgba(255, 255, 255, 0.4);
5375}
5376.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
5377 background: rgba(255, 255, 255, 0.6);
5378}
5379.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
5380 background: #E3F2FD;
5381 color: #495057;
5382}
5383.p-galleria .p-galleria-thumbnail-container {
5384 background: rgba(0, 0, 0, 0.9);
5385 padding: 1rem 0.25rem;
5386}
5387.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
5388.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
5389 margin: 0.5rem;
5390 background-color: transparent;
5391 color: #f8f9fa;
5392 width: 2rem;
5393 height: 2rem;
5394 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5395 border-radius: 50%;
5396}
5397.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
5398.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
5399 background: rgba(255, 255, 255, 0.1);
5400 color: #f8f9fa;
5401}
5402.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
5403 outline: 0 none;
5404 outline-offset: 0;
5405 box-shadow: 0 0 0 0.2rem #a6d5fa;
5406}
5407
5408.p-galleria-mask {
5409 --maskbg: rgba(0, 0, 0, 0.9);
5410}
5411
5412.p-image-mask {
5413 --maskbg: rgba(0, 0, 0, 0.9);
5414}
5415
5416.p-image-preview-indicator {
5417 background-color: transparent;
5418 color: #f8f9fa;
5419 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5420}
5421
5422.p-image-preview-container:hover > .p-image-preview-indicator {
5423 background-color: rgba(0, 0, 0, 0.5);
5424}
5425
5426.p-image-toolbar {
5427 padding: 1rem;
5428}
5429
5430.p-image-action.p-link {
5431 color: #f8f9fa;
5432 background-color: transparent;
5433 width: 3rem;
5434 height: 3rem;
5435 border-radius: 50%;
5436 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5437 margin-right: 0.5rem;
5438}
5439.p-image-action.p-link:last-child {
5440 margin-right: 0;
5441}
5442.p-image-action.p-link:hover {
5443 color: #f8f9fa;
5444 background-color: rgba(255, 255, 255, 0.1);
5445}
5446.p-image-action.p-link i {
5447 font-size: 1.5rem;
5448}
5449
5450.p-avatar {
5451 background-color: #dee2e6;
5452 border-radius: 3px;
5453}
5454.p-avatar.p-avatar-lg {
5455 width: 3rem;
5456 height: 3rem;
5457 font-size: 1.5rem;
5458}
5459.p-avatar.p-avatar-lg .p-avatar-icon {
5460 font-size: 1.5rem;
5461}
5462.p-avatar.p-avatar-xl {
5463 width: 4rem;
5464 height: 4rem;
5465 font-size: 2rem;
5466}
5467.p-avatar.p-avatar-xl .p-avatar-icon {
5468 font-size: 2rem;
5469}
5470
5471.p-avatar-group .p-avatar {
5472 border: 2px solid #ffffff;
5473}
5474
5475.p-badge {
5476 background: #2196F3;
5477 color: #ffffff;
5478 font-size: 0.75rem;
5479 font-weight: 700;
5480 min-width: 1.5rem;
5481 height: 1.5rem;
5482 line-height: 1.5rem;
5483}
5484.p-badge.p-badge-secondary {
5485 background-color: #607D8B;
5486 color: #ffffff;
5487}
5488.p-badge.p-badge-success {
5489 background-color: #689F38;
5490 color: #ffffff;
5491}
5492.p-badge.p-badge-info {
5493 background-color: #0288D1;
5494 color: #ffffff;
5495}
5496.p-badge.p-badge-warning {
5497 background-color: #FBC02D;
5498 color: #212529;
5499}
5500.p-badge.p-badge-danger {
5501 background-color: #D32F2F;
5502 color: #ffffff;
5503}
5504.p-badge.p-badge-lg {
5505 font-size: 1.125rem;
5506 min-width: 2.25rem;
5507 height: 2.25rem;
5508 line-height: 2.25rem;
5509}
5510.p-badge.p-badge-xl {
5511 font-size: 1.5rem;
5512 min-width: 3rem;
5513 height: 3rem;
5514 line-height: 3rem;
5515}
5516
5517.p-chip {
5518 background-color: #dee2e6;
5519 color: #495057;
5520 border-radius: 16px;
5521 padding: 0 0.5rem;
5522}
5523.p-chip .p-chip-text {
5524 line-height: 1.5;
5525 margin-top: 0.25rem;
5526 margin-bottom: 0.25rem;
5527}
5528.p-chip .p-chip-icon {
5529 margin-right: 0.5rem;
5530}
5531.p-chip .pi-chip-remove-icon {
5532 margin-left: 0.5rem;
5533}
5534.p-chip img {
5535 width: 2rem;
5536 height: 2rem;
5537 margin-left: -0.5rem;
5538 margin-right: 0.5rem;
5539}
5540.p-chip .pi-chip-remove-icon {
5541 border-radius: 3px;
5542 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5543}
5544.p-chip .pi-chip-remove-icon:focus {
5545 outline: 0 none;
5546 outline-offset: 0;
5547 box-shadow: 0 0 0 0.2rem #a6d5fa;
5548}
5549
5550.p-inplace .p-inplace-display {
5551 padding: 0.5rem 0.5rem;
5552 border-radius: 3px;
5553 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
5554}
5555.p-inplace .p-inplace-display:not(.p-disabled):hover {
5556 background: #e9ecef;
5557 color: #495057;
5558}
5559.p-inplace .p-inplace-display:focus {
5560 outline: 0 none;
5561 outline-offset: 0;
5562 box-shadow: 0 0 0 0.2rem #a6d5fa;
5563}
5564
5565.p-progressbar {
5566 border: 0 none;
5567 height: 1.5rem;
5568 background: #dee2e6;
5569 border-radius: 3px;
5570}
5571.p-progressbar .p-progressbar-value {
5572 border: 0 none;
5573 margin: 0;
5574 background: #2196F3;
5575}
5576.p-progressbar .p-progressbar-label {
5577 color: #495057;
5578 line-height: 1.5rem;
5579}
5580
5581.p-scrolltop {
5582 width: 3rem;
5583 height: 3rem;
5584 border-radius: 50%;
5585 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);
5586 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5587}
5588.p-scrolltop.p-link {
5589 background: rgba(0, 0, 0, 0.7);
5590}
5591.p-scrolltop.p-link:hover {
5592 background: rgba(0, 0, 0, 0.8);
5593}
5594.p-scrolltop .p-scrolltop-icon {
5595 font-size: 1.5rem;
5596 color: #f8f9fa;
5597}
5598
5599.p-skeleton {
5600 background-color: #e9ecef;
5601 border-radius: 3px;
5602}
5603.p-skeleton:after {
5604 background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
5605}
5606
5607.p-tag {
5608 background: #2196F3;
5609 color: #ffffff;
5610 font-size: 0.75rem;
5611 font-weight: 700;
5612 padding: 0.25rem 0.4rem;
5613 border-radius: 3px;
5614}
5615.p-tag.p-tag-success {
5616 background-color: #689F38;
5617 color: #ffffff;
5618}
5619.p-tag.p-tag-info {
5620 background-color: #0288D1;
5621 color: #ffffff;
5622}
5623.p-tag.p-tag-warning {
5624 background-color: #FBC02D;
5625 color: #212529;
5626}
5627.p-tag.p-tag-danger {
5628 background-color: #D32F2F;
5629 color: #ffffff;
5630}
5631.p-tag .p-tag-icon {
5632 margin-right: 0.25rem;
5633 font-size: 0.75rem;
5634}
5635
5636.p-terminal {
5637 background: #ffffff;
5638 color: #495057;
5639 border: 1px solid #dee2e6;
5640 padding: 1rem;
5641}
5642.p-terminal .p-terminal-input {
5643 font-size: 1rem;
5644 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
5645}
5646
5647/* Customizations to the designer theme should be defined here */
5648.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
5649 background-color: #2196F3;
5650}
5651
5652.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
5653 background-color: #2196F3;
5654}
Note: See TracBrowser for help on using the repository browser.