source: trip-planner-front/node_modules/primeng/resources/themes/md-dark-indigo/theme.css

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

adding photos
  • Property mode set to 100644
File size: 223.6 KB
RevLine 
[59329aa]1:root {
2 --surface-a:#1e1e1e;
3 --surface-b:#121212;
4 --surface-c:hsla(0,0%,100%,.04);
5 --surface-d:hsla(0,0%,100%,.12);
6 --surface-e:#1e1e1e;
7 --surface-f:#262626;
8 --text-color:rgba(255, 255, 255, 0.87);
9 --text-color-secondary:rgba(255, 255, 255, 0.6);
10 --primary-color:#9FA8DA;
11 --primary-color-text:#121212;
12 --font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
13 --surface-0: #121212;
14 --surface-50: #2a2a2a;
15 --surface-100: #414141;
16 --surface-200: #595959;
17 --surface-300: #717171;
18 --surface-400: #898989;
19 --surface-500: #a0a0a0;
20 --surface-600: #b8b8b8;
21 --surface-700: #d0d0d0;
22 --surface-800: #e7e7e7;
23 --surface-900: #ffffff;
24 --gray-50: #e7e7e7;
25 --gray-100: #d0d0d0;
26 --gray-200: #b8b8b8;
27 --gray-300: #a0a0a0;
28 --gray-400: #898989;
29 --gray-500: #717171;
30 --gray-600: #595959;
31 --gray-700: #414141;
32 --gray-800: #2a2a2a;
33 --gray-900: #121212;
34 --content-padding:1rem;
35 --inline-spacing:0.5rem;
36 --border-radius:4px;
37 --surface-ground:#121212;
38 --surface-section:#121212;
39 --surface-card:#1e1e1e;
40 --surface-overlay:#262626;
41 --surface-border:hsla(0,0%,100%,.12);
42 --surface-hover:hsla(0,0%,100%,.04);
43 --maskbg: rgba(0, 0, 0, 0.32);
44 --focus-ring: none;
45}
46
47/* roboto-regular - latin-ext_latin */
48@font-face {
49 font-family: "Roboto";
50 font-style: normal;
51 font-weight: 400;
52 src: local("Roboto"), local("Roboto-Regular"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
53 /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
54}
55/* roboto-500 - latin-ext_latin */
56@font-face {
57 font-family: "Roboto";
58 font-style: normal;
59 font-weight: 500;
60 src: local("Roboto Medium"), local("Roboto-Medium"), url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
61 /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
62}
63/* roboto-700 - latin-ext_latin */
64@font-face {
65 font-family: "Roboto";
66 font-style: normal;
67 font-weight: 700;
68 src: local("Roboto Bold"), local("Roboto-Bold"), url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
69 /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
70}
71* {
72 box-sizing: border-box;
73}
74
75.p-component {
76 font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
77 font-size: 1rem;
78 font-weight: normal;
79}
80
81.p-component-overlay {
82 background-color: rgba(0, 0, 0, 0.32);
83 transition-duration: 0.2s;
84}
85
86.p-disabled, .p-component:disabled {
87 opacity: 0.38;
88}
89
90.p-error {
91 color: #f44435;
92}
93
94.p-text-secondary {
95 color: rgba(255, 255, 255, 0.6);
96}
97
98.pi {
99 font-size: 1rem;
100}
101
102.p-link {
103 font-size: 1rem;
104 font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
105 border-radius: 4px;
106}
107.p-link:focus {
108 outline: 0 none;
109 outline-offset: 0;
110 box-shadow: none;
111}
112
113.p-component-overlay-enter {
114 animation: p-component-overlay-enter-animation 150ms forwards;
115}
116
117.p-component-overlay-leave {
118 animation: p-component-overlay-leave-animation 150ms forwards;
119}
120
121@keyframes p-component-overlay-enter-animation {
122 from {
123 background-color: transparent;
124 }
125 to {
126 background-color: var(--maskbg);
127 }
128}
129@keyframes p-component-overlay-leave-animation {
130 from {
131 background-color: var(--maskbg);
132 }
133 to {
134 background-color: transparent;
135 }
136}
137
138:root {
139 --blue-50:#f4fafe;
140 --blue-100:#cae6fc;
141 --blue-200:#a0d2fa;
142 --blue-300:#75bef8;
143 --blue-400:#4baaf5;
144 --blue-500:#2196f3;
145 --blue-600:#1c80cf;
146 --blue-700:#1769aa;
147 --blue-800:#125386;
148 --blue-900:#0d3c61;
149 --green-50:#f7faf5;
150 --green-100:#dbe8cf;
151 --green-200:#bed6a9;
152 --green-300:#a1c384;
153 --green-400:#85b15e;
154 --green-500:#689f38;
155 --green-600:#588730;
156 --green-700:#496f27;
157 --green-800:#39571f;
158 --green-900:#2a4016;
159 --yellow-50:#fffcf5;
160 --yellow-100:#fef0cd;
161 --yellow-200:#fde4a5;
162 --yellow-300:#fdd87d;
163 --yellow-400:#fccc55;
164 --yellow-500:#fbc02d;
165 --yellow-600:#d5a326;
166 --yellow-700:#b08620;
167 --yellow-800:#8a6a19;
168 --yellow-900:#644d12;
169 --cyan-50:#f2fcfd;
170 --cyan-100:#c2eff5;
171 --cyan-200:#91e2ed;
172 --cyan-300:#61d5e4;
173 --cyan-400:#30c9dc;
174 --cyan-500:#00bcd4;
175 --cyan-600:#00a0b4;
176 --cyan-700:#008494;
177 --cyan-800:#006775;
178 --cyan-900:#004b55;
179 --pink-50:#fef4f7;
180 --pink-100:#fac9da;
181 --pink-200:#f69ebc;
182 --pink-300:#f1749e;
183 --pink-400:#ed4981;
184 --pink-500:#e91e63;
185 --pink-600:#c61a54;
186 --pink-700:#a31545;
187 --pink-800:#801136;
188 --pink-900:#5d0c28;
189 --indigo-50:#f6f7fc;
190 --indigo-100:#d5d9ef;
191 --indigo-200:#b3bae2;
192 --indigo-300:#919cd5;
193 --indigo-400:#707dc8;
194 --indigo-500:#4e5fbb;
195 --indigo-600:#42519f;
196 --indigo-700:#374383;
197 --indigo-800:#2b3467;
198 --indigo-900:#1f264b;
199 --teal-50:#f2faf9;
200 --teal-100:#c2e6e2;
201 --teal-200:#91d2cc;
202 --teal-300:#61beb5;
203 --teal-400:#30aa9f;
204 --teal-500:#009688;
205 --teal-600:#008074;
206 --teal-700:#00695f;
207 --teal-800:#00534b;
208 --teal-900:#003c36;
209 --orange-50:#fffaf2;
210 --orange-100:#ffe6c2;
211 --orange-200:#ffd391;
212 --orange-300:#ffbf61;
213 --orange-400:#ffac30;
214 --orange-500:#ff9800;
215 --orange-600:#d98100;
216 --orange-700:#b36a00;
217 --orange-800:#8c5400;
218 --orange-900:#663d00;
219 --bluegray-50:#f7f9f9;
220 --bluegray-100:#d9e0e3;
221 --bluegray-200:#bbc7cd;
222 --bluegray-300:#9caeb7;
223 --bluegray-400:#7e96a1;
224 --bluegray-500:#607d8b;
225 --bluegray-600:#526a76;
226 --bluegray-700:#435861;
227 --bluegray-800:#35454c;
228 --bluegray-900:#263238;
229 --purple-50:#faf4fb;
230 --purple-100:#e7cbec;
231 --purple-200:#d4a2dd;
232 --purple-300:#c279ce;
233 --purple-400:#af50bf;
234 --purple-500:#9c27b0;
235 --purple-600:#852196;
236 --purple-700:#6d1b7b;
237 --purple-800:#561561;
238 --purple-900:#3e1046;
239}
240
241.p-autocomplete .p-autocomplete-loader {
242 right: 1rem;
243}
244.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
245 right: 4rem;
246}
247.p-autocomplete .p-autocomplete-multiple-container {
248 padding: 0.5rem 1rem;
249}
250.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
251 border-color: rgba(255, 255, 255, 0.6);
252}
253.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
254 outline: 0 none;
255 outline-offset: 0;
256 box-shadow: none;
257 border-color: #9FA8DA;
258}
259.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
260 padding: 0.5rem 0;
261}
262.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
263 font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
264 font-size: 1rem;
265 color: rgba(255, 255, 255, 0.87);
266 padding: 0;
267 margin: 0;
268}
269.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
270 padding: 0.5rem 1rem;
271 margin-right: 0.5rem;
272 background: rgba(159, 168, 218, 0.16);
273 color: #9FA8DA;
274 border-radius: 4px;
275}
276.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
277 margin-left: 0.5rem;
278}
279
280p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
281 border-color: #f44435;
282}
283
284.p-autocomplete-panel {
285 background: #2b2b2b;
286 color: rgba(255, 255, 255, 0.87);
287 border: 0 none;
288 border-radius: 4px;
289 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
290}
291.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) {
292 padding: 0;
293}
294.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper {
295 padding: 0;
296}
297.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
298 margin: 0;
299 padding: 1rem 1rem;
300 border: 0 none;
301 color: rgba(255, 255, 255, 0.87);
302 background: transparent;
303 transition: none;
304 border-radius: 0;
305}
306.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
307 color: rgba(255, 255, 255, 0.87);
308 background: rgba(255, 255, 255, 0.04);
309}
310.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
311 color: #9FA8DA;
312 background: rgba(159, 168, 218, 0.16);
313}
314.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
315 padding: 1rem 1rem;
316 color: rgba(255, 255, 255, 0.87);
317 background: transparent;
318}
319.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
320 margin: 0;
321 padding: 1rem;
322 color: rgba(255, 255, 255, 0.6);
323 background: transparent;
324 font-weight: 400;
325}
326
327p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
328 border-color: #f44435;
329}
330
331.p-datepicker {
332 padding: 0.5rem;
333 background: #1e1e1e;
334 color: rgba(255, 255, 255, 0.87);
335 border: 1px solid rgba(255, 255, 255, 0.3);
336 border-radius: 4px;
337}
338.p-datepicker:not(.p-datepicker-inline) {
339 background: #2b2b2b;
340 border: 0 none;
341 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
342}
343.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
344 background: #2b2b2b;
345}
346.p-datepicker .p-datepicker-header {
347 padding: 0.5rem;
348 color: rgba(255, 255, 255, 0.87);
349 background: #1e1e1e;
350 font-weight: 500;
351 margin: 0;
352 border-bottom: 1px solid rgba(255, 255, 255, 0.12);
353 border-top-right-radius: 4px;
354 border-top-left-radius: 4px;
355}
356.p-datepicker .p-datepicker-header .p-datepicker-prev,
357.p-datepicker .p-datepicker-header .p-datepicker-next {
358 width: 2.5rem;
359 height: 2.5rem;
360 color: rgba(255, 255, 255, 0.6);
361 border: 0 none;
362 background: transparent;
363 border-radius: 50%;
364 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
365}
366.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
367.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
368 color: rgba(255, 255, 255, 0.6);
369 border-color: transparent;
370 background: rgba(255, 255, 255, 0.04);
371}
372.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
373.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
374 outline: 0 none;
375 outline-offset: 0;
376 box-shadow: none;
377}
378.p-datepicker .p-datepicker-header .p-datepicker-title {
379 line-height: 2.5rem;
380}
381.p-datepicker .p-datepicker-header .p-datepicker-title select {
382 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
383}
384.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
385 outline: 0 none;
386 outline-offset: 0;
387 box-shadow: none;
388 border-color: #9FA8DA;
389}
390.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
391 margin-right: 0.5rem;
392}
393.p-datepicker table {
394 font-size: 1rem;
395 margin: 0.5rem 0;
396}
397.p-datepicker table th {
398 padding: 0.5rem;
399}
400.p-datepicker table th > span {
401 width: 2.5rem;
402 height: 2.5rem;
403}
404.p-datepicker table td {
405 padding: 0.5rem;
406}
407.p-datepicker table td > span {
408 width: 2.5rem;
409 height: 2.5rem;
410 border-radius: 50%;
411 transition: none;
412 border: 1px solid transparent;
413}
414.p-datepicker table td > span.p-highlight {
415 color: #9FA8DA;
416 background: rgba(159, 168, 218, 0.16);
417}
418.p-datepicker table td > span:focus {
419 outline: 0 none;
420 outline-offset: 0;
421 box-shadow: none;
422}
423.p-datepicker table td.p-datepicker-today > span {
424 background: transparent;
425 color: rgba(255, 255, 255, 0.87);
426 border-color: rgba(255, 255, 255, 0.5);
427}
428.p-datepicker table td.p-datepicker-today > span.p-highlight {
429 color: #9FA8DA;
430 background: rgba(159, 168, 218, 0.16);
431}
432.p-datepicker .p-datepicker-buttonbar {
433 padding: 1rem 0;
434 border-top: 1px solid rgba(255, 255, 255, 0.12);
435}
436.p-datepicker .p-datepicker-buttonbar .p-button {
437 width: auto;
438}
439.p-datepicker .p-timepicker {
440 border-top: 1px solid rgba(255, 255, 255, 0.12);
441 padding: 0.5rem;
442}
443.p-datepicker .p-timepicker button {
444 width: 2.5rem;
445 height: 2.5rem;
446 color: rgba(255, 255, 255, 0.6);
447 border: 0 none;
448 background: transparent;
449 border-radius: 50%;
450 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
451}
452.p-datepicker .p-timepicker button:enabled:hover {
453 color: rgba(255, 255, 255, 0.6);
454 border-color: transparent;
455 background: rgba(255, 255, 255, 0.04);
456}
457.p-datepicker .p-timepicker button:focus {
458 outline: 0 none;
459 outline-offset: 0;
460 box-shadow: none;
461}
462.p-datepicker .p-timepicker button:last-child {
463 margin-top: 0.2em;
464}
465.p-datepicker .p-timepicker span {
466 font-size: 1.25rem;
467}
468.p-datepicker .p-timepicker > div {
469 padding: 0 0.5rem;
470}
471.p-datepicker.p-datepicker-timeonly .p-timepicker {
472 border-top: 0 none;
473}
474.p-datepicker .p-monthpicker {
475 margin: 0.5rem 0;
476}
477.p-datepicker .p-monthpicker .p-monthpicker-month {
478 padding: 0.5rem;
479 transition: none;
480 border-radius: 4px;
481}
482.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
483 color: #9FA8DA;
484 background: rgba(159, 168, 218, 0.16);
485}
486.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
487 border-right: 1px solid rgba(255, 255, 255, 0.12);
488 padding-right: 0.5rem;
489 padding-left: 0.5rem;
490 padding-top: 0;
491 padding-bottom: 0;
492}
493.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
494 padding-left: 0;
495}
496.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
497 padding-right: 0;
498 border-right: 0 none;
499}
500.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
501 background: rgba(255, 255, 255, 0.04);
502}
503.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
504 outline: 0 none;
505 outline-offset: 0;
506 box-shadow: none;
507}
508.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
509 background: rgba(255, 255, 255, 0.04);
510}
511.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
512 outline: 0 none;
513 outline-offset: 0;
514 box-shadow: none;
515}
516
517@media screen and (max-width: 769px) {
518 .p-datepicker table th, .p-datepicker table td {
519 padding: 0;
520 }
521}
522.p-cascadeselect {
523 background: #1e1e1e;
524 border: 1px solid rgba(255, 255, 255, 0.3);
525 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
526 border-radius: 4px;
527}
528.p-cascadeselect:not(.p-disabled):hover {
529 border-color: rgba(255, 255, 255, 0.6);
530}
531.p-cascadeselect:not(.p-disabled).p-focus {
532 outline: 0 none;
533 outline-offset: 0;
534 box-shadow: none;
535 border-color: #9FA8DA;
536}
537.p-cascadeselect .p-cascadeselect-label {
538 background: transparent;
539 border: 0 none;
540 padding: 1rem 1rem;
541}
542.p-cascadeselect .p-cascadeselect-label.p-placeholder {
543 color: rgba(255, 255, 255, 0.6);
544}
545.p-cascadeselect .p-cascadeselect-label:enabled:focus {
546 outline: 0 none;
547 box-shadow: none;
548}
549.p-cascadeselect .p-cascadeselect-trigger {
550 background: transparent;
551 color: rgba(255, 255, 255, 0.6);
552 width: 2.357rem;
553 border-top-right-radius: 4px;
554 border-bottom-right-radius: 4px;
555}
556
557.p-cascadeselect-panel {
558 background: #2b2b2b;
559 color: rgba(255, 255, 255, 0.87);
560 border: 0 none;
561 border-radius: 4px;
562 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
563}
564.p-cascadeselect-panel .p-cascadeselect-items {
565 padding: 0;
566}
567.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
568 margin: 0;
569 border: 0 none;
570 color: rgba(255, 255, 255, 0.87);
571 background: transparent;
572 transition: none;
573 border-radius: 0;
574}
575.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
576 padding: 1rem 1rem;
577}
578.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
579 outline: 0 none;
580 outline-offset: 0;
581 box-shadow: none;
582}
583.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
584 color: #9FA8DA;
585 background: rgba(159, 168, 218, 0.16);
586}
587.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
588 color: rgba(255, 255, 255, 0.87);
589 background: rgba(255, 255, 255, 0.04);
590}
591.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
592 font-size: 0.875rem;
593}
594
595p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
596 border-color: #f44435;
597}
598
599.p-input-filled .p-cascadeselect {
600 background: rgba(255, 255, 255, 0.06);
601}
602.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
603 background-color: rgba(255, 255, 255, 0.08);
604}
605.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
606 background-color: rgba(255, 255, 255, 0.1);
607}
608
609.p-checkbox {
610 width: 18px;
611 height: 18px;
612}
613.p-checkbox .p-checkbox-box {
614 border: 2px solid rgba(255, 255, 255, 0.7);
615 background: #1e1e1e;
616 width: 18px;
617 height: 18px;
618 color: rgba(255, 255, 255, 0.87);
619 border-radius: 4px;
620 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
621}
622.p-checkbox .p-checkbox-box .p-checkbox-icon {
623 transition-duration: 0.2s;
624 color: #121212;
625 font-size: 14px;
626}
627.p-checkbox .p-checkbox-box.p-highlight {
628 border-color: #9FA8DA;
629 background: #9FA8DA;
630}
631.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
632 border-color: rgba(255, 255, 255, 0.6);
633}
634.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
635 outline: 0 none;
636 outline-offset: 0;
637 box-shadow: none;
638 border-color: #9FA8DA;
639}
640.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
641 border-color: #9FA8DA;
642 background: #9FA8DA;
643 color: #121212;
644}
645
646p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
647 border-color: #f44435;
648}
649
650.p-input-filled .p-checkbox .p-checkbox-box {
651 background-color: rgba(255, 255, 255, 0.06);
652}
653.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
654 background: #9FA8DA;
655}
656.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
657 background-color: rgba(255, 255, 255, 0.08);
658}
659.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
660 background: #9FA8DA;
661}
662
663.p-checkbox-label {
664 margin-left: 0.5rem;
665}
666
667.p-chips .p-chips-multiple-container {
668 padding: 0.5rem 1rem;
669}
670.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
671 border-color: rgba(255, 255, 255, 0.6);
672}
673.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
674 outline: 0 none;
675 outline-offset: 0;
676 box-shadow: none;
677 border-color: #9FA8DA;
678}
679.p-chips .p-chips-multiple-container .p-chips-token {
680 padding: 0.5rem 1rem;
681 margin-right: 0.5rem;
682 background: rgba(159, 168, 218, 0.16);
683 color: #9FA8DA;
684 border-radius: 4px;
685}
686.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
687 margin-left: 0.5rem;
688}
689.p-chips .p-chips-multiple-container .p-chips-input-token {
690 padding: 0.5rem 0;
691}
692.p-chips .p-chips-multiple-container .p-chips-input-token input {
693 font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
694 font-size: 1rem;
695 color: rgba(255, 255, 255, 0.87);
696 padding: 0;
697 margin: 0;
698}
699
700p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
701 border-color: #f44435;
702}
703
704.p-colorpicker-preview,
705.p-fluid .p-colorpicker-preview.p-inputtext {
706 width: 2rem;
707 height: 2rem;
708}
709
710.p-colorpicker-panel {
711 background: #2b2b2b;
712 border-color: #1e1e1e;
713}
714.p-colorpicker-panel .p-colorpicker-color-handle,
715.p-colorpicker-panel .p-colorpicker-hue-handle {
716 border-color: #ffffff;
717}
718
719.p-colorpicker-overlay-panel {
720 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
721}
722
723.p-dropdown {
724 background: #1e1e1e;
725 border: 1px solid rgba(255, 255, 255, 0.3);
726 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
727 border-radius: 4px;
728}
729.p-dropdown:not(.p-disabled):hover {
730 border-color: rgba(255, 255, 255, 0.6);
731}
732.p-dropdown:not(.p-disabled).p-focus {
733 outline: 0 none;
734 outline-offset: 0;
735 box-shadow: none;
736 border-color: #9FA8DA;
737}
738.p-dropdown.p-dropdown-clearable .p-dropdown-label {
739 padding-right: 2rem;
740}
741.p-dropdown .p-dropdown-label {
742 background: transparent;
743 border: 0 none;
744}
745.p-dropdown .p-dropdown-label.p-placeholder {
746 color: rgba(255, 255, 255, 0.6);
747}
748.p-dropdown .p-dropdown-label:enabled:focus {
749 outline: 0 none;
750 box-shadow: none;
751}
752.p-dropdown .p-dropdown-trigger {
753 background: transparent;
754 color: rgba(255, 255, 255, 0.6);
755 width: 2.357rem;
756 border-top-right-radius: 4px;
757 border-bottom-right-radius: 4px;
758}
759.p-dropdown .p-dropdown-clear-icon {
760 color: rgba(255, 255, 255, 0.6);
761 right: 2.357rem;
762}
763
764.p-dropdown-panel {
765 background: #2b2b2b;
766 color: rgba(255, 255, 255, 0.87);
767 border: 0 none;
768 border-radius: 4px;
769 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
770}
771.p-dropdown-panel .p-dropdown-header {
772 padding: 1rem;
773 border-bottom: 1px solid rgba(255, 255, 255, 0.12);
774 color: rgba(255, 255, 255, 0.87);
775 background: #2b2b2b;
776 margin: 0;
777 border-top-right-radius: 4px;
778 border-top-left-radius: 4px;
779}
780.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
781 padding-right: 2rem;
782 margin-right: -2rem;
783}
784.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
785 right: 1rem;
786 color: rgba(255, 255, 255, 0.6);
787}
788.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) {
789 padding: 0;
790}
791.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper {
792 padding: 0;
793}
794.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
795 margin: 0;
796 padding: 1rem 1rem;
797 border: 0 none;
798 color: rgba(255, 255, 255, 0.87);
799 background: transparent;
800 transition: none;
801 border-radius: 0;
802}
803.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
804 color: #9FA8DA;
805 background: rgba(159, 168, 218, 0.16);
806}
807.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
808 color: rgba(255, 255, 255, 0.87);
809 background: rgba(255, 255, 255, 0.04);
810}
811.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
812 padding: 1rem 1rem;
813 color: rgba(255, 255, 255, 0.87);
814 background: transparent;
815}
816.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
817 margin: 0;
818 padding: 1rem;
819 color: rgba(255, 255, 255, 0.6);
820 background: transparent;
821 font-weight: 400;
822}
823
824p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
825 border-color: #f44435;
826}
827
828.p-input-filled .p-dropdown {
829 background: rgba(255, 255, 255, 0.06);
830}
831.p-input-filled .p-dropdown:not(.p-disabled):hover {
832 background-color: rgba(255, 255, 255, 0.08);
833}
834.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
835 background-color: rgba(255, 255, 255, 0.1);
836}
837
838.p-editor-container .p-editor-toolbar {
839 background: #1e1e1e;
840 border-top-right-radius: 4px;
841 border-top-left-radius: 4px;
842}
843.p-editor-container .p-editor-toolbar.ql-snow {
844 border: 1px solid rgba(255, 255, 255, 0.12);
845}
846.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
847 stroke: rgba(255, 255, 255, 0.6);
848}
849.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
850 fill: rgba(255, 255, 255, 0.6);
851}
852.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
853 border: 0 none;
854 color: rgba(255, 255, 255, 0.6);
855}
856.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
857 color: rgba(255, 255, 255, 0.87);
858}
859.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
860 stroke: rgba(255, 255, 255, 0.87);
861}
862.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
863 fill: rgba(255, 255, 255, 0.87);
864}
865.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
866 color: rgba(255, 255, 255, 0.87);
867}
868.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
869 stroke: rgba(255, 255, 255, 0.87);
870}
871.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
872 fill: rgba(255, 255, 255, 0.87);
873}
874.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
875 background: #2b2b2b;
876 border: 0 none;
877 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
878 border-radius: 4px;
879 padding: 0;
880}
881.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
882 color: rgba(255, 255, 255, 0.87);
883}
884.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
885 color: rgba(255, 255, 255, 0.87);
886 background: rgba(255, 255, 255, 0.04);
887}
888.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
889 padding: 1rem 1rem;
890}
891.p-editor-container .p-editor-content {
892 border-bottom-right-radius: 4px;
893 border-bottom-left-radius: 4px;
894}
895.p-editor-container .p-editor-content.ql-snow {
896 border: 1px solid rgba(255, 255, 255, 0.12);
897}
898.p-editor-container .p-editor-content .ql-editor {
899 background: #1e1e1e;
900 color: rgba(255, 255, 255, 0.87);
901 border-bottom-right-radius: 4px;
902 border-bottom-left-radius: 4px;
903}
904.p-editor-container .ql-snow.ql-toolbar button:hover,
905.p-editor-container .ql-snow.ql-toolbar button:focus {
906 color: rgba(255, 255, 255, 0.87);
907}
908.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
909.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
910 stroke: rgba(255, 255, 255, 0.87);
911}
912.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
913.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
914 fill: rgba(255, 255, 255, 0.87);
915}
916.p-editor-container .ql-snow.ql-toolbar button.ql-active,
917.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
918.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
919 color: #9FA8DA;
920}
921.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
922.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
923.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
924 stroke: #9FA8DA;
925}
926.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
927.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
928.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
929 fill: #9FA8DA;
930}
931.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
932.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
933.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
934 color: #9FA8DA;
935}
936
937.p-inputgroup-addon {
938 background: #1e1e1e;
939 color: rgba(255, 255, 255, 0.6);
940 border-top: 1px solid rgba(255, 255, 255, 0.3);
941 border-left: 1px solid rgba(255, 255, 255, 0.3);
942 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
943 padding: 1rem 1rem;
944 min-width: 2.357rem;
945}
946.p-inputgroup-addon:last-child {
947 border-right: 1px solid rgba(255, 255, 255, 0.3);
948}
949
950.p-inputgroup > .p-component,
951.p-inputgroup > .p-element,
952.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
953.p-inputgroup > .p-float-label > .p-component {
954 border-radius: 0;
955 margin: 0;
956}
957.p-inputgroup > .p-component + .p-inputgroup-addon,
958.p-inputgroup > .p-element + .p-inputgroup-addon,
959.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
960.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
961 border-left: 0 none;
962}
963.p-inputgroup > .p-component:focus,
964.p-inputgroup > .p-element:focus,
965.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
966.p-inputgroup > .p-float-label > .p-component:focus {
967 z-index: 1;
968}
969.p-inputgroup > .p-component:focus ~ label,
970.p-inputgroup > .p-element:focus ~ label,
971.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
972.p-inputgroup > .p-float-label > .p-component:focus ~ label {
973 z-index: 1;
974}
975
976.p-inputgroup-addon:first-child,
977.p-inputgroup button:first-child,
978.p-inputgroup input:first-child,
979.p-inputgroup > .p-inputwrapper:first-child > .p-component,
980.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
981 border-top-left-radius: 4px;
982 border-bottom-left-radius: 4px;
983}
984
985.p-inputgroup .p-float-label:first-child input {
986 border-top-left-radius: 4px;
987 border-bottom-left-radius: 4px;
988}
989
990.p-inputgroup-addon:last-child,
991.p-inputgroup button:last-child,
992.p-inputgroup input:last-child,
993.p-inputgroup > .p-inputwrapper:last-child > .p-component,
994.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
995 border-top-right-radius: 4px;
996 border-bottom-right-radius: 4px;
997}
998
999.p-inputgroup .p-float-label:last-child input {
1000 border-top-right-radius: 4px;
1001 border-bottom-right-radius: 4px;
1002}
1003
1004.p-fluid .p-inputgroup .p-button {
1005 width: auto;
1006}
1007.p-fluid .p-inputgroup .p-button.p-button-icon-only {
1008 width: 3rem;
1009}
1010
1011p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
1012 border-color: #f44435;
1013}
1014
1015p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
1016 border-color: #f44435;
1017}
1018
1019.p-inputswitch {
1020 width: 2.75rem;
1021 height: 1rem;
1022}
1023.p-inputswitch .p-inputswitch-slider {
1024 background: rgba(255, 255, 255, 0.3);
1025 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
1026 border-radius: 0.5rem;
1027}
1028.p-inputswitch .p-inputswitch-slider:before {
1029 background: #bdbdbd;
1030 width: 1.5rem;
1031 height: 1.5rem;
1032 left: -1px;
1033 margin-top: -0.75rem;
1034 border-radius: 50%;
1035 transition-duration: 0.2s;
1036}
1037.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
1038 transform: translateX(1.5rem);
1039}
1040.p-inputswitch.p-focus .p-inputswitch-slider {
1041 outline: 0 none;
1042 outline-offset: 0;
1043 box-shadow: none;
1044}
1045.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
1046 background: rgba(255, 255, 255, 0.3);
1047}
1048.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
1049 background: rgba(159, 168, 218, 0.5);
1050}
1051.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
1052 background: #9FA8DA;
1053}
1054.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
1055 background: rgba(159, 168, 218, 0.5);
1056}
1057
1058p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
1059 border-color: #f44435;
1060}
1061
1062.p-inputtext {
1063 font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
1064 font-size: 1rem;
1065 color: rgba(255, 255, 255, 0.87);
1066 background: #1e1e1e;
1067 padding: 1rem 1rem;
1068 border: 1px solid rgba(255, 255, 255, 0.3);
1069 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
1070 appearance: none;
1071 border-radius: 4px;
1072}
1073.p-inputtext:enabled:hover {
1074 border-color: rgba(255, 255, 255, 0.6);
1075}
1076.p-inputtext:enabled:focus {
1077 outline: 0 none;
1078 outline-offset: 0;
1079 box-shadow: none;
1080 border-color: #9FA8DA;
1081}
1082.p-inputtext.ng-dirty.ng-invalid {
1083 border-color: #f44435;
1084}
1085.p-inputtext.p-inputtext-sm {
1086 font-size: 0.875rem;
1087 padding: 0.875rem 0.875rem;
1088}
1089.p-inputtext.p-inputtext-lg {
1090 font-size: 1.25rem;
1091 padding: 1.25rem 1.25rem;
1092}
1093
1094.p-float-label > label {
1095 left: 1rem;
1096 color: rgba(255, 255, 255, 0.6);
1097 transition-duration: 0.2s;
1098}
1099
1100.p-float-label > .ng-invalid.ng-dirty + label {
1101 color: #f44435;
1102}
1103
1104.p-input-icon-left > i:first-of-type {
1105 left: 1rem;
1106 color: rgba(255, 255, 255, 0.6);
1107}
1108
1109.p-input-icon-left > .p-inputtext {
1110 padding-left: 3rem;
1111}
1112
1113.p-input-icon-left.p-float-label > label {
1114 left: 3rem;
1115}
1116
1117.p-input-icon-right > i:last-of-type {
1118 right: 1rem;
1119 color: rgba(255, 255, 255, 0.6);
1120}
1121
1122.p-input-icon-right > .p-inputtext {
1123 padding-right: 3rem;
1124}
1125
1126::-webkit-input-placeholder {
1127 color: rgba(255, 255, 255, 0.6);
1128}
1129
1130:-moz-placeholder {
1131 color: rgba(255, 255, 255, 0.6);
1132}
1133
1134::-moz-placeholder {
1135 color: rgba(255, 255, 255, 0.6);
1136}
1137
1138:-ms-input-placeholder {
1139 color: rgba(255, 255, 255, 0.6);
1140}
1141
1142.p-input-filled .p-inputtext {
1143 background-color: rgba(255, 255, 255, 0.06);
1144}
1145.p-input-filled .p-inputtext:enabled:hover {
1146 background-color: rgba(255, 255, 255, 0.08);
1147}
1148.p-input-filled .p-inputtext:enabled:focus {
1149 background-color: rgba(255, 255, 255, 0.1);
1150}
1151
1152.p-inputtext-sm .p-inputtext {
1153 font-size: 0.875rem;
1154 padding: 0.875rem 0.875rem;
1155}
1156
1157.p-inputtext-lg .p-inputtext {
1158 font-size: 1.25rem;
1159 padding: 1.25rem 1.25rem;
1160}
1161
1162.p-listbox {
1163 background: #1e1e1e;
1164 color: rgba(255, 255, 255, 0.87);
1165 border: 1px solid rgba(255, 255, 255, 0.3);
1166 border-radius: 4px;
1167}
1168.p-listbox .p-listbox-header {
1169 padding: 1rem;
1170 border-bottom: 1px solid rgba(255, 255, 255, 0.12);
1171 color: rgba(255, 255, 255, 0.87);
1172 background: #1e1e1e;
1173 margin: 0;
1174 border-top-right-radius: 4px;
1175 border-top-left-radius: 4px;
1176}
1177.p-listbox .p-listbox-header .p-listbox-filter {
1178 padding-right: 2rem;
1179}
1180.p-listbox .p-listbox-header .p-listbox-filter-icon {
1181 right: 1rem;
1182 color: rgba(255, 255, 255, 0.6);
1183}
1184.p-listbox .p-listbox-header .p-checkbox {
1185 margin-right: 0.5rem;
1186}
1187.p-listbox .p-listbox-list {
1188 padding: 0;
1189}
1190.p-listbox .p-listbox-list .p-listbox-item {
1191 margin: 0;
1192 padding: 1rem 1rem;
1193 border: 0 none;
1194 color: rgba(255, 255, 255, 0.87);
1195 transition: none;
1196 border-radius: 0;
1197}
1198.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
1199 color: #9FA8DA;
1200 background: rgba(159, 168, 218, 0.16);
1201}
1202.p-listbox .p-listbox-list .p-listbox-item:focus {
1203 outline: 0 none;
1204 outline-offset: 0;
1205 box-shadow: none;
1206}
1207.p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
1208 margin-right: 0.5rem;
1209}
1210.p-listbox .p-listbox-list .p-listbox-item-group {
1211 margin: 0;
1212 padding: 1rem;
1213 color: rgba(255, 255, 255, 0.6);
1214 background: transparent;
1215 font-weight: 400;
1216}
1217.p-listbox .p-listbox-list .p-listbox-empty-message {
1218 padding: 1rem 1rem;
1219 color: rgba(255, 255, 255, 0.87);
1220 background: transparent;
1221}
1222.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
1223 color: rgba(255, 255, 255, 0.87);
1224 background: rgba(255, 255, 255, 0.04);
1225}
1226
1227p-listbox.ng-dirty.ng-invalid > .p-listbox {
1228 border-color: #f44435;
1229}
1230
1231.p-multiselect {
1232 background: #1e1e1e;
1233 border: 1px solid rgba(255, 255, 255, 0.3);
1234 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
1235 border-radius: 4px;
1236}
1237.p-multiselect:not(.p-disabled):hover {
1238 border-color: rgba(255, 255, 255, 0.6);
1239}
1240.p-multiselect:not(.p-disabled).p-focus {
1241 outline: 0 none;
1242 outline-offset: 0;
1243 box-shadow: none;
1244 border-color: #9FA8DA;
1245}
1246.p-multiselect .p-multiselect-label {
1247 padding: 1rem 1rem;
1248 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
1249}
1250.p-multiselect .p-multiselect-label.p-placeholder {
1251 color: rgba(255, 255, 255, 0.6);
1252}
1253.p-multiselect.p-multiselect-chip .p-multiselect-token {
1254 padding: 0.5rem 1rem;
1255 margin-right: 0.5rem;
1256 background: rgba(159, 168, 218, 0.16);
1257 color: #9FA8DA;
1258 border-radius: 4px;
1259}
1260.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
1261 margin-left: 0.5rem;
1262}
1263.p-multiselect .p-multiselect-trigger {
1264 background: transparent;
1265 color: rgba(255, 255, 255, 0.6);
1266 width: 2.357rem;
1267 border-top-right-radius: 4px;
1268 border-bottom-right-radius: 4px;
1269}
1270
1271.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
1272 padding: 0.5rem 1rem;
1273}
1274
1275.p-multiselect-panel {
1276 background: #2b2b2b;
1277 color: rgba(255, 255, 255, 0.87);
1278 border: 0 none;
1279 border-radius: 4px;
1280 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
1281}
1282.p-multiselect-panel .p-multiselect-header {
1283 padding: 1rem;
1284 border-bottom: 1px solid rgba(255, 255, 255, 0.12);
1285 color: rgba(255, 255, 255, 0.87);
1286 background: #2b2b2b;
1287 margin: 0;
1288 border-top-right-radius: 4px;
1289 border-top-left-radius: 4px;
1290}
1291.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
1292 padding-right: 2rem;
1293}
1294.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
1295 right: 1rem;
1296 color: rgba(255, 255, 255, 0.6);
1297}
1298.p-multiselect-panel .p-multiselect-header .p-checkbox {
1299 margin-right: 0.5rem;
1300}
1301.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
1302 margin-left: 0.5rem;
1303 width: 2.5rem;
1304 height: 2.5rem;
1305 color: rgba(255, 255, 255, 0.6);
1306 border: 0 none;
1307 background: transparent;
1308 border-radius: 50%;
1309 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
1310}
1311.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
1312 color: rgba(255, 255, 255, 0.6);
1313 border-color: transparent;
1314 background: rgba(255, 255, 255, 0.04);
1315}
1316.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
1317 outline: 0 none;
1318 outline-offset: 0;
1319 box-shadow: none;
1320}
1321.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) {
1322 padding: 0;
1323}
1324.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper {
1325 padding: 0;
1326}
1327.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
1328 margin: 0;
1329 padding: 1rem 1rem;
1330 border: 0 none;
1331 color: rgba(255, 255, 255, 0.87);
1332 background: transparent;
1333 transition: none;
1334 border-radius: 0;
1335}
1336.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
1337 color: #9FA8DA;
1338 background: rgba(159, 168, 218, 0.16);
1339}
1340.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
1341 color: rgba(255, 255, 255, 0.87);
1342 background: rgba(255, 255, 255, 0.04);
1343}
1344.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
1345 outline: 0 none;
1346 outline-offset: 0;
1347 box-shadow: none;
1348}
1349.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
1350 margin-right: 0.5rem;
1351}
1352.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
1353 margin: 0;
1354 padding: 1rem;
1355 color: rgba(255, 255, 255, 0.6);
1356 background: transparent;
1357 font-weight: 400;
1358}
1359.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
1360 padding: 1rem 1rem;
1361 color: rgba(255, 255, 255, 0.87);
1362 background: transparent;
1363}
1364
1365p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
1366 border-color: #f44435;
1367}
1368
1369.p-input-filled .p-multiselect {
1370 background: rgba(255, 255, 255, 0.06);
1371}
1372.p-input-filled .p-multiselect:not(.p-disabled):hover {
1373 background-color: rgba(255, 255, 255, 0.08);
1374}
1375.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
1376 background-color: rgba(255, 255, 255, 0.1);
1377}
1378
1379p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
1380 border-color: #f44435;
1381}
1382
1383.p-password-panel {
1384 padding: 1rem;
1385 background: #1e1e1e;
1386 color: rgba(255, 255, 255, 0.87);
1387 border: 0 none;
1388 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
1389 border-radius: 4px;
1390}
1391.p-password-panel .p-password-meter {
1392 margin-bottom: 0.5rem;
1393 background: rgba(159, 168, 218, 0.32);
1394}
1395.p-password-panel .p-password-meter .p-password-strength.weak {
1396 background: #EF9A9A;
1397}
1398.p-password-panel .p-password-meter .p-password-strength.medium {
1399 background: #FFF59D;
1400}
1401.p-password-panel .p-password-meter .p-password-strength.strong {
1402 background: #C5E1A5;
1403}
1404
1405.p-radiobutton {
1406 width: 20px;
1407 height: 20px;
1408}
1409.p-radiobutton .p-radiobutton-box {
1410 border: 2px solid rgba(255, 255, 255, 0.7);
1411 background: #1e1e1e;
1412 width: 20px;
1413 height: 20px;
1414 color: rgba(255, 255, 255, 0.87);
1415 border-radius: 50%;
1416 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
1417}
1418.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
1419 border-color: rgba(255, 255, 255, 0.6);
1420}
1421.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
1422 outline: 0 none;
1423 outline-offset: 0;
1424 box-shadow: none;
1425 border-color: #9FA8DA;
1426}
1427.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
1428 width: 10px;
1429 height: 10px;
1430 transition-duration: 0.2s;
1431 background-color: #9FA8DA;
1432}
1433.p-radiobutton .p-radiobutton-box.p-highlight {
1434 border-color: #9FA8DA;
1435 background: #121212;
1436}
1437.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1438 border-color: #9FA8DA;
1439 background: #121212;
1440 color: #9FA8DA;
1441}
1442
1443p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
1444 border-color: #f44435;
1445}
1446
1447.p-input-filled .p-radiobutton .p-radiobutton-box {
1448 background-color: rgba(255, 255, 255, 0.06);
1449}
1450.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
1451 background-color: rgba(255, 255, 255, 0.08);
1452}
1453.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
1454 background: #121212;
1455}
1456.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
1457 background: #121212;
1458}
1459
1460.p-radiobutton-label {
1461 margin-left: 0.5rem;
1462}
1463
1464.p-rating .p-rating-icon {
1465 color: #9FA8DA;
1466 margin-left: 0.5rem;
1467 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
1468 font-size: 1.143rem;
1469}
1470.p-rating .p-rating-icon.p-rating-cancel {
1471 color: #f44435;
1472}
1473.p-rating .p-rating-icon:focus {
1474 outline: 0 none;
1475 outline-offset: 0;
1476 box-shadow: none;
1477}
1478.p-rating .p-rating-icon:first-child {
1479 margin-left: 0;
1480}
1481.p-rating .p-rating-icon.pi-star-fill {
1482 color: #9FA8DA;
1483}
1484.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
1485 color: #9FA8DA;
1486}
1487.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
1488 color: #f44435;
1489}
1490
1491.p-selectbutton .p-button {
1492 background: #2f2f2f;
1493 border: 1px solid rgba(255, 255, 255, 0.12);
1494 color: rgba(255, 255, 255, 0.87);
1495 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
1496}
1497.p-selectbutton .p-button .p-button-icon-left,
1498.p-selectbutton .p-button .p-button-icon-right {
1499 color: rgba(255, 255, 255, 0.6);
1500}
1501.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
1502 background: #373737;
1503 border-color: rgba(255, 255, 255, 0.12);
1504 color: rgba(255, 255, 255, 0.87);
1505}
1506.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
1507.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
1508 color: rgba(255, 255, 255, 0.6);
1509}
1510.p-selectbutton .p-button.p-highlight {
1511 background: #1c1c1c;
1512 border-color: rgba(255, 255, 255, 0.12);
1513 color: rgba(255, 255, 255, 0.87);
1514}
1515.p-selectbutton .p-button.p-highlight .p-button-icon-left,
1516.p-selectbutton .p-button.p-highlight .p-button-icon-right {
1517 color: rgba(255, 255, 255, 0.6);
1518}
1519.p-selectbutton .p-button.p-highlight:hover {
1520 background: #262626;
1521 border-color: rgba(255, 255, 255, 0.12);
1522 color: rgba(255, 255, 255, 0.87);
1523}
1524.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
1525.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
1526 color: rgba(255, 255, 255, 0.6);
1527}
1528
1529p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
1530 border-color: #f44435;
1531}
1532
1533.p-slider {
1534 background: rgba(255, 255, 255, 0.3);
1535 border: 0 none;
1536 border-radius: 4px;
1537}
1538.p-slider.p-slider-horizontal {
1539 height: 2px;
1540}
1541.p-slider.p-slider-horizontal .p-slider-handle {
1542 margin-top: -10px;
1543 margin-left: -10px;
1544}
1545.p-slider.p-slider-vertical {
1546 width: 2px;
1547}
1548.p-slider.p-slider-vertical .p-slider-handle {
1549 margin-left: -10px;
1550 margin-bottom: -10px;
1551}
1552.p-slider .p-slider-handle {
1553 height: 20px;
1554 width: 20px;
1555 background: #9FA8DA;
1556 border: 0 none;
1557 border-radius: 50%;
1558 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
1559}
1560.p-slider .p-slider-handle:focus {
1561 outline: 0 none;
1562 outline-offset: 0;
1563 box-shadow: none;
1564}
1565.p-slider .p-slider-range {
1566 background: #9FA8DA;
1567}
1568.p-slider:not(.p-disabled) .p-slider-handle:hover {
1569 background: #9FA8DA;
1570 border-color: 0 none;
1571}
1572.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
1573 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), left 0.2s;
1574}
1575.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
1576 transition: width 0.2s;
1577}
1578.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
1579 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1), bottom 0.2s;
1580}
1581.p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
1582 transition: height 0.2s;
1583}
1584
1585.p-togglebutton.p-button {
1586 background: #2f2f2f;
1587 border: 1px solid rgba(255, 255, 255, 0.12);
1588 color: rgba(255, 255, 255, 0.87);
1589 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
1590}
1591.p-togglebutton.p-button .p-button-icon-left,
1592.p-togglebutton.p-button .p-button-icon-right {
1593 color: rgba(255, 255, 255, 0.6);
1594}
1595.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
1596 background: #373737;
1597 border-color: rgba(255, 255, 255, 0.12);
1598 color: rgba(255, 255, 255, 0.87);
1599}
1600.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
1601.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
1602 color: rgba(255, 255, 255, 0.6);
1603}
1604.p-togglebutton.p-button.p-highlight {
1605 background: #1c1c1c;
1606 border-color: rgba(255, 255, 255, 0.12);
1607 color: rgba(255, 255, 255, 0.87);
1608}
1609.p-togglebutton.p-button.p-highlight .p-button-icon-left,
1610.p-togglebutton.p-button.p-highlight .p-button-icon-right {
1611 color: rgba(255, 255, 255, 0.6);
1612}
1613.p-togglebutton.p-button.p-highlight:hover {
1614 background: #262626;
1615 border-color: rgba(255, 255, 255, 0.12);
1616 color: rgba(255, 255, 255, 0.87);
1617}
1618.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
1619.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
1620 color: rgba(255, 255, 255, 0.6);
1621}
1622
1623p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
1624 border-color: #f44435;
1625}
1626
1627.p-treeselect {
1628 background: #1e1e1e;
1629 border: 1px solid rgba(255, 255, 255, 0.3);
1630 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
1631 border-radius: 4px;
1632}
1633.p-treeselect:not(.p-disabled):hover {
1634 border-color: rgba(255, 255, 255, 0.6);
1635}
1636.p-treeselect:not(.p-disabled).p-focus {
1637 outline: 0 none;
1638 outline-offset: 0;
1639 box-shadow: none;
1640 border-color: #9FA8DA;
1641}
1642.p-treeselect .p-treeselect-label {
1643 padding: 1rem 1rem;
1644 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
1645}
1646.p-treeselect .p-treeselect-label.p-placeholder {
1647 color: rgba(255, 255, 255, 0.6);
1648}
1649.p-treeselect.p-treeselect-chip .p-treeselect-token {
1650 padding: 0.5rem 1rem;
1651 margin-right: 0.5rem;
1652 background: rgba(255, 255, 255, 0.12);
1653 color: rgba(255, 255, 255, 0.87);
1654 border-radius: 16px;
1655}
1656.p-treeselect .p-treeselect-trigger {
1657 background: transparent;
1658 color: rgba(255, 255, 255, 0.6);
1659 width: 2.357rem;
1660 border-top-right-radius: 4px;
1661 border-bottom-right-radius: 4px;
1662}
1663
1664p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
1665 border-color: #f44435;
1666}
1667
1668.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
1669 padding: 0.5rem 1rem;
1670}
1671
1672.p-treeselect-panel {
1673 background: #2b2b2b;
1674 color: rgba(255, 255, 255, 0.87);
1675 border: 0 none;
1676 border-radius: 4px;
1677 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
1678}
1679.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
1680 border: 0 none;
1681}
1682.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
1683 padding: 1rem 1rem;
1684 color: rgba(255, 255, 255, 0.87);
1685 background: transparent;
1686}
1687
1688.p-input-filled .p-treeselect {
1689 background: rgba(255, 255, 255, 0.06);
1690}
1691.p-input-filled .p-treeselect:not(.p-disabled):hover {
1692 background-color: rgba(255, 255, 255, 0.08);
1693}
1694.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
1695 background-color: rgba(255, 255, 255, 0.1);
1696}
1697
1698.p-button {
1699 color: #121212;
1700 background: #9FA8DA;
1701 border: 0 none;
1702 padding: 0.714rem 1rem;
1703 font-size: 1rem;
1704 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
1705 border-radius: 4px;
1706}
1707.p-button:enabled:hover {
1708 background: rgba(159, 168, 218, 0.92);
1709 color: #121212;
1710 border-color: transparent;
1711}
1712.p-button:enabled:active {
1713 background: rgba(159, 168, 218, 0.68);
1714 color: #121212;
1715 border-color: transparent;
1716}
1717.p-button.p-button-outlined {
1718 background-color: transparent;
1719 color: #9FA8DA;
1720 border: 0 none;
1721}
1722.p-button.p-button-outlined:enabled:hover {
1723 background: rgba(159, 168, 218, 0.04);
1724 color: #9FA8DA;
1725 border: 0 none;
1726}
1727.p-button.p-button-outlined:enabled:active {
1728 background: rgba(159, 168, 218, 0.16);
1729 color: #9FA8DA;
1730 border: 0 none;
1731}
1732.p-button.p-button-outlined.p-button-plain {
1733 color: rgba(255, 255, 255, 0.6);
1734 border-color: rgba(255, 255, 255, 0.6);
1735}
1736.p-button.p-button-outlined.p-button-plain:enabled:hover {
1737 background: rgba(255, 255, 255, 0.04);
1738 color: rgba(255, 255, 255, 0.6);
1739}
1740.p-button.p-button-outlined.p-button-plain:enabled:active {
1741 background: rgba(255, 255, 255, 0.16);
1742 color: rgba(255, 255, 255, 0.6);
1743}
1744.p-button.p-button-text {
1745 background-color: transparent;
1746 color: #9FA8DA;
1747 border-color: transparent;
1748}
1749.p-button.p-button-text:enabled:hover {
1750 background: rgba(159, 168, 218, 0.04);
1751 color: #9FA8DA;
1752 border-color: transparent;
1753}
1754.p-button.p-button-text:enabled:active {
1755 background: rgba(159, 168, 218, 0.16);
1756 color: #9FA8DA;
1757 border-color: transparent;
1758}
1759.p-button.p-button-text.p-button-plain {
1760 color: rgba(255, 255, 255, 0.6);
1761}
1762.p-button.p-button-text.p-button-plain:enabled:hover {
1763 background: rgba(255, 255, 255, 0.04);
1764 color: rgba(255, 255, 255, 0.6);
1765}
1766.p-button.p-button-text.p-button-plain:enabled:active {
1767 background: rgba(255, 255, 255, 0.16);
1768 color: rgba(255, 255, 255, 0.6);
1769}
1770.p-button:focus {
1771 outline: 0 none;
1772 outline-offset: 0;
1773 box-shadow: none;
1774}
1775.p-button .p-button-icon-left {
1776 margin-right: 0.5rem;
1777}
1778.p-button .p-button-icon-right {
1779 margin-left: 0.5rem;
1780}
1781.p-button .p-button-icon-bottom {
1782 margin-top: 0.5rem;
1783}
1784.p-button .p-button-icon-top {
1785 margin-bottom: 0.5rem;
1786}
1787.p-button .p-badge {
1788 margin-left: 0.5rem;
1789 min-width: 1rem;
1790 height: 1rem;
1791 line-height: 1rem;
1792 color: #9FA8DA;
1793 background-color: #121212;
1794}
1795.p-button.p-button-raised {
1796 box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
1797}
1798.p-button.p-button-rounded {
1799 border-radius: 2rem;
1800}
1801.p-button.p-button-icon-only {
1802 width: 3rem;
1803 padding: 0.714rem;
1804}
1805.p-button.p-button-icon-only .p-button-icon-left,
1806.p-button.p-button-icon-only .p-button-icon-right {
1807 margin: 0;
1808}
1809.p-button.p-button-icon-only.p-button-rounded {
1810 border-radius: 50%;
1811 height: 3rem;
1812}
1813.p-button.p-button-sm {
1814 font-size: 0.875rem;
1815 padding: 0.62475rem 0.875rem;
1816}
1817.p-button.p-button-sm .p-button-icon {
1818 font-size: 0.875rem;
1819}
1820.p-button.p-button-lg {
1821 font-size: 1.25rem;
1822 padding: 0.8925rem 1.25rem;
1823}
1824.p-button.p-button-lg .p-button-icon {
1825 font-size: 1.25rem;
1826}
1827.p-button.p-button-loading-label-only .p-button-label {
1828 margin-left: 0.5rem;
1829}
1830.p-button.p-button-loading-label-only .p-button-loading-icon {
1831 margin-right: 0;
1832}
1833
1834.p-fluid .p-button {
1835 width: 100%;
1836}
1837.p-fluid .p-button-icon-only {
1838 width: 3rem;
1839}
1840.p-fluid .p-buttonset {
1841 display: flex;
1842}
1843.p-fluid .p-buttonset .p-button {
1844 flex: 1;
1845}
1846
1847.p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button {
1848 color: #121212;
1849 background: #F48FB1;
1850 border: 0 none;
1851}
1852.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 {
1853 background: rgba(244, 143, 177, 0.92);
1854 color: #121212;
1855 border-color: transparent;
1856}
1857.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 {
1858 box-shadow: none;
1859}
1860.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 {
1861 background: rgba(244, 143, 177, 0.68);
1862 color: #121212;
1863 border-color: transparent;
1864}
1865.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 {
1866 background-color: transparent;
1867 color: #F48FB1;
1868 border: 0 none;
1869}
1870.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 {
1871 background: rgba(244, 143, 177, 0.04);
1872 color: #F48FB1;
1873 border: 0 none;
1874}
1875.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 {
1876 background: rgba(244, 143, 177, 0.16);
1877 color: #F48FB1;
1878 border: 0 none;
1879}
1880.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 {
1881 background-color: transparent;
1882 color: #F48FB1;
1883 border-color: transparent;
1884}
1885.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 {
1886 background: rgba(244, 143, 177, 0.04);
1887 border-color: transparent;
1888 color: #F48FB1;
1889}
1890.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 {
1891 background: rgba(244, 143, 177, 0.16);
1892 border-color: transparent;
1893 color: #F48FB1;
1894}
1895
1896.p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
1897 color: #212121;
1898 background: #90CAF9;
1899 border: 0 none;
1900}
1901.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 {
1902 background: rgba(144, 202, 249, 0.92);
1903 color: #212121;
1904 border-color: transparent;
1905}
1906.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 {
1907 box-shadow: none;
1908}
1909.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 {
1910 background: rgba(144, 202, 249, 0.68);
1911 color: #212121;
1912 border-color: transparent;
1913}
1914.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 {
1915 background-color: transparent;
1916 color: #90CAF9;
1917 border: 0 none;
1918}
1919.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 {
1920 background: rgba(144, 202, 249, 0.04);
1921 color: #90CAF9;
1922 border: 0 none;
1923}
1924.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 {
1925 background: rgba(144, 202, 249, 0.16);
1926 color: #90CAF9;
1927 border: 0 none;
1928}
1929.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 {
1930 background-color: transparent;
1931 color: #90CAF9;
1932 border-color: transparent;
1933}
1934.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 {
1935 background: rgba(144, 202, 249, 0.04);
1936 border-color: transparent;
1937 color: #90CAF9;
1938}
1939.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 {
1940 background: rgba(144, 202, 249, 0.16);
1941 border-color: transparent;
1942 color: #90CAF9;
1943}
1944
1945.p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
1946 color: #212121;
1947 background: #C5E1A5;
1948 border: 0 none;
1949}
1950.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 {
1951 background: rgba(197, 225, 165, 0.92);
1952 color: #212121;
1953 border-color: transparent;
1954}
1955.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 {
1956 box-shadow: none;
1957}
1958.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 {
1959 background: rgba(197, 225, 165, 0.68);
1960 color: #212121;
1961 border-color: transparent;
1962}
1963.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 {
1964 background-color: transparent;
1965 color: #C5E1A5;
1966 border: 0 none;
1967}
1968.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 {
1969 background: rgba(197, 225, 165, 0.04);
1970 color: #C5E1A5;
1971 border: 0 none;
1972}
1973.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 {
1974 background: rgba(197, 225, 165, 0.16);
1975 color: #C5E1A5;
1976 border: 0 none;
1977}
1978.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 {
1979 background-color: transparent;
1980 color: #C5E1A5;
1981 border-color: transparent;
1982}
1983.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 {
1984 background: rgba(197, 225, 165, 0.04);
1985 border-color: transparent;
1986 color: #C5E1A5;
1987}
1988.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 {
1989 background: rgba(197, 225, 165, 0.16);
1990 border-color: transparent;
1991 color: #C5E1A5;
1992}
1993
1994.p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
1995 color: #212121;
1996 background: #FFF59D;
1997 border: 0 none;
1998}
1999.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 {
2000 background: rgba(255, 245, 157, 0.92);
2001 color: #212121;
2002 border-color: transparent;
2003}
2004.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 {
2005 box-shadow: none;
2006}
2007.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 {
2008 background: rgba(255, 245, 157, 0.68);
2009 color: #212121;
2010 border-color: transparent;
2011}
2012.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 {
2013 background-color: transparent;
2014 color: #FFF59D;
2015 border: 0 none;
2016}
2017.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 {
2018 background: rgba(255, 245, 157, 0.04);
2019 color: #FFF59D;
2020 border: 0 none;
2021}
2022.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 {
2023 background: rgba(255, 245, 157, 0.16);
2024 color: #FFF59D;
2025 border: 0 none;
2026}
2027.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 {
2028 background-color: transparent;
2029 color: #FFF59D;
2030 border-color: transparent;
2031}
2032.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 {
2033 background: rgba(255, 245, 157, 0.04);
2034 border-color: transparent;
2035 color: #FFF59D;
2036}
2037.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 {
2038 background: rgba(255, 245, 157, 0.16);
2039 border-color: transparent;
2040 color: #FFF59D;
2041}
2042
2043.p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
2044 color: #212121;
2045 background: #CE93D8;
2046 border: 0 none;
2047}
2048.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 {
2049 background: rgba(206, 147, 216, 0.92);
2050 color: #212121;
2051 border-color: transparent;
2052}
2053.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 {
2054 box-shadow: none;
2055}
2056.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 {
2057 background: rgba(206, 147, 216, 0.68);
2058 color: #212121;
2059 border-color: transparent;
2060}
2061.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 {
2062 background-color: transparent;
2063 color: #CE93D8;
2064 border: 0 none;
2065}
2066.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 {
2067 background: rgba(206, 147, 216, 0.04);
2068 color: #CE93D8;
2069 border: 0 none;
2070}
2071.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 {
2072 background: rgba(206, 147, 216, 0.16);
2073 color: #CE93D8;
2074 border: 0 none;
2075}
2076.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 {
2077 background-color: transparent;
2078 color: #CE93D8;
2079 border-color: transparent;
2080}
2081.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 {
2082 background: rgba(206, 147, 216, 0.04);
2083 border-color: transparent;
2084 color: #CE93D8;
2085}
2086.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 {
2087 background: rgba(206, 147, 216, 0.16);
2088 border-color: transparent;
2089 color: #CE93D8;
2090}
2091
2092.p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
2093 color: #212121;
2094 background: #EF9A9A;
2095 border: 0 none;
2096}
2097.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 {
2098 background: rgba(239, 154, 154, 0.92);
2099 color: #212121;
2100 border-color: transparent;
2101}
2102.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 {
2103 box-shadow: none;
2104}
2105.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 {
2106 background: rgba(239, 154, 154, 0.68);
2107 color: #212121;
2108 border-color: transparent;
2109}
2110.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 {
2111 background-color: transparent;
2112 color: #EF9A9A;
2113 border: 0 none;
2114}
2115.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 {
2116 background: rgba(239, 154, 154, 0.04);
2117 color: #EF9A9A;
2118 border: 0 none;
2119}
2120.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 {
2121 background: rgba(239, 154, 154, 0.16);
2122 color: #EF9A9A;
2123 border: 0 none;
2124}
2125.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 {
2126 background-color: transparent;
2127 color: #EF9A9A;
2128 border-color: transparent;
2129}
2130.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 {
2131 background: rgba(239, 154, 154, 0.04);
2132 border-color: transparent;
2133 color: #EF9A9A;
2134}
2135.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 {
2136 background: rgba(239, 154, 154, 0.16);
2137 border-color: transparent;
2138 color: #EF9A9A;
2139}
2140
2141.p-button.p-button-link {
2142 color: #9FA8DA;
2143 background: transparent;
2144 border: transparent;
2145}
2146.p-button.p-button-link:enabled:hover {
2147 background: transparent;
2148 color: #9FA8DA;
2149 border-color: transparent;
2150}
2151.p-button.p-button-link:enabled:hover .p-button-label {
2152 text-decoration: underline;
2153}
2154.p-button.p-button-link:enabled:focus {
2155 background: transparent;
2156 box-shadow: none;
2157 border-color: transparent;
2158}
2159.p-button.p-button-link:enabled:active {
2160 background: transparent;
2161 color: #9FA8DA;
2162 border-color: transparent;
2163}
2164
2165.p-speeddial-button.p-button.p-button-icon-only {
2166 width: 4rem;
2167 height: 4rem;
2168}
2169.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
2170 font-size: 2rem;
2171}
2172
2173.p-speeddial-action {
2174 width: 3rem;
2175 height: 3rem;
2176 background: #F48FB1;
2177 color: #212121;
2178}
2179.p-speeddial-action:hover {
2180 background: rgba(244, 143, 177, 0.92);
2181 color: #212121;
2182}
2183
2184.p-speeddial-direction-up .p-speeddial-item {
2185 margin: 0.25rem 0;
2186}
2187.p-speeddial-direction-up .p-speeddial-item:first-child {
2188 margin-bottom: 0.5rem;
2189}
2190
2191.p-speeddial-direction-down .p-speeddial-item {
2192 margin: 0.25rem 0;
2193}
2194.p-speeddial-direction-down .p-speeddial-item:first-child {
2195 margin-top: 0.5rem;
2196}
2197
2198.p-speeddial-direction-left .p-speeddial-item {
2199 margin: 0 0.25rem;
2200}
2201.p-speeddial-direction-left .p-speeddial-item:first-child {
2202 margin-right: 0.5rem;
2203}
2204
2205.p-speeddial-direction-right .p-speeddial-item {
2206 margin: 0 0.25rem;
2207}
2208.p-speeddial-direction-right .p-speeddial-item:first-child {
2209 margin-left: 0.5rem;
2210}
2211
2212.p-speeddial-circle .p-speeddial-item,
2213.p-speeddial-semi-circle .p-speeddial-item,
2214.p-speeddial-quarter-circle .p-speeddial-item {
2215 margin: 0;
2216}
2217.p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
2218.p-speeddial-semi-circle .p-speeddial-item:first-child,
2219.p-speeddial-semi-circle .p-speeddial-item:last-child,
2220.p-speeddial-quarter-circle .p-speeddial-item:first-child,
2221.p-speeddial-quarter-circle .p-speeddial-item:last-child {
2222 margin: 0;
2223}
2224
2225.p-speeddial-mask {
2226 background-color: rgba(0, 0, 0, 0.32);
2227}
2228
2229.p-carousel .p-carousel-content .p-carousel-prev,
2230.p-carousel .p-carousel-content .p-carousel-next {
2231 width: 2.5rem;
2232 height: 2.5rem;
2233 color: rgba(255, 255, 255, 0.6);
2234 border: 0 none;
2235 background: transparent;
2236 border-radius: 50%;
2237 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
2238 margin: 0.5rem;
2239}
2240.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
2241.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
2242 color: rgba(255, 255, 255, 0.6);
2243 border-color: transparent;
2244 background: rgba(255, 255, 255, 0.04);
2245}
2246.p-carousel .p-carousel-content .p-carousel-prev:focus,
2247.p-carousel .p-carousel-content .p-carousel-next:focus {
2248 outline: 0 none;
2249 outline-offset: 0;
2250 box-shadow: none;
2251}
2252.p-carousel .p-carousel-indicators {
2253 padding: 1rem;
2254}
2255.p-carousel .p-carousel-indicators .p-carousel-indicator {
2256 margin-right: 0.5rem;
2257 margin-bottom: 0.5rem;
2258}
2259.p-carousel .p-carousel-indicators .p-carousel-indicator button {
2260 background-color: rgba(255, 255, 255, 0.3);
2261 width: 2rem;
2262 height: 0.5rem;
2263 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
2264 border-radius: 0;
2265}
2266.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
2267 background: rgba(255, 255, 255, 0.6);
2268}
2269.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
2270 background: rgba(159, 168, 218, 0.16);
2271 color: #9FA8DA;
2272}
2273
2274.p-datatable .p-paginator-top {
2275 border-width: 0 0 1px 0;
2276 border-radius: 0;
2277}
2278.p-datatable .p-paginator-bottom {
2279 border-width: 0 0 1px 0;
2280 border-radius: 0;
2281}
2282.p-datatable .p-datatable-header {
2283 background: #1e1e1e;
2284 color: rgba(255, 255, 255, 0.87);
2285 border: 1px solid rgba(255, 255, 255, 0.12);
2286 border-width: 0 0 1px 0;
2287 padding: 1rem 1rem;
2288 font-weight: 500;
2289}
2290.p-datatable .p-datatable-footer {
2291 background: #1e1e1e;
2292 color: rgba(255, 255, 255, 0.87);
2293 border: 1px solid #404040;
2294 border-width: 0 0 1px 0;
2295 padding: 1rem 1rem;
2296 font-weight: 500;
2297}
2298.p-datatable .p-datatable-thead > tr > th {
2299 text-align: left;
2300 padding: 1rem 1rem;
2301 border: 1px solid #404040;
2302 border-width: 0 0 1px 0;
2303 font-weight: 500;
2304 color: rgba(255, 255, 255, 0.87);
2305 background: #1e1e1e;
2306 transition: none;
2307}
2308.p-datatable .p-datatable-tfoot > tr > td {
2309 text-align: left;
2310 padding: 1rem 1rem;
2311 border: 1px solid 3404040;
2312 border-width: 0 0 1px 0;
2313 font-weight: 500;
2314 color: rgba(255, 255, 255, 0.87);
2315 background: #1e1e1e;
2316}
2317.p-datatable .p-sortable-column .p-sortable-column-icon {
2318 color: rgba(255, 255, 255, 0.6);
2319 margin-left: 0.5rem;
2320}
2321.p-datatable .p-sortable-column .p-sortable-column-badge {
2322 border-radius: 50%;
2323 height: 1.143rem;
2324 min-width: 1.143rem;
2325 line-height: 1.143rem;
2326 color: #9FA8DA;
2327 background: rgba(159, 168, 218, 0.16);
2328 margin-left: 0.5rem;
2329}
2330.p-datatable .p-sortable-column:not(.p-highlight):hover {
2331 background: rgba(255, 255, 255, 0.04);
2332 color: rgba(255, 255, 255, 0.87);
2333}
2334.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
2335 color: rgba(255, 255, 255, 0.6);
2336}
2337.p-datatable .p-sortable-column.p-highlight {
2338 background: #1e1e1e;
2339 color: rgba(255, 255, 255, 0.87);
2340}
2341.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
2342 color: rgba(255, 255, 255, 0.87);
2343}
2344.p-datatable .p-sortable-column.p-highlight:hover {
2345 background: rgba(255, 255, 255, 0.04);
2346 color: rgba(255, 255, 255, 0.87);
2347}
2348.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
2349 color: rgba(255, 255, 255, 0.87);
2350}
2351.p-datatable .p-sortable-column:focus {
2352 box-shadow: none;
2353 outline: 0 none;
2354}
2355.p-datatable .p-datatable-tbody > tr {
2356 background: #1e1e1e;
2357 color: rgba(255, 255, 255, 0.87);
2358 transition: none;
2359 outline-color: transparent;
2360}
2361.p-datatable .p-datatable-tbody > tr > td {
2362 text-align: left;
2363 border: 1px solid #404040;
2364 border-width: 0 0 1px 0;
2365 padding: 1rem 1rem;
2366}
2367.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
2368.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
2369.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
2370.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
2371 width: 2.5rem;
2372 height: 2.5rem;
2373 color: rgba(255, 255, 255, 0.6);
2374 border: 0 none;
2375 background: transparent;
2376 border-radius: 50%;
2377 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
2378}
2379.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
2380.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
2381.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
2382.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
2383 color: rgba(255, 255, 255, 0.6);
2384 border-color: transparent;
2385 background: rgba(255, 255, 255, 0.04);
2386}
2387.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
2388.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
2389.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
2390.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
2391 outline: 0 none;
2392 outline-offset: 0;
2393 box-shadow: none;
2394}
2395.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
2396 margin-right: 0.5rem;
2397}
2398.p-datatable .p-datatable-tbody > tr.p-highlight {
2399 background: rgba(159, 168, 218, 0.16);
2400 color: #9FA8DA;
2401}
2402.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
2403 box-shadow: inset 0 2px 0 0 rgba(159, 168, 218, 0.16);
2404}
2405.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
2406 box-shadow: inset 0 -2px 0 0 rgba(159, 168, 218, 0.16);
2407}
2408.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
2409 background: rgba(255, 255, 255, 0.04);
2410 color: rgba(255, 255, 255, 0.87);
2411}
2412.p-datatable .p-column-resizer-helper {
2413 background: #9FA8DA;
2414}
2415.p-datatable .p-datatable-scrollable-header,
2416.p-datatable .p-datatable-scrollable-footer {
2417 background: #1e1e1e;
2418}
2419.p-datatable .p-datatable-loading-icon {
2420 font-size: 2rem;
2421}
2422.p-datatable.p-datatable-gridlines .p-datatable-header {
2423 border-width: 1px 1px 0 1px;
2424}
2425.p-datatable.p-datatable-gridlines .p-datatable-footer {
2426 border-width: 0 1px 1px 1px;
2427}
2428.p-datatable.p-datatable-gridlines .p-paginator-top {
2429 border-width: 0 1px 0 1px;
2430}
2431.p-datatable.p-datatable-gridlines .p-paginator-bottom {
2432 border-width: 0 1px 1px 1px;
2433}
2434.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
2435 border-width: 1px 1px 1px 1px;
2436}
2437.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
2438 border-width: 1px;
2439}
2440.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
2441 border-width: 1px;
2442}
2443.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
2444 background: rgba(255, 255, 255, 0.02);
2445}
2446.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
2447 background: rgba(159, 168, 218, 0.16);
2448 color: #9FA8DA;
2449}
2450.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
2451 color: #9FA8DA;
2452}
2453.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
2454 color: #9FA8DA;
2455}
2456.p-datatable.p-datatable-sm .p-datatable-header {
2457 padding: 0.5rem 0.5rem;
2458}
2459.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
2460 padding: 0.5rem 0.5rem;
2461}
2462.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
2463 padding: 0.5rem 0.5rem;
2464}
2465.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
2466 padding: 0.5rem 0.5rem;
2467}
2468.p-datatable.p-datatable-sm .p-datatable-footer {
2469 padding: 0.5rem 0.5rem;
2470}
2471.p-datatable.p-datatable-lg .p-datatable-header {
2472 padding: 1.25rem 1.25rem;
2473}
2474.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
2475 padding: 1.25rem 1.25rem;
2476}
2477.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
2478 padding: 1.25rem 1.25rem;
2479}
2480.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
2481 padding: 1.25rem 1.25rem;
2482}
2483.p-datatable.p-datatable-lg .p-datatable-footer {
2484 padding: 1.25rem 1.25rem;
2485}
2486
2487.p-dataview .p-paginator-top {
2488 border-width: 0 0 1px 0;
2489 border-radius: 0;
2490}
2491.p-dataview .p-paginator-bottom {
2492 border-width: 0 0 1px 0;
2493 border-radius: 0;
2494}
2495.p-dataview .p-dataview-header {
2496 background: #1e1e1e;
2497 color: rgba(255, 255, 255, 0.87);
2498 border: 1px solid rgba(255, 255, 255, 0.12);
2499 border-width: 0 0 1px 0;
2500 padding: 1rem 1rem;
2501 font-weight: 500;
2502}
2503.p-dataview .p-dataview-content {
2504 background: #1e1e1e;
2505 color: rgba(255, 255, 255, 0.87);
2506 border: 0 none;
2507 padding: 1rem 0;
2508}
2509.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
2510 border: solid rgba(255, 255, 255, 0.12);
2511 border-width: 0 0 1px 0;
2512}
2513.p-dataview .p-dataview-footer {
2514 background: #1e1e1e;
2515 color: rgba(255, 255, 255, 0.87);
2516 border: 1px solid #404040;
2517 border-width: 0 0 1px 0;
2518 padding: 1rem 1rem;
2519 font-weight: 500;
2520 border-bottom-left-radius: 4px;
2521 border-bottom-right-radius: 4px;
2522}
2523.p-dataview .p-dataview-loading-icon {
2524 font-size: 2rem;
2525}
2526.p-dataview .p-dataview-emptymessage {
2527 padding: 1rem;
2528}
2529
2530.p-column-filter-row .p-column-filter-menu-button,
2531.p-column-filter-row .p-column-filter-clear-button {
2532 margin-left: 0.5rem;
2533}
2534
2535.p-column-filter-menu-button {
2536 width: 2.5rem;
2537 height: 2.5rem;
2538 color: rgba(255, 255, 255, 0.6);
2539 border: 0 none;
2540 background: transparent;
2541 border-radius: 50%;
2542 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
2543}
2544.p-column-filter-menu-button:hover {
2545 color: rgba(255, 255, 255, 0.6);
2546 border-color: transparent;
2547 background: rgba(255, 255, 255, 0.04);
2548}
2549.p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
2550 background: rgba(255, 255, 255, 0.04);
2551 color: rgba(255, 255, 255, 0.6);
2552}
2553.p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
2554 background: rgba(159, 168, 218, 0.16);
2555 color: #9FA8DA;
2556}
2557.p-column-filter-menu-button:focus {
2558 outline: 0 none;
2559 outline-offset: 0;
2560 box-shadow: none;
2561}
2562
2563.p-column-filter-clear-button {
2564 width: 2.5rem;
2565 height: 2.5rem;
2566 color: rgba(255, 255, 255, 0.6);
2567 border: 0 none;
2568 background: transparent;
2569 border-radius: 50%;
2570 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
2571}
2572.p-column-filter-clear-button:hover {
2573 color: rgba(255, 255, 255, 0.6);
2574 border-color: transparent;
2575 background: rgba(255, 255, 255, 0.04);
2576}
2577.p-column-filter-clear-button:focus {
2578 outline: 0 none;
2579 outline-offset: 0;
2580 box-shadow: none;
2581}
2582
2583.p-column-filter-overlay {
2584 background: #2b2b2b;
2585 color: rgba(255, 255, 255, 0.87);
2586 border: 0 none;
2587 border-radius: 4px;
2588 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
2589 min-width: 12.5rem;
2590}
2591.p-column-filter-overlay .p-column-filter-row-items {
2592 padding: 0;
2593}
2594.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
2595 margin: 0;
2596 padding: 1rem 1rem;
2597 border: 0 none;
2598 color: rgba(255, 255, 255, 0.87);
2599 background: transparent;
2600 transition: none;
2601 border-radius: 0;
2602}
2603.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
2604 color: #9FA8DA;
2605 background: rgba(159, 168, 218, 0.16);
2606}
2607.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
2608 color: rgba(255, 255, 255, 0.87);
2609 background: rgba(255, 255, 255, 0.04);
2610}
2611.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
2612 outline: 0 none;
2613 outline-offset: 0;
2614 box-shadow: none;
2615}
2616.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
2617 border-top: 1px solid rgba(255, 255, 255, 0.12);
2618 margin: 0.5rem 0;
2619}
2620
2621.p-column-filter-overlay-menu .p-column-filter-operator {
2622 padding: 1rem;
2623 border-bottom: 1px solid rgba(255, 255, 255, 0.12);
2624 color: rgba(255, 255, 255, 0.87);
2625 background: #2b2b2b;
2626 margin: 0;
2627 border-top-right-radius: 4px;
2628 border-top-left-radius: 4px;
2629}
2630.p-column-filter-overlay-menu .p-column-filter-constraint {
2631 padding: 1rem;
2632 border-bottom: 1px solid rgba(255, 255, 255, 0.12);
2633}
2634.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
2635 margin-bottom: 0.5rem;
2636}
2637.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
2638 margin-top: 0.5rem;
2639}
2640.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
2641 border-bottom: 0 none;
2642}
2643.p-column-filter-overlay-menu .p-column-filter-add-rule {
2644 padding: 1rem 1rem;
2645}
2646.p-column-filter-overlay-menu .p-column-filter-buttonbar {
2647 padding: 1rem;
2648}
2649
2650.fc {
2651 /* FullCalendar 4 */
2652 /* FullCalendar 5 */
2653}
2654.fc.fc-unthemed .fc-view-container th {
2655 background: #1e1e1e;
2656 border: 1px solid rgba(255, 255, 255, 0.12);
2657 color: rgba(255, 255, 255, 0.87);
2658}
2659.fc.fc-unthemed .fc-view-container td.fc-widget-content {
2660 background: #1e1e1e;
2661 border: 1px solid rgba(255, 255, 255, 0.12);
2662 color: rgba(255, 255, 255, 0.87);
2663}
2664.fc.fc-unthemed .fc-view-container td.fc-head-container {
2665 border: 1px solid rgba(255, 255, 255, 0.12);
2666}
2667.fc.fc-unthemed .fc-view-container .fc-row {
2668 border-right: 1px solid rgba(255, 255, 255, 0.12);
2669}
2670.fc.fc-unthemed .fc-view-container .fc-event {
2671 background: rgba(159, 168, 218, 0.16);
2672 border: 1px solid rgba(159, 168, 218, 0.16);
2673 color: #9FA8DA;
2674}
2675.fc.fc-unthemed .fc-view-container .fc-divider {
2676 background: #1e1e1e;
2677 border: 1px solid rgba(255, 255, 255, 0.12);
2678}
2679.fc.fc-unthemed .fc-toolbar .fc-button {
2680 color: #121212;
2681 background: #9FA8DA;
2682 border: 0 none;
2683 font-size: 1rem;
2684 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
2685 border-radius: 4px;
2686 display: flex;
2687 align-items: center;
2688}
2689.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
2690 background: rgba(159, 168, 218, 0.92);
2691 color: #121212;
2692 border-color: transparent;
2693}
2694.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
2695 background: rgba(159, 168, 218, 0.68);
2696 color: #121212;
2697 border-color: transparent;
2698}
2699.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
2700 outline: 0 none;
2701 outline-offset: 0;
2702 box-shadow: none;
2703}
2704.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
2705 font-family: "PrimeIcons" !important;
2706 text-indent: 0;
2707 font-size: 1rem;
2708}
2709.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
2710 content: "\e900";
2711}
2712.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
2713 font-family: "PrimeIcons" !important;
2714 text-indent: 0;
2715 font-size: 1rem;
2716}
2717.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
2718 content: "\e901";
2719}
2720.fc.fc-unthemed .fc-toolbar .fc-button:focus {
2721 outline: 0 none;
2722 outline-offset: 0;
2723 box-shadow: none;
2724}
2725.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 {
2726 background: #2f2f2f;
2727 border: 1px solid rgba(255, 255, 255, 0.12);
2728 color: rgba(255, 255, 255, 0.87);
2729 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
2730}
2731.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 {
2732 background: #373737;
2733 border-color: rgba(255, 255, 255, 0.12);
2734 color: rgba(255, 255, 255, 0.87);
2735}
2736.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 {
2737 background: #1c1c1c;
2738 border-color: rgba(255, 255, 255, 0.12);
2739 color: rgba(255, 255, 255, 0.87);
2740}
2741.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 {
2742 background: #262626;
2743 border-color: rgba(255, 255, 255, 0.12);
2744 color: rgba(255, 255, 255, 0.87);
2745}
2746.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 {
2747 outline: 0 none;
2748 outline-offset: 0;
2749 box-shadow: none;
2750 z-index: 1;
2751}
2752.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
2753 border-radius: 0;
2754}
2755.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
2756 border-top-left-radius: 4px;
2757 border-bottom-left-radius: 4px;
2758}
2759.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
2760 border-top-right-radius: 4px;
2761 border-bottom-right-radius: 4px;
2762}
2763.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
2764 border-color: rgba(255, 255, 255, 0.12);
2765}
2766.fc.fc-theme-standard .fc-view-harness th {
2767 background: #1e1e1e;
2768 border-color: rgba(255, 255, 255, 0.12);
2769 color: rgba(255, 255, 255, 0.87);
2770}
2771.fc.fc-theme-standard .fc-view-harness td {
2772 color: rgba(255, 255, 255, 0.87);
2773 border-color: rgba(255, 255, 255, 0.12);
2774}
2775.fc.fc-theme-standard .fc-view-harness .fc-view {
2776 background: #1e1e1e;
2777}
2778.fc.fc-theme-standard .fc-view-harness .fc-popover {
2779 background: none;
2780 border: 0 none;
2781}
2782.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
2783 border: 1px solid rgba(255, 255, 255, 0.12);
2784 padding: 1rem;
2785 background: #1e1e1e;
2786 color: rgba(255, 255, 255, 0.87);
2787}
2788.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
2789 opacity: 1;
2790 display: flex;
2791 align-items: center;
2792 justify-content: center;
2793 overflow: hidden;
2794 font-family: "PrimeIcons" !important;
2795 font-size: 1rem;
2796 width: 2.5rem;
2797 height: 2.5rem;
2798 color: rgba(255, 255, 255, 0.6);
2799 border: 0 none;
2800 background: transparent;
2801 border-radius: 50%;
2802 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
2803}
2804.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
2805 content: "\e90b";
2806}
2807.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover {
2808 color: rgba(255, 255, 255, 0.6);
2809 border-color: transparent;
2810 background: rgba(255, 255, 255, 0.04);
2811}
2812.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
2813 outline: 0 none;
2814 outline-offset: 0;
2815 box-shadow: none;
2816}
2817.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
2818 padding: 1rem;
2819 border: 1px solid rgba(255, 255, 255, 0.12);
2820 background: #1e1e1e;
2821 color: rgba(255, 255, 255, 0.87);
2822 border-top: 0 none;
2823}
2824.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
2825 color: #9FA8DA;
2826 background: rgba(159, 168, 218, 0.16);
2827 border-color: rgba(159, 168, 218, 0.16);
2828}
2829.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
2830 color: #9FA8DA;
2831}
2832.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
2833 background: rgba(159, 168, 218, 0.16);
2834 border-color: rgba(159, 168, 218, 0.16);
2835}
2836.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
2837 background: rgba(255, 255, 255, 0.04);
2838 color: rgba(255, 255, 255, 0.87);
2839}
2840.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
2841 background: #1e1e1e;
2842}
2843.fc.fc-theme-standard .fc-toolbar .fc-button {
2844 color: #121212;
2845 background: #9FA8DA;
2846 border: 0 none;
2847 font-size: 1rem;
2848 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
2849 border-radius: 4px;
2850}
2851.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
2852 background: rgba(159, 168, 218, 0.92);
2853 color: #121212;
2854 border-color: transparent;
2855}
2856.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
2857 background: rgba(159, 168, 218, 0.68);
2858 color: #121212;
2859 border-color: transparent;
2860}
2861.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
2862 outline: 0 none;
2863 outline-offset: 0;
2864 box-shadow: none;
2865}
2866.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
2867 opacity: 0.38;
2868 color: #121212;
2869 background: #9FA8DA;
2870 border: 0 none;
2871}
2872.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
2873 font-family: "PrimeIcons" !important;
2874 text-indent: 0;
2875 font-size: 1rem;
2876}
2877.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
2878 content: "\e900";
2879}
2880.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
2881 font-family: "PrimeIcons" !important;
2882 text-indent: 0;
2883 font-size: 1rem;
2884}
2885.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
2886 content: "\e901";
2887}
2888.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
2889 outline: 0 none;
2890 outline-offset: 0;
2891 box-shadow: none;
2892}
2893.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 {
2894 background: #2f2f2f;
2895 border: 1px solid rgba(255, 255, 255, 0.12);
2896 color: rgba(255, 255, 255, 0.87);
2897 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
2898}
2899.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 {
2900 background: #373737;
2901 border-color: rgba(255, 255, 255, 0.12);
2902 color: rgba(255, 255, 255, 0.87);
2903}
2904.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 {
2905 background: #1c1c1c;
2906 border-color: rgba(255, 255, 255, 0.12);
2907 color: rgba(255, 255, 255, 0.87);
2908}
2909.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 {
2910 background: #262626;
2911 border-color: rgba(255, 255, 255, 0.12);
2912 color: rgba(255, 255, 255, 0.87);
2913}
2914.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 {
2915 outline: 0 none;
2916 outline-offset: 0;
2917 box-shadow: none;
2918 z-index: 1;
2919}
2920.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
2921 border-radius: 0;
2922}
2923.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
2924 border-top-left-radius: 4px;
2925 border-bottom-left-radius: 4px;
2926}
2927.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
2928 border-top-right-radius: 4px;
2929 border-bottom-right-radius: 4px;
2930}
2931.fc.fc-theme-standard a {
2932 color: rgba(255, 255, 255, 0.87);
2933}
2934.fc.fc-theme-standard .fc-highlight {
2935 color: #9FA8DA;
2936 background: rgba(159, 168, 218, 0.16);
2937}
2938
2939.p-orderlist .p-orderlist-controls {
2940 padding: 1rem;
2941}
2942.p-orderlist .p-orderlist-controls .p-button {
2943 margin-bottom: 0.5rem;
2944}
2945.p-orderlist .p-orderlist-header {
2946 background: #1e1e1e;
2947 color: rgba(255, 255, 255, 0.87);
2948 border: 1px solid rgba(255, 255, 255, 0.12);
2949 padding: 1rem;
2950 border-bottom: 0 none;
2951 border-top-right-radius: 4px;
2952 border-top-left-radius: 4px;
2953}
2954.p-orderlist .p-orderlist-header .p-orderlist-title {
2955 font-weight: 500;
2956}
2957.p-orderlist .p-orderlist-filter-container {
2958 padding: 1rem;
2959 background: #1e1e1e;
2960 border: 1px solid rgba(255, 255, 255, 0.12);
2961 border-bottom: 0 none;
2962}
2963.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
2964 padding-right: 2rem;
2965}
2966.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
2967 right: 1rem;
2968 color: rgba(255, 255, 255, 0.6);
2969}
2970.p-orderlist .p-orderlist-list {
2971 border: 1px solid rgba(255, 255, 255, 0.12);
2972 background: #1e1e1e;
2973 color: rgba(255, 255, 255, 0.87);
2974 padding: 0;
2975 border-bottom-right-radius: 4px;
2976 border-bottom-left-radius: 4px;
2977}
2978.p-orderlist .p-orderlist-list .p-orderlist-item {
2979 padding: 1rem 1rem;
2980 margin: 0;
2981 border: 0 none;
2982 color: rgba(255, 255, 255, 0.87);
2983 background: transparent;
2984 transition: none;
2985}
2986.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
2987 outline: 0 none;
2988 outline-offset: 0;
2989 box-shadow: none;
2990}
2991.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
2992 color: #9FA8DA;
2993 background: rgba(159, 168, 218, 0.16);
2994}
2995.p-orderlist .p-orderlist-list .p-orderlist-empty-message {
2996 padding: 1rem 1rem;
2997 color: rgba(255, 255, 255, 0.87);
2998}
2999.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
3000 background: rgba(255, 255, 255, 0.04);
3001 color: rgba(255, 255, 255, 0.87);
3002}
3003
3004.p-orderlist-item.cdk-drag-preview {
3005 padding: 1rem 1rem;
3006 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
3007 border: 0 none;
3008 color: rgba(255, 255, 255, 0.87);
3009 background: #1e1e1e;
3010 margin: 0;
3011}
3012
3013.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
3014 background: rgba(255, 255, 255, 0.04);
3015 color: rgba(255, 255, 255, 0.87);
3016}
3017.p-organizationchart .p-organizationchart-node-content.p-highlight {
3018 background: rgba(159, 168, 218, 0.16);
3019 color: #9FA8DA;
3020}
3021.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
3022 color: rgba(69, 86, 180, 0.16);
3023}
3024.p-organizationchart .p-organizationchart-line-down {
3025 background: rgba(255, 255, 255, 0.12);
3026}
3027.p-organizationchart .p-organizationchart-line-left {
3028 border-right: 1px solid rgba(255, 255, 255, 0.12);
3029 border-color: rgba(255, 255, 255, 0.12);
3030}
3031.p-organizationchart .p-organizationchart-line-top {
3032 border-top: 1px solid rgba(255, 255, 255, 0.12);
3033 border-color: rgba(255, 255, 255, 0.12);
3034}
3035.p-organizationchart .p-organizationchart-node-content {
3036 border: 1px solid rgba(255, 255, 255, 0.12);
3037 background: #1e1e1e;
3038 color: rgba(255, 255, 255, 0.87);
3039 padding: 1rem;
3040}
3041.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
3042 background: inherit;
3043 color: inherit;
3044 border-radius: 50%;
3045}
3046.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
3047 outline: 0 none;
3048 outline-offset: 0;
3049 box-shadow: none;
3050}
3051
3052.p-paginator {
3053 background: #1e1e1e;
3054 color: rgba(255, 255, 255, 0.87);
3055 border: solid #404040;
3056 border-width: 0;
3057 padding: 0.5rem 1rem;
3058 border-radius: 4px;
3059}
3060.p-paginator .p-paginator-first,
3061.p-paginator .p-paginator-prev,
3062.p-paginator .p-paginator-next,
3063.p-paginator .p-paginator-last {
3064 background-color: transparent;
3065 border: 0 none;
3066 color: rgba(255, 255, 255, 0.6);
3067 min-width: 3rem;
3068 height: 3rem;
3069 margin: 0.143rem;
3070 transition: none;
3071 border-radius: 50%;
3072}
3073.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
3074.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
3075.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
3076.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
3077 background: rgba(255, 255, 255, 0.04);
3078 border-color: transparent;
3079 color: rgba(255, 255, 255, 0.6);
3080}
3081.p-paginator .p-paginator-first {
3082 border-top-left-radius: 50%;
3083 border-bottom-left-radius: 50%;
3084}
3085.p-paginator .p-paginator-last {
3086 border-top-right-radius: 50%;
3087 border-bottom-right-radius: 50%;
3088}
3089.p-paginator .p-dropdown {
3090 margin-left: 0.5rem;
3091 margin-right: 0.5rem;
3092 height: 3rem;
3093}
3094.p-paginator .p-dropdown .p-dropdown-label {
3095 padding-right: 0;
3096}
3097.p-paginator .p-paginator-page-input {
3098 margin-left: 0.5rem;
3099 margin-right: 0.5rem;
3100}
3101.p-paginator .p-paginator-page-input .p-inputtext {
3102 max-width: 3rem;
3103}
3104.p-paginator .p-paginator-current {
3105 background-color: transparent;
3106 border: 0 none;
3107 color: rgba(255, 255, 255, 0.6);
3108 min-width: 3rem;
3109 height: 3rem;
3110 margin: 0.143rem;
3111 padding: 0 0.5rem;
3112}
3113.p-paginator .p-paginator-pages .p-paginator-page {
3114 background-color: transparent;
3115 border: 0 none;
3116 color: rgba(255, 255, 255, 0.6);
3117 min-width: 3rem;
3118 height: 3rem;
3119 margin: 0.143rem;
3120 transition: none;
3121 border-radius: 50%;
3122}
3123.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
3124 background: rgba(159, 168, 218, 0.16);
3125 border-color: rgba(159, 168, 218, 0.16);
3126 color: #9FA8DA;
3127}
3128.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
3129 background: rgba(255, 255, 255, 0.04);
3130 border-color: transparent;
3131 color: rgba(255, 255, 255, 0.6);
3132}
3133
3134.p-picklist .p-picklist-buttons {
3135 padding: 1rem;
3136}
3137.p-picklist .p-picklist-buttons .p-button {
3138 margin-bottom: 0.5rem;
3139}
3140.p-picklist .p-picklist-header {
3141 background: #1e1e1e;
3142 color: rgba(255, 255, 255, 0.87);
3143 border: 1px solid rgba(255, 255, 255, 0.12);
3144 padding: 1rem;
3145 border-bottom: 0 none;
3146 border-top-right-radius: 4px;
3147 border-top-left-radius: 4px;
3148}
3149.p-picklist .p-picklist-header .p-picklist-title {
3150 font-weight: 500;
3151}
3152.p-picklist .p-picklist-filter-container {
3153 padding: 1rem;
3154 background: #1e1e1e;
3155 border: 1px solid rgba(255, 255, 255, 0.12);
3156 border-bottom: 0 none;
3157}
3158.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
3159 padding-right: 2rem;
3160}
3161.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
3162 right: 1rem;
3163 color: rgba(255, 255, 255, 0.6);
3164}
3165.p-picklist .p-picklist-list {
3166 border: 1px solid rgba(255, 255, 255, 0.12);
3167 background: #1e1e1e;
3168 color: rgba(255, 255, 255, 0.87);
3169 padding: 0;
3170 border-bottom-right-radius: 4px;
3171 border-bottom-left-radius: 4px;
3172}
3173.p-picklist .p-picklist-list .p-picklist-item {
3174 padding: 1rem 1rem;
3175 margin: 0;
3176 border: 0 none;
3177 color: rgba(255, 255, 255, 0.87);
3178 background: transparent;
3179 transition: none;
3180}
3181.p-picklist .p-picklist-list .p-picklist-item:focus {
3182 outline: 0 none;
3183 outline-offset: 0;
3184 box-shadow: none;
3185}
3186.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
3187 color: #9FA8DA;
3188 background: rgba(159, 168, 218, 0.16);
3189}
3190.p-picklist .p-picklist-list .p-picklist-empty-message {
3191 padding: 1rem 1rem;
3192 color: rgba(255, 255, 255, 0.87);
3193}
3194.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
3195 background: rgba(255, 255, 255, 0.04);
3196 color: rgba(255, 255, 255, 0.87);
3197}
3198
3199.p-picklist-item.cdk-drag-preview {
3200 padding: 1rem 1rem;
3201 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
3202 border: 0 none;
3203 color: rgba(255, 255, 255, 0.87);
3204 background: #1e1e1e;
3205 margin: 0;
3206}
3207
3208.p-timeline .p-timeline-event-marker {
3209 border: 0 none;
3210 border-radius: 50%;
3211 width: 1rem;
3212 height: 1rem;
3213 background-color: #bdbdbd;
3214}
3215.p-timeline .p-timeline-event-connector {
3216 background-color: #bdbdbd;
3217}
3218.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
3219.p-timeline.p-timeline-vertical .p-timeline-event-content {
3220 padding: 0 1rem;
3221}
3222.p-timeline.p-timeline-vertical .p-timeline-event-connector {
3223 width: 2px;
3224}
3225.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
3226.p-timeline.p-timeline-horizontal .p-timeline-event-content {
3227 padding: 1rem 0;
3228}
3229.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
3230 height: 2px;
3231}
3232
3233.p-tree {
3234 border: 1px solid rgba(255, 255, 255, 0.12);
3235 background: #1e1e1e;
3236 color: rgba(255, 255, 255, 0.87);
3237 padding: 1rem;
3238 border-radius: 4px;
3239}
3240.p-tree .p-tree-container .p-treenode {
3241 padding: 0.25rem;
3242}
3243.p-tree .p-tree-container .p-treenode .p-treenode-content {
3244 border-radius: 4px;
3245 transition: none;
3246 padding: 0.5rem;
3247}
3248.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
3249 margin-right: 0.5rem;
3250 width: 2.5rem;
3251 height: 2.5rem;
3252 color: rgba(255, 255, 255, 0.6);
3253 border: 0 none;
3254 background: transparent;
3255 border-radius: 50%;
3256 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3257}
3258.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
3259 color: rgba(255, 255, 255, 0.6);
3260 border-color: transparent;
3261 background: rgba(255, 255, 255, 0.04);
3262}
3263.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
3264 outline: 0 none;
3265 outline-offset: 0;
3266 box-shadow: none;
3267}
3268.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
3269 margin-right: 0.5rem;
3270 color: rgba(255, 255, 255, 0.6);
3271}
3272.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
3273 margin-right: 0.5rem;
3274}
3275.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
3276 color: rgba(255, 255, 255, 0.87);
3277}
3278.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
3279 outline: 0 none;
3280 outline-offset: 0;
3281 box-shadow: none;
3282}
3283.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
3284 background: rgba(159, 168, 218, 0.16);
3285 color: #9FA8DA;
3286}
3287.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
3288.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
3289 color: #9FA8DA;
3290}
3291.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
3292.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
3293 color: #9FA8DA;
3294}
3295.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
3296 background: rgba(255, 255, 255, 0.04);
3297 color: rgba(255, 255, 255, 0.87);
3298}
3299.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
3300 background: rgba(255, 255, 255, 0.04);
3301 color: rgba(255, 255, 255, 0.87);
3302}
3303.p-tree .p-tree-filter-container {
3304 margin-bottom: 0.5rem;
3305}
3306.p-tree .p-tree-filter-container .p-tree-filter {
3307 width: 100%;
3308 padding-right: 2rem;
3309}
3310.p-tree .p-tree-filter-container .p-tree-filter-icon {
3311 right: 1rem;
3312 color: rgba(255, 255, 255, 0.6);
3313}
3314.p-tree .p-treenode-children {
3315 padding: 0 0 0 1rem;
3316}
3317.p-tree .p-tree-loading-icon {
3318 font-size: 2rem;
3319}
3320.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
3321 background-color: rgba(105, 119, 197, 0.16);
3322}
3323.p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
3324 border-radius: 4px;
3325 border: 1px solid rgba(255, 255, 255, 0.12);
3326 background-color: #1e1e1e;
3327 color: rgba(255, 255, 255, 0.87);
3328 padding: 0.5rem;
3329 transition: none;
3330}
3331.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
3332 background-color: rgba(159, 168, 218, 0.16);
3333 color: #9FA8DA;
3334}
3335.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
3336 color: #9FA8DA;
3337}
3338.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
3339 margin-right: 0.5rem;
3340}
3341.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
3342 color: rgba(255, 255, 255, 0.6);
3343 margin-right: 0.5rem;
3344}
3345.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
3346 margin-right: 0.5rem;
3347}
3348.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
3349 background-color: inherit;
3350 color: inherit;
3351}
3352.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
3353 background: rgba(255, 255, 255, 0.04);
3354 color: rgba(255, 255, 255, 0.87);
3355}
3356.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
3357 outline: 0 none;
3358 outline-offset: 0;
3359 box-shadow: none;
3360}
3361
3362.p-treetable .p-paginator-top {
3363 border-width: 0 0 1px 0;
3364 border-radius: 0;
3365}
3366.p-treetable .p-paginator-bottom {
3367 border-width: 0 0 1px 0;
3368 border-radius: 0;
3369}
3370.p-treetable .p-treetable-header {
3371 background: #1e1e1e;
3372 color: rgba(255, 255, 255, 0.87);
3373 border: 1px solid rgba(255, 255, 255, 0.12);
3374 border-width: 0 0 1px 0;
3375 padding: 1rem 1rem;
3376 font-weight: 500;
3377}
3378.p-treetable .p-treetable-footer {
3379 background: #1e1e1e;
3380 color: rgba(255, 255, 255, 0.87);
3381 border: 1px solid #404040;
3382 border-width: 0 0 1px 0;
3383 padding: 1rem 1rem;
3384 font-weight: 500;
3385}
3386.p-treetable .p-treetable-thead > tr > th {
3387 text-align: left;
3388 padding: 1rem 1rem;
3389 border: 1px solid #404040;
3390 border-width: 0 0 1px 0;
3391 font-weight: 500;
3392 color: rgba(255, 255, 255, 0.87);
3393 background: #1e1e1e;
3394 transition: none;
3395}
3396.p-treetable .p-treetable-tfoot > tr > td {
3397 text-align: left;
3398 padding: 1rem 1rem;
3399 border: 1px solid 3404040;
3400 border-width: 0 0 1px 0;
3401 font-weight: 500;
3402 color: rgba(255, 255, 255, 0.87);
3403 background: #1e1e1e;
3404}
3405.p-treetable .p-sortable-column {
3406 outline-color: transparent;
3407}
3408.p-treetable .p-sortable-column .p-sortable-column-icon {
3409 color: rgba(255, 255, 255, 0.6);
3410 margin-left: 0.5rem;
3411}
3412.p-treetable .p-sortable-column .p-sortable-column-badge {
3413 border-radius: 50%;
3414 height: 1.143rem;
3415 min-width: 1.143rem;
3416 line-height: 1.143rem;
3417 color: #9FA8DA;
3418 background: rgba(159, 168, 218, 0.16);
3419 margin-left: 0.5rem;
3420}
3421.p-treetable .p-sortable-column:not(.p-highlight):hover {
3422 background: rgba(255, 255, 255, 0.04);
3423 color: rgba(255, 255, 255, 0.87);
3424}
3425.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
3426 color: rgba(255, 255, 255, 0.6);
3427}
3428.p-treetable .p-sortable-column.p-highlight {
3429 background: #1e1e1e;
3430 color: rgba(255, 255, 255, 0.87);
3431}
3432.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
3433 color: rgba(255, 255, 255, 0.87);
3434}
3435.p-treetable .p-treetable-tbody > tr {
3436 background: #1e1e1e;
3437 color: rgba(255, 255, 255, 0.87);
3438 transition: none;
3439 outline-color: transparent;
3440}
3441.p-treetable .p-treetable-tbody > tr > td {
3442 text-align: left;
3443 border: 1px solid #404040;
3444 border-width: 0 0 1px 0;
3445 padding: 1rem 1rem;
3446}
3447.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
3448 width: 2.5rem;
3449 height: 2.5rem;
3450 color: rgba(255, 255, 255, 0.6);
3451 border: 0 none;
3452 background: transparent;
3453 border-radius: 50%;
3454 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3455 margin-right: 0.5rem;
3456}
3457.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
3458 color: rgba(255, 255, 255, 0.6);
3459 border-color: transparent;
3460 background: rgba(255, 255, 255, 0.04);
3461}
3462.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
3463 outline: 0 none;
3464 outline-offset: 0;
3465 box-shadow: none;
3466}
3467.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
3468 margin-right: 0.5rem;
3469}
3470.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
3471 color: rgba(255, 255, 255, 0.87);
3472}
3473.p-treetable .p-treetable-tbody > tr.p-highlight {
3474 background: rgba(159, 168, 218, 0.16);
3475 color: #9FA8DA;
3476}
3477.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
3478 color: #9FA8DA;
3479}
3480.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
3481 color: #9FA8DA;
3482}
3483.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
3484 background: rgba(255, 255, 255, 0.04);
3485 color: rgba(255, 255, 255, 0.87);
3486}
3487.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
3488 color: rgba(255, 255, 255, 0.87);
3489}
3490.p-treetable .p-column-resizer-helper {
3491 background: #9FA8DA;
3492}
3493.p-treetable .p-treetable-scrollable-header,
3494.p-treetable .p-treetable-scrollable-footer {
3495 background: #1e1e1e;
3496}
3497.p-treetable .p-treetable-loading-icon {
3498 font-size: 2rem;
3499}
3500.p-treetable.p-treetable-gridlines .p-datatable-header {
3501 border-width: 1px 1px 0 1px;
3502}
3503.p-treetable.p-treetable-gridlines .p-treetable-footer {
3504 border-width: 0 1px 1px 1px;
3505}
3506.p-treetable.p-treetable-gridlines .p-treetable-top {
3507 border-width: 0 1px 0 1px;
3508}
3509.p-treetable.p-treetable-gridlines .p-treetable-bottom {
3510 border-width: 0 1px 1px 1px;
3511}
3512.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
3513 border-width: 1px;
3514}
3515.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
3516 border-width: 1px;
3517}
3518.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
3519 border-width: 1px;
3520}
3521.p-treetable.p-treetable-sm .p-treetable-header {
3522 padding: 0.875rem 0.875rem;
3523}
3524.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
3525 padding: 0.5rem 0.5rem;
3526}
3527.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
3528 padding: 0.5rem 0.5rem;
3529}
3530.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
3531 padding: 0.5rem 0.5rem;
3532}
3533.p-treetable.p-treetable-sm .p-treetable-footer {
3534 padding: 0.5rem 0.5rem;
3535}
3536.p-treetable.p-treetable-lg .p-treetable-header {
3537 padding: 1.25rem 1.25rem;
3538}
3539.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
3540 padding: 1.25rem 1.25rem;
3541}
3542.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
3543 padding: 1.25rem 1.25rem;
3544}
3545.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
3546 padding: 1.25rem 1.25rem;
3547}
3548.p-treetable.p-treetable-lg .p-treetable-footer {
3549 padding: 1.25rem 1.25rem;
3550}
3551
3552.p-virtualscroller .p-virtualscroller-header {
3553 background: #1e1e1e;
3554 color: rgba(255, 255, 255, 0.87);
3555 border: 1px solid rgba(255, 255, 255, 0.12);
3556 border-width: 0 0 1px 0;
3557 padding: 1rem 1rem;
3558 font-weight: 500;
3559}
3560.p-virtualscroller .p-virtualscroller-content {
3561 background: #1e1e1e;
3562 color: rgba(255, 255, 255, 0.87);
3563 border: 0 none;
3564 padding: 1rem 0;
3565}
3566.p-virtualscroller .p-virtualscroller-footer {
3567 background: #1e1e1e;
3568 color: rgba(255, 255, 255, 0.87);
3569 border: 1px solid #404040;
3570 border-width: 0 0 1px 0;
3571 padding: 1rem 1rem;
3572 font-weight: 500;
3573 border-bottom-left-radius: 4px;
3574 border-bottom-right-radius: 4px;
3575}
3576
3577.p-accordion .p-accordion-header .p-accordion-header-link {
3578 padding: 1.5rem;
3579 border: 0 none;
3580 color: rgba(255, 255, 255, 0.87);
3581 background: #1e1e1e;
3582 font-weight: 400;
3583 border-radius: 4px;
3584 transition: none;
3585}
3586.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
3587 margin-right: 0.5rem;
3588}
3589.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
3590 outline: 0 none;
3591 outline-offset: 0;
3592 box-shadow: none;
3593}
3594.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
3595 background: rgba(255, 255, 255, 0.04);
3596 border-color: transparent;
3597 color: rgba(255, 255, 255, 0.87);
3598}
3599.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
3600 background: #1e1e1e;
3601 border-color: transparent;
3602 color: rgba(255, 255, 255, 0.87);
3603 border-bottom-right-radius: 0;
3604 border-bottom-left-radius: 0;
3605}
3606.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
3607 border-color: transparent;
3608 background: rgba(255, 255, 255, 0.04);
3609 color: rgba(255, 255, 255, 0.87);
3610}
3611.p-accordion .p-accordion-content {
3612 padding: 1rem 1.5rem;
3613 border: 0 none;
3614 background: #1e1e1e;
3615 color: rgba(255, 255, 255, 0.87);
3616 border-top: 0;
3617 border-top-right-radius: 0;
3618 border-top-left-radius: 0;
3619 border-bottom-right-radius: 4px;
3620 border-bottom-left-radius: 4px;
3621}
3622.p-accordion p-accordiontab .p-accordion-tab {
3623 margin-bottom: 0;
3624}
3625.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
3626 border-radius: 0;
3627}
3628.p-accordion p-accordiontab .p-accordion-content {
3629 border-radius: 0;
3630}
3631.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link {
3632 border-top: 0 none;
3633}
3634.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
3635 border-top: 0 none;
3636}
3637.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
3638 border-top-right-radius: 4px;
3639 border-top-left-radius: 4px;
3640}
3641.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
3642 border-bottom-right-radius: 4px;
3643 border-bottom-left-radius: 4px;
3644}
3645.p-accordion p-accordiontab:last-child .p-accordion-content {
3646 border-bottom-right-radius: 4px;
3647 border-bottom-left-radius: 4px;
3648}
3649
3650.p-card {
3651 background: #1e1e1e;
3652 color: rgba(255, 255, 255, 0.87);
3653 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);
3654 border-radius: 4px;
3655}
3656.p-card .p-card-body {
3657 padding: 1rem;
3658}
3659.p-card .p-card-title {
3660 font-size: 1.5rem;
3661 font-weight: 700;
3662 margin-bottom: 0.5rem;
3663}
3664.p-card .p-card-subtitle {
3665 font-weight: 400;
3666 margin-bottom: 0.5rem;
3667 color: rgba(255, 255, 255, 0.6);
3668}
3669.p-card .p-card-content {
3670 padding: 1rem 0;
3671}
3672.p-card .p-card-footer {
3673 padding: 1rem 0 0 0;
3674}
3675
3676.p-divider .p-divider-content {
3677 background-color: #1e1e1e;
3678}
3679.p-divider.p-divider-horizontal {
3680 margin: 1.25rem 0;
3681 padding: 0 1.25rem;
3682}
3683.p-divider.p-divider-horizontal:before {
3684 border-top: 1px rgba(255, 255, 255, 0.12);
3685}
3686.p-divider.p-divider-horizontal .p-divider-content {
3687 padding: 0 0.5rem;
3688}
3689.p-divider.p-divider-vertical {
3690 margin: 0 1.25rem;
3691 padding: 1.25rem 0;
3692}
3693.p-divider.p-divider-vertical:before {
3694 border-left: 1px rgba(255, 255, 255, 0.12);
3695}
3696.p-divider.p-divider-vertical .p-divider-content {
3697 padding: 0.5rem 0;
3698}
3699
3700.p-fieldset {
3701 border: 1px solid rgba(255, 255, 255, 0.12);
3702 background: #1e1e1e;
3703 color: rgba(255, 255, 255, 0.87);
3704 border-radius: 4px;
3705}
3706.p-fieldset .p-fieldset-legend {
3707 padding: 1rem;
3708 border: 1px solid rgba(255, 255, 255, 0.12);
3709 color: rgba(255, 255, 255, 0.87);
3710 background: #1e1e1e;
3711 font-weight: 500;
3712 border-radius: 4px;
3713}
3714.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
3715 padding: 0;
3716 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3717}
3718.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
3719 padding: 1rem;
3720 color: rgba(255, 255, 255, 0.87);
3721 border-radius: 4px;
3722 transition: none;
3723}
3724.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
3725 margin-right: 0.5rem;
3726}
3727.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
3728 outline: 0 none;
3729 outline-offset: 0;
3730 box-shadow: none;
3731}
3732.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
3733 background: rgba(255, 255, 255, 0.04);
3734 border-color: rgba(255, 255, 255, 0.12);
3735 color: rgba(255, 255, 255, 0.87);
3736}
3737.p-fieldset .p-fieldset-content {
3738 padding: 1rem;
3739}
3740
3741.p-panel .p-panel-header {
3742 border: 1px solid rgba(255, 255, 255, 0.12);
3743 padding: 1rem;
3744 background: #1e1e1e;
3745 color: rgba(255, 255, 255, 0.87);
3746 border-top-right-radius: 4px;
3747 border-top-left-radius: 4px;
3748}
3749.p-panel .p-panel-header .p-panel-title {
3750 font-weight: 500;
3751}
3752.p-panel .p-panel-header .p-panel-header-icon {
3753 width: 2.5rem;
3754 height: 2.5rem;
3755 color: rgba(255, 255, 255, 0.6);
3756 border: 0 none;
3757 background: transparent;
3758 border-radius: 50%;
3759 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3760}
3761.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
3762 color: rgba(255, 255, 255, 0.6);
3763 border-color: transparent;
3764 background: rgba(255, 255, 255, 0.04);
3765}
3766.p-panel .p-panel-header .p-panel-header-icon:focus {
3767 outline: 0 none;
3768 outline-offset: 0;
3769 box-shadow: none;
3770}
3771.p-panel.p-panel-toggleable .p-panel-header {
3772 padding: 0.5rem 1rem;
3773}
3774.p-panel .p-panel-content {
3775 padding: 1rem;
3776 border: 1px solid rgba(255, 255, 255, 0.12);
3777 background: #1e1e1e;
3778 color: rgba(255, 255, 255, 0.87);
3779 border-bottom-right-radius: 4px;
3780 border-bottom-left-radius: 4px;
3781 border-top: 0 none;
3782}
3783.p-panel .p-panel-footer {
3784 padding: 1rem 1rem;
3785 border: 1px solid rgba(255, 255, 255, 0.12);
3786 background: #1e1e1e;
3787 color: rgba(255, 255, 255, 0.87);
3788 border-top: 0 none;
3789}
3790
3791.p-scrollpanel .p-scrollpanel-bar {
3792 background: rgba(255, 255, 255, 0.12);
3793 border: 0 none;
3794}
3795
3796.p-splitter {
3797 border: 1px solid rgba(255, 255, 255, 0.12);
3798 background: #1e1e1e;
3799 border-radius: 4px;
3800 color: rgba(255, 255, 255, 0.87);
3801}
3802.p-splitter .p-splitter-gutter {
3803 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3804 background: rgba(255, 255, 255, 0.04);
3805}
3806.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
3807 background: rgba(255, 255, 255, 0.12);
3808}
3809.p-splitter .p-splitter-gutter-resizing {
3810 background: rgba(255, 255, 255, 0.12);
3811}
3812
3813.p-tabview .p-tabview-nav {
3814 background: transparent;
3815 border: solid rgba(255, 255, 255, 0.12);
3816 border-width: 0 0 1px 0;
3817}
3818.p-tabview .p-tabview-nav li {
3819 margin-right: 0;
3820}
3821.p-tabview .p-tabview-nav li .p-tabview-nav-link {
3822 border: solid rgba(255, 255, 255, 0.12);
3823 border-width: 0 0 1px 0;
3824 border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent;
3825 background: transparent;
3826 color: rgba(255, 255, 255, 0.6);
3827 padding: 1rem 1.5rem;
3828 font-weight: 500;
3829 border-top-right-radius: 4px;
3830 border-top-left-radius: 4px;
3831 transition: none;
3832 margin: 0 0 0 0;
3833}
3834.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
3835 outline: 0 none;
3836 outline-offset: 0;
3837 box-shadow: inset none;
3838}
3839.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
3840 background: rgba(159, 168, 218, 0.04);
3841 border-color: rgba(255, 255, 255, 0.12);
3842 color: rgba(255, 255, 255, 0.6);
3843}
3844.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
3845 background: transparent;
3846 border-color: rgba(255, 255, 255, 0.12);
3847 color: #9FA8DA;
3848}
3849.p-tabview .p-tabview-left-icon {
3850 margin-right: 0.5rem;
3851}
3852.p-tabview .p-tabview-right-icon {
3853 margin-left: 0.5rem;
3854}
3855.p-tabview .p-tabview-close {
3856 margin-left: 0.5rem;
3857}
3858.p-tabview .p-tabview-nav-btn.p-link {
3859 background: transparent;
3860 color: #9FA8DA;
3861 width: 3rem;
3862 box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
3863 border-radius: 0;
3864}
3865.p-tabview .p-tabview-nav-btn.p-link:focus {
3866 outline: 0 none;
3867 outline-offset: 0;
3868 box-shadow: inset none;
3869}
3870.p-tabview .p-tabview-panels {
3871 background: transparent;
3872 padding: 1rem;
3873 border: 0 none;
3874 color: rgba(255, 255, 255, 0.87);
3875 border-bottom-right-radius: 4px;
3876 border-bottom-left-radius: 4px;
3877}
3878
3879.p-toolbar {
3880 background: #1e1e1e;
3881 border: 1px solid rgba(255, 255, 255, 0.12);
3882 padding: 1rem;
3883 border-radius: 4px;
3884}
3885.p-toolbar .p-toolbar-separator {
3886 margin: 0 0.5rem;
3887}
3888
3889.p-confirm-popup {
3890 background: #262626;
3891 color: rgba(255, 255, 255, 0.87);
3892 border: 0 none;
3893 border-radius: 4px;
3894 box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
3895}
3896.p-confirm-popup .p-confirm-popup-content {
3897 padding: 1rem;
3898}
3899.p-confirm-popup .p-confirm-popup-footer {
3900 text-align: right;
3901 padding: 1rem 1rem;
3902}
3903.p-confirm-popup .p-confirm-popup-footer button {
3904 margin: 0 0.5rem 0 0;
3905 width: auto;
3906}
3907.p-confirm-popup .p-confirm-popup-footer button:last-child {
3908 margin: 0;
3909}
3910.p-confirm-popup:after {
3911 border: solid transparent;
3912 border-color: rgba(38, 38, 38, 0);
3913 border-bottom-color: #262626;
3914}
3915.p-confirm-popup:before {
3916 border: solid transparent;
3917 border-color: rgba(38, 38, 38, 0);
3918 border-bottom-color: #262626;
3919}
3920.p-confirm-popup.p-confirm-popup-flipped:after {
3921 border-top-color: #262626;
3922}
3923.p-confirm-popup.p-confirm-popup-flipped:before {
3924 border-top-color: #262626;
3925}
3926.p-confirm-popup .p-confirm-popup-icon {
3927 font-size: 1.5rem;
3928}
3929.p-confirm-popup .p-confirm-popup-message {
3930 margin-left: 1rem;
3931}
3932
3933.p-dialog {
3934 border-radius: 4px;
3935 box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
3936 border: 0 none;
3937}
3938.p-dialog .p-dialog-header {
3939 border-bottom: 0 none;
3940 background: #262626;
3941 color: rgba(255, 255, 255, 0.87);
3942 padding: 1.5rem;
3943 border-top-right-radius: 4px;
3944 border-top-left-radius: 4px;
3945}
3946.p-dialog .p-dialog-header .p-dialog-title {
3947 font-weight: 500;
3948 font-size: 1.25rem;
3949}
3950.p-dialog .p-dialog-header .p-dialog-header-icon {
3951 width: 2.5rem;
3952 height: 2.5rem;
3953 color: rgba(255, 255, 255, 0.6);
3954 border: 0 none;
3955 background: transparent;
3956 border-radius: 50%;
3957 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
3958 margin-right: 0.5rem;
3959}
3960.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
3961 color: rgba(255, 255, 255, 0.6);
3962 border-color: transparent;
3963 background: rgba(255, 255, 255, 0.04);
3964}
3965.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
3966 outline: 0 none;
3967 outline-offset: 0;
3968 box-shadow: none;
3969}
3970.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
3971 margin-right: 0;
3972}
3973.p-dialog .p-dialog-content {
3974 background: #262626;
3975 color: rgba(255, 255, 255, 0.87);
3976 padding: 0 1.5rem 1.5rem 1.5rem;
3977}
3978.p-dialog .p-dialog-footer {
3979 border-top: 0 none;
3980 background: #262626;
3981 color: rgba(255, 255, 255, 0.87);
3982 padding: 1rem 1.5rem;
3983 text-align: right;
3984 border-bottom-right-radius: 4px;
3985 border-bottom-left-radius: 4px;
3986}
3987.p-dialog .p-dialog-footer button {
3988 margin: 0 0.5rem 0 0;
3989 width: auto;
3990}
3991.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
3992 font-size: 2rem;
3993}
3994.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
3995 margin-left: 1rem;
3996}
3997
3998.p-overlaypanel {
3999 background: #262626;
4000 color: rgba(255, 255, 255, 0.87);
4001 border: 0 none;
4002 border-radius: 4px;
4003 box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
4004}
4005.p-overlaypanel .p-overlaypanel-content {
4006 padding: 1rem;
4007}
4008.p-overlaypanel .p-overlaypanel-close {
4009 background: #9FA8DA;
4010 color: #121212;
4011 width: 2.5rem;
4012 height: 2.5rem;
4013 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4014 border-radius: 50%;
4015 position: absolute;
4016 top: -1.25rem;
4017 right: -1.25rem;
4018}
4019.p-overlaypanel .p-overlaypanel-close:enabled:hover {
4020 background: rgba(159, 168, 218, 0.92);
4021 color: #121212;
4022}
4023.p-overlaypanel:after {
4024 border: solid transparent;
4025 border-color: rgba(38, 38, 38, 0);
4026 border-bottom-color: #262626;
4027}
4028.p-overlaypanel:before {
4029 border: solid transparent;
4030 border-color: rgba(38, 38, 38, 0);
4031 border-bottom-color: #262626;
4032}
4033.p-overlaypanel.p-overlaypanel-flipped:after {
4034 border-top-color: #262626;
4035}
4036.p-overlaypanel.p-overlaypanel-flipped:before {
4037 border-top-color: #262626;
4038}
4039
4040.p-sidebar {
4041 background: #262626;
4042 color: rgba(255, 255, 255, 0.87);
4043 border: 0 none;
4044 box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
4045}
4046.p-sidebar .p-sidebar-header {
4047 padding: 1rem;
4048}
4049.p-sidebar .p-sidebar-header .p-sidebar-close,
4050.p-sidebar .p-sidebar-header .p-sidebar-icon {
4051 width: 2.5rem;
4052 height: 2.5rem;
4053 color: rgba(255, 255, 255, 0.6);
4054 border: 0 none;
4055 background: transparent;
4056 border-radius: 50%;
4057 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4058}
4059.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
4060.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
4061 color: rgba(255, 255, 255, 0.6);
4062 border-color: transparent;
4063 background: rgba(255, 255, 255, 0.04);
4064}
4065.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
4066.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
4067 outline: 0 none;
4068 outline-offset: 0;
4069 box-shadow: none;
4070}
4071.p-sidebar .p-sidebar-header + .p-sidebar-content {
4072 padding-top: 0;
4073}
4074.p-sidebar .p-sidebar-content {
4075 padding: 1rem;
4076}
4077
4078.p-tooltip .p-tooltip-text {
4079 background: #444444;
4080 color: rgba(255, 255, 255, 0.87);
4081 padding: 0.5rem;
4082 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
4083 border-radius: 4px;
4084}
4085.p-tooltip.p-tooltip-right .p-tooltip-arrow {
4086 border-right-color: #444444;
4087}
4088.p-tooltip.p-tooltip-left .p-tooltip-arrow {
4089 border-left-color: #444444;
4090}
4091.p-tooltip.p-tooltip-top .p-tooltip-arrow {
4092 border-top-color: #444444;
4093}
4094.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
4095 border-bottom-color: #444444;
4096}
4097
4098.p-fileupload .p-fileupload-buttonbar {
4099 background: #1e1e1e;
4100 padding: 1rem;
4101 border: 1px solid rgba(255, 255, 255, 0.12);
4102 color: rgba(255, 255, 255, 0.87);
4103 border-bottom: 0 none;
4104 border-top-right-radius: 4px;
4105 border-top-left-radius: 4px;
4106}
4107.p-fileupload .p-fileupload-buttonbar .p-button {
4108 margin-right: 0.5rem;
4109}
4110.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
4111 outline: 0 none;
4112 outline-offset: 0;
4113 box-shadow: none;
4114}
4115.p-fileupload .p-fileupload-content {
4116 background: #1e1e1e;
4117 padding: 2rem 1rem;
4118 border: 1px solid rgba(255, 255, 255, 0.12);
4119 color: rgba(255, 255, 255, 0.87);
4120 border-bottom-right-radius: 4px;
4121 border-bottom-left-radius: 4px;
4122}
4123.p-fileupload .p-progressbar {
4124 height: 4px;
4125}
4126.p-fileupload .p-fileupload-row > div {
4127 padding: 1rem 1rem;
4128}
4129.p-fileupload.p-fileupload-advanced .p-message {
4130 margin-top: 0;
4131}
4132
4133.p-fileupload-choose:not(.p-disabled):hover {
4134 background: rgba(159, 168, 218, 0.92);
4135 color: #121212;
4136 border-color: transparent;
4137}
4138.p-fileupload-choose:not(.p-disabled):active {
4139 background: rgba(159, 168, 218, 0.68);
4140 color: #121212;
4141 border-color: transparent;
4142}
4143
4144.p-breadcrumb {
4145 background: #1e1e1e;
4146 border: 1px solid rgba(255, 255, 255, 0.12);
4147 border-radius: 4px;
4148 padding: 1rem;
4149}
4150.p-breadcrumb ul li .p-menuitem-link {
4151 transition: none;
4152 border-radius: 4px;
4153}
4154.p-breadcrumb ul li .p-menuitem-link:focus {
4155 outline: 0 none;
4156 outline-offset: 0;
4157 box-shadow: none;
4158}
4159.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
4160 color: rgba(255, 255, 255, 0.87);
4161}
4162.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
4163 color: rgba(255, 255, 255, 0.6);
4164}
4165.p-breadcrumb ul li.p-breadcrumb-chevron {
4166 margin: 0 0.5rem 0 0.5rem;
4167 color: rgba(255, 255, 255, 0.6);
4168}
4169.p-breadcrumb ul li:last-child .p-menuitem-text {
4170 color: rgba(255, 255, 255, 0.87);
4171}
4172.p-breadcrumb ul li:last-child .p-menuitem-icon {
4173 color: rgba(255, 255, 255, 0.6);
4174}
4175
4176.p-contextmenu {
4177 padding: 0.5rem 0;
4178 background: #2b2b2b;
4179 color: rgba(255, 255, 255, 0.87);
4180 border: 0 none;
4181 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4182 border-radius: 4px;
4183 width: 12.5rem;
4184}
4185.p-contextmenu .p-menuitem-link {
4186 padding: 1rem 1rem;
4187 color: rgba(255, 255, 255, 0.87);
4188 border-radius: 0;
4189 transition: none;
4190 user-select: none;
4191}
4192.p-contextmenu .p-menuitem-link .p-menuitem-text {
4193 color: rgba(255, 255, 255, 0.87);
4194}
4195.p-contextmenu .p-menuitem-link .p-menuitem-icon {
4196 color: rgba(255, 255, 255, 0.6);
4197 margin-right: 0.5rem;
4198}
4199.p-contextmenu .p-menuitem-link .p-submenu-icon {
4200 color: rgba(255, 255, 255, 0.6);
4201}
4202.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
4203 background: rgba(255, 255, 255, 0.04);
4204}
4205.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4206 color: rgba(255, 255, 255, 0.87);
4207}
4208.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4209 color: rgba(255, 255, 255, 0.6);
4210}
4211.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4212 color: rgba(255, 255, 255, 0.6);
4213}
4214.p-contextmenu .p-menuitem-link:focus {
4215 outline: 0 none;
4216 outline-offset: 0;
4217 box-shadow: none;
4218}
4219.p-contextmenu .p-submenu-list {
4220 padding: 0.5rem 0;
4221 background: #2b2b2b;
4222 border: 0 none;
4223 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4224 border-radius: 4px;
4225}
4226.p-contextmenu .p-menuitem {
4227 margin: 0;
4228}
4229.p-contextmenu .p-menuitem:last-child {
4230 margin: 0;
4231}
4232.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4233 background: rgba(255, 255, 255, 0.04);
4234}
4235.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4236 color: rgba(255, 255, 255, 0.87);
4237}
4238.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 {
4239 color: rgba(255, 255, 255, 0.6);
4240}
4241.p-contextmenu .p-menu-separator {
4242 border-top: 1px solid rgba(255, 255, 255, 0.12);
4243 margin: 0.5rem 0;
4244}
4245.p-contextmenu .p-submenu-icon {
4246 font-size: 0.875rem;
4247}
4248
4249.p-dock .p-dock-list {
4250 background: rgba(255, 255, 255, 0.1);
4251 border: 1px solid rgba(255, 255, 255, 0.2);
4252 padding: 0.5rem 0.5rem;
4253 border-radius: 0.5rem;
4254}
4255.p-dock .p-dock-item {
4256 padding: 0.5rem;
4257}
4258.p-dock .p-dock-action {
4259 width: 4rem;
4260 height: 4rem;
4261}
4262.p-dock.p-dock-top .p-dock-item-second-prev,
4263.p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
4264.p-dock.p-dock-bottom .p-dock-item-second-next {
4265 margin: 0 0.9rem;
4266}
4267.p-dock.p-dock-top .p-dock-item-prev,
4268.p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
4269.p-dock.p-dock-bottom .p-dock-item-next {
4270 margin: 0 1.3rem;
4271}
4272.p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
4273 margin: 0 1.5rem;
4274}
4275.p-dock.p-dock-left .p-dock-item-second-prev,
4276.p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
4277.p-dock.p-dock-right .p-dock-item-second-next {
4278 margin: 0.9rem 0;
4279}
4280.p-dock.p-dock-left .p-dock-item-prev,
4281.p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
4282.p-dock.p-dock-right .p-dock-item-next {
4283 margin: 1.3rem 0;
4284}
4285.p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
4286 margin: 1.5rem 0;
4287}
4288
4289@media screen and (max-width: 960px) {
4290 .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container {
4291 overflow-x: auto;
4292 width: 100%;
4293 }
4294 .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
4295 margin: 0 auto;
4296 }
4297 .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container {
4298 overflow-y: auto;
4299 height: 100%;
4300 }
4301 .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
4302 margin: auto 0;
4303 }
4304 .p-dock .p-dock-list .p-dock-item {
4305 transform: none;
4306 margin: 0;
4307 }
4308}
4309.p-megamenu {
4310 padding: 1rem;
4311 background: #1e1e1e;
4312 color: rgba(255, 255, 255, 0.87);
4313 border: 1px solid rgba(255, 255, 255, 0.12);
4314 border-radius: 4px;
4315}
4316.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
4317 padding: 1rem;
4318 color: rgba(255, 255, 255, 0.87);
4319 border-radius: 4px;
4320 transition: none;
4321 user-select: none;
4322}
4323.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4324 color: rgba(255, 255, 255, 0.87);
4325}
4326.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4327 color: rgba(255, 255, 255, 0.6);
4328 margin-right: 0.5rem;
4329}
4330.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4331 color: rgba(255, 255, 255, 0.6);
4332 margin-left: 0.5rem;
4333}
4334.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4335 background: rgba(255, 255, 255, 0.04);
4336}
4337.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4338 color: rgba(255, 255, 255, 0.87);
4339}
4340.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4341 color: rgba(255, 255, 255, 0.6);
4342}
4343.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4344 color: rgba(255, 255, 255, 0.6);
4345}
4346.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
4347 outline: 0 none;
4348 outline-offset: 0;
4349 box-shadow: none;
4350}
4351.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4352.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4353 background: rgba(255, 255, 255, 0.04);
4354}
4355.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4356.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4357 color: rgba(255, 255, 255, 0.87);
4358}
4359.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4360.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4361 color: rgba(255, 255, 255, 0.6);
4362}
4363.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4364.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4365 color: rgba(255, 255, 255, 0.6);
4366}
4367.p-megamenu .p-menuitem-link {
4368 padding: 1rem 1rem;
4369 color: rgba(255, 255, 255, 0.87);
4370 border-radius: 0;
4371 transition: none;
4372 user-select: none;
4373}
4374.p-megamenu .p-menuitem-link .p-menuitem-text {
4375 color: rgba(255, 255, 255, 0.87);
4376}
4377.p-megamenu .p-menuitem-link .p-menuitem-icon {
4378 color: rgba(255, 255, 255, 0.6);
4379 margin-right: 0.5rem;
4380}
4381.p-megamenu .p-menuitem-link .p-submenu-icon {
4382 color: rgba(255, 255, 255, 0.6);
4383}
4384.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
4385 background: rgba(255, 255, 255, 0.04);
4386}
4387.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4388 color: rgba(255, 255, 255, 0.87);
4389}
4390.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4391 color: rgba(255, 255, 255, 0.6);
4392}
4393.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4394 color: rgba(255, 255, 255, 0.6);
4395}
4396.p-megamenu .p-menuitem-link:focus {
4397 outline: 0 none;
4398 outline-offset: 0;
4399 box-shadow: none;
4400}
4401.p-megamenu .p-megamenu-panel {
4402 background: #2b2b2b;
4403 color: rgba(255, 255, 255, 0.87);
4404 border: 0 none;
4405 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4406}
4407.p-megamenu .p-megamenu-submenu-header {
4408 margin: 0;
4409 padding: 1rem;
4410 color: rgba(255, 255, 255, 0.6);
4411 background: transparent;
4412 font-weight: 400;
4413 border-top-right-radius: 4px;
4414 border-top-left-radius: 4px;
4415}
4416.p-megamenu .p-megamenu-submenu {
4417 padding: 0.5rem 0;
4418 width: 12.5rem;
4419}
4420.p-megamenu .p-megamenu-submenu .p-menu-separator {
4421 border-top: 1px solid rgba(255, 255, 255, 0.12);
4422 margin: 0.5rem 0;
4423}
4424.p-megamenu .p-megamenu-submenu .p-menuitem {
4425 margin: 0;
4426}
4427.p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
4428 margin: 0;
4429}
4430.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
4431 background: rgba(255, 255, 255, 0.04);
4432}
4433.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4434 color: rgba(255, 255, 255, 0.87);
4435}
4436.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 {
4437 color: rgba(255, 255, 255, 0.6);
4438}
4439.p-megamenu.p-megamenu-vertical {
4440 width: 12.5rem;
4441 padding: 0.5rem 0;
4442}
4443.p-megamenu.p-megamenu-vertical .p-menuitem {
4444 margin: 0;
4445}
4446.p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
4447 margin: 0;
4448}
4449
4450.p-menu {
4451 padding: 0.5rem 0;
4452 background: #1e1e1e;
4453 color: rgba(255, 255, 255, 0.87);
4454 border: 1px solid rgba(255, 255, 255, 0.12);
4455 border-radius: 4px;
4456 width: 12.5rem;
4457}
4458.p-menu .p-menuitem-link {
4459 padding: 1rem 1rem;
4460 color: rgba(255, 255, 255, 0.87);
4461 border-radius: 0;
4462 transition: none;
4463 user-select: none;
4464}
4465.p-menu .p-menuitem-link .p-menuitem-text {
4466 color: rgba(255, 255, 255, 0.87);
4467}
4468.p-menu .p-menuitem-link .p-menuitem-icon {
4469 color: rgba(255, 255, 255, 0.6);
4470 margin-right: 0.5rem;
4471}
4472.p-menu .p-menuitem-link .p-submenu-icon {
4473 color: rgba(255, 255, 255, 0.6);
4474}
4475.p-menu .p-menuitem-link:not(.p-disabled):hover {
4476 background: rgba(255, 255, 255, 0.04);
4477}
4478.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4479 color: rgba(255, 255, 255, 0.87);
4480}
4481.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4482 color: rgba(255, 255, 255, 0.6);
4483}
4484.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4485 color: rgba(255, 255, 255, 0.6);
4486}
4487.p-menu .p-menuitem-link:focus {
4488 outline: 0 none;
4489 outline-offset: 0;
4490 box-shadow: none;
4491}
4492.p-menu.p-menu-overlay {
4493 background: #2b2b2b;
4494 border: 0 none;
4495 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4496}
4497.p-menu .p-submenu-header {
4498 margin: 0;
4499 padding: 1rem;
4500 color: rgba(255, 255, 255, 0.6);
4501 background: transparent;
4502 font-weight: 400;
4503 border-top-right-radius: 0;
4504 border-top-left-radius: 0;
4505}
4506.p-menu .p-menu-separator {
4507 border-top: 1px solid rgba(255, 255, 255, 0.12);
4508 margin: 0.5rem 0;
4509}
4510.p-menu .p-menuitem {
4511 margin: 0;
4512}
4513.p-menu .p-menuitem:last-child {
4514 margin: 0;
4515}
4516
4517.p-menubar {
4518 padding: 1rem;
4519 background: #1e1e1e;
4520 color: rgba(255, 255, 255, 0.87);
4521 border: 1px solid rgba(255, 255, 255, 0.12);
4522 border-radius: 4px;
4523}
4524.p-menubar .p-menuitem-link {
4525 padding: 1rem 1rem;
4526 color: rgba(255, 255, 255, 0.87);
4527 border-radius: 0;
4528 transition: none;
4529 user-select: none;
4530}
4531.p-menubar .p-menuitem-link .p-menuitem-text {
4532 color: rgba(255, 255, 255, 0.87);
4533}
4534.p-menubar .p-menuitem-link .p-menuitem-icon {
4535 color: rgba(255, 255, 255, 0.6);
4536 margin-right: 0.5rem;
4537}
4538.p-menubar .p-menuitem-link .p-submenu-icon {
4539 color: rgba(255, 255, 255, 0.6);
4540}
4541.p-menubar .p-menuitem-link:not(.p-disabled):hover {
4542 background: rgba(255, 255, 255, 0.04);
4543}
4544.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4545 color: rgba(255, 255, 255, 0.87);
4546}
4547.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4548 color: rgba(255, 255, 255, 0.6);
4549}
4550.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4551 color: rgba(255, 255, 255, 0.6);
4552}
4553.p-menubar .p-menuitem-link:focus {
4554 outline: 0 none;
4555 outline-offset: 0;
4556 box-shadow: none;
4557}
4558.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4559 padding: 1rem;
4560 color: rgba(255, 255, 255, 0.87);
4561 border-radius: 4px;
4562 transition: none;
4563 user-select: none;
4564}
4565.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4566 color: rgba(255, 255, 255, 0.87);
4567}
4568.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4569 color: rgba(255, 255, 255, 0.6);
4570 margin-right: 0.5rem;
4571}
4572.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4573 color: rgba(255, 255, 255, 0.6);
4574 margin-left: 0.5rem;
4575}
4576.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4577 background: rgba(255, 255, 255, 0.04);
4578}
4579.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4580 color: rgba(255, 255, 255, 0.87);
4581}
4582.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4583 color: rgba(255, 255, 255, 0.6);
4584}
4585.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4586 color: rgba(255, 255, 255, 0.6);
4587}
4588.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4589 outline: 0 none;
4590 outline-offset: 0;
4591 box-shadow: none;
4592}
4593.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
4594.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
4595 background: rgba(255, 255, 255, 0.04);
4596}
4597.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
4598.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4599 color: rgba(255, 255, 255, 0.87);
4600}
4601.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
4602.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4603 color: rgba(255, 255, 255, 0.6);
4604}
4605.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
4606.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4607 color: rgba(255, 255, 255, 0.6);
4608}
4609.p-menubar .p-submenu-list {
4610 padding: 0.5rem 0;
4611 background: #2b2b2b;
4612 border: 0 none;
4613 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4614 width: 12.5rem;
4615}
4616.p-menubar .p-submenu-list .p-menu-separator {
4617 border-top: 1px solid rgba(255, 255, 255, 0.12);
4618 margin: 0.5rem 0;
4619}
4620.p-menubar .p-submenu-list .p-submenu-icon {
4621 font-size: 0.875rem;
4622}
4623.p-menubar .p-submenu-list .p-menuitem {
4624 margin: 0;
4625}
4626.p-menubar .p-submenu-list .p-menuitem:last-child {
4627 margin: 0;
4628}
4629.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
4630 background: rgba(255, 255, 255, 0.04);
4631}
4632.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
4633 color: rgba(255, 255, 255, 0.87);
4634}
4635.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 {
4636 color: rgba(255, 255, 255, 0.6);
4637}
4638
4639@media screen and (max-width: 960px) {
4640 .p-menubar {
4641 position: relative;
4642 }
4643 .p-menubar .p-menubar-button {
4644 display: flex;
4645 width: 2.5rem;
4646 height: 2.5rem;
4647 color: rgba(255, 255, 255, 0.6);
4648 border-radius: 50%;
4649 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
4650 }
4651 .p-menubar .p-menubar-button:hover {
4652 color: rgba(255, 255, 255, 0.6);
4653 background: rgba(255, 255, 255, 0.04);
4654 }
4655 .p-menubar .p-menubar-button:focus {
4656 outline: 0 none;
4657 outline-offset: 0;
4658 box-shadow: none;
4659 }
4660 .p-menubar .p-menubar-root-list {
4661 position: absolute;
4662 display: none;
4663 padding: 0.5rem 0;
4664 background: #2b2b2b;
4665 border: 0 none;
4666 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4667 width: 100%;
4668 }
4669 .p-menubar .p-menubar-root-list .p-menu-separator {
4670 border-top: 1px solid rgba(255, 255, 255, 0.12);
4671 margin: 0.5rem 0;
4672 }
4673 .p-menubar .p-menubar-root-list .p-submenu-icon {
4674 font-size: 0.875rem;
4675 }
4676 .p-menubar .p-menubar-root-list > .p-menuitem {
4677 width: 100%;
4678 position: static;
4679 }
4680 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
4681 padding: 1rem 1rem;
4682 color: rgba(255, 255, 255, 0.87);
4683 border-radius: 0;
4684 transition: none;
4685 user-select: none;
4686 }
4687 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
4688 color: rgba(255, 255, 255, 0.87);
4689 }
4690 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
4691 color: rgba(255, 255, 255, 0.6);
4692 margin-right: 0.5rem;
4693 }
4694 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
4695 color: rgba(255, 255, 255, 0.6);
4696 }
4697 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
4698 background: rgba(255, 255, 255, 0.04);
4699 }
4700 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4701 color: rgba(255, 255, 255, 0.87);
4702 }
4703 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4704 color: rgba(255, 255, 255, 0.6);
4705 }
4706 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4707 color: rgba(255, 255, 255, 0.6);
4708 }
4709 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
4710 outline: 0 none;
4711 outline-offset: 0;
4712 box-shadow: none;
4713 }
4714 .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
4715 margin-left: auto;
4716 transition: transform 0.2s;
4717 }
4718 .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4719 transform: rotate(-180deg);
4720 }
4721 .p-menubar .p-menubar-root-list .p-submenu-list {
4722 width: 100%;
4723 position: static;
4724 box-shadow: none;
4725 border: 0 none;
4726 }
4727 .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
4728 transition: transform 0.2s;
4729 transform: rotate(90deg);
4730 }
4731 .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
4732 transform: rotate(-90deg);
4733 }
4734 .p-menubar .p-menubar-root-list .p-menuitem {
4735 width: 100%;
4736 position: static;
4737 }
4738 .p-menubar .p-menubar-root-list ul li a {
4739 padding-left: 3rem;
4740 }
4741 .p-menubar .p-menubar-root-list ul li ul li a {
4742 padding-left: 5rem;
4743 }
4744 .p-menubar .p-menubar-root-list ul li ul li ul li a {
4745 padding-left: 7rem;
4746 }
4747 .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
4748 padding-left: 9rem;
4749 }
4750 .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
4751 padding-left: 11rem;
4752 }
4753 .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
4754 display: flex;
4755 flex-direction: column;
4756 top: 100%;
4757 left: 0;
4758 z-index: 1;
4759 }
4760}
4761.p-panelmenu .p-panelmenu-header > a {
4762 padding: 1.5rem;
4763 border: 0 none;
4764 color: rgba(255, 255, 255, 0.87);
4765 background: #1e1e1e;
4766 font-weight: 400;
4767 border-radius: 4px;
4768 transition: none;
4769}
4770.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
4771 margin-right: 0.5rem;
4772}
4773.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
4774 margin-right: 0.5rem;
4775}
4776.p-panelmenu .p-panelmenu-header > a:focus {
4777 outline: 0 none;
4778 outline-offset: 0;
4779 box-shadow: none;
4780}
4781.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
4782 background: rgba(255, 255, 255, 0.04);
4783 border-color: transparent;
4784 color: rgba(255, 255, 255, 0.87);
4785}
4786.p-panelmenu .p-panelmenu-header.p-highlight {
4787 margin-bottom: 0;
4788}
4789.p-panelmenu .p-panelmenu-header.p-highlight > a {
4790 background: #1e1e1e;
4791 border-color: transparent;
4792 color: rgba(255, 255, 255, 0.87);
4793 border-bottom-right-radius: 0;
4794 border-bottom-left-radius: 0;
4795}
4796.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
4797 border-color: transparent;
4798 background: rgba(255, 255, 255, 0.04);
4799 color: rgba(255, 255, 255, 0.87);
4800}
4801.p-panelmenu .p-panelmenu-content {
4802 padding: 0.5rem 0;
4803 border: 0 none;
4804 background: #1e1e1e;
4805 color: rgba(255, 255, 255, 0.87);
4806 margin-bottom: 0;
4807 border-top: 0;
4808 border-top-right-radius: 0;
4809 border-top-left-radius: 0;
4810 border-bottom-right-radius: 4px;
4811 border-bottom-left-radius: 4px;
4812}
4813.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
4814 padding: 1rem 1rem;
4815 color: rgba(255, 255, 255, 0.87);
4816 border-radius: 0;
4817 transition: none;
4818 user-select: none;
4819}
4820.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
4821 color: rgba(255, 255, 255, 0.87);
4822}
4823.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
4824 color: rgba(255, 255, 255, 0.6);
4825 margin-right: 0.5rem;
4826}
4827.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
4828 color: rgba(255, 255, 255, 0.6);
4829}
4830.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
4831 background: rgba(255, 255, 255, 0.04);
4832}
4833.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4834 color: rgba(255, 255, 255, 0.87);
4835}
4836.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4837 color: rgba(255, 255, 255, 0.6);
4838}
4839.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4840 color: rgba(255, 255, 255, 0.6);
4841}
4842.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
4843 outline: 0 none;
4844 outline-offset: 0;
4845 box-shadow: none;
4846}
4847.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
4848 margin-right: 0.5rem;
4849}
4850.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
4851 padding: 0 0 0 1rem;
4852}
4853.p-panelmenu .p-panelmenu-panel {
4854 margin-bottom: 0;
4855}
4856.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
4857 border-radius: 0;
4858}
4859.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
4860 border-radius: 0;
4861}
4862.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
4863 border-top: 0 none;
4864}
4865.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
4866 border-top: 0 none;
4867}
4868.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
4869 border-top-right-radius: 4px;
4870 border-top-left-radius: 4px;
4871}
4872.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
4873 border-bottom-right-radius: 4px;
4874 border-bottom-left-radius: 4px;
4875}
4876.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
4877 border-bottom-right-radius: 4px;
4878 border-bottom-left-radius: 4px;
4879}
4880
4881.p-slidemenu {
4882 padding: 0.5rem 0;
4883 background: #1e1e1e;
4884 color: rgba(255, 255, 255, 0.87);
4885 border: 1px solid rgba(255, 255, 255, 0.12);
4886 border-radius: 4px;
4887 width: 12.5rem;
4888}
4889.p-slidemenu .p-menuitem-link {
4890 padding: 1rem 1rem;
4891 color: rgba(255, 255, 255, 0.87);
4892 border-radius: 0;
4893 transition: none;
4894 user-select: none;
4895}
4896.p-slidemenu .p-menuitem-link .p-menuitem-text {
4897 color: rgba(255, 255, 255, 0.87);
4898}
4899.p-slidemenu .p-menuitem-link .p-menuitem-icon {
4900 color: rgba(255, 255, 255, 0.6);
4901 margin-right: 0.5rem;
4902}
4903.p-slidemenu .p-menuitem-link .p-submenu-icon {
4904 color: rgba(255, 255, 255, 0.6);
4905}
4906.p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
4907 background: rgba(255, 255, 255, 0.04);
4908}
4909.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
4910 color: rgba(255, 255, 255, 0.87);
4911}
4912.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
4913 color: rgba(255, 255, 255, 0.6);
4914}
4915.p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
4916 color: rgba(255, 255, 255, 0.6);
4917}
4918.p-slidemenu .p-menuitem-link:focus {
4919 outline: 0 none;
4920 outline-offset: 0;
4921 box-shadow: none;
4922}
4923.p-slidemenu.p-slidemenu-overlay {
4924 background: #2b2b2b;
4925 border: 0 none;
4926 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4927}
4928.p-slidemenu .p-slidemenu-list {
4929 padding: 0.5rem 0;
4930 background: #2b2b2b;
4931 border: 0 none;
4932 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
4933}
4934.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
4935 background: rgba(255, 255, 255, 0.04);
4936}
4937.p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
4938 color: rgba(255, 255, 255, 0.87);
4939}
4940.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 {
4941 color: rgba(255, 255, 255, 0.6);
4942}
4943.p-slidemenu .p-slidemenu-separator {
4944 border-top: 1px solid rgba(255, 255, 255, 0.12);
4945 margin: 0.5rem 0;
4946}
4947.p-slidemenu .p-slidemenu-icon {
4948 font-size: 0.875rem;
4949}
4950.p-slidemenu .p-slidemenu-backward {
4951 padding: 1rem 1rem;
4952 color: rgba(255, 255, 255, 0.87);
4953}
4954
4955.p-steps .p-steps-item .p-menuitem-link {
4956 background: transparent;
4957 transition: none;
4958 border-radius: 4px;
4959 background: transparent;
4960}
4961.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
4962 color: rgba(255, 255, 255, 0.87);
4963 border: 1px solid transparent;
4964 background: transparent;
4965 min-width: 2rem;
4966 height: 2rem;
4967 line-height: 2rem;
4968 font-size: 1.143rem;
4969 z-index: 1;
4970 border-radius: 50%;
4971}
4972.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
4973 margin-top: 0.5rem;
4974 color: rgba(255, 255, 255, 0.87);
4975}
4976.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
4977 outline: 0 none;
4978 outline-offset: 0;
4979 box-shadow: none;
4980}
4981.p-steps .p-steps-item.p-highlight .p-steps-number {
4982 background: rgba(159, 168, 218, 0.16);
4983 color: #9FA8DA;
4984}
4985.p-steps .p-steps-item.p-highlight .p-steps-title {
4986 font-weight: 500;
4987 color: rgba(255, 255, 255, 0.87);
4988}
4989.p-steps .p-steps-item:before {
4990 content: " ";
4991 border-top: 1px solid rgba(255, 255, 255, 0.12);
4992 width: 100%;
4993 top: 50%;
4994 left: 0;
4995 display: block;
4996 position: absolute;
4997 margin-top: -1rem;
4998}
4999
5000.p-tabmenu .p-tabmenu-nav {
5001 background: transparent;
5002 border: solid rgba(255, 255, 255, 0.12);
5003 border-width: 0 0 1px 0;
5004}
5005.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
5006 margin-right: 0;
5007}
5008.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
5009 border: solid rgba(255, 255, 255, 0.12);
5010 border-width: 0 0 1px 0;
5011 border-color: transparent transparent rgba(255, 255, 255, 0.12) transparent;
5012 background: transparent;
5013 color: rgba(255, 255, 255, 0.6);
5014 padding: 1rem 1.5rem;
5015 font-weight: 500;
5016 border-top-right-radius: 4px;
5017 border-top-left-radius: 4px;
5018 transition: none;
5019 margin: 0 0 0 0;
5020}
5021.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
5022 margin-right: 0.5rem;
5023}
5024.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
5025 outline: 0 none;
5026 outline-offset: 0;
5027 box-shadow: inset none;
5028}
5029.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
5030 background: rgba(159, 168, 218, 0.04);
5031 border-color: rgba(255, 255, 255, 0.12);
5032 color: rgba(255, 255, 255, 0.6);
5033}
5034.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
5035 background: transparent;
5036 border-color: rgba(255, 255, 255, 0.12);
5037 color: #9FA8DA;
5038}
5039
5040.p-tieredmenu {
5041 padding: 0.5rem 0;
5042 background: #1e1e1e;
5043 color: rgba(255, 255, 255, 0.87);
5044 border: 1px solid rgba(255, 255, 255, 0.12);
5045 border-radius: 4px;
5046 width: 12.5rem;
5047}
5048.p-tieredmenu .p-menuitem-link {
5049 padding: 1rem 1rem;
5050 color: rgba(255, 255, 255, 0.87);
5051 border-radius: 0;
5052 transition: none;
5053 user-select: none;
5054}
5055.p-tieredmenu .p-menuitem-link .p-menuitem-text {
5056 color: rgba(255, 255, 255, 0.87);
5057}
5058.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
5059 color: rgba(255, 255, 255, 0.6);
5060 margin-right: 0.5rem;
5061}
5062.p-tieredmenu .p-menuitem-link .p-submenu-icon {
5063 color: rgba(255, 255, 255, 0.6);
5064}
5065.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
5066 background: rgba(255, 255, 255, 0.04);
5067}
5068.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
5069 color: rgba(255, 255, 255, 0.87);
5070}
5071.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
5072 color: rgba(255, 255, 255, 0.6);
5073}
5074.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
5075 color: rgba(255, 255, 255, 0.6);
5076}
5077.p-tieredmenu .p-menuitem-link:focus {
5078 outline: 0 none;
5079 outline-offset: 0;
5080 box-shadow: none;
5081}
5082.p-tieredmenu.p-tieredmenu-overlay {
5083 background: #2b2b2b;
5084 border: 0 none;
5085 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5086}
5087.p-tieredmenu .p-submenu-list {
5088 padding: 0.5rem 0;
5089 background: #2b2b2b;
5090 border: 0 none;
5091 box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
5092}
5093.p-tieredmenu .p-menuitem {
5094 margin: 0;
5095}
5096.p-tieredmenu .p-menuitem:last-child {
5097 margin: 0;
5098}
5099.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
5100 background: rgba(255, 255, 255, 0.04);
5101}
5102.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
5103 color: rgba(255, 255, 255, 0.87);
5104}
5105.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 {
5106 color: rgba(255, 255, 255, 0.6);
5107}
5108.p-tieredmenu .p-menu-separator {
5109 border-top: 1px solid rgba(255, 255, 255, 0.12);
5110 margin: 0.5rem 0;
5111}
5112.p-tieredmenu .p-submenu-icon {
5113 font-size: 0.875rem;
5114}
5115
5116.p-inline-message {
5117 padding: 1rem 1rem;
5118 margin: 0;
5119 border-radius: 4px;
5120}
5121.p-inline-message.p-inline-message-info {
5122 background: #B3E5FC;
5123 border: solid transparent;
5124 border-width: 1px;
5125 color: #01579B;
5126}
5127.p-inline-message.p-inline-message-info .p-inline-message-icon {
5128 color: #01579B;
5129}
5130.p-inline-message.p-inline-message-success {
5131 background: #C8E6C9;
5132 border: solid transparent;
5133 border-width: 1px;
5134 color: #1B5E20;
5135}
5136.p-inline-message.p-inline-message-success .p-inline-message-icon {
5137 color: #1B5E20;
5138}
5139.p-inline-message.p-inline-message-warn {
5140 background: #FFECB3;
5141 border: solid transparent;
5142 border-width: 1px;
5143 color: #7f6003;
5144}
5145.p-inline-message.p-inline-message-warn .p-inline-message-icon {
5146 color: #7f6003;
5147}
5148.p-inline-message.p-inline-message-error {
5149 background: #FFCDD2;
5150 border: solid transparent;
5151 border-width: 1px;
5152 color: #B71C1C;
5153}
5154.p-inline-message.p-inline-message-error .p-inline-message-icon {
5155 color: #B71C1C;
5156}
5157.p-inline-message .p-inline-message-icon {
5158 font-size: 1rem;
5159 margin-right: 0.5rem;
5160}
5161.p-inline-message .p-inline-message-text {
5162 font-size: 1rem;
5163}
5164.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
5165 margin-right: 0;
5166}
5167
5168.p-message {
5169 margin: 1rem 0;
5170 border-radius: 4px;
5171}
5172.p-message .p-message-wrapper {
5173 padding: 1.25rem 1.5rem;
5174}
5175.p-message .p-message-close {
5176 width: 2.5rem;
5177 height: 2.5rem;
5178 border-radius: 50%;
5179 background: transparent;
5180 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5181}
5182.p-message .p-message-close:hover {
5183 background: rgba(255, 255, 255, 0.3);
5184}
5185.p-message .p-message-close:focus {
5186 outline: 0 none;
5187 outline-offset: 0;
5188 box-shadow: none;
5189}
5190.p-message.p-message-info {
5191 background: #B3E5FC;
5192 border: solid transparent;
5193 border-width: 0 0 0 0;
5194 color: #01579B;
5195}
5196.p-message.p-message-info .p-message-icon {
5197 color: #01579B;
5198}
5199.p-message.p-message-info .p-message-close {
5200 color: #01579B;
5201}
5202.p-message.p-message-success {
5203 background: #C8E6C9;
5204 border: solid transparent;
5205 border-width: 0 0 0 0;
5206 color: #1B5E20;
5207}
5208.p-message.p-message-success .p-message-icon {
5209 color: #1B5E20;
5210}
5211.p-message.p-message-success .p-message-close {
5212 color: #1B5E20;
5213}
5214.p-message.p-message-warn {
5215 background: #FFECB3;
5216 border: solid transparent;
5217 border-width: 0 0 0 0;
5218 color: #7f6003;
5219}
5220.p-message.p-message-warn .p-message-icon {
5221 color: #7f6003;
5222}
5223.p-message.p-message-warn .p-message-close {
5224 color: #7f6003;
5225}
5226.p-message.p-message-error {
5227 background: #FFCDD2;
5228 border: solid transparent;
5229 border-width: 0 0 0 0;
5230 color: #B71C1C;
5231}
5232.p-message.p-message-error .p-message-icon {
5233 color: #B71C1C;
5234}
5235.p-message.p-message-error .p-message-close {
5236 color: #B71C1C;
5237}
5238.p-message .p-message-text {
5239 font-size: 1rem;
5240 font-weight: 500;
5241}
5242.p-message .p-message-icon {
5243 font-size: 1.5rem;
5244 margin-right: 0.5rem;
5245}
5246.p-message .p-message-summary {
5247 font-weight: 700;
5248}
5249.p-message .p-message-detail {
5250 margin-left: 0.5rem;
5251}
5252
5253.p-toast {
5254 opacity: 0.9;
5255}
5256.p-toast .p-toast-message {
5257 margin: 0 0 1rem 0;
5258 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
5259 border-radius: 4px;
5260}
5261.p-toast .p-toast-message .p-toast-message-content {
5262 padding: 1.5rem;
5263 border-width: 0 0 0 0;
5264}
5265.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
5266 margin: 0 0 0 1rem;
5267}
5268.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
5269 font-size: 2rem;
5270}
5271.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
5272 font-weight: 700;
5273}
5274.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
5275 margin: 0.5rem 0 0 0;
5276}
5277.p-toast .p-toast-message .p-toast-icon-close {
5278 width: 2rem;
5279 height: 2rem;
5280 border-radius: 50%;
5281 background: transparent;
5282 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5283}
5284.p-toast .p-toast-message .p-toast-icon-close:hover {
5285 background: rgba(255, 255, 255, 0.3);
5286}
5287.p-toast .p-toast-message .p-toast-icon-close:focus {
5288 outline: 0 none;
5289 outline-offset: 0;
5290 box-shadow: none;
5291}
5292.p-toast .p-toast-message.p-toast-message-info {
5293 background: #B3E5FC;
5294 border: solid transparent;
5295 border-width: 0 0 0 0;
5296 color: #01579B;
5297}
5298.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
5299.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
5300 color: #01579B;
5301}
5302.p-toast .p-toast-message.p-toast-message-success {
5303 background: #C8E6C9;
5304 border: solid transparent;
5305 border-width: 0 0 0 0;
5306 color: #1B5E20;
5307}
5308.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
5309.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
5310 color: #1B5E20;
5311}
5312.p-toast .p-toast-message.p-toast-message-warn {
5313 background: #FFECB3;
5314 border: solid transparent;
5315 border-width: 0 0 0 0;
5316 color: #7f6003;
5317}
5318.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
5319.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
5320 color: #7f6003;
5321}
5322.p-toast .p-toast-message.p-toast-message-error {
5323 background: #FFCDD2;
5324 border: solid transparent;
5325 border-width: 0 0 0 0;
5326 color: #B71C1C;
5327}
5328.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
5329.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
5330 color: #B71C1C;
5331}
5332
5333.p-galleria .p-galleria-close {
5334 margin: 0.5rem;
5335 background: transparent;
5336 color: rgba(255, 255, 255, 0.87);
5337 width: 4rem;
5338 height: 4rem;
5339 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5340 border-radius: 50%;
5341}
5342.p-galleria .p-galleria-close .p-galleria-close-icon {
5343 font-size: 2rem;
5344}
5345.p-galleria .p-galleria-close:hover {
5346 background: rgba(255, 255, 255, 0.1);
5347 color: rgba(255, 255, 255, 0.87);
5348}
5349.p-galleria .p-galleria-item-nav {
5350 background: transparent;
5351 color: rgba(255, 255, 255, 0.87);
5352 width: 4rem;
5353 height: 4rem;
5354 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5355 border-radius: 50%;
5356 margin: 0 0.5rem;
5357}
5358.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
5359.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
5360 font-size: 2rem;
5361}
5362.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
5363 background: rgba(255, 255, 255, 0.1);
5364 color: rgba(255, 255, 255, 0.87);
5365}
5366.p-galleria .p-galleria-caption {
5367 background: rgba(0, 0, 0, 0.5);
5368 color: rgba(255, 255, 255, 0.87);
5369 padding: 1rem;
5370}
5371.p-galleria .p-galleria-indicators {
5372 padding: 1rem;
5373}
5374.p-galleria .p-galleria-indicators .p-galleria-indicator button {
5375 background-color: rgba(255, 255, 255, 0.3);
5376 width: 1.25rem;
5377 height: 1.25rem;
5378 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5379 border-radius: 50%;
5380}
5381.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
5382 background: rgba(255, 255, 255, 0.6);
5383}
5384.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
5385 background: rgba(159, 168, 218, 0.16);
5386 color: #9FA8DA;
5387}
5388.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
5389 margin-right: 0.5rem;
5390}
5391.p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
5392 margin-bottom: 0.5rem;
5393}
5394.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
5395 background: rgba(0, 0, 0, 0.5);
5396}
5397.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
5398 background: rgba(255, 255, 255, 0.3);
5399}
5400.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
5401 background: rgba(255, 255, 255, 0.6);
5402}
5403.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
5404 background: rgba(159, 168, 218, 0.16);
5405 color: #9FA8DA;
5406}
5407.p-galleria .p-galleria-thumbnail-container {
5408 background: rgba(0, 0, 0, 0.9);
5409 padding: 1rem 0.25rem;
5410}
5411.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
5412.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
5413 margin: 0.5rem;
5414 background-color: transparent;
5415 color: rgba(255, 255, 255, 0.87);
5416 width: 2rem;
5417 height: 2rem;
5418 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5419 border-radius: 50%;
5420}
5421.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
5422.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
5423 background: rgba(255, 255, 255, 0.1);
5424 color: rgba(255, 255, 255, 0.87);
5425}
5426.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
5427 outline: 0 none;
5428 outline-offset: 0;
5429 box-shadow: none;
5430}
5431
5432.p-galleria-mask {
5433 --maskbg: rgba(0, 0, 0, 0.9);
5434}
5435
5436.p-image-mask {
5437 --maskbg: rgba(0, 0, 0, 0.9);
5438}
5439
5440.p-image-preview-indicator {
5441 background-color: transparent;
5442 color: #f8f9fa;
5443 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5444}
5445
5446.p-image-preview-container:hover > .p-image-preview-indicator {
5447 background-color: rgba(0, 0, 0, 0.5);
5448}
5449
5450.p-image-toolbar {
5451 padding: 1rem;
5452}
5453
5454.p-image-action.p-link {
5455 color: #f8f9fa;
5456 background-color: transparent;
5457 width: 3rem;
5458 height: 3rem;
5459 border-radius: 50%;
5460 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5461 margin-right: 0.5rem;
5462}
5463.p-image-action.p-link:last-child {
5464 margin-right: 0;
5465}
5466.p-image-action.p-link:hover {
5467 color: #f8f9fa;
5468 background-color: rgba(255, 255, 255, 0.1);
5469}
5470.p-image-action.p-link i {
5471 font-size: 1.5rem;
5472}
5473
5474.p-avatar {
5475 background-color: rgba(255, 255, 255, 0.12);
5476 border-radius: 4px;
5477}
5478.p-avatar.p-avatar-lg {
5479 width: 3rem;
5480 height: 3rem;
5481 font-size: 1.5rem;
5482}
5483.p-avatar.p-avatar-lg .p-avatar-icon {
5484 font-size: 1.5rem;
5485}
5486.p-avatar.p-avatar-xl {
5487 width: 4rem;
5488 height: 4rem;
5489 font-size: 2rem;
5490}
5491.p-avatar.p-avatar-xl .p-avatar-icon {
5492 font-size: 2rem;
5493}
5494
5495.p-avatar-group .p-avatar {
5496 border: 2px solid #1e1e1e;
5497}
5498
5499.p-badge {
5500 background: #9FA8DA;
5501 color: #121212;
5502 font-size: 0.75rem;
5503 font-weight: 700;
5504 min-width: 1.5rem;
5505 height: 1.5rem;
5506 line-height: 1.5rem;
5507}
5508.p-badge.p-badge-secondary {
5509 background-color: #F48FB1;
5510 color: #121212;
5511}
5512.p-badge.p-badge-success {
5513 background-color: #C5E1A5;
5514 color: #212121;
5515}
5516.p-badge.p-badge-info {
5517 background-color: #90CAF9;
5518 color: #212121;
5519}
5520.p-badge.p-badge-warning {
5521 background-color: #FFF59D;
5522 color: #212121;
5523}
5524.p-badge.p-badge-danger {
5525 background-color: #EF9A9A;
5526 color: #212121;
5527}
5528.p-badge.p-badge-lg {
5529 font-size: 1.125rem;
5530 min-width: 2.25rem;
5531 height: 2.25rem;
5532 line-height: 2.25rem;
5533}
5534.p-badge.p-badge-xl {
5535 font-size: 1.5rem;
5536 min-width: 3rem;
5537 height: 3rem;
5538 line-height: 3rem;
5539}
5540
5541.p-chip {
5542 background-color: rgba(255, 255, 255, 0.12);
5543 color: rgba(255, 255, 255, 0.87);
5544 border-radius: 16px;
5545 padding: 0 1rem;
5546}
5547.p-chip .p-chip-text {
5548 line-height: 1.5;
5549 margin-top: 0.5rem;
5550 margin-bottom: 0.5rem;
5551}
5552.p-chip .p-chip-icon {
5553 margin-right: 0.5rem;
5554}
5555.p-chip .pi-chip-remove-icon {
5556 margin-left: 0.5rem;
5557}
5558.p-chip img {
5559 width: 2.5rem;
5560 height: 2.5rem;
5561 margin-left: -1rem;
5562 margin-right: 0.5rem;
5563}
5564.p-chip .pi-chip-remove-icon {
5565 border-radius: 4px;
5566 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5567}
5568.p-chip .pi-chip-remove-icon:focus {
5569 outline: 0 none;
5570 outline-offset: 0;
5571 box-shadow: none;
5572}
5573
5574.p-inplace .p-inplace-display {
5575 padding: 1rem 1rem;
5576 border-radius: 4px;
5577 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
5578}
5579.p-inplace .p-inplace-display:not(.p-disabled):hover {
5580 background: rgba(255, 255, 255, 0.04);
5581 color: rgba(255, 255, 255, 0.87);
5582}
5583.p-inplace .p-inplace-display:focus {
5584 outline: 0 none;
5585 outline-offset: 0;
5586 box-shadow: none;
5587}
5588
5589.p-progressbar {
5590 border: 0 none;
5591 height: 4px;
5592 background: rgba(159, 168, 218, 0.32);
5593 border-radius: 4px;
5594}
5595.p-progressbar .p-progressbar-value {
5596 border: 0 none;
5597 margin: 0;
5598 background: #9FA8DA;
5599}
5600.p-progressbar .p-progressbar-label {
5601 color: rgba(255, 255, 255, 0.87);
5602 line-height: 4px;
5603}
5604
5605.p-scrolltop {
5606 width: 3rem;
5607 height: 3rem;
5608 border-radius: 50%;
5609 box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
5610 transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
5611}
5612.p-scrolltop.p-link {
5613 background: #F48FB1;
5614}
5615.p-scrolltop.p-link:hover {
5616 background: rgba(244, 143, 177, 0.92);
5617}
5618.p-scrolltop .p-scrolltop-icon {
5619 font-size: 1.5rem;
5620 color: #121212;
5621}
5622
5623.p-skeleton {
5624 background-color: rgba(255, 255, 255, 0.06);
5625 border-radius: 4px;
5626}
5627.p-skeleton:after {
5628 background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0));
5629}
5630
5631.p-tag {
5632 background: #9FA8DA;
5633 color: #121212;
5634 font-size: 0.75rem;
5635 font-weight: 700;
5636 padding: 0.25rem 0.4rem;
5637 border-radius: 4px;
5638}
5639.p-tag.p-tag-success {
5640 background-color: #C5E1A5;
5641 color: #212121;
5642}
5643.p-tag.p-tag-info {
5644 background-color: #90CAF9;
5645 color: #212121;
5646}
5647.p-tag.p-tag-warning {
5648 background-color: #FFF59D;
5649 color: #212121;
5650}
5651.p-tag.p-tag-danger {
5652 background-color: #EF9A9A;
5653 color: #212121;
5654}
5655.p-tag .p-tag-icon {
5656 margin-right: 0.25rem;
5657 font-size: 0.75rem;
5658}
5659
5660.p-terminal {
5661 background: #1e1e1e;
5662 color: rgba(255, 255, 255, 0.87);
5663 border: 1px solid rgba(255, 255, 255, 0.12);
5664 padding: 1rem;
5665}
5666.p-terminal .p-terminal-input {
5667 font-size: 1rem;
5668 font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
5669}
5670
5671.p-accordion .p-accordion-tab {
5672 box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
5673 margin-bottom: 0;
5674 border-radius: 0;
5675 position: relative;
5676 transition: margin-bottom 225ms;
5677}
5678.p-accordion .p-accordion-tab:first-child {
5679 border-top-left-radius: 4px;
5680 border-top-right-radius: 4px;
5681}
5682.p-accordion .p-accordion-tab:last-child {
5683 border-bottom-left-radius: 4px;
5684 border-bottom-right-radius: 4px;
5685}
5686.p-accordion .p-accordion-tab .p-accordion-toggle-icon {
5687 order: 1;
5688 margin-left: auto;
5689 transition: transform 0.2s;
5690}
5691.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-header-link:focus {
5692 background: rgba(255, 255, 255, 0.04);
5693}
5694.p-accordion .p-accordion-tab:not(.p-accordion-tab-active) .p-accordion-toggle-icon {
5695 transform: rotate(-270deg);
5696}
5697.p-accordion .p-accordion-tab.p-accordion-tab-active {
5698 margin-bottom: 1rem;
5699}
5700.p-accordion .p-accordion-tab.p-accordion-tab-active .p-accordion-toggle-icon {
5701 transform: rotate(-180deg);
5702}
5703.p-accordion .p-accordion-tab .p-accordion-header.p-disabled {
5704 opacity: 1;
5705}
5706.p-accordion .p-accordion-tab .p-accordion-header.p-disabled .p-accordion-header-link > * {
5707 opacity: 0.38;
5708}
5709
5710.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
5711 box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
5712}
5713
5714.p-input-filled .p-autocomplete .p-autocomplete-multiple-container {
5715 border-bottom-left-radius: 0;
5716 border-bottom-right-radius: 0;
5717 border: 1px solid transparent;
5718 background: rgba(255, 255, 255, 0.06) no-repeat;
5719 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
5720 background-size: 0 2px, 100% 1px;
5721 background-position: 50% 100%, 50% 100%;
5722 background-origin: border-box;
5723}
5724.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext {
5725 background-image: none;
5726 background-color: transparent;
5727}
5728.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
5729 background-color: rgba(255, 255, 255, 0.08);
5730 border-color: transparent;
5731 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
5732}
5733.p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
5734 box-shadow: none;
5735 background-color: rgba(255, 255, 255, 0.1);
5736 border-color: transparent;
5737 background-size: 100% 2px, 100% 1px;
5738}
5739.p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-autocomplete .p-autocomplete-multiple-container .p-inputtext:enabled:focus {
5740 background-image: none;
5741 background: transparent;
5742}
5743
5744.p-float-label .p-autocomplete-multiple-container .p-autocomplete-token {
5745 padding: 0.25rem 1rem;
5746}
5747
5748.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
5749 padding-top: 0;
5750 padding-bottom: 0;
5751}
5752.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
5753 font-size: 75%;
5754}
5755.p-input-filled .p-float-label .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
5756 padding: 0;
5757}
5758.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext {
5759 border-color: transparent;
5760 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
5761}
5762.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus {
5763 box-shadow: none;
5764 border-color: transparent;
5765}
5766.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container {
5767 border-color: transparent;
5768 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
5769}
5770.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
5771 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
5772}
5773.p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus {
5774 box-shadow: none;
5775 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
5776}
5777
5778p-autocomplete.ng-dirty.ng-invalid .p-autocomplete > .p-inputtext:enabled:focus {
5779 box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
5780}
5781p-autocomplete.ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
5782 box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
5783}
5784
5785.p-breadcrumb .p-menuitem-link {
5786 padding: 0.25rem 0.5rem;
5787}
5788.p-breadcrumb .p-menuitem-link:focus {
5789 background: rgba(255, 255, 255, 0.12);
5790}
5791
5792.p-button {
5793 font-weight: 500;
5794 min-width: 4rem;
5795}
5796.p-button.p-button-icon-only {
5797 min-width: auto;
5798}
5799.p-button:enabled:focus {
5800 background: rgba(159, 168, 218, 0.76);
5801}
5802.p-button:enabled:active {
5803 background: rgba(159, 168, 218, 0.68);
5804}
5805.p-button .p-ink {
5806 background-color: rgba(255, 255, 255, 0.32);
5807}
5808.p-button.p-button-text:enabled:focus, .p-button.p-button-outlined:enabled:focus {
5809 background: rgba(159, 168, 218, 0.12);
5810}
5811.p-button.p-button-text:enabled:active, .p-button.p-button-outlined:enabled:active {
5812 background: rgba(159, 168, 218, 0.16);
5813}
5814.p-button.p-button-text .p-ink, .p-button.p-button-outlined .p-ink {
5815 background-color: rgba(159, 168, 218, 0.16);
5816}
5817.p-button.p-button-outlined {
5818 box-shadow: inset 0 0 0 1px;
5819}
5820.p-button.p-button-outlined:enabled:focus {
5821 box-shadow: inset 0 0 0 1px;
5822}
5823.p-button.p-button-outlined:enabled:active {
5824 box-shadow: inset 0 0 0 1px;
5825}
5826.p-button:disabled {
5827 background-color: rgba(255, 255, 255, 0.12) !important;
5828 color: rgba(255, 255, 255, 0.38) !important;
5829 opacity: 1;
5830}
5831.p-button:disabled.p-button-text {
5832 background-color: transparent !important;
5833 color: rgba(255, 255, 255, 0.38) !important;
5834}
5835.p-button:disabled.p-button-outlined {
5836 background-color: transparent !important;
5837 color: rgba(255, 255, 255, 0.38) !important;
5838 border-color: rgba(255, 255, 255, 0.38) !important;
5839}
5840.p-button.p-button-raised:enabled:focus {
5841 box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
5842}
5843
5844.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 {
5845 background: rgba(244, 143, 177, 0.76);
5846}
5847.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 {
5848 background: rgba(244, 143, 177, 0.68);
5849}
5850.p-button.p-button-secondary.p-button-text:enabled:focus, .p-button.p-button-secondary.p-button-outlined:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:focus {
5851 background: rgba(244, 143, 177, 0.12);
5852}
5853.p-button.p-button-secondary.p-button-text:enabled:active, .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
5854 background: rgba(244, 143, 177, 0.16);
5855}
5856.p-button.p-button-secondary.p-button-text .p-ink, .p-button.p-button-secondary.p-button-outlined .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-text .p-ink, .p-buttonset.p-button-secondary > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined .p-ink {
5857 background-color: rgba(244, 143, 177, 0.16);
5858}
5859
5860.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 {
5861 background: rgba(144, 202, 249, 0.76);
5862}
5863.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 {
5864 background: rgba(144, 202, 249, 0.68);
5865}
5866.p-button.p-button-info.p-button-text:enabled:focus, .p-button.p-button-info.p-button-outlined:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:focus {
5867 background: rgba(144, 202, 249, 0.12);
5868}
5869.p-button.p-button-info.p-button-text:enabled:active, .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
5870 background: rgba(144, 202, 249, 0.16);
5871}
5872.p-button.p-button-info.p-button-text .p-ink, .p-button.p-button-info.p-button-outlined .p-ink, .p-buttonset.p-button-info > .p-button.p-button-text .p-ink, .p-buttonset.p-button-info > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-info > .p-button.p-button-outlined .p-ink {
5873 background-color: rgba(144, 202, 249, 0.16);
5874}
5875
5876.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 {
5877 background: rgba(197, 225, 165, 0.76);
5878}
5879.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 {
5880 background: rgba(197, 225, 165, 0.68);
5881}
5882.p-button.p-button-success.p-button-text:enabled:focus, .p-button.p-button-success.p-button-outlined:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:focus {
5883 background: rgba(197, 225, 165, 0.12);
5884}
5885.p-button.p-button-success.p-button-text:enabled:active, .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
5886 background: rgba(197, 225, 165, 0.16);
5887}
5888.p-button.p-button-success.p-button-text .p-ink, .p-button.p-button-success.p-button-outlined .p-ink, .p-buttonset.p-button-success > .p-button.p-button-text .p-ink, .p-buttonset.p-button-success > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-success > .p-button.p-button-outlined .p-ink {
5889 background-color: rgba(197, 225, 165, 0.16);
5890}
5891
5892.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 {
5893 background: rgba(255, 245, 157, 0.76);
5894}
5895.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 {
5896 background: rgba(255, 245, 157, 0.68);
5897}
5898.p-button.p-button-warning.p-button-text:enabled:focus, .p-button.p-button-warning.p-button-outlined:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:focus {
5899 background: rgba(255, 245, 157, 0.12);
5900}
5901.p-button.p-button-warning.p-button-text:enabled:active, .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
5902 background: rgba(255, 245, 157, 0.16);
5903}
5904.p-button.p-button-warning.p-button-text .p-ink, .p-button.p-button-warning.p-button-outlined .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-text .p-ink, .p-buttonset.p-button-warning > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-warning > .p-button.p-button-outlined .p-ink {
5905 background-color: rgba(255, 245, 157, 0.16);
5906}
5907
5908.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 {
5909 background: rgba(206, 147, 216, 0.76);
5910}
5911.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 {
5912 background: rgba(206, 147, 216, 0.68);
5913}
5914.p-button.p-button-help.p-button-text:enabled:focus, .p-button.p-button-help.p-button-outlined:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:focus {
5915 background: rgba(206, 147, 216, 0.12);
5916}
5917.p-button.p-button-help.p-button-text:enabled:active, .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
5918 background: rgba(206, 147, 216, 0.16);
5919}
5920.p-button.p-button-help.p-button-text .p-ink, .p-button.p-button-help.p-button-outlined .p-ink, .p-buttonset.p-button-help > .p-button.p-button-text .p-ink, .p-buttonset.p-button-help > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-help > .p-button.p-button-outlined .p-ink {
5921 background-color: rgba(206, 147, 216, 0.16);
5922}
5923
5924.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 {
5925 background: rgba(239, 154, 154, 0.76);
5926}
5927.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 {
5928 background: rgba(239, 154, 154, 0.68);
5929}
5930.p-button.p-button-danger.p-button-text:enabled:focus, .p-button.p-button-danger.p-button-outlined:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:focus, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:focus, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:focus {
5931 background: rgba(239, 154, 154, 0.12);
5932}
5933.p-button.p-button-danger.p-button-text:enabled:active, .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
5934 background: rgba(239, 154, 154, 0.16);
5935}
5936.p-button.p-button-danger.p-button-text .p-ink, .p-button.p-button-danger.p-button-outlined .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-text .p-ink, .p-buttonset.p-button-danger > .p-button.p-button-outlined .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-text .p-ink, .p-splitbutton.p-button-danger > .p-button.p-button-outlined .p-ink {
5937 background-color: rgba(239, 154, 154, 0.16);
5938}
5939
5940.p-calendar-w-btn {
5941 border: 1px solid rgba(255, 255, 255, 0.3);
5942 background: #1e1e1e;
5943 border-radius: 4px;
5944 transition: background-color 0.2s, border-color 0.2s, color 0.2s, box-shadow 0.2s, background-size 0.2s cubic-bezier(0.64, 0.09, 0.08, 1);
5945}
5946.p-calendar-w-btn .p-inputtext {
5947 background-image: none;
5948 background-color: transparent;
5949 border: 0 none;
5950}
5951.p-calendar-w-btn .p-inputtext:enabled:focus {
5952 box-shadow: none;
5953}
5954.p-calendar-w-btn .p-datepicker-trigger.p-button {
5955 background-color: transparent;
5956 border: 0 none;
5957}
5958.p-calendar-w-btn .p-datepicker-trigger.p-button span {
5959 color: rgba(255, 255, 255, 0.6);
5960}
5961.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:hover {
5962 background: rgba(255, 255, 255, 0.04);
5963}
5964.p-calendar-w-btn .p-datepicker-trigger.p-button:enabled:active, .p-calendar-w-btn .p-datepicker-trigger.p-button:focus {
5965 background: rgba(255, 255, 255, 0.12);
5966}
5967.p-calendar-w-btn .p-datepicker-trigger.p-button:disabled {
5968 background-color: transparent !important;
5969}
5970.p-calendar-w-btn:not(.p-calendar-disabled):hover {
5971 border-color: rgba(255, 255, 255, 0.6);
5972}
5973.p-calendar-w-btn:not(.p-calendar-disabled).p-focus {
5974 border-color: #9FA8DA;
5975 box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
5976}
5977.p-calendar-w-btn.p-calendar-disabled {
5978 opacity: 0.38;
5979}
5980
5981.p-datepicker .p-datepicker-header {
5982 border-bottom: 0 none;
5983}
5984.p-datepicker .p-datepicker-header .p-datepicker-title {
5985 margin: 0 auto 0 0;
5986 order: 1;
5987}
5988.p-datepicker .p-datepicker-header .p-datepicker-prev {
5989 order: 2;
5990}
5991.p-datepicker .p-datepicker-header .p-datepicker-next {
5992 order: 3;
5993}
5994.p-datepicker table th {
5995 border-bottom: 1px solid rgba(255, 255, 255, 0.12);
5996 color: rgba(255, 255, 255, 0.38);
5997 font-weight: 400;
5998 font-size: 0.875rem;
5999}
6000.p-datepicker table td.p-datepicker-today > span {
6001 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.38);
6002}
6003.p-datepicker table td.p-datepicker-today.p-highlight {
6004 box-shadow: 0 0 0 1px rgba(159, 168, 218, 0.16);
6005}
6006
6007p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
6008 box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
6009}
6010p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn {
6011 border-color: #f44435;
6012}
6013p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext:enabled:focus {
6014 box-shadow: none;
6015}
6016p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus {
6017 box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
6018}
6019
6020.p-input-filled .p-calendar-w-btn {
6021 border-bottom-left-radius: 0;
6022 border-bottom-right-radius: 0;
6023 border: 1px solid transparent;
6024 background: rgba(255, 255, 255, 0.06) no-repeat;
6025 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
6026 background-size: 0 2px, 100% 1px;
6027 background-position: 50% 100%, 50% 100%;
6028 background-origin: border-box;
6029}
6030.p-input-filled .p-calendar-w-btn .p-inputtext {
6031 background-image: none;
6032 background-color: transparent;
6033}
6034.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover {
6035 background-color: rgba(255, 255, 255, 0.08);
6036 border-color: transparent;
6037 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
6038}
6039.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-focus, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled).p-inputwrapper-focus {
6040 box-shadow: none;
6041 background-color: rgba(255, 255, 255, 0.1);
6042 border-color: transparent;
6043 background-size: 100% 2px, 100% 1px;
6044}
6045.p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:hover, .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled) .p-inputtext:enabled:focus {
6046 background-image: none;
6047 background: transparent;
6048}
6049.p-input-filled .p-calendar-w-btn .p-inputtext {
6050 border: 0 none;
6051}
6052.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext {
6053 border-color: transparent;
6054 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6055}
6056.p-input-filled p-calendar.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
6057 box-shadow: none;
6058 border-color: transparent;
6059}
6060.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn {
6061 border-color: transparent;
6062 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6063}
6064.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled):hover {
6065 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6066}
6067.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus {
6068 box-shadow: none;
6069 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6070}
6071.p-input-filled p-calendar.ng-dirty.ng-invalid .p-calendar-w-btn .p-inputtext {
6072 border: 0 none;
6073 background-image: none;
6074}
6075
6076.p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger {
6077 background-image: none;
6078 background: transparent;
6079}
6080.p-cascadeselect .p-inputtext {
6081 border: 0 none;
6082}
6083.p-cascadeselect:not(.p-disabled).p-focus {
6084 box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
6085}
6086
6087.p-cascadeselect-item .p-ink {
6088 background-color: rgba(159, 168, 218, 0.16);
6089}
6090
6091.p-input-filled .p-cascadeselect {
6092 border-bottom-left-radius: 0;
6093 border-bottom-right-radius: 0;
6094 border: 1px solid transparent;
6095 background: rgba(255, 255, 255, 0.06) no-repeat;
6096 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
6097 background-size: 0 2px, 100% 1px;
6098 background-position: 50% 100%, 50% 100%;
6099 background-origin: border-box;
6100}
6101.p-input-filled .p-cascadeselect .p-inputtext {
6102 background-image: none;
6103 background-color: transparent;
6104}
6105.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
6106 background-color: rgba(255, 255, 255, 0.08);
6107 border-color: transparent;
6108 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
6109}
6110.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
6111 box-shadow: none;
6112 background-color: rgba(255, 255, 255, 0.1);
6113 border-color: transparent;
6114 background-size: 100% 2px, 100% 1px;
6115}
6116.p-input-filled .p-cascadeselect .p-inputtext:enabled:hover, .p-input-filled .p-cascadeselect .p-inputtext:enabled:focus {
6117 background-image: none;
6118 background: transparent;
6119}
6120.p-input-filled .p-cascadeselect .p-inputtext {
6121 border: 0 none;
6122}
6123.p-input-filled .p-cascadeselect .p-cascadeselect-label:hover {
6124 background-image: none;
6125 background: transparent;
6126}
6127.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect {
6128 border-color: transparent;
6129 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6130}
6131.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled):hover {
6132 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6133}
6134.p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus, .p-input-filled p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-inputwrapper-focus {
6135 box-shadow: none;
6136 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6137}
6138
6139.p-input-filled .p-float-label .p-cascadeselect .p-cascadeselect-label {
6140 padding-top: 1.5rem;
6141 padding-bottom: 0.5rem;
6142}
6143.p-input-filled .p-float-label .p-inputwrapper-filled .p-cascadeselect .p-cascadeselect-label {
6144 padding-top: 1.5rem;
6145 padding-bottom: 0.5rem;
6146}
6147.p-input-filled .p-cascadeselect.p-invalid {
6148 border-color: transparent;
6149 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6150}
6151.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover {
6152 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6153}
6154.p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
6155 box-shadow: none;
6156 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6157}
6158
6159p-cascadeselect.ng-dirty.ng-invalid .p-cascadeselect:not(.p-disabled).p-focus {
6160 box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
6161}
6162
6163.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
6164 background: #F48FB1;
6165 color: #121212;
6166}
6167
6168.p-checkbox {
6169 border-radius: 50%;
6170 transition: box-shadow 0.2s;
6171}
6172.p-checkbox .p-checkbox-box {
6173 border-color: rgba(255, 255, 255, 0.7);
6174 border-radius: 2px;
6175 position: relative;
6176}
6177.p-checkbox .p-checkbox-box:not(.p-disabled):hover {
6178 border-color: rgba(255, 255, 255, 0.7);
6179}
6180.p-checkbox .p-checkbox-box:not(.p-disabled).p-focus {
6181 border-color: rgba(255, 255, 255, 0.7);
6182}
6183.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus {
6184 border-color: #9FA8DA;
6185}
6186.p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon.pi-check:before {
6187 content: "";
6188 position: absolute;
6189 top: 6px;
6190 left: 1px;
6191 border-right: 2px solid transparent;
6192 border-bottom: 2px solid transparent;
6193 transform: rotate(45deg);
6194 transform-origin: 0% 100%;
6195 animation: checkbox-check 125ms 50ms linear forwards;
6196}
6197.p-checkbox:not(.p-checkbox-disabled):hover {
6198 box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
6199}
6200.p-checkbox:not(.p-checkbox-disabled).p-checkbox-focused {
6201 box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
6202}
6203.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled):hover {
6204 box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04);
6205}
6206.p-checkbox.p-checkbox-checked:not(.p-checkbox-disabled).p-checkbox-focused {
6207 box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12);
6208}
6209
6210.p-input-filled .p-checkbox .p-checkbox-box {
6211 background-color: #1e1e1e;
6212}
6213.p-input-filled .p-checkbox .p-checkbox-box:not(.p-disabled):hover {
6214 background-color: #1e1e1e;
6215}
6216
6217@keyframes checkbox-check {
6218 0% {
6219 width: 0;
6220 height: 0;
6221 border-color: #121212;
6222 transform: translate3d(0, 0, 0) rotate(45deg);
6223 }
6224 33% {
6225 width: 4px;
6226 height: 0;
6227 transform: translate3d(0, 0, 0) rotate(45deg);
6228 }
6229 100% {
6230 width: 4px;
6231 height: 10px;
6232 border-color: #121212;
6233 transform: translate3d(0, -10px, 0) rotate(45deg);
6234 }
6235}
6236.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
6237 box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
6238}
6239
6240.p-input-filled .p-chips-multiple-container {
6241 border-bottom-left-radius: 0;
6242 border-bottom-right-radius: 0;
6243 border: 1px solid transparent;
6244 background: rgba(255, 255, 255, 0.06) no-repeat;
6245 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
6246 background-size: 0 2px, 100% 1px;
6247 background-position: 50% 100%, 50% 100%;
6248 background-origin: border-box;
6249}
6250.p-input-filled .p-chips-multiple-container .p-inputtext {
6251 background-image: none;
6252 background-color: transparent;
6253}
6254.p-input-filled .p-chips-multiple-container:not(.p-disabled):hover {
6255 background-color: rgba(255, 255, 255, 0.08);
6256 border-color: transparent;
6257 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
6258}
6259.p-input-filled .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
6260 box-shadow: none;
6261 background-color: rgba(255, 255, 255, 0.1);
6262 border-color: transparent;
6263 background-size: 100% 2px, 100% 1px;
6264}
6265.p-input-filled .p-chips-multiple-container .p-inputtext:enabled:hover, .p-input-filled .p-chips-multiple-container .p-inputtext:enabled:focus {
6266 background-image: none;
6267 background: transparent;
6268}
6269
6270.p-float-label .p-chips-multiple-container .p-chips-token {
6271 padding: 0.25rem 1rem;
6272}
6273
6274.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token {
6275 padding-top: 0;
6276 padding-bottom: 0;
6277}
6278.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
6279 font-size: 75%;
6280}
6281.p-input-filled .p-float-label .p-chips .p-chips-multiple-container .p-chips-input-token {
6282 padding: 0;
6283}
6284.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container {
6285 border-color: transparent;
6286 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6287}
6288.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
6289 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6290}
6291.p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus {
6292 box-shadow: none;
6293 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6294}
6295
6296p-chips.ng-dirty.ng-invalid .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
6297 box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
6298}
6299
6300.p-datatable .p-sortable-column {
6301 outline: 0 none;
6302}
6303.p-datatable .p-sortable-column:focus {
6304 background-color: rgba(255, 255, 255, 0.03);
6305}
6306.p-datatable .p-datatable-tbody > tr {
6307 outline: 0 none;
6308}
6309.p-datatable .p-datatable-tbody > tr:not(.p-highlight):focus {
6310 background-color: rgba(255, 255, 255, 0.03);
6311}
6312
6313.p-dropdown .p-inputtext, .p-dropdown .p-dropdown-trigger {
6314 background-image: none;
6315 background: transparent;
6316}
6317.p-dropdown .p-inputtext {
6318 border: 0 none;
6319}
6320.p-dropdown:not(.p-disabled).p-focus {
6321 box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
6322}
6323
6324.p-dropdown-item .p-ink {
6325 background-color: rgba(159, 168, 218, 0.16);
6326}
6327
6328.p-input-filled .p-dropdown {
6329 border-bottom-left-radius: 0;
6330 border-bottom-right-radius: 0;
6331 border: 1px solid transparent;
6332 background: rgba(255, 255, 255, 0.06) no-repeat;
6333 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
6334 background-size: 0 2px, 100% 1px;
6335 background-position: 50% 100%, 50% 100%;
6336 background-origin: border-box;
6337}
6338.p-input-filled .p-dropdown .p-inputtext {
6339 background-image: none;
6340 background-color: transparent;
6341}
6342.p-input-filled .p-dropdown:not(.p-disabled):hover {
6343 background-color: rgba(255, 255, 255, 0.08);
6344 border-color: transparent;
6345 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
6346}
6347.p-input-filled .p-dropdown:not(.p-disabled).p-focus, .p-input-filled .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
6348 box-shadow: none;
6349 background-color: rgba(255, 255, 255, 0.1);
6350 border-color: transparent;
6351 background-size: 100% 2px, 100% 1px;
6352}
6353.p-input-filled .p-dropdown .p-inputtext:enabled:hover, .p-input-filled .p-dropdown .p-inputtext:enabled:focus {
6354 background-image: none;
6355 background: transparent;
6356}
6357.p-input-filled .p-dropdown .p-inputtext {
6358 border: 0 none;
6359}
6360.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown {
6361 border-color: transparent;
6362 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6363}
6364.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled):hover {
6365 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6366}
6367.p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus, .p-input-filled p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-inputwrapper-focus {
6368 box-shadow: none;
6369 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6370}
6371
6372p-dropdown.ng-dirty.ng-invalid .p-dropdown:not(.p-disabled).p-focus {
6373 box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
6374}
6375
6376.p-galleria .p-galleria-indicators {
6377 padding: 1rem;
6378}
6379.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
6380 background: #F48FB1;
6381 color: #121212;
6382}
6383.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
6384 background: rgba(244, 143, 177, 0.68);
6385 color: #121212;
6386}
6387
6388.p-inputtext:enabled:focus {
6389 box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
6390}
6391.p-inputtext:enabled:focus.ng-invalid.ng-dirty {
6392 box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
6393}
6394
6395.p-input-filled .p-inputtext {
6396 border-bottom-left-radius: 0;
6397 border-bottom-right-radius: 0;
6398 border: 1px solid transparent;
6399 background: rgba(255, 255, 255, 0.06) no-repeat;
6400 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
6401 background-size: 0 2px, 100% 1px;
6402 background-position: 50% 100%, 50% 100%;
6403 background-origin: border-box;
6404}
6405.p-input-filled .p-inputtext:enabled:hover {
6406 background-color: rgba(255, 255, 255, 0.08);
6407 border-color: transparent;
6408 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));
6409}
6410.p-input-filled .p-inputtext:enabled:focus {
6411 box-shadow: none;
6412 background-color: rgba(255, 255, 255, 0.1);
6413 border-color: transparent;
6414 background-size: 100% 2px, 100% 1px;
6415}
6416.p-input-filled .p-inputtext.ng-invalid.ng-dirty {
6417 border-color: transparent;
6418 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6419}
6420.p-input-filled .p-inputtext.ng-invalid.ng-dirty:enabled:focus {
6421 box-shadow: none;
6422 border-color: transparent;
6423}
6424
6425.p-input-filled .p-inputgroup .p-inputgroup-addon {
6426 border-bottom-left-radius: 0;
6427 border-bottom-right-radius: 0;
6428 border: 1px solid transparent;
6429 background: rgba(255, 255, 255, 0.06) no-repeat;
6430 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
6431 background-size: 0 2px, 100% 1px;
6432 background-position: 50% 100%, 50% 100%;
6433 background-origin: border-box;
6434}
6435.p-input-filled .p-inputgroup .p-inputgroup-addon:last-child {
6436 border-right-color: transparent;
6437}
6438.p-input-filled .p-inputgroup-addon:first-child,
6439.p-input-filled .p-inputgroup button:first-child,
6440.p-input-filled .p-inputgroup input:first-child {
6441 border-bottom-left-radius: 0;
6442}
6443.p-input-filled .p-inputgroup .p-float-label:first-child input {
6444 border-bottom-left-radius: 0;
6445}
6446.p-input-filled .p-inputgroup-addon:last-child,
6447.p-input-filled .p-inputgroup button:last-child,
6448.p-input-filled .p-inputgroup input:last-child {
6449 border-bottom-right-radius: 0;
6450}
6451.p-input-filled .p-inputgroup .p-float-label:last-child input {
6452 border-bottom-right-radius: 0;
6453}
6454
6455p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
6456 box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
6457}
6458
6459.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext {
6460 border-color: transparent;
6461 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6462}
6463.p-input-filled p-inputmask.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
6464 box-shadow: none;
6465 border-color: transparent;
6466}
6467
6468p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
6469 box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
6470}
6471
6472.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext {
6473 border-color: transparent;
6474 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6475}
6476.p-input-filled p-inputnumber.ng-dirty.ng-invalid .p-inputtext:enabled:focus {
6477 box-shadow: none;
6478 border-color: transparent;
6479}
6480
6481.p-inputswitch .p-inputswitch-slider:before {
6482 transition-property: box-shadow transform;
6483 box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
6484}
6485.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider:before {
6486 box-shadow: 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12), 0 0 1px 10px rgba(255, 255, 255, 0.04);
6487}
6488.p-inputswitch.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
6489 box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
6490}
6491.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider:before {
6492 box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
6493}
6494.p-inputswitch.p-inputswitch-checked.p-focus .p-inputswitch-slider:before, .p-inputswitch.p-inputswitch-checked.p-focus:not(.p-disabled):hover .p-inputswitch-slider:before {
6495 box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12), 0px 3px 1px -2px rgba(255, 255, 255, 0.2), 0px 2px 2px 0px rgba(255, 255, 255, 0.14), 0px 1px 5px 0px rgba(255, 255, 255, 0.12);
6496}
6497
6498.p-fieldset .p-fieldset-legend {
6499 border: 0 none;
6500}
6501.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
6502 background: rgba(255, 255, 255, 0.12);
6503}
6504
6505.p-float-label input:focus ~ label,
6506.p-float-label input.p-filled ~ label,
6507.p-float-label textarea:focus ~ label,
6508.p-float-label textarea.p-filled ~ label,
6509.p-float-label .p-inputwrapper-focus ~ label,
6510.p-float-label .p-inputwrapper-filled ~ label {
6511 top: -0.5rem !important;
6512 background-color: #1e1e1e;
6513 padding: 2px 4px;
6514 margin-left: -4px;
6515 margin-top: 0;
6516}
6517
6518.p-float-label textarea ~ label {
6519 margin-top: 0;
6520}
6521
6522.p-float-label input:focus ~ label,
6523.p-float-label .p-inputwrapper-focus ~ label {
6524 color: #9FA8DA;
6525}
6526
6527.p-input-filled .p-float-label .p-inputtext {
6528 padding-top: 1.5rem;
6529 padding-bottom: 0.5rem;
6530}
6531.p-input-filled .p-float-label input:focus ~ label,
6532.p-input-filled .p-float-label input.p-filled ~ label,
6533.p-input-filled .p-float-label textarea:focus ~ label,
6534.p-input-filled .p-float-label textarea.p-filled ~ label,
6535.p-input-filled .p-float-label .p-inputwrapper-focus ~ label,
6536.p-input-filled .p-float-label .p-inputwrapper-filled ~ label {
6537 top: 0.25rem !important;
6538 margin-top: 0;
6539 background: transparent;
6540}
6541
6542.fc {
6543 /* FullCalendar 4 */
6544 /* FullCalendar 5 */
6545}
6546.fc.fc-unthemed .fc-toolbar .fc-button:focus {
6547 background: rgba(159, 168, 218, 0.76);
6548}
6549.fc.fc-unthemed .fc-toolbar .fc-button:active {
6550 background: rgba(159, 168, 218, 0.68);
6551}
6552.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:focus {
6553 background: rgba(159, 168, 218, 0.76);
6554}
6555.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:active {
6556 background: rgba(159, 168, 218, 0.68);
6557}
6558.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus {
6559 background: #1c1c1c;
6560 border-color: rgba(255, 255, 255, 0.12);
6561}
6562.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight {
6563 background: #262626;
6564 border-color: rgba(255, 255, 255, 0.12);
6565}
6566.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
6567 background: rgba(159, 168, 218, 0.76);
6568}
6569.fc.fc-theme-standard .fc-toolbar .fc-button:active {
6570 background: rgba(159, 168, 218, 0.68);
6571}
6572.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:focus {
6573 background: rgba(159, 168, 218, 0.76);
6574}
6575.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:active {
6576 background: rgba(159, 168, 218, 0.68);
6577}
6578.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus {
6579 background: #1c1c1c;
6580 border-color: rgba(255, 255, 255, 0.12);
6581}
6582.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-dayGridMonth-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridWeek-button:focus.p-highlight, .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button.fc-timeGridDay-button:focus.p-highlight {
6583 background: #262626;
6584 border-color: rgba(255, 255, 255, 0.12);
6585}
6586
6587.p-listbox .p-listbox-list .p-listbox-item .p-ink {
6588 background-color: rgba(159, 168, 218, 0.16);
6589}
6590.p-listbox .p-listbox-list .p-listbox-item:focus {
6591 background: rgba(255, 255, 255, 0.12);
6592}
6593.p-listbox .p-listbox-list .p-listbox-item:focus.p-highlight {
6594 background: rgba(159, 168, 218, 0.24);
6595}
6596
6597.p-megamenu .p-menuitem .p-menuitem-link:focus {
6598 background: rgba(255, 255, 255, 0.12);
6599}
6600
6601.p-menu .p-menuitem .p-menuitem-link:focus {
6602 background: rgba(255, 255, 255, 0.12);
6603}
6604
6605.p-menubar .p-menuitem .p-menuitem-link:focus {
6606 background: rgba(255, 255, 255, 0.12);
6607}
6608
6609.p-multiselect .p-multiselect-label, .p-multiselect .p-multiselect-trigger {
6610 background-image: none;
6611 background: transparent;
6612}
6613.p-multiselect .p-multiselect-label {
6614 border: 0 none;
6615}
6616.p-multiselect:not(.p-disabled).p-focus {
6617 box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
6618}
6619.p-multiselect .p-multiselect-items .p-multiselect-item .p-ink {
6620 background-color: rgba(159, 168, 218, 0.16);
6621}
6622.p-multiselect .p-multiselect-items .p-multiselect-item:focus {
6623 background: rgba(255, 255, 255, 0.12);
6624}
6625.p-multiselect .p-multiselect-items .p-multiselect-item:focus.p-highlight {
6626 background: rgba(159, 168, 218, 0.24);
6627}
6628.p-multiselect .p-multiselect-close:focus {
6629 background: rgba(255, 255, 255, 0.12);
6630}
6631
6632.p-input-filled .p-multiselect {
6633 border-bottom-left-radius: 0;
6634 border-bottom-right-radius: 0;
6635 border: 1px solid transparent;
6636 background: rgba(255, 255, 255, 0.06) no-repeat;
6637 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
6638 background-size: 0 2px, 100% 1px;
6639 background-position: 50% 100%, 50% 100%;
6640 background-origin: border-box;
6641}
6642.p-input-filled .p-multiselect .p-inputtext {
6643 background-image: none;
6644 background-color: transparent;
6645}
6646.p-input-filled .p-multiselect:not(.p-disabled):hover {
6647 background-color: rgba(255, 255, 255, 0.08);
6648 border-color: transparent;
6649 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
6650}
6651.p-input-filled .p-multiselect:not(.p-disabled).p-focus, .p-input-filled .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
6652 box-shadow: none;
6653 background-color: rgba(255, 255, 255, 0.1);
6654 border-color: transparent;
6655 background-size: 100% 2px, 100% 1px;
6656}
6657.p-input-filled .p-multiselect .p-inputtext:enabled:hover, .p-input-filled .p-multiselect .p-inputtext:enabled:focus {
6658 background-image: none;
6659 background: transparent;
6660}
6661.p-input-filled .p-multiselect .p-multiselect-label:hover {
6662 background-image: none;
6663 background: transparent;
6664}
6665
6666.p-float-label .p-multiselect-label .p-multiselect-token {
6667 padding: 0.25rem 1rem;
6668 margin-top: 0.25rem;
6669 margin-bottom: 0.25rem;
6670}
6671
6672.p-input-filled .p-float-label .p-multiselect .p-multiselect-label {
6673 padding-top: 1.5rem;
6674 padding-bottom: 0.5rem;
6675}
6676.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect .p-multiselect-label {
6677 padding-top: 1.5rem;
6678 padding-bottom: 0.5rem;
6679}
6680.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token {
6681 padding-top: 0;
6682 padding-bottom: 0;
6683 margin-top: 0;
6684 margin-bottom: 0;
6685}
6686.p-input-filled .p-float-label .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
6687 font-size: 75%;
6688}
6689.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect {
6690 border-color: transparent;
6691 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6692}
6693.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled):hover {
6694 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6695}
6696.p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus, .p-input-filled p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-inputwrapper-focus {
6697 box-shadow: none;
6698 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
6699}
6700
6701p-multiselect.ng-dirty.ng-invalid .p-multiselect:not(.p-disabled).p-focus {
6702 box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
6703}
6704
6705.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
6706 background: rgba(255, 255, 255, 0.12);
6707}
6708.p-orderlist .p-orderlist-list .p-orderlist-item:focus.p-highlight {
6709 background: rgba(159, 168, 218, 0.24);
6710}
6711
6712.p-overlaypanel .p-overlaypanel-content {
6713 padding: 1.5rem;
6714}
6715
6716.p-paginator {
6717 justify-content: flex-end;
6718}
6719.p-paginator .p-paginator-element:focus {
6720 background: rgba(255, 255, 255, 0.12);
6721}
6722.p-paginator .p-paginator-element:focus.p-highlight {
6723 background: rgba(159, 168, 218, 0.24);
6724}
6725
6726.p-panel {
6727 border-radius: 4px;
6728 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);
6729}
6730.p-panel .p-panel-header,
6731.p-panel .p-panel-content,
6732.p-panel .p-panel-footer {
6733 border: 0 none;
6734}
6735.p-panel .p-panel-content {
6736 padding-top: 0;
6737}
6738.p-panel .p-panel-title {
6739 font-size: 1.25rem;
6740}
6741.p-panel .p-panel-header-icon:focus {
6742 background: rgba(255, 255, 255, 0.12);
6743}
6744
6745.p-panelmenu .p-panelmenu-panel {
6746 box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
6747 margin-bottom: 0;
6748 border-radius: 0;
6749 position: relative;
6750 transition: margin-bottom 225ms;
6751}
6752.p-panelmenu .p-panelmenu-panel:first-child {
6753 border-top-left-radius: 4px;
6754 border-top-right-radius: 4px;
6755}
6756.p-panelmenu .p-panelmenu-panel:last-child {
6757 border-bottom-left-radius: 4px;
6758 border-bottom-right-radius: 4px;
6759}
6760.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-icon {
6761 order: 1;
6762 margin-left: auto;
6763 margin-right: 0;
6764}
6765.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled {
6766 opacity: 1;
6767}
6768.p-panelmenu .p-panelmenu-panel .p-panelmenu-header.p-disabled .p-panelmenu-header-link > * {
6769 opacity: 0.38;
6770}
6771.p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-link:focus {
6772 background: rgba(255, 255, 255, 0.04);
6773}
6774.p-panelmenu .p-panelmenu-panel .p-menuitem .p-menuitem-link:focus {
6775 background: rgba(255, 255, 255, 0.12);
6776}
6777
6778.p-picklist .p-picklist-list .p-picklist-item:focus {
6779 background: rgba(255, 255, 255, 0.12);
6780}
6781.p-picklist .p-picklist-list .p-picklist-item:focus.p-highlight {
6782 background: rgba(159, 168, 218, 0.24);
6783}
6784
6785.p-progressbar {
6786 border-radius: 0;
6787}
6788.p-progressbar .p-progressbar-label {
6789 display: none;
6790}
6791
6792.p-radiobutton {
6793 border-radius: 50%;
6794 transition: box-shadow 0.2s;
6795}
6796.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
6797 border: 2px solid rgba(255, 255, 255, 0.7);
6798}
6799.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
6800 border: 2px solid rgba(255, 255, 255, 0.7);
6801}
6802.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus {
6803 border-color: #9FA8DA;
6804}
6805.p-radiobutton:not(.p-radiobutton-disabled):hover {
6806 box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.04);
6807}
6808.p-radiobutton:not(.p-radiobutton-disabled).p-radiobutton-focused {
6809 box-shadow: 0 0 1px 10px rgba(255, 255, 255, 0.12);
6810}
6811.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled):hover {
6812 box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.04);
6813}
6814.p-radiobutton.p-radiobutton-checked:not(.p-radiobutton-disabled).p-radiobutton-focused {
6815 box-shadow: 0 0 1px 10px rgba(159, 168, 218, 0.12);
6816}
6817
6818.p-input-filled .p-radiobutton .p-radiobutton-box {
6819 background-color: #1e1e1e;
6820}
6821.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
6822 background-color: #1e1e1e;
6823}
6824
6825.p-rating .p-rating-icon {
6826 border-radius: 50%;
6827 width: 2rem;
6828 height: 2rem;
6829 display: inline-flex;
6830 justify-content: center;
6831 align-items: center;
6832 margin-left: 0;
6833}
6834.p-rating .p-rating-icon:focus {
6835 background: rgba(159, 168, 218, 0.12);
6836}
6837.p-rating .p-rating-icon.p-rating-cancel:focus {
6838 background: rgba(244, 68, 53, 0.12);
6839}
6840.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
6841 background-color: rgba(0, 0, 0, 0.04);
6842}
6843.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
6844 background: rgba(244, 68, 53, 0.04);
6845}
6846
6847.p-selectbutton .p-button:focus {
6848 background: #1c1c1c;
6849 border-color: rgba(255, 255, 255, 0.12);
6850}
6851.p-selectbutton .p-button:focus.p-highlight {
6852 background: #262626;
6853 border-color: rgba(255, 255, 255, 0.12);
6854}
6855
6856.p-slidemenu .p-menuitem-link:focus {
6857 background: rgba(255, 255, 255, 0.12);
6858}
6859
6860.p-slider .p-slider-handle {
6861 transition: transform 0.2s, box-shadow 0.2s;
6862 transform: scale(0.7);
6863}
6864.p-slider .p-slider-handle:focus {
6865 box-shadow: 0 0 1px 10px rgba(244, 143, 177, 0.2);
6866}
6867.p-slider.p-slider-sliding .p-slider-handle {
6868 transform: scale(1);
6869}
6870
6871.p-steps {
6872 padding: 1rem 0;
6873}
6874.p-steps .p-steps-item {
6875 justify-content: flex-start;
6876 flex-direction: row-reverse;
6877 align-items: center;
6878}
6879.p-steps .p-steps-item:before {
6880 position: static;
6881 left: auto;
6882 top: auto;
6883 margin-top: 0;
6884}
6885.p-steps .p-steps-item:last-child {
6886 flex-grow: 0;
6887}
6888.p-steps .p-steps-item:last-child:before {
6889 display: none;
6890}
6891.p-steps .p-steps-item .p-menuitem-link {
6892 flex-direction: row;
6893 flex: 1 1 auto;
6894 overflow: visible;
6895 padding: 1rem 0.5rem;
6896}
6897.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
6898 background-color: #9e9d9e;
6899 color: #ffffff;
6900 font-size: 0.857rem;
6901 min-width: 1.714rem;
6902 height: 1.714rem;
6903 line-height: 1.714rem;
6904}
6905.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
6906 margin: 0;
6907 padding-left: 0.5rem;
6908}
6909.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
6910 background: rgba(255, 255, 255, 0.12);
6911}
6912.p-steps .p-steps-item.p-highlight .p-steps-number {
6913 background-color: #9FA8DA;
6914 color: #121212;
6915}
6916.p-steps .p-steps-item.p-highlight .p-steps-title {
6917 font-weight: 600;
6918 color: rgba(255, 255, 255, 0.87);
6919}
6920.p-steps .p-steps-item.p-disabled {
6921 opacity: 1;
6922}
6923
6924.p-tabview .p-tabview-nav {
6925 position: relative;
6926}
6927.p-tabview .p-tabview-nav li .p-tabview-nav-link {
6928 transition: background-color 0.2s;
6929 border-radius: 0;
6930}
6931.p-tabview .p-tabview-nav li .p-tabview-nav-link > .p-ink {
6932 background-color: rgba(159, 168, 218, 0.16);
6933}
6934.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
6935 background-color: rgba(159, 168, 218, 0.12);
6936}
6937.p-tabview .p-tabview-nav .p-tabview-ink-bar {
6938 z-index: 1;
6939 display: block;
6940 position: absolute;
6941 bottom: 0;
6942 height: 2px;
6943 background-color: #9FA8DA;
6944 transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
6945}
6946
6947.p-toolbar {
6948 border: 0 none;
6949}
6950
6951.p-tooltip .p-tooltip-text {
6952 box-shadow: none;
6953 font-size: 0.875rem;
6954}
6955.p-tooltip .p-tooltip-arrow {
6956 display: none;
6957}
6958
6959.p-tieredmenu .p-menuitem-link:focus {
6960 background: rgba(255, 255, 255, 0.12);
6961}
6962
6963.p-treeselect .p-treeselect-label, .p-treeselect .p-treeselect-trigger {
6964 background-image: none;
6965 background: transparent;
6966}
6967.p-treeselect .p-treeselect-label {
6968 border: 0 none;
6969}
6970.p-treeselect:not(.p-disabled).p-focus {
6971 box-shadow: inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA, inset 0 0 0 1px #9FA8DA;
6972}
6973
6974.p-treeselect-item .p-ink {
6975 background-color: rgba(159, 168, 218, 0.16);
6976}
6977
6978.p-input-filled .p-treeselect {
6979 border-bottom-left-radius: 0;
6980 border-bottom-right-radius: 0;
6981 border: 1px solid transparent;
6982 background: rgba(255, 255, 255, 0.06) no-repeat;
6983 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3));
6984 background-size: 0 2px, 100% 1px;
6985 background-position: 50% 100%, 50% 100%;
6986 background-origin: border-box;
6987}
6988.p-input-filled .p-treeselect .p-inputtext {
6989 background-image: none;
6990 background-color: transparent;
6991}
6992.p-input-filled .p-treeselect:not(.p-disabled):hover {
6993 background-color: rgba(255, 255, 255, 0.08);
6994 border-color: transparent;
6995 background-image: linear-gradient(to bottom, #9FA8DA, #9FA8DA), linear-gradient(to bottom, rgba(255, 255, 255, 0.87), rgba(255, 255, 255, 0.87));
6996}
6997.p-input-filled .p-treeselect:not(.p-disabled).p-focus, .p-input-filled .p-treeselect:not(.p-disabled).p-inputwrapper-focus {
6998 box-shadow: none;
6999 background-color: rgba(255, 255, 255, 0.1);
7000 border-color: transparent;
7001 background-size: 100% 2px, 100% 1px;
7002}
7003.p-input-filled .p-treeselect .p-inputtext:enabled:hover, .p-input-filled .p-treeselect .p-inputtext:enabled:focus {
7004 background-image: none;
7005 background: transparent;
7006}
7007.p-input-filled .p-treeselect .p-treeselect-label:hover {
7008 background-image: none;
7009 background: transparent;
7010}
7011
7012.p-float-label .p-treeselect-label .p-treeselect-token {
7013 padding: 0.25rem 1rem;
7014 margin-top: 0.25rem;
7015 margin-bottom: 0.25rem;
7016}
7017
7018.p-input-filled .p-float-label .p-treeselect .p-treeselect-label {
7019 padding-top: 1.5rem;
7020 padding-bottom: 0.5rem;
7021}
7022.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect .p-treeselect-label {
7023 padding-top: 1.5rem;
7024 padding-bottom: 0.5rem;
7025}
7026.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token {
7027 padding-top: 0;
7028 padding-bottom: 0;
7029 margin-top: 0;
7030 margin-bottom: 0;
7031}
7032.p-input-filled .p-float-label .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-token .p-treeselect-token-icon {
7033 font-size: 75%;
7034}
7035.p-input-filled .p-treeselect.p-invalid {
7036 border-color: transparent;
7037 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
7038}
7039.p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover {
7040 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
7041}
7042.p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus {
7043 box-shadow: none;
7044 background-image: linear-gradient(to bottom, #f44435, #f44435), linear-gradient(to bottom, #f44435, #f44435);
7045}
7046
7047.p-treeselect.p-invalid:not(.p-disabled).p-focus {
7048 box-shadow: inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435, inset 0 0 0 1px #f44435;
7049}
7050
7051.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
7052 background: rgba(255, 255, 255, 0.12);
7053}
7054.p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight {
7055 background: rgba(159, 168, 218, 0.24);
7056}
7057
7058.p-treetable .p-sortable-column {
7059 outline: 0 none;
7060}
7061.p-treetable .p-sortable-column:focus {
7062 background-color: rgba(255, 255, 255, 0.03);
7063}
7064.p-treetable .p-treetable-tbody > tr {
7065 outline: 0 none;
7066}
7067.p-treetable .p-treetable-tbody > tr:not(.p-highlight):focus {
7068 background-color: rgba(255, 255, 255, 0.03);
7069}
7070
7071.p-tabmenu .p-tabmenu-nav {
7072 position: relative;
7073}
7074.p-tabmenu .p-tabmenu-nav li .p-menuitem-link {
7075 transition: background-color 0.2s;
7076 border-radius: 0;
7077}
7078.p-tabmenu .p-tabmenu-nav li .p-menuitem-link > .p-ink {
7079 background-color: rgba(159, 168, 218, 0.16);
7080}
7081.p-tabmenu .p-tabmenu-nav li .p-menuitem-link:focus {
7082 background-color: rgba(159, 168, 218, 0.12);
7083}
7084.p-tabmenu .p-tabmenu-nav li.p-highlight .p-menuitem-link:focus {
7085 background-color: rgba(159, 168, 218, 0.12);
7086}
7087.p-tabmenu .p-tabmenu-nav .p-tabmenu-ink-bar {
7088 display: block;
7089 position: absolute;
7090 bottom: 0;
7091 height: 2px;
7092 background-color: #9FA8DA;
7093 transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
7094}
7095
7096.p-timeline.p-timeline-vertical .p-timeline-event-connector {
7097 margin: 0.5rem 0;
7098}
7099.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
7100 margin: 0 0.5rem;
7101}
7102
7103.p-togglebutton.p-button:focus {
7104 background: #1c1c1c;
7105 border-color: rgba(255, 255, 255, 0.12);
7106}
7107.p-togglebutton.p-button:focus.p-highlight {
7108 background: #262626;
7109 border-color: rgba(255, 255, 255, 0.12);
7110}
7111
7112/* Customizations to the designer theme should be defined here */
Note: See TracBrowser for help on using the repository browser.