source: trip-planner-front/node_modules/primeng/resources/themes/bootstrap4-dark-purple/theme.css

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

adding photos

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