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

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

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