source: trip-planner-front/node_modules/primeng/resources/themes/luna-amber/theme.css@ 8d391a1

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

adding photos

  • Property mode set to 100644
File size: 153.0 KB
Line 
1:root {
2 --surface-a: #191919;
3 --surface-b: #191919;
4 --surface-c: #4c4c4c;
5 --surface-d: #4b4b4b;
6 --surface-e: #323232;
7 --surface-f: #323232;
8 --text-color: #dedede;
9 --text-color-secondary: #888888;
10 --primary-color: #FFE082;
11 --primary-color-text: #212529;
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: #191919;
14 --surface-50: #303030;
15 --surface-100: #474747;
16 --surface-200: #5e5e5e;
17 --surface-300: #757575;
18 --surface-400: #8c8c8c;
19 --surface-500: #a3a3a3;
20 --surface-600: #bababa;
21 --surface-700: #d1d1d1;
22 --surface-800: #e8e8e8;
23 --surface-900: #ffffff;
24 --gray-50: #e8e8e8;
25 --gray-100: #d1d1d1;
26 --gray-200: #bababa;
27 --gray-300: #a3a3a3;
28 --gray-400: #8c8c8c;
29 --gray-500: #757575;
30 --gray-600: #5e5e5e;
31 --gray-700: #474747;
32 --gray-800: #303030;
33 --gray-900: #191919;
34 --content-padding:0.571rem 1rem;
35 --inline-spacing:0.5rem;
36 --border-radius:3px;
37 --surface-ground:#191919;
38 --surface-section:#191919;
39 --surface-card:#323232;
40 --surface-overlay:#323232;
41 --surface-border:#4b4b4b;
42 --surface-hover:#4c4c4c;
43 --maskbg: rgba(0, 0, 0, 0.4);
44 --focus-ring: 0 0 0 0.1rem white;
45}
46
47* {
48 box-sizing: border-box;
49}
50
51.p-component {
52 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
53 font-size: 1rem;
54 font-weight: normal;
55}
56
57.p-component-overlay {
58 background-color: rgba(0, 0, 0, 0.4);
59 transition-duration: 0.2s;
60}
61
62.p-disabled, .p-component:disabled {
63 opacity: 0.5;
64}
65
66.p-error {
67 color: #e57373;
68}
69
70.p-text-secondary {
71 color: #888888;
72}
73
74.pi {
75 font-size: 1rem;
76}
77
78.p-link {
79 font-size: 1rem;
80 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
81 border-radius: 3px;
82}
83.p-link:focus {
84 outline: 0 none;
85 outline-offset: 0;
86 box-shadow: 0 0 0 0.1rem white;
87}
88
89.p-component-overlay-enter {
90 animation: p-component-overlay-enter-animation 150ms forwards;
91}
92
93.p-component-overlay-leave {
94 animation: p-component-overlay-leave-animation 150ms forwards;
95}
96
97@keyframes p-component-overlay-enter-animation {
98 from {
99 background-color: transparent;
100 }
101 to {
102 background-color: var(--maskbg);
103 }
104}
105@keyframes p-component-overlay-leave-animation {
106 from {
107 background-color: var(--maskbg);
108 }
109 to {
110 background-color: transparent;
111 }
112}
113
114:root {
115 --blue-50:#f3f8fc;
116 --blue-100:#c6dcef;
117 --blue-200:#98c1e3;
118 --blue-300:#6ba5d7;
119 --blue-400:#3d8aca;
120 --blue-500:#106ebe;
121 --blue-600:#0e5ea2;
122 --blue-700:#0b4d85;
123 --blue-800:#093d69;
124 --blue-900:#062c4c;
125 --green-50:#f7fbf6;
126 --green-100:#d6ead1;
127 --green-200:#b6d9ad;
128 --green-300:#96c889;
129 --green-400:#76b765;
130 --green-500:#56a641;
131 --green-600:#498d37;
132 --green-700:#3c742e;
133 --green-800:#2f5b24;
134 --green-900:#22421a;
135 --yellow-50:#fffcf5;
136 --yellow-100:#fdefcd;
137 --yellow-200:#fbe3a6;
138 --yellow-300:#f9d67f;
139 --yellow-400:#f8ca57;
140 --yellow-500:#f6bd30;
141 --yellow-600:#d1a129;
142 --yellow-700:#ac8422;
143 --yellow-800:#87681a;
144 --yellow-900:#624c13;
145 --cyan-50:#f4fbfd;
146 --cyan-100:#ccebf5;
147 --cyan-200:#a4dbed;
148 --cyan-300:#7ccce5;
149 --cyan-400:#54bcdd;
150 --cyan-500:#2cacd5;
151 --cyan-600:#2592b5;
152 --cyan-700:#1f7895;
153 --cyan-800:#185f75;
154 --cyan-900:#124555;
155 --pink-50:#fdf4f9;
156 --pink-100:#f6cce0;
157 --pink-200:#eea3c7;
158 --pink-300:#e77aae;
159 --pink-400:#df5296;
160 --pink-500:#d8297d;
161 --pink-600:#b8236a;
162 --pink-700:#971d58;
163 --pink-800:#771745;
164 --pink-900:#561032;
165 --indigo-50:#f4f6fd;
166 --indigo-100:#ccd3f5;
167 --indigo-200:#a4b0ed;
168 --indigo-300:#7c8de5;
169 --indigo-400:#546add;
170 --indigo-500:#2c47d5;
171 --indigo-600:#253cb5;
172 --indigo-700:#1f3295;
173 --indigo-800:#182775;
174 --indigo-900:#121c55;
175 --teal-50:#f6fbfa;
176 --teal-100:#d1eae5;
177 --teal-200:#add9d1;
178 --teal-300:#89c8bd;
179 --teal-400:#65b7a8;
180 --teal-500:#41a694;
181 --teal-600:#378d7e;
182 --teal-700:#2e7468;
183 --teal-800:#245b51;
184 --teal-900:#1a423b;
185 --orange-50:#fff9f5;
186 --orange-100:#fde4cd;
187 --orange-200:#fbcfa6;
188 --orange-300:#f9ba7f;
189 --orange-400:#f8a457;
190 --orange-500:#f68f30;
191 --orange-600:#d17a29;
192 --orange-700:#ac6422;
193 --orange-800:#874f1a;
194 --orange-900:#623913;
195 --bluegray-50:#f7f8f9;
196 --bluegray-100:#dae0e3;
197 --bluegray-200:#bdc7cd;
198 --bluegray-300:#a0aeb6;
199 --bluegray-400:#8295a0;
200 --bluegray-500:#657c8a;
201 --bluegray-600:#566975;
202 --bluegray-700:#475761;
203 --bluegray-800:#38444c;
204 --bluegray-900:#283237;
205 --purple-50:#f9f8fd;
206 --purple-100:#e1dff7;
207 --purple-200:#cac5f1;
208 --purple-300:#b2abeb;
209 --purple-400:#9b92e4;
210 --purple-500:#8378de;
211 --purple-600:#6f66bd;
212 --purple-700:#5c549b;
213 --purple-800:#48427a;
214 --purple-900:#343059;
215}
216
217.p-autocomplete .p-autocomplete-loader {
218 right: 0.429rem;
219}
220.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
221 right: 2.786rem;
222}
223.p-autocomplete .p-autocomplete-multiple-container {
224 padding: 0.2145rem 0.429rem;
225}
226.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
227 border-color: #FFE082;
228}
229.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
230 outline: 0 none;
231 outline-offset: 0;
232 box-shadow: 0 0 0 0.1rem white;
233 border-color: #FFE082;
234}
235.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
236 padding: 0.2145rem 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: #dedede;
242 padding: 0;
243 margin: 0;
244}
245.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
246 padding: 0.2145rem 0.429rem;
247 margin-right: 0.5rem;
248 background: #FFE082;
249 color: #212529;
250 border-radius: 3px;
251}
252.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
253 margin-left: 0.5rem;
254}
255
256p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
257 border-color: #e57373;
258}
259
260.p-autocomplete-panel {
261 background: #323232;
262 color: #dedede;
263 border: 1px solid #191919;
264 border-radius: 3px;
265 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
266}
267.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) {
268 padding: 0;
269}
270.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper {
271 padding: 0;
272}
273.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
274 margin: 0;
275 padding: 0.429rem 0.857rem;
276 border: 0 none;
277 color: #dedede;
278 background: transparent;
279 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
280 border-radius: 0;
281}
282.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
283 color: #dedede;
284 background: #4c4c4c;
285}
286.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
287 color: #212529;
288 background: #FFE082;
289}
290.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
291 padding: 0.429rem 0.857rem;
292 color: #dedede;
293 background: transparent;
294}
295.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
296 margin: 0;
297 padding: 0.857rem;
298 color: #dedede;
299 background: #191919;
300 font-weight: 700;
301}
302
303p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
304 border-color: #e57373;
305}
306
307.p-datepicker {
308 padding: 0.857rem;
309 background: #323232;
310 color: #dedede;
311 border: 1px solid #4b4b4b;
312 border-radius: 3px;
313}
314.p-datepicker:not(.p-datepicker-inline) {
315 background: #323232;
316 border: 1px solid #191919;
317 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
318}
319.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
320 background: #252525;
321}
322.p-datepicker .p-datepicker-header {
323 padding: 0.5rem;
324 color: #dedede;
325 background: #323232;
326 font-weight: 700;
327 margin: 0;
328 border-bottom: 0 none;
329 border-top-right-radius: 3px;
330 border-top-left-radius: 3px;
331}
332.p-datepicker .p-datepicker-header .p-datepicker-prev,
333.p-datepicker .p-datepicker-header .p-datepicker-next {
334 width: 2rem;
335 height: 2rem;
336 color: #8888;
337 border: 0 none;
338 background: transparent;
339 border-radius: 50%;
340 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
341}
342.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
343.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
344 color: #dedede;
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 0.1rem white;
353}
354.p-datepicker .p-datepicker-header .p-datepicker-title {
355 line-height: 2rem;
356}
357.p-datepicker .p-datepicker-header .p-datepicker-title select {
358 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
359}
360.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
361 outline: 0 none;
362 outline-offset: 0;
363 box-shadow: 0 0 0 0.1rem white;
364 border-color: #FFE082;
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.857rem 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: 3px;
387 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
388 border: 1px solid transparent;
389}
390.p-datepicker table td > span.p-highlight {
391 color: #212529;
392 background: #FFE082;
393}
394.p-datepicker table td > span:focus {
395 outline: 0 none;
396 outline-offset: 0;
397 box-shadow: 0 0 0 0.1rem white;
398}
399.p-datepicker table td.p-datepicker-today > span {
400 background: #FFCA28;
401 color: #212529;
402 border-color: transparent;
403}
404.p-datepicker table td.p-datepicker-today > span.p-highlight {
405 color: #212529;
406 background: #FFE082;
407}
408.p-datepicker .p-datepicker-buttonbar {
409 padding: 0.857rem 0 0.429rem 0;
410 border-top: 1px solid #4b4b4b;
411}
412.p-datepicker .p-datepicker-buttonbar .p-button {
413 width: auto;
414}
415.p-datepicker .p-timepicker {
416 border-top: 1px solid #4b4b4b;
417 padding: 0.857rem 0 0.429rem 0;
418}
419.p-datepicker .p-timepicker button {
420 width: 2rem;
421 height: 2rem;
422 color: #8888;
423 border: 0 none;
424 background: transparent;
425 border-radius: 50%;
426 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
427}
428.p-datepicker .p-timepicker button:enabled:hover {
429 color: #dedede;
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 0.1rem white;
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.286rem;
443}
444.p-datepicker .p-timepicker > div {
445 padding: 0 0.429rem;
446}
447.p-datepicker.p-datepicker-timeonly .p-timepicker {
448 border-top: 0 none;
449}
450.p-datepicker .p-monthpicker {
451 margin: 0.857rem 0;
452}
453.p-datepicker .p-monthpicker .p-monthpicker-month {
454 padding: 0.5rem;
455 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
456 border-radius: 3px;
457}
458.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
459 color: #212529;
460 background: #FFE082;
461}
462.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
463 border-right: 1px solid #4b4b4b;
464 padding-right: 0.857rem;
465 padding-left: 0.857rem;
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: #4c4c4c;
478}
479.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
480 outline: 0 none;
481 outline-offset: 0;
482 box-shadow: 0 0 0 0.1rem white;
483}
484.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
485 background: #4c4c4c;
486}
487.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
488 outline: 0 none;
489 outline-offset: 0;
490 box-shadow: 0 0 0 0.1rem white;
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: #191919;
500 border: 1px solid #4b4b4b;
501 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
502 border-radius: 3px;
503}
504.p-cascadeselect:not(.p-disabled):hover {
505 border-color: #FFE082;
506}
507.p-cascadeselect:not(.p-disabled).p-focus {
508 outline: 0 none;
509 outline-offset: 0;
510 box-shadow: 0 0 0 0.1rem white;
511 border-color: #FFE082;
512}
513.p-cascadeselect .p-cascadeselect-label {
514 background: transparent;
515 border: 0 none;
516 padding: 0.429rem 0.429rem;
517}
518.p-cascadeselect .p-cascadeselect-label.p-placeholder {
519 color: #9b9b9b;
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: #888888;
528 width: 2.357rem;
529 border-top-right-radius: 3px;
530 border-bottom-right-radius: 3px;
531}
532
533.p-cascadeselect-panel {
534 background: #323232;
535 color: #dedede;
536 border: 1px solid #191919;
537 border-radius: 3px;
538 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
539}
540.p-cascadeselect-panel .p-cascadeselect-items {
541 padding: 0;
542}
543.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
544 margin: 0;
545 border: 0 none;
546 color: #dedede;
547 background: transparent;
548 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
549 border-radius: 0;
550}
551.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
552 padding: 0.429rem 0.857rem;
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.2rem white;
558}
559.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
560 color: #212529;
561 background: #FFE082;
562}
563.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
564 color: #dedede;
565 background: #4c4c4c;
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: #e57373;
573}
574
575.p-input-filled .p-cascadeselect {
576 background: #4b4b4b;
577}
578.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
579 background-color: #4b4b4b;
580}
581.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
582 background-color: #4b4b4b;
583}
584
585.p-checkbox {
586 width: 20px;
587 height: 20px;
588}
589.p-checkbox .p-checkbox-box {
590 border: 1px solid #4b4b4b;
591 background: #191919;
592 width: 20px;
593 height: 20px;
594 color: #dedede;
595 border-radius: 3px;
596 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
597}
598.p-checkbox .p-checkbox-box .p-checkbox-icon {
599 transition-duration: 0.2s;
600 color: #212529;
601 font-size: 14px;
602}
603.p-checkbox .p-checkbox-box.p-highlight {
604 border-color: #FFE082;
605 background: #FFE082;
606}
607.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
608 border-color: #FFE082;
609}
610.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
611 outline: 0 none;
612 outline-offset: 0;
613 box-shadow: 0 0 0 0.1rem white;
614 border-color: #FFE082;
615}
616.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
617 border-color: #FFCA28;
618 background: #FFCA28;
619 color: #212529;
620}
621
622p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
623 border-color: #e57373;
624}
625
626.p-input-filled .p-checkbox .p-checkbox-box {
627 background-color: #4b4b4b;
628}
629.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
630 background: #FFE082;
631}
632.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
633 background-color: #4b4b4b;
634}
635.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
636 background: #FFCA28;
637}
638
639.p-checkbox-label {
640 margin-left: 0.5rem;
641}
642
643.p-highlight .p-checkbox .p-checkbox-box {
644 border-color: #212529;
645}
646
647.p-chips .p-chips-multiple-container {
648 padding: 0.2145rem 0.429rem;
649}
650.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
651 border-color: #FFE082;
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 0.1rem white;
657 border-color: #FFE082;
658}
659.p-chips .p-chips-multiple-container .p-chips-token {
660 padding: 0.2145rem 0.429rem;
661 margin-right: 0.5rem;
662 background: #FFE082;
663 color: #212529;
664 border-radius: 3px;
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.2145rem 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: #dedede;
676 padding: 0;
677 margin: 0;
678}
679
680p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
681 border-color: #e57373;
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: #323232;
692 border-color: #191919;
693}
694.p-colorpicker-panel .p-colorpicker-color-handle,
695.p-colorpicker-panel .p-colorpicker-hue-handle {
696 border-color: #ffffff;
697}
698
699.p-colorpicker-overlay-panel {
700 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
701}
702
703.p-dropdown {
704 background: #191919;
705 border: 1px solid #4b4b4b;
706 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
707 border-radius: 3px;
708}
709.p-dropdown:not(.p-disabled):hover {
710 border-color: #FFE082;
711}
712.p-dropdown:not(.p-disabled).p-focus {
713 outline: 0 none;
714 outline-offset: 0;
715 box-shadow: 0 0 0 0.1rem white;
716 border-color: #FFE082;
717}
718.p-dropdown.p-dropdown-clearable .p-dropdown-label {
719 padding-right: 1.429rem;
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: #9b9b9b;
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: #888888;
735 width: 2.357rem;
736 border-top-right-radius: 3px;
737 border-bottom-right-radius: 3px;
738}
739.p-dropdown .p-dropdown-clear-icon {
740 color: #888888;
741 right: 2.357rem;
742}
743
744.p-dropdown-panel {
745 background: #323232;
746 color: #dedede;
747 border: 1px solid #191919;
748 border-radius: 3px;
749 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
750}
751.p-dropdown-panel .p-dropdown-header {
752 padding: 0.429rem 0.857rem;
753 border-bottom: 1px solid #191919;
754 color: #dedede;
755 background: #252525;
756 margin: 0;
757 border-top-right-radius: 3px;
758 border-top-left-radius: 3px;
759}
760.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
761 padding-right: 1.429rem;
762 margin-right: -1.429rem;
763}
764.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
765 right: 0.429rem;
766 color: #888888;
767}
768.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) {
769 padding: 0;
770}
771.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper {
772 padding: 0;
773}
774.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
775 margin: 0;
776 padding: 0.429rem 0.857rem;
777 border: 0 none;
778 color: #dedede;
779 background: transparent;
780 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
781 border-radius: 0;
782}
783.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
784 color: #212529;
785 background: #FFE082;
786}
787.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
788 color: #dedede;
789 background: #4c4c4c;
790}
791.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
792 padding: 0.429rem 0.857rem;
793 color: #dedede;
794 background: transparent;
795}
796.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
797 margin: 0;
798 padding: 0.857rem;
799 color: #dedede;
800 background: #191919;
801 font-weight: 700;
802}
803
804p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
805 border-color: #e57373;
806}
807
808.p-input-filled .p-dropdown {
809 background: #4b4b4b;
810}
811.p-input-filled .p-dropdown:not(.p-disabled):hover {
812 background-color: #4b4b4b;
813}
814.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
815 background-color: #4b4b4b;
816}
817
818.p-editor-container .p-editor-toolbar {
819 background: #191919;
820 border-top-right-radius: 3px;
821 border-top-left-radius: 3px;
822}
823.p-editor-container .p-editor-toolbar.ql-snow {
824 border: 1px solid #191919;
825}
826.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
827 stroke: #888888;
828}
829.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
830 fill: #888888;
831}
832.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
833 border: 0 none;
834 color: #888888;
835}
836.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
837 color: #dedede;
838}
839.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
840 stroke: #dedede;
841}
842.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
843 fill: #dedede;
844}
845.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
846 color: #dedede;
847}
848.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
849 stroke: #dedede;
850}
851.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
852 fill: #dedede;
853}
854.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
855 background: #323232;
856 border: 1px solid #191919;
857 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
858 border-radius: 3px;
859 padding: 0;
860}
861.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
862 color: #dedede;
863}
864.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
865 color: #dedede;
866 background: #4c4c4c;
867}
868.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
869 padding: 0.429rem 0.857rem;
870}
871.p-editor-container .p-editor-content {
872 border-bottom-right-radius: 3px;
873 border-bottom-left-radius: 3px;
874}
875.p-editor-container .p-editor-content.ql-snow {
876 border: 1px solid #191919;
877}
878.p-editor-container .p-editor-content .ql-editor {
879 background: #191919;
880 color: #dedede;
881 border-bottom-right-radius: 3px;
882 border-bottom-left-radius: 3px;
883}
884.p-editor-container .ql-snow.ql-toolbar button:hover,
885.p-editor-container .ql-snow.ql-toolbar button:focus {
886 color: #dedede;
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: #dedede;
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: #dedede;
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: #FFE082;
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: #FFE082;
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: #FFE082;
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: #FFE082;
915}
916
917.p-inputgroup-addon {
918 background: #252525;
919 color: #888888;
920 border-top: 1px solid #4b4b4b;
921 border-left: 1px solid #4b4b4b;
922 border-bottom: 1px solid #4b4b4b;
923 padding: 0.429rem 0.429rem;
924 min-width: 2.357rem;
925}
926.p-inputgroup-addon:last-child {
927 border-right: 1px solid #4b4b4b;
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: 3px;
962 border-bottom-left-radius: 3px;
963}
964
965.p-inputgroup .p-float-label:first-child input {
966 border-top-left-radius: 3px;
967 border-bottom-left-radius: 3px;
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: 3px;
976 border-bottom-right-radius: 3px;
977}
978
979.p-inputgroup .p-float-label:last-child input {
980 border-top-right-radius: 3px;
981 border-bottom-right-radius: 3px;
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: #e57373;
993}
994
995p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
996 border-color: #e57373;
997}
998
999.p-inputswitch {
1000 width: 3rem;
1001 height: 1.75rem;
1002}
1003.p-inputswitch .p-inputswitch-slider {
1004 background: #4b4b4b;
1005 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1006 border-radius: 30px;
1007}
1008.p-inputswitch .p-inputswitch-slider:before {
1009 background: #323232;
1010 width: 1.25rem;
1011 height: 1.25rem;
1012 left: 0.25rem;
1013 margin-top: -0.625rem;
1014 border-radius: 50%;
1015 transition-duration: 0.2s;
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 0.1rem white;
1024}
1025.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
1026 background: #4b4b4b;
1027}
1028.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
1029 background: #FFE082;
1030}
1031.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
1032 background: #323232;
1033}
1034.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
1035 background: #FFD54F;
1036}
1037
1038p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1039 border-color: #e57373;
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: #dedede;
1046 background: #191919;
1047 padding: 0.429rem 0.429rem;
1048 border: 1px solid #4b4b4b;
1049 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1050 appearance: none;
1051 border-radius: 3px;
1052}
1053.p-inputtext:enabled:hover {
1054 border-color: #FFE082;
1055}
1056.p-inputtext:enabled:focus {
1057 outline: 0 none;
1058 outline-offset: 0;
1059 box-shadow: 0 0 0 0.1rem white;
1060 border-color: #FFE082;
1061}
1062.p-inputtext.ng-dirty.ng-invalid {
1063 border-color: #e57373;
1064}
1065.p-inputtext.p-inputtext-sm {
1066 font-size: 0.875rem;
1067 padding: 0.375375rem 0.375375rem;
1068}
1069.p-inputtext.p-inputtext-lg {
1070 font-size: 1.25rem;
1071 padding: 0.53625rem 0.53625rem;
1072}
1073
1074.p-float-label > label {
1075 left: 0.429rem;
1076 color: #9b9b9b;
1077 transition-duration: 0.2s;
1078}
1079
1080.p-float-label > .ng-invalid.ng-dirty + label {
1081 color: #e57373;
1082}
1083
1084.p-input-icon-left > i:first-of-type {
1085 left: 0.429rem;
1086 color: #888888;
1087}
1088
1089.p-input-icon-left > .p-inputtext {
1090 padding-left: 1.858rem;
1091}
1092
1093.p-input-icon-left.p-float-label > label {
1094 left: 1.858rem;
1095}
1096
1097.p-input-icon-right > i:last-of-type {
1098 right: 0.429rem;
1099 color: #888888;
1100}
1101
1102.p-input-icon-right > .p-inputtext {
1103 padding-right: 1.858rem;
1104}
1105
1106::-webkit-input-placeholder {
1107 color: #9b9b9b;
1108}
1109
1110:-moz-placeholder {
1111 color: #9b9b9b;
1112}
1113
1114::-moz-placeholder {
1115 color: #9b9b9b;
1116}
1117
1118:-ms-input-placeholder {
1119 color: #9b9b9b;
1120}
1121
1122.p-input-filled .p-inputtext {
1123 background-color: #4b4b4b;
1124}
1125.p-input-filled .p-inputtext:enabled:hover {
1126 background-color: #4b4b4b;
1127}
1128.p-input-filled .p-inputtext:enabled:focus {
1129 background-color: #4b4b4b;
1130}
1131
1132.p-inputtext-sm .p-inputtext {
1133 font-size: 0.875rem;
1134 padding: 0.375375rem 0.375375rem;
1135}
1136
1137.p-inputtext-lg .p-inputtext {
1138 font-size: 1.25rem;
1139 padding: 0.53625rem 0.53625rem;
1140}
1141
1142.p-listbox {
1143 background: #323232;
1144 color: #dedede;
1145 border: 1px solid #4b4b4b;
1146 border-radius: 3px;
1147}
1148.p-listbox .p-listbox-header {
1149 padding: 0.429rem 0.857rem;
1150 border-bottom: 1px solid #191919;
1151 color: #dedede;
1152 background: #252525;
1153 margin: 0;
1154 border-top-right-radius: 3px;
1155 border-top-left-radius: 3px;
1156}
1157.p-listbox .p-listbox-header .p-listbox-filter {
1158 padding-right: 1.429rem;
1159}
1160.p-listbox .p-listbox-header .p-listbox-filter-icon {
1161 right: 0.429rem;
1162 color: #888888;
1163}
1164.p-listbox .p-listbox-header .p-checkbox {
1165 margin-right: 0.5rem;
1166}
1167.p-listbox .p-listbox-list {
1168 padding: 0;
1169}
1170.p-listbox .p-listbox-list .p-listbox-item {
1171 margin: 0;
1172 padding: 0.429rem 0.857rem;
1173 border: 0 none;
1174 color: #dedede;
1175 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
1176 border-radius: 0;
1177}
1178.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
1179 color: #212529;
1180 background: #FFE082;
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.2rem white;
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.857rem;
1193 color: #dedede;
1194 background: #191919;
1195 font-weight: 700;
1196}
1197.p-listbox .p-listbox-list .p-listbox-empty-message {
1198 padding: 0.429rem 0.857rem;
1199 color: #dedede;
1200 background: transparent;
1201}
1202.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
1203 color: #dedede;
1204 background: #4c4c4c;
1205}
1206
1207p-listbox.ng-dirty.ng-invalid > .p-listbox {
1208 border-color: #e57373;
1209}
1210
1211.p-multiselect {
1212 background: #191919;
1213 border: 1px solid #4b4b4b;
1214 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1215 border-radius: 3px;
1216}
1217.p-multiselect:not(.p-disabled):hover {
1218 border-color: #FFE082;
1219}
1220.p-multiselect:not(.p-disabled).p-focus {
1221 outline: 0 none;
1222 outline-offset: 0;
1223 box-shadow: 0 0 0 0.1rem white;
1224 border-color: #FFE082;
1225}
1226.p-multiselect .p-multiselect-label {
1227 padding: 0.429rem 0.429rem;
1228 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1229}
1230.p-multiselect .p-multiselect-label.p-placeholder {
1231 color: #9b9b9b;
1232}
1233.p-multiselect.p-multiselect-chip .p-multiselect-token {
1234 padding: 0.2145rem 0.429rem;
1235 margin-right: 0.5rem;
1236 background: #FFE082;
1237 color: #212529;
1238 border-radius: 3px;
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: #888888;
1246 width: 2.357rem;
1247 border-top-right-radius: 3px;
1248 border-bottom-right-radius: 3px;
1249}
1250
1251.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1252 padding: 0.2145rem 0.429rem;
1253}
1254
1255.p-multiselect-panel {
1256 background: #323232;
1257 color: #dedede;
1258 border: 1px solid #191919;
1259 border-radius: 3px;
1260 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
1261}
1262.p-multiselect-panel .p-multiselect-header {
1263 padding: 0.429rem 0.857rem;
1264 border-bottom: 1px solid #191919;
1265 color: #dedede;
1266 background: #252525;
1267 margin: 0;
1268 border-top-right-radius: 3px;
1269 border-top-left-radius: 3px;
1270}
1271.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
1272 padding-right: 1.429rem;
1273}
1274.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
1275 right: 0.429rem;
1276 color: #888888;
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: #8888;
1286 border: 0 none;
1287 background: transparent;
1288 border-radius: 50%;
1289 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
1290}
1291.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
1292 color: #dedede;
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 0.1rem white;
1300}
1301.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) {
1302 padding: 0;
1303}
1304.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper {
1305 padding: 0;
1306}
1307.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
1308 margin: 0;
1309 padding: 0.429rem 0.857rem;
1310 border: 0 none;
1311 color: #dedede;
1312 background: transparent;
1313 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
1314 border-radius: 0;
1315}
1316.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
1317 color: #212529;
1318 background: #FFE082;
1319}
1320.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
1321 color: #dedede;
1322 background: #4c4c4c;
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.2rem white;
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.857rem;
1335 color: #dedede;
1336 background: #191919;
1337 font-weight: 700;
1338}
1339.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
1340 padding: 0.429rem 0.857rem;
1341 color: #dedede;
1342 background: transparent;
1343}
1344
1345p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
1346 border-color: #e57373;
1347}
1348
1349.p-input-filled .p-multiselect {
1350 background: #4b4b4b;
1351}
1352.p-input-filled .p-multiselect:not(.p-disabled):hover {
1353 background-color: #4b4b4b;
1354}
1355.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
1356 background-color: #4b4b4b;
1357}
1358
1359p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
1360 border-color: #e57373;
1361}
1362
1363.p-password-panel {
1364 padding: 0.571rem 1rem;
1365 background: #323232;
1366 color: #dedede;
1367 border: 1px solid #191919;
1368 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
1369 border-radius: 3px;
1370}
1371.p-password-panel .p-password-meter {
1372 margin-bottom: 0.5rem;
1373 background: #eaeaea;
1374}
1375.p-password-panel .p-password-meter .p-password-strength.weak {
1376 background: #E57373;
1377}
1378.p-password-panel .p-password-meter .p-password-strength.medium {
1379 background: #FFB74D;
1380}
1381.p-password-panel .p-password-meter .p-password-strength.strong {
1382 background: #AED581;
1383}
1384
1385.p-radiobutton {
1386 width: 20px;
1387 height: 20px;
1388}
1389.p-radiobutton .p-radiobutton-box {
1390 border: 1px solid #4b4b4b;
1391 background: #191919;
1392 width: 20px;
1393 height: 20px;
1394 color: #dedede;
1395 border-radius: 50%;
1396 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1397}
1398.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
1399 border-color: #FFE082;
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 0.1rem white;
1405 border-color: #FFE082;
1406}
1407.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
1408 width: 12px;
1409 height: 12px;
1410 transition-duration: 0.2s;
1411 background-color: #212529;
1412}
1413.p-radiobutton .p-radiobutton-box.p-highlight {
1414 border-color: #FFE082;
1415 background: #FFE082;
1416}
1417.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1418 border-color: #FFCA28;
1419 background: #FFCA28;
1420 color: #212529;
1421}
1422
1423p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1424 border-color: #e57373;
1425}
1426
1427.p-input-filled .p-radiobutton .p-radiobutton-box {
1428 background-color: #4b4b4b;
1429}
1430.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
1431 background-color: #4b4b4b;
1432}
1433.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
1434 background: #FFE082;
1435}
1436.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1437 background: #FFCA28;
1438}
1439
1440.p-radiobutton-label {
1441 margin-left: 0.5rem;
1442}
1443
1444.p-highlight .p-radiobutton .p-radiobutton-box {
1445 border-color: #212529;
1446}
1447
1448.p-rating .p-rating-icon {
1449 color: #dedede;
1450 margin-left: 0.5rem;
1451 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1452 font-size: 1.143rem;
1453}
1454.p-rating .p-rating-icon.p-rating-cancel {
1455 color: #e4018d;
1456}
1457.p-rating .p-rating-icon:focus {
1458 outline: 0 none;
1459 outline-offset: 0;
1460 box-shadow: 0 0 0 0.1rem white;
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: #FFE082;
1467}
1468.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1469 color: #FFE082;
1470}
1471.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1472 color: #b5019f;
1473}
1474
1475.p-highlight .p-rating .p-rating-icon {
1476 color: #212529;
1477}
1478
1479.p-selectbutton .p-button {
1480 background: #252525;
1481 border: 1px solid #252525;
1482 color: #dedede;
1483 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1484}
1485.p-selectbutton .p-button .p-button-icon-left,
1486.p-selectbutton .p-button .p-button-icon-right {
1487 color: #888888;
1488}
1489.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
1490 background: #4c4c4c;
1491 border-color: #4c4c4c;
1492 color: #dedede;
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: #dedede;
1497}
1498.p-selectbutton .p-button.p-highlight {
1499 background: #FFE082;
1500 border-color: #FFE082;
1501 color: #212529;
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: #212529;
1506}
1507.p-selectbutton .p-button.p-highlight:hover {
1508 background: #FFD54F;
1509 border-color: #FFD54F;
1510 color: #212529;
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: #212529;
1515}
1516
1517p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1518 border-color: #e57373;
1519}
1520
1521.p-slider {
1522 background: #4b4b4b;
1523 border: 0 none;
1524 border-radius: 3px;
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: #4c4c4c;
1544 border: 2px solid #FFE082;
1545 border-radius: 100%;
1546 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1547}
1548.p-slider .p-slider-handle:focus {
1549 outline: 0 none;
1550 outline-offset: 0;
1551 box-shadow: 0 0 0 0.1rem white;
1552}
1553.p-slider .p-slider-range {
1554 background: #FFE082;
1555}
1556.p-slider:not(.p-disabled) .p-slider-handle:hover {
1557 background: #FFE082;
1558 border-color: #FFE082;
1559}
1560.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
1561 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s;
1562}
1563.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
1564 transition: width 0.2s;
1565}
1566.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
1567 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s;
1568}
1569.p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
1570 transition: height 0.2s;
1571}
1572
1573.p-togglebutton.p-button {
1574 background: #252525;
1575 border: 1px solid #252525;
1576 color: #dedede;
1577 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1578}
1579.p-togglebutton.p-button .p-button-icon-left,
1580.p-togglebutton.p-button .p-button-icon-right {
1581 color: #888888;
1582}
1583.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
1584 background: #4c4c4c;
1585 border-color: #4c4c4c;
1586 color: #dedede;
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: #dedede;
1591}
1592.p-togglebutton.p-button.p-highlight {
1593 background: #FFE082;
1594 border-color: #FFE082;
1595 color: #212529;
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: #212529;
1600}
1601.p-togglebutton.p-button.p-highlight:hover {
1602 background: #FFD54F;
1603 border-color: #FFD54F;
1604 color: #212529;
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: #212529;
1609}
1610
1611p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
1612 border-color: #e57373;
1613}
1614
1615.p-treeselect {
1616 background: #191919;
1617 border: 1px solid #4b4b4b;
1618 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1619 border-radius: 3px;
1620}
1621.p-treeselect:not(.p-disabled):hover {
1622 border-color: #FFE082;
1623}
1624.p-treeselect:not(.p-disabled).p-focus {
1625 outline: 0 none;
1626 outline-offset: 0;
1627 box-shadow: 0 0 0 0.1rem white;
1628 border-color: #FFE082;
1629}
1630.p-treeselect .p-treeselect-label {
1631 padding: 0.429rem 0.429rem;
1632 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1633}
1634.p-treeselect .p-treeselect-label.p-placeholder {
1635 color: #9b9b9b;
1636}
1637.p-treeselect.p-treeselect-chip .p-treeselect-token {
1638 padding: 0.2145rem 0.429rem;
1639 margin-right: 0.5rem;
1640 background: #4b4b4b;
1641 color: #dedede;
1642 border-radius: 16px;
1643}
1644.p-treeselect .p-treeselect-trigger {
1645 background: transparent;
1646 color: #888888;
1647 width: 2.357rem;
1648 border-top-right-radius: 3px;
1649 border-bottom-right-radius: 3px;
1650}
1651
1652p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
1653 border-color: #e57373;
1654}
1655
1656.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
1657 padding: 0.2145rem 0.429rem;
1658}
1659
1660.p-treeselect-panel {
1661 background: #323232;
1662 color: #dedede;
1663 border: 1px solid #191919;
1664 border-radius: 3px;
1665 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
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.429rem 0.857rem;
1672 color: #dedede;
1673 background: transparent;
1674}
1675
1676.p-input-filled .p-treeselect {
1677 background: #4b4b4b;
1678}
1679.p-input-filled .p-treeselect:not(.p-disabled):hover {
1680 background-color: #4b4b4b;
1681}
1682.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
1683 background-color: #4b4b4b;
1684}
1685
1686.p-button {
1687 color: #212529;
1688 background: #FFE082;
1689 border: 1px solid #FFE082;
1690 padding: 0.429rem 1rem;
1691 font-size: 1rem;
1692 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
1693 border-radius: 3px;
1694}
1695.p-button:enabled:hover {
1696 background: #FFD54F;
1697 color: #212529;
1698 border-color: #FFD54F;
1699}
1700.p-button:enabled:active {
1701 background: #FFCA28;
1702 color: #212529;
1703 border-color: #FFCA28;
1704}
1705.p-button.p-button-outlined {
1706 background-color: transparent;
1707 color: #FFE082;
1708 border: 1px solid;
1709}
1710.p-button.p-button-outlined:enabled:hover {
1711 background: rgba(255, 224, 130, 0.04);
1712 color: #FFE082;
1713 border: 1px solid;
1714}
1715.p-button.p-button-outlined:enabled:active {
1716 background: rgba(255, 224, 130, 0.16);
1717 color: #FFE082;
1718 border: 1px solid;
1719}
1720.p-button.p-button-outlined.p-button-plain {
1721 color: #888888;
1722 border-color: #888888;
1723}
1724.p-button.p-button-outlined.p-button-plain:enabled:hover {
1725 background: #4c4c4c;
1726 color: #888888;
1727}
1728.p-button.p-button-outlined.p-button-plain:enabled:active {
1729 background: #3c3c3c;
1730 color: #888888;
1731}
1732.p-button.p-button-text {
1733 background-color: transparent;
1734 color: #FFE082;
1735 border-color: transparent;
1736}
1737.p-button.p-button-text:enabled:hover {
1738 background: rgba(255, 224, 130, 0.04);
1739 color: #FFE082;
1740 border-color: transparent;
1741}
1742.p-button.p-button-text:enabled:active {
1743 background: rgba(255, 224, 130, 0.16);
1744 color: #FFE082;
1745 border-color: transparent;
1746}
1747.p-button.p-button-text.p-button-plain {
1748 color: #888888;
1749}
1750.p-button.p-button-text.p-button-plain:enabled:hover {
1751 background: #4c4c4c;
1752 color: #888888;
1753}
1754.p-button.p-button-text.p-button-plain:enabled:active {
1755 background: #3c3c3c;
1756 color: #888888;
1757}
1758.p-button:focus {
1759 outline: 0 none;
1760 outline-offset: 0;
1761 box-shadow: 0 0 0 0.1rem white;
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: #FFE082;
1781 background-color: #212529;
1782}
1783.p-button.p-button-raised {
1784 box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px 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.429rem 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.375375rem 0.875rem;
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.53625rem 1.25rem;
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: #121212;
1837 background: #B0BEC5;
1838 border: 1px solid #B0BEC5;
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: #90A4AE;
1842 color: #121212;
1843 border-color: #90A4AE;
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 0.1rem #CFD8DC;
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: #78909C;
1850 color: #121212;
1851 border-color: #78909C;
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: #B0BEC5;
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(176, 190, 197, 0.04);
1860 color: #B0BEC5;
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(176, 190, 197, 0.16);
1865 color: #B0BEC5;
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: #B0BEC5;
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(176, 190, 197, 0.04);
1875 border-color: transparent;
1876 color: #B0BEC5;
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(176, 190, 197, 0.16);
1880 border-color: transparent;
1881 color: #B0BEC5;
1882}
1883
1884.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
1885 color: #212529;
1886 background: #4FC3F7;
1887 border: 1px solid #4FC3F7;
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: #29B6F6;
1891 color: #212529;
1892 border-color: #29B6F6;
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 0.1rem #E1F5FE;
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: #03A9F4;
1899 color: #212529;
1900 border-color: #03A9F4;
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: #4FC3F7;
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(79, 195, 247, 0.04);
1909 color: #4FC3F7;
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(79, 195, 247, 0.16);
1914 color: #4FC3F7;
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: #4FC3F7;
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(79, 195, 247, 0.04);
1924 border-color: transparent;
1925 color: #4FC3F7;
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(79, 195, 247, 0.16);
1929 border-color: transparent;
1930 color: #4FC3F7;
1931}
1932
1933.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
1934 color: #212529;
1935 background: #AED581;
1936 border: 1px solid #AED581;
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: #9CCC65;
1940 color: #212529;
1941 border-color: #9CCC65;
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 0.1rem #F1F8E9;
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: #8BC34A;
1948 color: #212529;
1949 border-color: #8BC34A;
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: #AED581;
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(174, 213, 129, 0.04);
1958 color: #AED581;
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(174, 213, 129, 0.16);
1963 color: #AED581;
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: #AED581;
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(174, 213, 129, 0.04);
1973 border-color: transparent;
1974 color: #AED581;
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(174, 213, 129, 0.16);
1978 border-color: transparent;
1979 color: #AED581;
1980}
1981
1982.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
1983 color: #212529;
1984 background: #FFB74D;
1985 border: 1px solid #FFB74D;
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: #FFA726;
1989 color: #212529;
1990 border-color: #FFA726;
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 0.1rem #FFFDE7;
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: #FF9800;
1997 color: #212529;
1998 border-color: #FF9800;
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: #FFB74D;
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, 183, 77, 0.04);
2007 color: #FFB74D;
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, 183, 77, 0.16);
2012 color: #FFB74D;
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: #FFB74D;
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, 183, 77, 0.04);
2022 border-color: transparent;
2023 color: #FFB74D;
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, 183, 77, 0.16);
2027 border-color: transparent;
2028 color: #FFB74D;
2029}
2030
2031.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
2032 color: #121212;
2033 background: #CE93D8;
2034 border: 1px solid #CE93D8;
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: #BA68C8;
2038 color: #121212;
2039 border-color: #BA68C8;
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 #CE93D8;
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: #AB47BC;
2046 color: #121212;
2047 border-color: #AB47BC;
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: #CE93D8;
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(206, 147, 216, 0.04);
2056 color: #CE93D8;
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(206, 147, 216, 0.16);
2061 color: #CE93D8;
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: #CE93D8;
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(206, 147, 216, 0.04);
2071 border-color: transparent;
2072 color: #CE93D8;
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(206, 147, 216, 0.16);
2076 border-color: transparent;
2077 color: #CE93D8;
2078}
2079
2080.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
2081 color: #212529;
2082 background: #E57373;
2083 border: 1px solid #E57373;
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: #EF5350;
2087 color: #212529;
2088 border-color: #EF5350;
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 0.1rem #FFEBEE;
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: #F44336;
2095 color: #212529;
2096 border-color: #F44336;
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: #E57373;
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(229, 115, 115, 0.04);
2105 color: #E57373;
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(229, 115, 115, 0.16);
2110 color: #E57373;
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: #E57373;
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(229, 115, 115, 0.04);
2120 border-color: transparent;
2121 color: #E57373;
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(229, 115, 115, 0.16);
2125 border-color: transparent;
2126 color: #E57373;
2127}
2128
2129.p-button.p-button-link {
2130 color: #FFE082;
2131 background: transparent;
2132 border: transparent;
2133}
2134.p-button.p-button-link:enabled:hover {
2135 background: transparent;
2136 color: #FFE082;
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 0.2rem white;
2145 border-color: transparent;
2146}
2147.p-button.p-button-link:enabled:active {
2148 background: transparent;
2149 color: #FFE082;
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: #474747;
2165 color: #fff;
2166}
2167.p-speeddial-action:hover {
2168 background: #4d4d4d;
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: #8888;
2222 border: 0 none;
2223 background: transparent;
2224 border-radius: 50%;
2225 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
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: #dedede;
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 0.1rem white;
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: #4b4b4b;
2249 width: 2rem;
2250 height: 0.5rem;
2251 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
2252 border-radius: 0;
2253}
2254.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
2255 background: #4c4c4c;
2256}
2257.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
2258 background: #FFE082;
2259 color: #212529;
2260}
2261
2262.p-datatable .p-paginator-top {
2263 border-width: 1px 1px 0 1px;
2264 border-radius: 0;
2265}
2266.p-datatable .p-paginator-bottom {
2267 border-width: 0 1px 1px 1px;
2268 border-radius: 0;
2269}
2270.p-datatable .p-datatable-header {
2271 background: #191919;
2272 color: #dedede;
2273 border: 1px solid #191919;
2274 border-width: 1px 1px 0 1px;
2275 padding: 0.857rem 1rem;
2276 font-weight: 700;
2277}
2278.p-datatable .p-datatable-footer {
2279 background: #323232;
2280 color: #dedede;
2281 border: 1px solid #191919;
2282 border-width: 0 1px 1px 1px;
2283 padding: 0.571rem 1rem;
2284 font-weight: normal;
2285}
2286.p-datatable .p-datatable-thead > tr > th {
2287 text-align: left;
2288 padding: 0.571rem 0.857rem;
2289 border: 1px solid #191919;
2290 border-width: 1px 1px 1px 1px;
2291 font-weight: 700;
2292 color: #dedede;
2293 background: #252525;
2294 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
2295}
2296.p-datatable .p-datatable-tfoot > tr > td {
2297 text-align: left;
2298 padding: 0.571rem 0.857rem;
2299 border: 1px solid #191919;
2300 border-width: 1px;
2301 font-weight: 700;
2302 color: #dedede;
2303 background: #252525;
2304}
2305.p-datatable .p-sortable-column .p-sortable-column-icon {
2306 color: #888888;
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: #212529;
2315 background: #FFE082;
2316 margin-left: 0.5rem;
2317}
2318.p-datatable .p-sortable-column:not(.p-highlight):hover {
2319 background: #4c4c4c;
2320 color: #dedede;
2321}
2322.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
2323 color: #dedede;
2324}
2325.p-datatable .p-sortable-column.p-highlight {
2326 background: #FFE082;
2327 color: #212529;
2328}
2329.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
2330 color: #212529;
2331}
2332.p-datatable .p-sortable-column.p-highlight:hover {
2333 background: #FFE082;
2334 color: #212529;
2335}
2336.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
2337 color: #212529;
2338}
2339.p-datatable .p-sortable-column:focus {
2340 box-shadow: inset 0 0 0 0.2rem white;
2341 outline: 0 none;
2342}
2343.p-datatable .p-datatable-tbody > tr {
2344 background: #323232;
2345 color: #dedede;
2346 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
2347 outline-color: white;
2348}
2349.p-datatable .p-datatable-tbody > tr > td {
2350 text-align: left;
2351 border: 1px solid #191919;
2352 border-width: 1px;
2353 padding: 0.571rem 0.857rem;
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: #8888;
2362 border: 0 none;
2363 background: transparent;
2364 border-radius: 50%;
2365 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
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: #dedede;
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 0.1rem white;
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: #FFE082;
2388 color: #212529;
2389}
2390.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
2391 box-shadow: inset 0 2px 0 0 #FFE082;
2392}
2393.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
2394 box-shadow: inset 0 -2px 0 0 #FFE082;
2395}
2396.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
2397 background: #4c4c4c;
2398 color: #dedede;
2399}
2400.p-datatable .p-column-resizer-helper {
2401 background: #FFE082;
2402}
2403.p-datatable .p-datatable-scrollable-header,
2404.p-datatable .p-datatable-scrollable-footer {
2405 background: #191919;
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 1px 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: #323232;
2433}
2434.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
2435 background: #FFE082;
2436 color: #212529;
2437}
2438.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
2439 color: #212529;
2440}
2441.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
2442 color: #212529;
2443}
2444.p-datatable.p-datatable-sm .p-datatable-header {
2445 padding: 0.72845rem 0.85rem;
2446}
2447.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
2448 padding: 0.48535rem 0.72845rem;
2449}
2450.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
2451 padding: 0.48535rem 0.72845rem;
2452}
2453.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
2454 padding: 0.48535rem 0.85rem;
2455}
2456.p-datatable.p-datatable-sm .p-datatable-footer {
2457 padding: 0.48535rem 0.85rem;
2458}
2459.p-datatable.p-datatable-lg .p-datatable-header {
2460 padding: 1.07125rem 1.25rem;
2461}
2462.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
2463 padding: 0.71375rem 1.07125rem;
2464}
2465.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
2466 padding: 0.71375rem 1.07125rem;
2467}
2468.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
2469 padding: 0.71375rem 1.25rem;
2470}
2471.p-datatable.p-datatable-lg .p-datatable-footer {
2472 padding: 0.71375rem 1.25rem;
2473}
2474
2475.p-dataview .p-paginator-top {
2476 border-width: 1px 1px 0 1px;
2477 border-radius: 0;
2478}
2479.p-dataview .p-paginator-bottom {
2480 border-width: 0 1px 1px 1px;
2481 border-radius: 0;
2482}
2483.p-dataview .p-dataview-header {
2484 background: #191919;
2485 color: #dedede;
2486 border: 1px solid #191919;
2487 border-width: 1px 1px 0 1px;
2488 padding: 0.857rem 1rem;
2489 font-weight: 700;
2490}
2491.p-dataview .p-dataview-content {
2492 background: #323232;
2493 color: #dedede;
2494 border: 0 none;
2495 padding: 0;
2496}
2497.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
2498 border: 1px solid #4b4b4b;
2499 border-width: 1px;
2500}
2501.p-dataview .p-dataview-footer {
2502 background: #323232;
2503 color: #dedede;
2504 border: 1px solid #191919;
2505 border-width: 0 1px 1px 1px;
2506 padding: 0.571rem 1rem;
2507 font-weight: normal;
2508 border-bottom-left-radius: 3px;
2509 border-bottom-right-radius: 3px;
2510}
2511.p-dataview .p-dataview-loading-icon {
2512 font-size: 2rem;
2513}
2514.p-dataview .p-dataview-emptymessage {
2515 padding: 0.571rem 1rem;
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: #8888;
2527 border: 0 none;
2528 background: transparent;
2529 border-radius: 50%;
2530 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
2531}
2532.p-column-filter-menu-button:hover {
2533 color: #dedede;
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: #dedede;
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: #FFE082;
2543 color: #212529;
2544}
2545.p-column-filter-menu-button:focus {
2546 outline: 0 none;
2547 outline-offset: 0;
2548 box-shadow: 0 0 0 0.1rem white;
2549}
2550
2551.p-column-filter-clear-button {
2552 width: 2rem;
2553 height: 2rem;
2554 color: #8888;
2555 border: 0 none;
2556 background: transparent;
2557 border-radius: 50%;
2558 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
2559}
2560.p-column-filter-clear-button:hover {
2561 color: #dedede;
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 0.1rem white;
2569}
2570
2571.p-column-filter-overlay {
2572 background: #323232;
2573 color: #dedede;
2574 border: 1px solid #191919;
2575 border-radius: 3px;
2576 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
2577 min-width: 12.5rem;
2578}
2579.p-column-filter-overlay .p-column-filter-row-items {
2580 padding: 0;
2581}
2582.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
2583 margin: 0;
2584 padding: 0.429rem 0.857rem;
2585 border: 0 none;
2586 color: #dedede;
2587 background: transparent;
2588 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
2589 border-radius: 0;
2590}
2591.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
2592 color: #212529;
2593 background: #FFE082;
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: #dedede;
2597 background: #4c4c4c;
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.2rem white;
2603}
2604.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
2605 border-top: 1px solid #4b4b4b;
2606 margin: 0;
2607}
2608
2609.p-column-filter-overlay-menu .p-column-filter-operator {
2610 padding: 0.429rem 0.857rem;
2611 border-bottom: 1px solid #191919;
2612 color: #dedede;
2613 background: #252525;
2614 margin: 0;
2615 border-top-right-radius: 3px;
2616 border-top-left-radius: 3px;
2617}
2618.p-column-filter-overlay-menu .p-column-filter-constraint {
2619 padding: 0.571rem 1rem;
2620 border-bottom: 1px solid #4b4b4b;
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.571rem 1rem;
2633}
2634.p-column-filter-overlay-menu .p-column-filter-buttonbar {
2635 padding: 0.571rem 1rem;
2636}
2637
2638.fc {
2639 /* FullCalendar 4 */
2640 /* FullCalendar 5 */
2641}
2642.fc.fc-unthemed .fc-view-container th {
2643 background: #191919;
2644 border: 1px solid #191919;
2645 color: #dedede;
2646}
2647.fc.fc-unthemed .fc-view-container td.fc-widget-content {
2648 background: #323232;
2649 border: 1px solid #191919;
2650 color: #dedede;
2651}
2652.fc.fc-unthemed .fc-view-container td.fc-head-container {
2653 border: 1px solid #191919;
2654}
2655.fc.fc-unthemed .fc-view-container .fc-row {
2656 border-right: 1px solid #191919;
2657}
2658.fc.fc-unthemed .fc-view-container .fc-event {
2659 background: #FFD54F;
2660 border: 1px solid #FFD54F;
2661 color: #212529;
2662}
2663.fc.fc-unthemed .fc-view-container .fc-divider {
2664 background: #191919;
2665 border: 1px solid #191919;
2666}
2667.fc.fc-unthemed .fc-toolbar .fc-button {
2668 color: #212529;
2669 background: #FFE082;
2670 border: 1px solid #FFE082;
2671 font-size: 1rem;
2672 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
2673 border-radius: 3px;
2674 display: flex;
2675 align-items: center;
2676}
2677.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
2678 background: #FFD54F;
2679 color: #212529;
2680 border-color: #FFD54F;
2681}
2682.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
2683 background: #FFCA28;
2684 color: #212529;
2685 border-color: #FFCA28;
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 0.1rem white;
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 0.1rem white;
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: #252525;
2715 border: 1px solid #252525;
2716 color: #dedede;
2717 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
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: #4c4c4c;
2721 border-color: #4c4c4c;
2722 color: #dedede;
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: #FFE082;
2726 border-color: #FFE082;
2727 color: #212529;
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: #FFD54F;
2731 border-color: #FFD54F;
2732 color: #212529;
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 0.1rem white;
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: 3px;
2745 border-bottom-left-radius: 3px;
2746}
2747.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
2748 border-top-right-radius: 3px;
2749 border-bottom-right-radius: 3px;
2750}
2751.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
2752 border-color: #191919;
2753}
2754.fc.fc-theme-standard .fc-view-harness th {
2755 background: #191919;
2756 border-color: #191919;
2757 color: #dedede;
2758}
2759.fc.fc-theme-standard .fc-view-harness td {
2760 color: #dedede;
2761 border-color: #191919;
2762}
2763.fc.fc-theme-standard .fc-view-harness .fc-view {
2764 background: #323232;
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 #191919;
2772 padding: 0.857rem 1rem;
2773 background: #191919;
2774 color: #dedede;
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: #8888;
2787 border: 0 none;
2788 background: transparent;
2789 border-radius: 50%;
2790 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
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: #dedede;
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 0.1rem white;
2804}
2805.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
2806 padding: 0.571rem 1rem;
2807 border: 1px solid #191919;
2808 background: #323232;
2809 color: #dedede;
2810 border-top: 0 none;
2811}
2812.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
2813 color: #212529;
2814 background: #FFD54F;
2815 border-color: #FFD54F;
2816}
2817.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
2818 color: #212529;
2819}
2820.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
2821 background: #FFD54F;
2822 border-color: #FFD54F;
2823}
2824.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
2825 background: #4c4c4c;
2826 color: #dedede;
2827}
2828.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
2829 background: #191919;
2830}
2831.fc.fc-theme-standard .fc-toolbar .fc-button {
2832 color: #212529;
2833 background: #FFE082;
2834 border: 1px solid #FFE082;
2835 font-size: 1rem;
2836 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
2837 border-radius: 3px;
2838}
2839.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
2840 background: #FFD54F;
2841 color: #212529;
2842 border-color: #FFD54F;
2843}
2844.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
2845 background: #FFCA28;
2846 color: #212529;
2847 border-color: #FFCA28;
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 0.1rem white;
2853}
2854.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
2855 opacity: 0.5;
2856 color: #212529;
2857 background: #FFE082;
2858 border: 1px solid #FFE082;
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 0.1rem white;
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: #252525;
2883 border: 1px solid #252525;
2884 color: #dedede;
2885 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
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: #4c4c4c;
2889 border-color: #4c4c4c;
2890 color: #dedede;
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: #FFE082;
2894 border-color: #FFE082;
2895 color: #212529;
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: #FFD54F;
2899 border-color: #FFD54F;
2900 color: #212529;
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 0.1rem white;
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: 3px;
2913 border-bottom-left-radius: 3px;
2914}
2915.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
2916 border-top-right-radius: 3px;
2917 border-bottom-right-radius: 3px;
2918}
2919.fc.fc-theme-standard a {
2920 color: #dedede;
2921}
2922.fc.fc-theme-standard .fc-highlight {
2923 color: #212529;
2924 background: #FFE082;
2925}
2926
2927.p-orderlist .p-orderlist-controls {
2928 padding: 0.571rem 1rem;
2929}
2930.p-orderlist .p-orderlist-controls .p-button {
2931 margin-bottom: 0.5rem;
2932}
2933.p-orderlist .p-orderlist-header {
2934 background: #191919;
2935 color: #dedede;
2936 border: 1px solid #191919;
2937 padding: 0.857rem 1rem;
2938 border-bottom: 0 none;
2939 border-top-right-radius: 3px;
2940 border-top-left-radius: 3px;
2941}
2942.p-orderlist .p-orderlist-header .p-orderlist-title {
2943 font-weight: 700;
2944}
2945.p-orderlist .p-orderlist-filter-container {
2946 padding: 0.857rem 1rem;
2947 background: #323232;
2948 border: 1px solid #191919;
2949 border-bottom: 0 none;
2950}
2951.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
2952 padding-right: 1.429rem;
2953}
2954.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
2955 right: 0.429rem;
2956 color: #888888;
2957}
2958.p-orderlist .p-orderlist-list {
2959 border: 1px solid #191919;
2960 background: #323232;
2961 color: #dedede;
2962 padding: 0;
2963 border-bottom-right-radius: 3px;
2964 border-bottom-left-radius: 3px;
2965}
2966.p-orderlist .p-orderlist-list .p-orderlist-item {
2967 padding: 0.429rem 0.857rem;
2968 margin: 0;
2969 border: 0 none;
2970 color: #dedede;
2971 background: transparent;
2972 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
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.2rem white;
2978}
2979.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
2980 color: #212529;
2981 background: #FFE082;
2982}
2983.p-orderlist .p-orderlist-list .p-orderlist-empty-message {
2984 padding: 0.429rem 0.857rem;
2985 color: #dedede;
2986}
2987.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
2988 background: #4c4c4c;
2989 color: #dedede;
2990}
2991
2992.p-orderlist-item.cdk-drag-preview {
2993 padding: 0.429rem 0.857rem;
2994 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
2995 border: 0 none;
2996 color: #dedede;
2997 background: #323232;
2998 margin: 0;
2999}
3000
3001.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
3002 background: #4c4c4c;
3003 color: #dedede;
3004}
3005.p-organizationchart .p-organizationchart-node-content.p-highlight {
3006 background: #FFE082;
3007 color: #212529;
3008}
3009.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
3010 color: #ffc003;
3011}
3012.p-organizationchart .p-organizationchart-line-down {
3013 background: #191919;
3014}
3015.p-organizationchart .p-organizationchart-line-left {
3016 border-right: 1px solid #191919;
3017 border-color: #191919;
3018}
3019.p-organizationchart .p-organizationchart-line-top {
3020 border-top: 1px solid #191919;
3021 border-color: #191919;
3022}
3023.p-organizationchart .p-organizationchart-node-content {
3024 border: 1px solid #191919;
3025 background: #323232;
3026 color: #dedede;
3027 padding: 0.571rem 1rem;
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 0.1rem white;
3038}
3039
3040.p-paginator {
3041 background: #252525;
3042 color: #dedede;
3043 border: solid #191919;
3044 border-width: 1px;
3045 padding: 0;
3046 border-radius: 3px;
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: 0 none;
3054 color: #dedede;
3055 min-width: 2.357rem;
3056 height: 2.357rem;
3057 margin: 0;
3058 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
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: #e0e0e0;
3066 border-color: transparent;
3067 color: #4c4c4c;
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: 0 none;
3095 color: #dedede;
3096 min-width: 2.357rem;
3097 height: 2.357rem;
3098 margin: 0;
3099 padding: 0 0.5rem;
3100}
3101.p-paginator .p-paginator-pages .p-paginator-page {
3102 background-color: transparent;
3103 border: 0 none;
3104 color: #dedede;
3105 min-width: 2.357rem;
3106 height: 2.357rem;
3107 margin: 0;
3108 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
3109 border-radius: 0;
3110}
3111.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
3112 background: #FFE082;
3113 border-color: #FFE082;
3114 color: #212529;
3115}
3116.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
3117 background: #e0e0e0;
3118 border-color: transparent;
3119 color: #4c4c4c;
3120}
3121
3122.p-picklist .p-picklist-buttons {
3123 padding: 0.571rem 1rem;
3124}
3125.p-picklist .p-picklist-buttons .p-button {
3126 margin-bottom: 0.5rem;
3127}
3128.p-picklist .p-picklist-header {
3129 background: #191919;
3130 color: #dedede;
3131 border: 1px solid #191919;
3132 padding: 0.857rem 1rem;
3133 border-bottom: 0 none;
3134 border-top-right-radius: 3px;
3135 border-top-left-radius: 3px;
3136}
3137.p-picklist .p-picklist-header .p-picklist-title {
3138 font-weight: 700;
3139}
3140.p-picklist .p-picklist-filter-container {
3141 padding: 0.857rem 1rem;
3142 background: #323232;
3143 border: 1px solid #191919;
3144 border-bottom: 0 none;
3145}
3146.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
3147 padding-right: 1.429rem;
3148}
3149.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
3150 right: 0.429rem;
3151 color: #888888;
3152}
3153.p-picklist .p-picklist-list {
3154 border: 1px solid #191919;
3155 background: #323232;
3156 color: #dedede;
3157 padding: 0;
3158 border-bottom-right-radius: 3px;
3159 border-bottom-left-radius: 3px;
3160}
3161.p-picklist .p-picklist-list .p-picklist-item {
3162 padding: 0.429rem 0.857rem;
3163 margin: 0;
3164 border: 0 none;
3165 color: #dedede;
3166 background: transparent;
3167 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
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.2rem white;
3173}
3174.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
3175 color: #212529;
3176 background: #FFE082;
3177}
3178.p-picklist .p-picklist-list .p-picklist-empty-message {
3179 padding: 0.429rem 0.857rem;
3180 color: #dedede;
3181}
3182.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
3183 background: #4c4c4c;
3184 color: #dedede;
3185}
3186
3187.p-picklist-item.cdk-drag-preview {
3188 padding: 0.429rem 0.857rem;
3189 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
3190 border: 0 none;
3191 color: #dedede;
3192 background: #323232;
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: #FFE082;
3202}
3203.p-timeline .p-timeline-event-connector {
3204 background-color: #191919;
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 #191919;
3223 background: #323232;
3224 color: #dedede;
3225 padding: 0.571rem 1rem;
3226 border-radius: 3px;
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: 3px;
3233 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
3234 padding: 0;
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: #8888;
3241 border: 0 none;
3242 background: transparent;
3243 border-radius: 50%;
3244 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3245}
3246.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
3247 color: #dedede;
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 0.1rem white;
3255}
3256.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
3257 margin-right: 0.5rem;
3258 color: #888888;
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: #dedede;
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 0.1rem white;
3270}
3271.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3272 background: #FFE082;
3273 color: #212529;
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: #212529;
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: #212529;
3282}
3283.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
3284 background: #4c4c4c;
3285 color: #dedede;
3286}
3287.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
3288 background: #4c4c4c;
3289 color: #dedede;
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.429rem;
3297}
3298.p-tree .p-tree-filter-container .p-tree-filter-icon {
3299 right: 0.429rem;
3300 color: #888888;
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: #ffcd35;
3310}
3311.p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
3312 border-radius: 3px;
3313 border: 1px solid #191919;
3314 background-color: #323232;
3315 color: #dedede;
3316 padding: 0;
3317 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
3318}
3319.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
3320 background-color: #FFE082;
3321 color: #212529;
3322}
3323.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
3324 color: #212529;
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: #888888;
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: #4c4c4c;
3342 color: #dedede;
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 0.1rem white;
3348}
3349
3350.p-treetable .p-paginator-top {
3351 border-width: 1px 1px 0 1px;
3352 border-radius: 0;
3353}
3354.p-treetable .p-paginator-bottom {
3355 border-width: 0 1px 1px 1px;
3356 border-radius: 0;
3357}
3358.p-treetable .p-treetable-header {
3359 background: #191919;
3360 color: #dedede;
3361 border: 1px solid #191919;
3362 border-width: 1px 1px 0 1px;
3363 padding: 0.857rem 1rem;
3364 font-weight: 700;
3365}
3366.p-treetable .p-treetable-footer {
3367 background: #323232;
3368 color: #dedede;
3369 border: 1px solid #191919;
3370 border-width: 0 1px 1px 1px;
3371 padding: 0.571rem 1rem;
3372 font-weight: normal;
3373}
3374.p-treetable .p-treetable-thead > tr > th {
3375 text-align: left;
3376 padding: 0.571rem 0.857rem;
3377 border: 1px solid #191919;
3378 border-width: 1px 1px 1px 1px;
3379 font-weight: 700;
3380 color: #dedede;
3381 background: #252525;
3382 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
3383}
3384.p-treetable .p-treetable-tfoot > tr > td {
3385 text-align: left;
3386 padding: 0.571rem 0.857rem;
3387 border: 1px solid #191919;
3388 border-width: 1px;
3389 font-weight: 700;
3390 color: #dedede;
3391 background: #252525;
3392}
3393.p-treetable .p-sortable-column {
3394 outline-color: white;
3395}
3396.p-treetable .p-sortable-column .p-sortable-column-icon {
3397 color: #888888;
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: #212529;
3406 background: #FFE082;
3407 margin-left: 0.5rem;
3408}
3409.p-treetable .p-sortable-column:not(.p-highlight):hover {
3410 background: #4c4c4c;
3411 color: #dedede;
3412}
3413.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
3414 color: #dedede;
3415}
3416.p-treetable .p-sortable-column.p-highlight {
3417 background: #FFE082;
3418 color: #212529;
3419}
3420.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
3421 color: #212529;
3422}
3423.p-treetable .p-treetable-tbody > tr {
3424 background: #323232;
3425 color: #dedede;
3426 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
3427 outline-color: white;
3428}
3429.p-treetable .p-treetable-tbody > tr > td {
3430 text-align: left;
3431 border: 1px solid #191919;
3432 border-width: 1px;
3433 padding: 0.571rem 0.857rem;
3434}
3435.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
3436 width: 2rem;
3437 height: 2rem;
3438 color: #8888;
3439 border: 0 none;
3440 background: transparent;
3441 border-radius: 50%;
3442 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3443 margin-right: 0.5rem;
3444}
3445.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
3446 color: #dedede;
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 0.1rem white;
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: #dedede;
3460}
3461.p-treetable .p-treetable-tbody > tr.p-highlight {
3462 background: #FFE082;
3463 color: #212529;
3464}
3465.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
3466 color: #212529;
3467}
3468.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
3469 color: #212529;
3470}
3471.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
3472 background: #4c4c4c;
3473 color: #dedede;
3474}
3475.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
3476 color: #dedede;
3477}
3478.p-treetable .p-column-resizer-helper {
3479 background: #FFE082;
3480}
3481.p-treetable .p-treetable-scrollable-header,
3482.p-treetable .p-treetable-scrollable-footer {
3483 background: #191919;
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.749875rem 0.875rem;
3511}
3512.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
3513 padding: 0.48535rem 0.72845rem;
3514}
3515.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
3516 padding: 0.48535rem 0.72845rem;
3517}
3518.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
3519 padding: 0.48535rem 0.85rem;
3520}
3521.p-treetable.p-treetable-sm .p-treetable-footer {
3522 padding: 0.48535rem 0.85rem;
3523}
3524.p-treetable.p-treetable-lg .p-treetable-header {
3525 padding: 1.07125rem 1.25rem;
3526}
3527.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
3528 padding: 0.71375rem 1.07125rem;
3529}
3530.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
3531 padding: 0.71375rem 1.07125rem;
3532}
3533.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
3534 padding: 0.71375rem 1.25rem;
3535}
3536.p-treetable.p-treetable-lg .p-treetable-footer {
3537 padding: 0.71375rem 1.25rem;
3538}
3539
3540.p-virtualscroller .p-virtualscroller-header {
3541 background: #191919;
3542 color: #dedede;
3543 border: 1px solid #191919;
3544 border-width: 1px 1px 0 1px;
3545 padding: 0.857rem 1rem;
3546 font-weight: 700;
3547}
3548.p-virtualscroller .p-virtualscroller-content {
3549 background: #323232;
3550 color: #dedede;
3551 border: 0 none;
3552 padding: 0;
3553}
3554.p-virtualscroller .p-virtualscroller-footer {
3555 background: #323232;
3556 color: #dedede;
3557 border: 1px solid #191919;
3558 border-width: 0 1px 1px 1px;
3559 padding: 0.571rem 1rem;
3560 font-weight: normal;
3561 border-bottom-left-radius: 3px;
3562 border-bottom-right-radius: 3px;
3563}
3564
3565.p-accordion .p-accordion-header .p-accordion-header-link {
3566 padding: 0.857rem 1rem;
3567 border: 1px solid #191919;
3568 color: #dedede;
3569 background: #191919;
3570 font-weight: 700;
3571 border-radius: 3px;
3572 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
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 0.1rem white;
3581}
3582.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
3583 background: #191919;
3584 border-color: #191919;
3585 color: #FFE082;
3586}
3587.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
3588 background: #FFE082;
3589 border-color: #FFE082;
3590 color: #212529;
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: #FFCA28;
3596 background: #FFCA28;
3597 color: #212529;
3598}
3599.p-accordion .p-accordion-content {
3600 padding: 0.571rem 1rem;
3601 border: 1px solid #191919;
3602 background: #323232;
3603 color: #dedede;
3604 border-top: 0;
3605 border-top-right-radius: 0;
3606 border-top-left-radius: 0;
3607 border-bottom-right-radius: 3px;
3608 border-bottom-left-radius: 3px;
3609}
3610.p-accordion p-accordiontab .p-accordion-tab {
3611 margin-bottom: 2px;
3612}
3613
3614.p-card {
3615 background: #323232;
3616 color: #dedede;
3617 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);
3618 border-radius: 3px;
3619}
3620.p-card .p-card-body {
3621 padding: 1rem;
3622}
3623.p-card .p-card-title {
3624 font-size: 1.5rem;
3625 font-weight: 700;
3626 margin-bottom: 0.5rem;
3627}
3628.p-card .p-card-subtitle {
3629 font-weight: 700;
3630 margin-bottom: 0.5rem;
3631 color: #888888;
3632}
3633.p-card .p-card-content {
3634 padding: 1rem 0;
3635}
3636.p-card .p-card-footer {
3637 padding: 1rem 0 0 0;
3638}
3639
3640.p-divider .p-divider-content {
3641 background-color: #323232;
3642}
3643.p-divider.p-divider-horizontal {
3644 margin: 1rem 0;
3645 padding: 0 1rem;
3646}
3647.p-divider.p-divider-horizontal:before {
3648 border-top: 1px #4b4b4b;
3649}
3650.p-divider.p-divider-horizontal .p-divider-content {
3651 padding: 0 0.5rem;
3652}
3653.p-divider.p-divider-vertical {
3654 margin: 0 1rem;
3655 padding: 1rem 0;
3656}
3657.p-divider.p-divider-vertical:before {
3658 border-left: 1px #4b4b4b;
3659}
3660.p-divider.p-divider-vertical .p-divider-content {
3661 padding: 0.5rem 0;
3662}
3663
3664.p-fieldset {
3665 border: 1px solid #191919;
3666 background: #323232;
3667 color: #dedede;
3668 border-radius: 3px;
3669}
3670.p-fieldset .p-fieldset-legend {
3671 padding: 0.857rem 1rem;
3672 border: 1px solid #191919;
3673 color: #dedede;
3674 background: #191919;
3675 font-weight: 700;
3676 border-radius: 3px;
3677}
3678.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
3679 padding: 0;
3680 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3681}
3682.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
3683 padding: 0.857rem 1rem;
3684 color: #dedede;
3685 border-radius: 3px;
3686 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
3687}
3688.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
3689 margin-right: 0.5rem;
3690}
3691.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
3692 outline: 0 none;
3693 outline-offset: 0;
3694 box-shadow: 0 0 0 0.1rem white;
3695}
3696.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
3697 background: #191919;
3698 border-color: #191919;
3699 color: #FFE082;
3700}
3701.p-fieldset .p-fieldset-content {
3702 padding: 0.571rem 1rem;
3703}
3704
3705.p-panel .p-panel-header {
3706 border: 1px solid #191919;
3707 padding: 0.857rem 1rem;
3708 background: #191919;
3709 color: #dedede;
3710 border-top-right-radius: 3px;
3711 border-top-left-radius: 3px;
3712}
3713.p-panel .p-panel-header .p-panel-title {
3714 font-weight: 700;
3715}
3716.p-panel .p-panel-header .p-panel-header-icon {
3717 width: 2rem;
3718 height: 2rem;
3719 color: #8888;
3720 border: 0 none;
3721 background: transparent;
3722 border-radius: 50%;
3723 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3724}
3725.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
3726 color: #dedede;
3727 border-color: transparent;
3728 background: transparent;
3729}
3730.p-panel .p-panel-header .p-panel-header-icon:focus {
3731 outline: 0 none;
3732 outline-offset: 0;
3733 box-shadow: 0 0 0 0.1rem white;
3734}
3735.p-panel.p-panel-toggleable .p-panel-header {
3736 padding: 0.857rem 1rem;
3737}
3738.p-panel .p-panel-content {
3739 padding: 0.571rem 1rem;
3740 border: 1px solid #191919;
3741 background: #323232;
3742 color: #dedede;
3743 border-bottom-right-radius: 3px;
3744 border-bottom-left-radius: 3px;
3745 border-top: 0 none;
3746}
3747.p-panel .p-panel-footer {
3748 padding: 0.571rem 1rem;
3749 border: 1px solid #191919;
3750 background: #323232;
3751 color: #dedede;
3752 border-top: 0 none;
3753}
3754
3755.p-scrollpanel .p-scrollpanel-bar {
3756 background: #3f3f3f;
3757 border: 0 none;
3758}
3759
3760.p-splitter {
3761 border: 1px solid #191919;
3762 background: #323232;
3763 border-radius: 3px;
3764 color: #dedede;
3765}
3766.p-splitter .p-splitter-gutter {
3767 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3768 background: #191919;
3769}
3770.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
3771 background: #4b4b4b;
3772}
3773.p-splitter .p-splitter-gutter-resizing {
3774 background: #4b4b4b;
3775}
3776
3777.p-tabview .p-tabview-nav {
3778 background: transparent;
3779 border: 0 none;
3780 border-width: 1px;
3781}
3782.p-tabview .p-tabview-nav li {
3783 margin-right: 2px;
3784}
3785.p-tabview .p-tabview-nav li .p-tabview-nav-link {
3786 border: 1px solid #191919;
3787 border-width: 1px;
3788 border-color: #191919;
3789 background: #191919;
3790 color: #dedede;
3791 padding: 0.857rem 1rem;
3792 font-weight: 700;
3793 border-top-right-radius: 3px;
3794 border-top-left-radius: 3px;
3795 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
3796 margin: 0 0 -1px 0;
3797}
3798.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
3799 outline: 0 none;
3800 outline-offset: 0;
3801 box-shadow: inset 0 0 0 0.1rem white;
3802}
3803.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
3804 background: #191919;
3805 border-color: #191919;
3806 color: #FFE082;
3807}
3808.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
3809 background: #FFE082;
3810 border-color: #FFE082;
3811 color: #212529;
3812}
3813.p-tabview .p-tabview-left-icon {
3814 margin-right: 0.5rem;
3815}
3816.p-tabview .p-tabview-right-icon {
3817 margin-left: 0.5rem;
3818}
3819.p-tabview .p-tabview-close {
3820 margin-left: 0.5rem;
3821}
3822.p-tabview .p-tabview-nav-btn.p-link {
3823 background: #FFE082;
3824 color: #212529;
3825 width: 2.357rem;
3826 box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
3827 border-radius: 0;
3828}
3829.p-tabview .p-tabview-nav-btn.p-link:focus {
3830 outline: 0 none;
3831 outline-offset: 0;
3832 box-shadow: inset 0 0 0 0.1rem white;
3833}
3834.p-tabview .p-tabview-panels {
3835 background: #323232;
3836 padding: 0.571rem 1rem;
3837 border: 1px solid #191919;
3838 color: #dedede;
3839 border-bottom-right-radius: 3px;
3840 border-bottom-left-radius: 3px;
3841}
3842
3843.p-toolbar {
3844 background: #191919;
3845 border: 1px solid #191919;
3846 padding: 0.857rem 1rem;
3847 border-radius: 3px;
3848}
3849.p-toolbar .p-toolbar-separator {
3850 margin: 0 0.5rem;
3851}
3852
3853.p-confirm-popup {
3854 background: #323232;
3855 color: #dedede;
3856 border: 1px solid #191919;
3857 border-radius: 3px;
3858 box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
3859}
3860.p-confirm-popup .p-confirm-popup-content {
3861 padding: 0.571rem 1rem;
3862}
3863.p-confirm-popup .p-confirm-popup-footer {
3864 text-align: right;
3865 padding: 0.571rem 1rem;
3866}
3867.p-confirm-popup .p-confirm-popup-footer button {
3868 margin: 0 0.5rem 0 0;
3869 width: auto;
3870}
3871.p-confirm-popup .p-confirm-popup-footer button:last-child {
3872 margin: 0;
3873}
3874.p-confirm-popup:after {
3875 border: solid transparent;
3876 border-color: rgba(50, 50, 50, 0);
3877 border-bottom-color: #323232;
3878}
3879.p-confirm-popup:before {
3880 border: solid transparent;
3881 border-color: rgba(25, 25, 25, 0);
3882 border-bottom-color: #191919;
3883}
3884.p-confirm-popup.p-confirm-popup-flipped:after {
3885 border-top-color: #323232;
3886}
3887.p-confirm-popup.p-confirm-popup-flipped:before {
3888 border-top-color: #191919;
3889}
3890.p-confirm-popup .p-confirm-popup-icon {
3891 font-size: 1.5rem;
3892}
3893.p-confirm-popup .p-confirm-popup-message {
3894 margin-left: 1rem;
3895}
3896
3897.p-dialog {
3898 border-radius: 3px;
3899 box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
3900 border: 1px solid #191919;
3901}
3902.p-dialog .p-dialog-header {
3903 border-bottom: 1px solid #191919;
3904 background: #191919;
3905 color: #dedede;
3906 padding: 1rem;
3907 border-top-right-radius: 3px;
3908 border-top-left-radius: 3px;
3909}
3910.p-dialog .p-dialog-header .p-dialog-title {
3911 font-weight: 700;
3912 font-size: 1rem;
3913}
3914.p-dialog .p-dialog-header .p-dialog-header-icon {
3915 width: 2rem;
3916 height: 2rem;
3917 color: #8888;
3918 border: 0 none;
3919 background: transparent;
3920 border-radius: 50%;
3921 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3922 margin-right: 0.5rem;
3923}
3924.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
3925 color: #dedede;
3926 border-color: transparent;
3927 background: transparent;
3928}
3929.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
3930 outline: 0 none;
3931 outline-offset: 0;
3932 box-shadow: 0 0 0 0.1rem white;
3933}
3934.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
3935 margin-right: 0;
3936}
3937.p-dialog .p-dialog-content {
3938 background: #323232;
3939 color: #dedede;
3940 padding: 1rem;
3941}
3942.p-dialog .p-dialog-footer {
3943 border-top: 1px solid #191919;
3944 background: #323232;
3945 color: #dedede;
3946 padding: 0.571rem 1rem;
3947 text-align: right;
3948 border-bottom-right-radius: 3px;
3949 border-bottom-left-radius: 3px;
3950}
3951.p-dialog .p-dialog-footer button {
3952 margin: 0 0.5rem 0 0;
3953 width: auto;
3954}
3955.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
3956 font-size: 2rem;
3957}
3958.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
3959 margin-left: 1rem;
3960}
3961
3962.p-overlaypanel {
3963 background: #323232;
3964 color: #dedede;
3965 border: 1px solid #191919;
3966 border-radius: 3px;
3967 box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
3968}
3969.p-overlaypanel .p-overlaypanel-content {
3970 padding: 0.571rem 1rem;
3971}
3972.p-overlaypanel .p-overlaypanel-close {
3973 background: #FFE082;
3974 color: #212529;
3975 width: 2rem;
3976 height: 2rem;
3977 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3978 border-radius: 50%;
3979 position: absolute;
3980 top: -1rem;
3981 right: -1rem;
3982}
3983.p-overlaypanel .p-overlaypanel-close:enabled:hover {
3984 background: #FFD54F;
3985 color: #212529;
3986}
3987.p-overlaypanel:after {
3988 border: solid transparent;
3989 border-color: rgba(50, 50, 50, 0);
3990 border-bottom-color: #323232;
3991}
3992.p-overlaypanel:before {
3993 border: solid transparent;
3994 border-color: rgba(25, 25, 25, 0);
3995 border-bottom-color: #191919;
3996}
3997.p-overlaypanel.p-overlaypanel-flipped:after {
3998 border-top-color: #323232;
3999}
4000.p-overlaypanel.p-overlaypanel-flipped:before {
4001 border-top-color: #191919;
4002}
4003
4004.p-sidebar {
4005 background: #323232;
4006 color: #dedede;
4007 border: 1px solid #191919;
4008 box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
4009}
4010.p-sidebar .p-sidebar-header {
4011 padding: 0.857rem 1rem;
4012}
4013.p-sidebar .p-sidebar-header .p-sidebar-close,
4014.p-sidebar .p-sidebar-header .p-sidebar-icon {
4015 width: 2rem;
4016 height: 2rem;
4017 color: #8888;
4018 border: 0 none;
4019 background: transparent;
4020 border-radius: 50%;
4021 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4022}
4023.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
4024.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
4025 color: #dedede;
4026 border-color: transparent;
4027 background: transparent;
4028}
4029.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
4030.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
4031 outline: 0 none;
4032 outline-offset: 0;
4033 box-shadow: 0 0 0 0.1rem white;
4034}
4035.p-sidebar .p-sidebar-header + .p-sidebar-content {
4036 padding-top: 0;
4037}
4038.p-sidebar .p-sidebar-content {
4039 padding: 0.571rem 1rem;
4040}
4041
4042.p-tooltip .p-tooltip-text {
4043 background: #4c4c4c;
4044 color: #dedede;
4045 padding: 0.429rem 0.429rem;
4046 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
4047 border-radius: 3px;
4048}
4049.p-tooltip.p-tooltip-right .p-tooltip-arrow {
4050 border-right-color: #4c4c4c;
4051}
4052.p-tooltip.p-tooltip-left .p-tooltip-arrow {
4053 border-left-color: #4c4c4c;
4054}
4055.p-tooltip.p-tooltip-top .p-tooltip-arrow {
4056 border-top-color: #4c4c4c;
4057}
4058.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
4059 border-bottom-color: #4c4c4c;
4060}
4061
4062.p-fileupload .p-fileupload-buttonbar {
4063 background: #191919;
4064 padding: 0.857rem 1rem;
4065 border: 1px solid #191919;
4066 color: #dedede;
4067 border-bottom: 0 none;
4068 border-top-right-radius: 3px;
4069 border-top-left-radius: 3px;
4070}
4071.p-fileupload .p-fileupload-buttonbar .p-button {
4072 margin-right: 0.5rem;
4073}
4074.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
4075 outline: 0 none;
4076 outline-offset: 0;
4077 box-shadow: 0 0 0 0.1rem white;
4078}
4079.p-fileupload .p-fileupload-content {
4080 background: #323232;
4081 padding: 0.571rem 1rem;
4082 border: 1px solid #191919;
4083 color: #dedede;
4084 border-bottom-right-radius: 3px;
4085 border-bottom-left-radius: 3px;
4086}
4087.p-fileupload .p-progressbar {
4088 height: 0.25rem;
4089}
4090.p-fileupload .p-fileupload-row > div {
4091 padding: 0.571rem 0.857rem;
4092}
4093.p-fileupload.p-fileupload-advanced .p-message {
4094 margin-top: 0;
4095}
4096
4097.p-fileupload-choose:not(.p-disabled):hover {
4098 background: #FFD54F;
4099 color: #212529;
4100 border-color: #FFD54F;
4101}
4102.p-fileupload-choose:not(.p-disabled):active {
4103 background: #FFCA28;
4104 color: #212529;
4105 border-color: #FFCA28;
4106}
4107
4108.p-breadcrumb {
4109 background: #252525;
4110 border: 1px solid #191919;
4111 border-radius: 3px;
4112 padding: 0.571rem 1rem;
4113}
4114.p-breadcrumb ul li .p-menuitem-link {
4115 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4116 border-radius: 3px;
4117}
4118.p-breadcrumb ul li .p-menuitem-link:focus {
4119 outline: 0 none;
4120 outline-offset: 0;
4121 box-shadow: 0 0 0 0.1rem white;
4122}
4123.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
4124 color: #dedede;
4125}
4126.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
4127 color: #dedede;
4128}
4129.p-breadcrumb ul li.p-breadcrumb-chevron {
4130 margin: 0 0.5rem 0 0.5rem;
4131 color: #dedede;
4132}
4133.p-breadcrumb ul li:last-child .p-menuitem-text {
4134 color: #dedede;
4135}
4136.p-breadcrumb ul li:last-child .p-menuitem-icon {
4137 color: #dedede;
4138}
4139
4140.p-contextmenu {
4141 padding: 0;
4142 background: #252525;
4143 color: #dedede;
4144 border: 1px solid #191919;
4145 box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
4146 border-radius: 3px;
4147 width: 12.5rem;
4148}
4149.p-contextmenu .p-menuitem-link {
4150 padding: 0.857rem;
4151 color: #dedede;
4152 border-radius: 0;
4153 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4154 user-select: none;
4155}
4156.p-contextmenu .p-menuitem-link .p-menuitem-text {
4157 color: #dedede;
4158}
4159.p-contextmenu .p-menuitem-link .p-menuitem-icon {
4160 color: #dedede;
4161 margin-right: 0.5rem;
4162}
4163.p-contextmenu .p-menuitem-link .p-submenu-icon {
4164 color: #dedede;
4165}
4166.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
4167 background: #4c4c4c;
4168}
4169.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4170 color: #dedede;
4171}
4172.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4173 color: #dedede;
4174}
4175.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4176 color: #dedede;
4177}
4178.p-contextmenu .p-menuitem-link:focus {
4179 outline: 0 none;
4180 outline-offset: 0;
4181 box-shadow: inset 0 0 0 0.2rem white;
4182}
4183.p-contextmenu .p-submenu-list {
4184 padding: 0;
4185 background: #252525;
4186 border: 1px solid #191919;
4187 box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
4188 border-radius: 3px;
4189}
4190.p-contextmenu .p-menuitem {
4191 margin: 0;
4192}
4193.p-contextmenu .p-menuitem:last-child {
4194 margin: 0;
4195}
4196.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4197 background: #FFE082;
4198}
4199.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4200 color: #212529;
4201}
4202.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 {
4203 color: #212529;
4204}
4205.p-contextmenu .p-menu-separator {
4206 border-top: 1px solid #4b4b4b;
4207 margin: 0;
4208}
4209.p-contextmenu .p-submenu-icon {
4210 font-size: 0.875rem;
4211}
4212
4213.p-dock .p-dock-list {
4214 background: rgba(255, 255, 255, 0.1);
4215 border: 1px solid rgba(255, 255, 255, 0.2);
4216 padding: 0.5rem 0.5rem;
4217 border-radius: 0.5rem;
4218}
4219.p-dock .p-dock-item {
4220 padding: 0.5rem;
4221}
4222.p-dock .p-dock-action {
4223 width: 4rem;
4224 height: 4rem;
4225}
4226.p-dock.p-dock-top .p-dock-item-second-prev,
4227.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
4228.p-dock.p-dock-bottom .p-dock-item-second-next {
4229 margin: 0 0.9rem;
4230}
4231.p-dock.p-dock-top .p-dock-item-prev,
4232.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
4233.p-dock.p-dock-bottom .p-dock-item-next {
4234 margin: 0 1.3rem;
4235}
4236.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
4237 margin: 0 1.5rem;
4238}
4239.p-dock.p-dock-left .p-dock-item-second-prev,
4240.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
4241.p-dock.p-dock-right .p-dock-item-second-next {
4242 margin: 0.9rem 0;
4243}
4244.p-dock.p-dock-left .p-dock-item-prev,
4245.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
4246.p-dock.p-dock-right .p-dock-item-next {
4247 margin: 1.3rem 0;
4248}
4249.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
4250 margin: 1.5rem 0;
4251}
4252
4253@media screen and (max-width: 960px) {
4254 .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
4255 overflow-x: auto;
4256 width: 100%;
4257 }
4258 .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
4259 margin: 0 auto;
4260 }
4261 .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
4262 overflow-y: auto;
4263 height: 100%;
4264 }
4265 .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
4266 margin: auto 0;
4267 }
4268 .p-dock .p-dock-list .p-dock-item {
4269 transform: none;
4270 margin: 0;
4271 }
4272}
4273.p-megamenu {
4274 padding: 0.5rem;
4275 background: #252525;
4276 color: #dedede;
4277 border: 1px solid #191919;
4278 border-radius: 3px;
4279}
4280.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4281 padding: 0.857rem;
4282 color: #dedede;
4283 border-radius: 3px;
4284 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4285 user-select: none;
4286}
4287.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4288 color: #dedede;
4289}
4290.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4291 color: #dedede;
4292 margin-right: 0.5rem;
4293}
4294.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4295 color: #dedede;
4296 margin-left: 0.5rem;
4297}
4298.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4299 background: #4c4c4c;
4300}
4301.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4302 color: #dedede;
4303}
4304.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4305 color: #dedede;
4306}
4307.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4308 color: #dedede;
4309}
4310.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4311 outline: 0 none;
4312 outline-offset: 0;
4313 box-shadow: inset 0 0 0 0.2rem white;
4314}
4315.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4316.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4317 background: #FFE082;
4318}
4319.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4320.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4321 color: #212529;
4322}
4323.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4324.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4325 color: #212529;
4326}
4327.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4328.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4329 color: #212529;
4330}
4331.p-megamenu .p-menuitem-link {
4332 padding: 0.857rem;
4333 color: #dedede;
4334 border-radius: 0;
4335 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4336 user-select: none;
4337}
4338.p-megamenu .p-menuitem-link .p-menuitem-text {
4339 color: #dedede;
4340}
4341.p-megamenu .p-menuitem-link .p-menuitem-icon {
4342 color: #dedede;
4343 margin-right: 0.5rem;
4344}
4345.p-megamenu .p-menuitem-link .p-submenu-icon {
4346 color: #dedede;
4347}
4348.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
4349 background: #4c4c4c;
4350}
4351.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4352 color: #dedede;
4353}
4354.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4355 color: #dedede;
4356}
4357.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4358 color: #dedede;
4359}
4360.p-megamenu .p-menuitem-link:focus {
4361 outline: 0 none;
4362 outline-offset: 0;
4363 box-shadow: inset 0 0 0 0.2rem white;
4364}
4365.p-megamenu .p-megamenu-panel {
4366 background: #252525;
4367 color: #dedede;
4368 border: 1px solid #191919;
4369 box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
4370}
4371.p-megamenu .p-megamenu-submenu-header {
4372 margin: 0;
4373 padding: 0.857rem;
4374 color: #dedede;
4375 background: #191919;
4376 font-weight: 700;
4377 border-top-right-radius: 3px;
4378 border-top-left-radius: 3px;
4379}
4380.p-megamenu .p-megamenu-submenu {
4381 padding: 0;
4382 width: 12.5rem;
4383}
4384.p-megamenu .p-megamenu-submenu .p-menu-separator {
4385 border-top: 1px solid #4b4b4b;
4386 margin: 0;
4387}
4388.p-megamenu .p-megamenu-submenu .p-menuitem {
4389 margin: 0;
4390}
4391.p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
4392 margin: 0;
4393}
4394.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4395 background: #FFE082;
4396}
4397.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4398 color: #212529;
4399}
4400.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 {
4401 color: #212529;
4402}
4403.p-megamenu.p-megamenu-vertical {
4404 width: 12.5rem;
4405 padding: 0;
4406}
4407.p-megamenu.p-megamenu-vertical .p-menuitem {
4408 margin: 0;
4409}
4410.p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
4411 margin: 0;
4412}
4413
4414.p-menu {
4415 padding: 0;
4416 background: #252525;
4417 color: #dedede;
4418 border: 1px solid #191919;
4419 border-radius: 3px;
4420 width: 12.5rem;
4421}
4422.p-menu .p-menuitem-link {
4423 padding: 0.857rem;
4424 color: #dedede;
4425 border-radius: 0;
4426 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4427 user-select: none;
4428}
4429.p-menu .p-menuitem-link .p-menuitem-text {
4430 color: #dedede;
4431}
4432.p-menu .p-menuitem-link .p-menuitem-icon {
4433 color: #dedede;
4434 margin-right: 0.5rem;
4435}
4436.p-menu .p-menuitem-link .p-submenu-icon {
4437 color: #dedede;
4438}
4439.p-menu .p-menuitem-link:not(.p-disabled):hover {
4440 background: #4c4c4c;
4441}
4442.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4443 color: #dedede;
4444}
4445.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4446 color: #dedede;
4447}
4448.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4449 color: #dedede;
4450}
4451.p-menu .p-menuitem-link:focus {
4452 outline: 0 none;
4453 outline-offset: 0;
4454 box-shadow: inset 0 0 0 0.2rem white;
4455}
4456.p-menu.p-menu-overlay {
4457 background: #252525;
4458 border: 1px solid #191919;
4459 box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
4460}
4461.p-menu .p-submenu-header {
4462 margin: 0;
4463 padding: 0.857rem;
4464 color: #dedede;
4465 background: #191919;
4466 font-weight: 700;
4467 border-top-right-radius: 3px;
4468 border-top-left-radius: 3px;
4469}
4470.p-menu .p-menu-separator {
4471 border-top: 1px solid #4b4b4b;
4472 margin: 0;
4473}
4474.p-menu .p-menuitem {
4475 margin: 0;
4476}
4477.p-menu .p-menuitem:last-child {
4478 margin: 0;
4479}
4480
4481.p-menubar {
4482 padding: 0.5rem;
4483 background: #252525;
4484 color: #dedede;
4485 border: 1px solid #191919;
4486 border-radius: 3px;
4487}
4488.p-menubar .p-menuitem-link {
4489 padding: 0.857rem;
4490 color: #dedede;
4491 border-radius: 0;
4492 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4493 user-select: none;
4494}
4495.p-menubar .p-menuitem-link .p-menuitem-text {
4496 color: #dedede;
4497}
4498.p-menubar .p-menuitem-link .p-menuitem-icon {
4499 color: #dedede;
4500 margin-right: 0.5rem;
4501}
4502.p-menubar .p-menuitem-link .p-submenu-icon {
4503 color: #dedede;
4504}
4505.p-menubar .p-menuitem-link:not(.p-disabled):hover {
4506 background: #4c4c4c;
4507}
4508.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4509 color: #dedede;
4510}
4511.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4512 color: #dedede;
4513}
4514.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4515 color: #dedede;
4516}
4517.p-menubar .p-menuitem-link:focus {
4518 outline: 0 none;
4519 outline-offset: 0;
4520 box-shadow: inset 0 0 0 0.2rem white;
4521}
4522.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4523 padding: 0.857rem;
4524 color: #dedede;
4525 border-radius: 3px;
4526 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4527 user-select: none;
4528}
4529.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4530 color: #dedede;
4531}
4532.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4533 color: #dedede;
4534 margin-right: 0.5rem;
4535}
4536.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4537 color: #dedede;
4538 margin-left: 0.5rem;
4539}
4540.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4541 background: #4c4c4c;
4542}
4543.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4544 color: #dedede;
4545}
4546.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4547 color: #dedede;
4548}
4549.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4550 color: #dedede;
4551}
4552.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4553 outline: 0 none;
4554 outline-offset: 0;
4555 box-shadow: inset 0 0 0 0.2rem white;
4556}
4557.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4558.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4559 background: #FFE082;
4560}
4561.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4562.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4563 color: #212529;
4564}
4565.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4566.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4567 color: #212529;
4568}
4569.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4570.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4571 color: #212529;
4572}
4573.p-menubar .p-submenu-list {
4574 padding: 0;
4575 background: #252525;
4576 border: 1px solid #191919;
4577 box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
4578 width: 12.5rem;
4579}
4580.p-menubar .p-submenu-list .p-menu-separator {
4581 border-top: 1px solid #4b4b4b;
4582 margin: 0;
4583}
4584.p-menubar .p-submenu-list .p-submenu-icon {
4585 font-size: 0.875rem;
4586}
4587.p-menubar .p-submenu-list .p-menuitem {
4588 margin: 0;
4589}
4590.p-menubar .p-submenu-list .p-menuitem:last-child {
4591 margin: 0;
4592}
4593.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
4594 background: #FFE082;
4595}
4596.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4597 color: #212529;
4598}
4599.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 {
4600 color: #212529;
4601}
4602
4603@media screen and (max-width: 960px) {
4604 .p-menubar {
4605 position: relative;
4606 }
4607 .p-menubar .p-menubar-button {
4608 display: flex;
4609 width: 2rem;
4610 height: 2rem;
4611 color: #dedede;
4612 border-radius: 50%;
4613 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4614 }
4615 .p-menubar .p-menubar-button:hover {
4616 color: #dedede;
4617 background: #4c4c4c;
4618 }
4619 .p-menubar .p-menubar-button:focus {
4620 outline: 0 none;
4621 outline-offset: 0;
4622 box-shadow: 0 0 0 0.1rem white;
4623 }
4624 .p-menubar .p-menubar-root-list {
4625 position: absolute;
4626 display: none;
4627 padding: 0;
4628 background: #252525;
4629 border: 1px solid #191919;
4630 box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
4631 width: 100%;
4632 }
4633 .p-menubar .p-menubar-root-list .p-menu-separator {
4634 border-top: 1px solid #4b4b4b;
4635 margin: 0;
4636 }
4637 .p-menubar .p-menubar-root-list .p-submenu-icon {
4638 font-size: 0.875rem;
4639 }
4640 .p-menubar .p-menubar-root-list > .p-menuitem {
4641 width: 100%;
4642 position: static;
4643 }
4644 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4645 padding: 0.857rem;
4646 color: #dedede;
4647 border-radius: 0;
4648 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4649 user-select: none;
4650 }
4651 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4652 color: #dedede;
4653 }
4654 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4655 color: #dedede;
4656 margin-right: 0.5rem;
4657 }
4658 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4659 color: #dedede;
4660 }
4661 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4662 background: #4c4c4c;
4663 }
4664 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4665 color: #dedede;
4666 }
4667 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4668 color: #dedede;
4669 }
4670 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4671 color: #dedede;
4672 }
4673 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4674 outline: 0 none;
4675 outline-offset: 0;
4676 box-shadow: inset 0 0 0 0.2rem white;
4677 }
4678 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4679 margin-left: auto;
4680 transition: transform 0.2s;
4681 }
4682 .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4683 transform: rotate(-180deg);
4684 }
4685 .p-menubar .p-menubar-root-list .p-submenu-list {
4686 width: 100%;
4687 position: static;
4688 box-shadow: none;
4689 border: 0 none;
4690 }
4691 .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
4692 transition: transform 0.2s;
4693 transform: rotate(90deg);
4694 }
4695 .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4696 transform: rotate(-90deg);
4697 }
4698 .p-menubar .p-menubar-root-list .p-menuitem {
4699 width: 100%;
4700 position: static;
4701 }
4702 .p-menubar .p-menubar-root-list ul li a {
4703 padding-left: 2.571rem;
4704 }
4705 .p-menubar .p-menubar-root-list ul li ul li a {
4706 padding-left: 4.285rem;
4707 }
4708 .p-menubar .p-menubar-root-list ul li ul li ul li a {
4709 padding-left: 5.999rem;
4710 }
4711 .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
4712 padding-left: 7.713rem;
4713 }
4714 .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
4715 padding-left: 9.427rem;
4716 }
4717 .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
4718 display: flex;
4719 flex-direction: column;
4720 top: 100%;
4721 left: 0;
4722 z-index: 1;
4723 }
4724}
4725.p-panelmenu .p-panelmenu-header > a {
4726 padding: 0.857rem 1rem;
4727 border: 1px solid #191919;
4728 color: #dedede;
4729 background: #191919;
4730 font-weight: 700;
4731 border-radius: 3px;
4732 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4733}
4734.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
4735 margin-right: 0.5rem;
4736}
4737.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
4738 margin-right: 0.5rem;
4739}
4740.p-panelmenu .p-panelmenu-header > a:focus {
4741 outline: 0 none;
4742 outline-offset: 0;
4743 box-shadow: 0 0 0 0.1rem white;
4744}
4745.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
4746 background: #191919;
4747 border-color: #191919;
4748 color: #FFE082;
4749}
4750.p-panelmenu .p-panelmenu-header.p-highlight {
4751 margin-bottom: 0;
4752}
4753.p-panelmenu .p-panelmenu-header.p-highlight > a {
4754 background: #FFE082;
4755 border-color: #FFE082;
4756 color: #212529;
4757 border-bottom-right-radius: 0;
4758 border-bottom-left-radius: 0;
4759}
4760.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
4761 border-color: #FFCA28;
4762 background: #FFCA28;
4763 color: #212529;
4764}
4765.p-panelmenu .p-panelmenu-content {
4766 padding: 0;
4767 border: 1px solid #191919;
4768 background: #323232;
4769 color: #dedede;
4770 margin-bottom: 2px;
4771 border-top: 0;
4772 border-top-right-radius: 0;
4773 border-top-left-radius: 0;
4774 border-bottom-right-radius: 3px;
4775 border-bottom-left-radius: 3px;
4776}
4777.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
4778 padding: 0.857rem;
4779 color: #dedede;
4780 border-radius: 0;
4781 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4782 user-select: none;
4783}
4784.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
4785 color: #dedede;
4786}
4787.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
4788 color: #dedede;
4789 margin-right: 0.5rem;
4790}
4791.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
4792 color: #dedede;
4793}
4794.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
4795 background: #4c4c4c;
4796}
4797.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4798 color: #dedede;
4799}
4800.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4801 color: #dedede;
4802}
4803.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4804 color: #dedede;
4805}
4806.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
4807 outline: 0 none;
4808 outline-offset: 0;
4809 box-shadow: inset 0 0 0 0.2rem white;
4810}
4811.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
4812 margin-right: 0.5rem;
4813}
4814.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
4815 padding: 0 0 0 1rem;
4816}
4817.p-panelmenu .p-panelmenu-panel {
4818 margin-bottom: 2px;
4819}
4820
4821.p-slidemenu {
4822 padding: 0;
4823 background: #252525;
4824 color: #dedede;
4825 border: 1px solid #191919;
4826 border-radius: 3px;
4827 width: 12.5rem;
4828}
4829.p-slidemenu .p-menuitem-link {
4830 padding: 0.857rem;
4831 color: #dedede;
4832 border-radius: 0;
4833 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4834 user-select: none;
4835}
4836.p-slidemenu .p-menuitem-link .p-menuitem-text {
4837 color: #dedede;
4838}
4839.p-slidemenu .p-menuitem-link .p-menuitem-icon {
4840 color: #dedede;
4841 margin-right: 0.5rem;
4842}
4843.p-slidemenu .p-menuitem-link .p-submenu-icon {
4844 color: #dedede;
4845}
4846.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
4847 background: #4c4c4c;
4848}
4849.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4850 color: #dedede;
4851}
4852.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4853 color: #dedede;
4854}
4855.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4856 color: #dedede;
4857}
4858.p-slidemenu .p-menuitem-link:focus {
4859 outline: 0 none;
4860 outline-offset: 0;
4861 box-shadow: inset 0 0 0 0.2rem white;
4862}
4863.p-slidemenu.p-slidemenu-overlay {
4864 background: #252525;
4865 border: 1px solid #191919;
4866 box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
4867}
4868.p-slidemenu .p-slidemenu-list {
4869 padding: 0;
4870 background: #252525;
4871 border: 1px solid #191919;
4872 box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
4873}
4874.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
4875 background: #FFE082;
4876}
4877.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
4878 color: #212529;
4879}
4880.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 {
4881 color: #212529;
4882}
4883.p-slidemenu .p-slidemenu-separator {
4884 border-top: 1px solid #4b4b4b;
4885 margin: 0;
4886}
4887.p-slidemenu .p-slidemenu-icon {
4888 font-size: 0.875rem;
4889}
4890.p-slidemenu .p-slidemenu-backward {
4891 padding: 0.857rem;
4892 color: #dedede;
4893}
4894
4895.p-steps .p-steps-item .p-menuitem-link {
4896 background: transparent;
4897 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4898 border-radius: 3px;
4899 background: #191919;
4900}
4901.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
4902 color: #dedede;
4903 border: 1px solid #191919;
4904 background: #191919;
4905 min-width: 2rem;
4906 height: 2rem;
4907 line-height: 2rem;
4908 font-size: 1.143rem;
4909 z-index: 1;
4910 border-radius: 50%;
4911}
4912.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
4913 margin-top: 0.5rem;
4914 color: #888888;
4915}
4916.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
4917 outline: 0 none;
4918 outline-offset: 0;
4919 box-shadow: 0 0 0 0.1rem white;
4920}
4921.p-steps .p-steps-item.p-highlight .p-steps-number {
4922 background: #FFE082;
4923 color: #212529;
4924}
4925.p-steps .p-steps-item.p-highlight .p-steps-title {
4926 font-weight: 700;
4927 color: #dedede;
4928}
4929.p-steps .p-steps-item:before {
4930 content: " ";
4931 border-top: 1px solid #4b4b4b;
4932 width: 100%;
4933 top: 50%;
4934 left: 0;
4935 display: block;
4936 position: absolute;
4937 margin-top: -1rem;
4938}
4939
4940.p-tabmenu .p-tabmenu-nav {
4941 background: transparent;
4942 border: 0 none;
4943 border-width: 1px;
4944}
4945.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
4946 margin-right: 2px;
4947}
4948.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
4949 border: 1px solid #191919;
4950 border-width: 1px;
4951 border-color: #191919;
4952 background: #191919;
4953 color: #dedede;
4954 padding: 0.857rem 1rem;
4955 font-weight: 700;
4956 border-top-right-radius: 3px;
4957 border-top-left-radius: 3px;
4958 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4959 margin: 0 0 -1px 0;
4960}
4961.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
4962 margin-right: 0.5rem;
4963}
4964.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
4965 outline: 0 none;
4966 outline-offset: 0;
4967 box-shadow: inset 0 0 0 0.1rem white;
4968}
4969.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
4970 background: #191919;
4971 border-color: #191919;
4972 color: #FFE082;
4973}
4974.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
4975 background: #FFE082;
4976 border-color: #FFE082;
4977 color: #212529;
4978}
4979
4980.p-tieredmenu {
4981 padding: 0;
4982 background: #252525;
4983 color: #dedede;
4984 border: 1px solid #191919;
4985 border-radius: 3px;
4986 width: 12.5rem;
4987}
4988.p-tieredmenu .p-menuitem-link {
4989 padding: 0.857rem;
4990 color: #dedede;
4991 border-radius: 0;
4992 transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
4993 user-select: none;
4994}
4995.p-tieredmenu .p-menuitem-link .p-menuitem-text {
4996 color: #dedede;
4997}
4998.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
4999 color: #dedede;
5000 margin-right: 0.5rem;
5001}
5002.p-tieredmenu .p-menuitem-link .p-submenu-icon {
5003 color: #dedede;
5004}
5005.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
5006 background: #4c4c4c;
5007}
5008.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5009 color: #dedede;
5010}
5011.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5012 color: #dedede;
5013}
5014.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5015 color: #dedede;
5016}
5017.p-tieredmenu .p-menuitem-link:focus {
5018 outline: 0 none;
5019 outline-offset: 0;
5020 box-shadow: inset 0 0 0 0.2rem white;
5021}
5022.p-tieredmenu.p-tieredmenu-overlay {
5023 background: #252525;
5024 border: 1px solid #191919;
5025 box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
5026}
5027.p-tieredmenu .p-submenu-list {
5028 padding: 0;
5029 background: #252525;
5030 border: 1px solid #191919;
5031 box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16);
5032}
5033.p-tieredmenu .p-menuitem {
5034 margin: 0;
5035}
5036.p-tieredmenu .p-menuitem:last-child {
5037 margin: 0;
5038}
5039.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5040 background: #FFE082;
5041}
5042.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5043 color: #212529;
5044}
5045.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 {
5046 color: #212529;
5047}
5048.p-tieredmenu .p-menu-separator {
5049 border-top: 1px solid #4b4b4b;
5050 margin: 0;
5051}
5052.p-tieredmenu .p-submenu-icon {
5053 font-size: 0.875rem;
5054}
5055
5056.p-inline-message {
5057 padding: 0.5rem;
5058 margin: 0;
5059 border-radius: 3px;
5060}
5061.p-inline-message.p-inline-message-info {
5062 background: #7fbcec;
5063 border: 0 none;
5064 border-width: 0;
5065 color: #212121;
5066}
5067.p-inline-message.p-inline-message-info .p-inline-message-icon {
5068 color: #212121;
5069}
5070.p-inline-message.p-inline-message-success {
5071 background: #b7d8b7;
5072 border: 0 none;
5073 border-width: 0;
5074 color: #212121;
5075}
5076.p-inline-message.p-inline-message-success .p-inline-message-icon {
5077 color: #212121;
5078}
5079.p-inline-message.p-inline-message-warn {
5080 background: #ffe399;
5081 border: 0 none;
5082 border-width: 0;
5083 color: #212121;
5084}
5085.p-inline-message.p-inline-message-warn .p-inline-message-icon {
5086 color: #212121;
5087}
5088.p-inline-message.p-inline-message-error {
5089 background: #f8b7bd;
5090 border: 0 none;
5091 border-width: 0;
5092 color: #212121;
5093}
5094.p-inline-message.p-inline-message-error .p-inline-message-icon {
5095 color: #212121;
5096}
5097.p-inline-message .p-inline-message-icon {
5098 font-size: 1rem;
5099 margin-right: 0.5rem;
5100}
5101.p-inline-message .p-inline-message-text {
5102 font-size: 1rem;
5103}
5104.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
5105 margin-right: 0;
5106}
5107
5108.p-message {
5109 margin: 1rem 0;
5110 border-radius: 3px;
5111}
5112.p-message .p-message-wrapper {
5113 padding: 1rem;
5114}
5115.p-message .p-message-close {
5116 width: 2rem;
5117 height: 2rem;
5118 border-radius: 50%;
5119 background: transparent;
5120 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5121}
5122.p-message .p-message-close:hover {
5123 background: rgba(255, 255, 255, 0.3);
5124}
5125.p-message .p-message-close:focus {
5126 outline: 0 none;
5127 outline-offset: 0;
5128 box-shadow: 0 0 0 0.1rem white;
5129}
5130.p-message.p-message-info {
5131 background: #7fbcec;
5132 border: 0 none;
5133 border-width: 0;
5134 color: #212121;
5135}
5136.p-message.p-message-info .p-message-icon {
5137 color: #212121;
5138}
5139.p-message.p-message-info .p-message-close {
5140 color: #212121;
5141}
5142.p-message.p-message-success {
5143 background: #b7d8b7;
5144 border: 0 none;
5145 border-width: 0;
5146 color: #212121;
5147}
5148.p-message.p-message-success .p-message-icon {
5149 color: #212121;
5150}
5151.p-message.p-message-success .p-message-close {
5152 color: #212121;
5153}
5154.p-message.p-message-warn {
5155 background: #ffe399;
5156 border: 0 none;
5157 border-width: 0;
5158 color: #212121;
5159}
5160.p-message.p-message-warn .p-message-icon {
5161 color: #212121;
5162}
5163.p-message.p-message-warn .p-message-close {
5164 color: #212121;
5165}
5166.p-message.p-message-error {
5167 background: #f8b7bd;
5168 border: 0 none;
5169 border-width: 0;
5170 color: #212121;
5171}
5172.p-message.p-message-error .p-message-icon {
5173 color: #212121;
5174}
5175.p-message.p-message-error .p-message-close {
5176 color: #212121;
5177}
5178.p-message .p-message-text {
5179 font-size: 1rem;
5180 font-weight: normal;
5181}
5182.p-message .p-message-icon {
5183 font-size: 1.5rem;
5184 margin-right: 0.5rem;
5185}
5186.p-message .p-message-summary {
5187 font-weight: 700;
5188}
5189.p-message .p-message-detail {
5190 margin-left: 0.5rem;
5191}
5192
5193.p-toast {
5194 opacity: 0.9;
5195}
5196.p-toast .p-toast-message {
5197 margin: 0 0 1rem 0;
5198 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
5199 border-radius: 3px;
5200}
5201.p-toast .p-toast-message .p-toast-message-content {
5202 padding: 1rem;
5203 border-width: 0;
5204}
5205.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
5206 margin: 0 0 0 0.5rem;
5207}
5208.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
5209 font-size: 2rem;
5210}
5211.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
5212 font-weight: 700;
5213}
5214.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
5215 margin: 0.5rem 0 0 0;
5216}
5217.p-toast .p-toast-message .p-toast-icon-close {
5218 width: 2rem;
5219 height: 2rem;
5220 border-radius: 50%;
5221 background: transparent;
5222 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5223}
5224.p-toast .p-toast-message .p-toast-icon-close:hover {
5225 background: rgba(255, 255, 255, 0.3);
5226}
5227.p-toast .p-toast-message .p-toast-icon-close:focus {
5228 outline: 0 none;
5229 outline-offset: 0;
5230 box-shadow: 0 0 0 0.1rem white;
5231}
5232.p-toast .p-toast-message.p-toast-message-info {
5233 background: #7fbcec;
5234 border: 0 none;
5235 border-width: 0;
5236 color: #212121;
5237}
5238.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
5239.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
5240 color: #212121;
5241}
5242.p-toast .p-toast-message.p-toast-message-success {
5243 background: #b7d8b7;
5244 border: 0 none;
5245 border-width: 0;
5246 color: #212121;
5247}
5248.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
5249.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
5250 color: #212121;
5251}
5252.p-toast .p-toast-message.p-toast-message-warn {
5253 background: #ffe399;
5254 border: 0 none;
5255 border-width: 0;
5256 color: #212121;
5257}
5258.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
5259.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
5260 color: #212121;
5261}
5262.p-toast .p-toast-message.p-toast-message-error {
5263 background: #f8b7bd;
5264 border: 0 none;
5265 border-width: 0;
5266 color: #212121;
5267}
5268.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
5269.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
5270 color: #212121;
5271}
5272
5273.p-galleria .p-galleria-close {
5274 margin: 0.5rem;
5275 background: transparent;
5276 color: #ebedef;
5277 width: 4rem;
5278 height: 4rem;
5279 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5280 border-radius: 50%;
5281}
5282.p-galleria .p-galleria-close .p-galleria-close-icon {
5283 font-size: 2rem;
5284}
5285.p-galleria .p-galleria-close:hover {
5286 background: rgba(255, 255, 255, 0.1);
5287 color: #ebedef;
5288}
5289.p-galleria .p-galleria-item-nav {
5290 background: rgba(0, 0, 0, 0.2);
5291 color: #aeb6bf;
5292 width: 4rem;
5293 height: 4rem;
5294 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5295 border-radius: 3px;
5296 margin: 0 0.5rem;
5297}
5298.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
5299.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
5300 font-size: 2rem;
5301}
5302.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
5303 background: rgba(0, 0, 0, 0.3);
5304 color: #ebedef;
5305}
5306.p-galleria .p-galleria-caption {
5307 background: rgba(0, 0, 0, 0.5);
5308 color: #ebedef;
5309 padding: 1rem;
5310}
5311.p-galleria .p-galleria-indicators {
5312 padding: 1rem;
5313}
5314.p-galleria .p-galleria-indicators .p-galleria-indicator button {
5315 background-color: #4b4b4b;
5316 width: 1rem;
5317 height: 1rem;
5318 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5319 border-radius: 50%;
5320}
5321.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
5322 background: #4c4c4c;
5323}
5324.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
5325 background: #FFE082;
5326 color: #212529;
5327}
5328.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
5329 margin-right: 0.5rem;
5330}
5331.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
5332 margin-bottom: 0.5rem;
5333}
5334.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
5335 background: rgba(0, 0, 0, 0.5);
5336}
5337.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
5338 background: rgba(255, 255, 255, 0.4);
5339}
5340.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
5341 background: rgba(255, 255, 255, 0.6);
5342}
5343.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
5344 background: #FFE082;
5345 color: #212529;
5346}
5347.p-galleria .p-galleria-thumbnail-container {
5348 background: rgba(0, 0, 0, 0.9);
5349 padding: 1rem 0.25rem;
5350}
5351.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
5352.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
5353 margin: 0.5rem;
5354 background-color: transparent;
5355 color: #aeb6bf;
5356 width: 2rem;
5357 height: 2rem;
5358 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5359 border-radius: 50%;
5360}
5361.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
5362.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
5363 background: rgba(255, 255, 255, 0.1);
5364 color: #aeb6bf;
5365}
5366.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
5367 outline: 0 none;
5368 outline-offset: 0;
5369 box-shadow: 0 0 0 0.1rem white;
5370}
5371
5372.p-galleria-mask {
5373 --maskbg: rgba(0, 0, 0, 0.9);
5374}
5375
5376.p-image-mask {
5377 --maskbg: rgba(0, 0, 0, 0.9);
5378}
5379
5380.p-image-preview-indicator {
5381 background-color: transparent;
5382 color: #f8f9fa;
5383 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5384}
5385
5386.p-image-preview-container:hover > .p-image-preview-indicator {
5387 background-color: rgba(0, 0, 0, 0.5);
5388}
5389
5390.p-image-toolbar {
5391 padding: 1rem;
5392}
5393
5394.p-image-action.p-link {
5395 color: #f8f9fa;
5396 background-color: transparent;
5397 width: 3rem;
5398 height: 3rem;
5399 border-radius: 50%;
5400 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5401 margin-right: 0.5rem;
5402}
5403.p-image-action.p-link:last-child {
5404 margin-right: 0;
5405}
5406.p-image-action.p-link:hover {
5407 color: #f8f9fa;
5408 background-color: rgba(255, 255, 255, 0.1);
5409}
5410.p-image-action.p-link i {
5411 font-size: 1.5rem;
5412}
5413
5414.p-avatar {
5415 background-color: #4b4b4b;
5416 border-radius: 3px;
5417}
5418.p-avatar.p-avatar-lg {
5419 width: 3rem;
5420 height: 3rem;
5421 font-size: 1.5rem;
5422}
5423.p-avatar.p-avatar-lg .p-avatar-icon {
5424 font-size: 1.5rem;
5425}
5426.p-avatar.p-avatar-xl {
5427 width: 4rem;
5428 height: 4rem;
5429 font-size: 2rem;
5430}
5431.p-avatar.p-avatar-xl .p-avatar-icon {
5432 font-size: 2rem;
5433}
5434
5435.p-avatar-group .p-avatar {
5436 border: 2px solid #323232;
5437}
5438
5439.p-badge {
5440 background: #FFE082;
5441 color: #212529;
5442 font-size: 0.75rem;
5443 font-weight: 700;
5444 min-width: 1.5rem;
5445 height: 1.5rem;
5446 line-height: 1.5rem;
5447}
5448.p-badge.p-badge-secondary {
5449 background-color: #B0BEC5;
5450 color: #121212;
5451}
5452.p-badge.p-badge-success {
5453 background-color: #AED581;
5454 color: #212529;
5455}
5456.p-badge.p-badge-info {
5457 background-color: #4FC3F7;
5458 color: #212529;
5459}
5460.p-badge.p-badge-warning {
5461 background-color: #FFB74D;
5462 color: #212529;
5463}
5464.p-badge.p-badge-danger {
5465 background-color: #E57373;
5466 color: #212529;
5467}
5468.p-badge.p-badge-lg {
5469 font-size: 1.125rem;
5470 min-width: 2.25rem;
5471 height: 2.25rem;
5472 line-height: 2.25rem;
5473}
5474.p-badge.p-badge-xl {
5475 font-size: 1.5rem;
5476 min-width: 3rem;
5477 height: 3rem;
5478 line-height: 3rem;
5479}
5480
5481.p-chip {
5482 background-color: #4b4b4b;
5483 color: #dedede;
5484 border-radius: 16px;
5485 padding: 0 0.429rem;
5486}
5487.p-chip .p-chip-text {
5488 line-height: 1.5;
5489 margin-top: 0.2145rem;
5490 margin-bottom: 0.2145rem;
5491}
5492.p-chip .p-chip-icon {
5493 margin-right: 0.5rem;
5494}
5495.p-chip .pi-chip-remove-icon {
5496 margin-left: 0.5rem;
5497}
5498.p-chip img {
5499 width: 1.929rem;
5500 height: 1.929rem;
5501 margin-left: -0.429rem;
5502 margin-right: 0.5rem;
5503}
5504.p-chip .pi-chip-remove-icon {
5505 border-radius: 3px;
5506 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5507}
5508.p-chip .pi-chip-remove-icon:focus {
5509 outline: 0 none;
5510 outline-offset: 0;
5511 box-shadow: 0 0 0 0.1rem white;
5512}
5513
5514.p-inplace .p-inplace-display {
5515 padding: 0.429rem 0.429rem;
5516 border-radius: 3px;
5517 transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
5518}
5519.p-inplace .p-inplace-display:not(.p-disabled):hover {
5520 background: #4c4c4c;
5521 color: #dedede;
5522}
5523.p-inplace .p-inplace-display:focus {
5524 outline: 0 none;
5525 outline-offset: 0;
5526 box-shadow: 0 0 0 0.1rem white;
5527}
5528
5529.p-progressbar {
5530 border: 0 none;
5531 height: 24px;
5532 background: #eaeaea;
5533 border-radius: 3px;
5534}
5535.p-progressbar .p-progressbar-value {
5536 border: 0 none;
5537 margin: 0;
5538 background: #FFE082;
5539}
5540.p-progressbar .p-progressbar-label {
5541 color: #dedede;
5542 line-height: 24px;
5543}
5544
5545.p-scrolltop {
5546 width: 3rem;
5547 height: 3rem;
5548 border-radius: 50%;
5549 box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
5550 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5551}
5552.p-scrolltop.p-link {
5553 background: #FFE082;
5554}
5555.p-scrolltop.p-link:hover {
5556 background: #FFD54F;
5557}
5558.p-scrolltop .p-scrolltop-icon {
5559 font-size: 1.5rem;
5560 color: #212529;
5561}
5562
5563.p-skeleton {
5564 background-color: rgba(255, 255, 255, 0.06);
5565 border-radius: 3px;
5566}
5567.p-skeleton:after {
5568 background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
5569}
5570
5571.p-tag {
5572 background: #FFE082;
5573 color: #212529;
5574 font-size: 0.75rem;
5575 font-weight: 700;
5576 padding: 0.25rem 0.4rem;
5577 border-radius: 3px;
5578}
5579.p-tag.p-tag-success {
5580 background-color: #AED581;
5581 color: #212529;
5582}
5583.p-tag.p-tag-info {
5584 background-color: #4FC3F7;
5585 color: #212529;
5586}
5587.p-tag.p-tag-warning {
5588 background-color: #FFB74D;
5589 color: #212529;
5590}
5591.p-tag.p-tag-danger {
5592 background-color: #E57373;
5593 color: #212529;
5594}
5595.p-tag .p-tag-icon {
5596 margin-right: 0.25rem;
5597 font-size: 0.75rem;
5598}
5599
5600.p-terminal {
5601 background: #323232;
5602 color: #dedede;
5603 border: 1px solid #191919;
5604 padding: 0.571rem 1rem;
5605}
5606.p-terminal .p-terminal-input {
5607 font-size: 1rem;
5608 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
5609}
5610
5611/* Customizations to the designer theme should be defined here */
Note: See TracBrowser for help on using the repository browser.