1 | :root {
|
---|
2 | --surface-a:#ffffff;
|
---|
3 | --surface-b:#f8f9fa;
|
---|
4 | --surface-c:#e9ecef;
|
---|
5 | --surface-d:#dee2e6;
|
---|
6 | --surface-e:#ffffff;
|
---|
7 | --surface-f:#ffffff;
|
---|
8 | --text-color:#495057;
|
---|
9 | --text-color-secondary:#6c757d;
|
---|
10 | --primary-color:#6366F1;
|
---|
11 | --primary-color-text:#ffffff;
|
---|
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: #ffffff;
|
---|
14 | --surface-50: #FAFAFA;
|
---|
15 | --surface-100: #F5F5F5;
|
---|
16 | --surface-200: #EEEEEE;
|
---|
17 | --surface-300: #E0E0E0;
|
---|
18 | --surface-400: #BDBDBD;
|
---|
19 | --surface-500: #9E9E9E;
|
---|
20 | --surface-600: #757575;
|
---|
21 | --surface-700: #616161;
|
---|
22 | --surface-800: #424242;
|
---|
23 | --surface-900: #212121;
|
---|
24 | --gray-50: #FAFAFA;
|
---|
25 | --gray-100: #F5F5F5;
|
---|
26 | --gray-200: #EEEEEE;
|
---|
27 | --gray-300: #E0E0E0;
|
---|
28 | --gray-400: #BDBDBD;
|
---|
29 | --gray-500: #9E9E9E;
|
---|
30 | --gray-600: #757575;
|
---|
31 | --gray-700: #616161;
|
---|
32 | --gray-800: #424242;
|
---|
33 | --gray-900: #212121;
|
---|
34 | --content-padding:1.25rem;
|
---|
35 | --inline-spacing:0.5rem;
|
---|
36 | --border-radius:6px;
|
---|
37 | --surface-ground:#eff3f8;
|
---|
38 | --surface-section:#ffffff;
|
---|
39 | --surface-card:#ffffff;
|
---|
40 | --surface-overlay:#ffffff;
|
---|
41 | --surface-border:#dfe7ef;
|
---|
42 | --surface-hover:#f6f9fc;
|
---|
43 | --focus-ring: 0 0 0 0.2rem #c1c2f9;
|
---|
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.6;
|
---|
99 | }
|
---|
100 |
|
---|
101 | .p-error {
|
---|
102 | color: #e24c4c;
|
---|
103 | }
|
---|
104 |
|
---|
105 | .p-text-secondary {
|
---|
106 | color: #6c757d;
|
---|
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 #c1c2f9;
|
---|
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: #6366F1;
|
---|
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 #c1c2f9;
|
---|
268 | border-color: #6366F1;
|
---|
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: #495057;
|
---|
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: #EEF2FF;
|
---|
284 | color: #4338CA;
|
---|
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 |
|
---|
291 | p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
|
---|
292 | border-color: #e24c4c;
|
---|
293 | }
|
---|
294 |
|
---|
295 | .p-autocomplete-panel {
|
---|
296 | background: #ffffff;
|
---|
297 | color: #495057;
|
---|
298 | border: 0 none;
|
---|
299 | border-radius: 6px;
|
---|
300 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
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: #495057;
|
---|
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: #495057;
|
---|
319 | background: #e9ecef;
|
---|
320 | }
|
---|
321 | .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
|
---|
322 | color: #4338CA;
|
---|
323 | background: #EEF2FF;
|
---|
324 | }
|
---|
325 | .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
|
---|
326 | padding: 0.75rem 1.25rem;
|
---|
327 | color: #495057;
|
---|
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: #343a40;
|
---|
334 | background: #ffffff;
|
---|
335 | font-weight: 700;
|
---|
336 | }
|
---|
337 |
|
---|
338 | p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
|
---|
339 | border-color: #e24c4c;
|
---|
340 | }
|
---|
341 |
|
---|
342 | .p-datepicker {
|
---|
343 | padding: 0.5rem;
|
---|
344 | background: #ffffff;
|
---|
345 | color: #495057;
|
---|
346 | border: 1px solid #ced4da;
|
---|
347 | border-radius: 6px;
|
---|
348 | }
|
---|
349 | .p-datepicker:not(.p-datepicker-inline) {
|
---|
350 | background: #ffffff;
|
---|
351 | border: 0 none;
|
---|
352 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
353 | }
|
---|
354 | .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
|
---|
355 | background: #ffffff;
|
---|
356 | }
|
---|
357 | .p-datepicker .p-datepicker-header {
|
---|
358 | padding: 0.5rem;
|
---|
359 | color: #495057;
|
---|
360 | background: #ffffff;
|
---|
361 | font-weight: 600;
|
---|
362 | margin: 0;
|
---|
363 | border-bottom: 1px solid #dee2e6;
|
---|
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: #6c757d;
|
---|
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: #343a40;
|
---|
380 | border-color: transparent;
|
---|
381 | background: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
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 #c1c2f9;
|
---|
399 | border-color: #6366F1;
|
---|
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: #4338CA;
|
---|
427 | background: #EEF2FF;
|
---|
428 | }
|
---|
429 | .p-datepicker table td > span:focus {
|
---|
430 | outline: 0 none;
|
---|
431 | outline-offset: 0;
|
---|
432 | box-shadow: 0 0 0 0.2rem #c1c2f9;
|
---|
433 | }
|
---|
434 | .p-datepicker table td.p-datepicker-today > span {
|
---|
435 | background: #ced4da;
|
---|
436 | color: #495057;
|
---|
437 | border-color: transparent;
|
---|
438 | }
|
---|
439 | .p-datepicker table td.p-datepicker-today > span.p-highlight {
|
---|
440 | color: #4338CA;
|
---|
441 | background: #EEF2FF;
|
---|
442 | }
|
---|
443 | .p-datepicker .p-datepicker-buttonbar {
|
---|
444 | padding: 1rem 0;
|
---|
445 | border-top: 1px solid #dee2e6;
|
---|
446 | }
|
---|
447 | .p-datepicker .p-datepicker-buttonbar .p-button {
|
---|
448 | width: auto;
|
---|
449 | }
|
---|
450 | .p-datepicker .p-timepicker {
|
---|
451 | border-top: 1px solid #dee2e6;
|
---|
452 | padding: 0.5rem;
|
---|
453 | }
|
---|
454 | .p-datepicker .p-timepicker button {
|
---|
455 | width: 2rem;
|
---|
456 | height: 2rem;
|
---|
457 | color: #6c757d;
|
---|
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: #343a40;
|
---|
465 | border-color: transparent;
|
---|
466 | background: #e9ecef;
|
---|
467 | }
|
---|
468 | .p-datepicker .p-timepicker button:focus {
|
---|
469 | outline: 0 none;
|
---|
470 | outline-offset: 0;
|
---|
471 | box-shadow: 0 0 0 0.2rem #c1c2f9;
|
---|
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: #4338CA;
|
---|
495 | background: #EEF2FF;
|
---|
496 | }
|
---|
497 | .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
|
---|
498 | border-right: 1px solid #dee2e6;
|
---|
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: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
518 | }
|
---|
519 | .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
|
---|
520 | background: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
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: #ffffff;
|
---|
535 | border: 1px solid #ced4da;
|
---|
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: #6366F1;
|
---|
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 #c1c2f9;
|
---|
546 | border-color: #6366F1;
|
---|
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: #6c757d;
|
---|
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: #6c757d;
|
---|
563 | width: 3rem;
|
---|
564 | border-top-right-radius: 6px;
|
---|
565 | border-bottom-right-radius: 6px;
|
---|
566 | }
|
---|
567 |
|
---|
568 | .p-cascadeselect-panel {
|
---|
569 | background: #ffffff;
|
---|
570 | color: #495057;
|
---|
571 | border: 0 none;
|
---|
572 | border-radius: 6px;
|
---|
573 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
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: #495057;
|
---|
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 #c1c2f9;
|
---|
593 | }
|
---|
594 | .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
|
---|
595 | color: #4338CA;
|
---|
596 | background: #EEF2FF;
|
---|
597 | }
|
---|
598 | .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
|
---|
599 | color: #495057;
|
---|
600 | background: #e9ecef;
|
---|
601 | }
|
---|
602 | .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
|
---|
603 | font-size: 0.875rem;
|
---|
604 | }
|
---|
605 |
|
---|
606 | p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
|
---|
607 | border-color: #e24c4c;
|
---|
608 | }
|
---|
609 |
|
---|
610 | .p-input-filled .p-cascadeselect {
|
---|
611 | background: #e9ecef;
|
---|
612 | }
|
---|
613 | .p-input-filled .p-cascadeselect:not(.p-disabled):hover {
|
---|
614 | background-color: #e9ecef;
|
---|
615 | }
|
---|
616 | .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
|
---|
617 | background-color: #ffffff;
|
---|
618 | }
|
---|
619 |
|
---|
620 | .p-checkbox {
|
---|
621 | width: 22px;
|
---|
622 | height: 22px;
|
---|
623 | }
|
---|
624 | .p-checkbox .p-checkbox-box {
|
---|
625 | border: 2px solid #ced4da;
|
---|
626 | background: #ffffff;
|
---|
627 | width: 22px;
|
---|
628 | height: 22px;
|
---|
629 | color: #495057;
|
---|
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: #ffffff;
|
---|
636 | font-size: 14px;
|
---|
637 | }
|
---|
638 | .p-checkbox .p-checkbox-box.p-highlight {
|
---|
639 | border-color: #6366F1;
|
---|
640 | background: #6366F1;
|
---|
641 | }
|
---|
642 | .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
|
---|
643 | border-color: #6366F1;
|
---|
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 #c1c2f9;
|
---|
649 | border-color: #6366F1;
|
---|
650 | }
|
---|
651 | .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
|
---|
652 | border-color: #4338CA;
|
---|
653 | background: #4338CA;
|
---|
654 | color: #ffffff;
|
---|
655 | }
|
---|
656 |
|
---|
657 | p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
|
---|
658 | border-color: #e24c4c;
|
---|
659 | }
|
---|
660 |
|
---|
661 | .p-input-filled .p-checkbox .p-checkbox-box {
|
---|
662 | background-color: #e9ecef;
|
---|
663 | }
|
---|
664 | .p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
|
---|
665 | background: #6366F1;
|
---|
666 | }
|
---|
667 | .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
|
---|
668 | background-color: #e9ecef;
|
---|
669 | }
|
---|
670 | .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
|
---|
671 | background: #4338CA;
|
---|
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: #6366F1;
|
---|
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 #c1c2f9;
|
---|
688 | border-color: #6366F1;
|
---|
689 | }
|
---|
690 | .p-chips .p-chips-multiple-container .p-chips-token {
|
---|
691 | padding: 0.375rem 0.75rem;
|
---|
692 | margin-right: 0.5rem;
|
---|
693 | background: #EEF2FF;
|
---|
694 | color: #4338CA;
|
---|
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: #495057;
|
---|
707 | padding: 0;
|
---|
708 | margin: 0;
|
---|
709 | }
|
---|
710 |
|
---|
711 | p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
|
---|
712 | border-color: #e24c4c;
|
---|
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: #323232;
|
---|
723 | border-color: #191919;
|
---|
724 | }
|
---|
725 | .p-colorpicker-panel .p-colorpicker-color-handle,
|
---|
726 | .p-colorpicker-panel .p-colorpicker-hue-handle {
|
---|
727 | border-color: #ffffff;
|
---|
728 | }
|
---|
729 |
|
---|
730 | .p-colorpicker-overlay-panel {
|
---|
731 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
732 | }
|
---|
733 |
|
---|
734 | .p-dropdown {
|
---|
735 | background: #ffffff;
|
---|
736 | border: 1px solid #ced4da;
|
---|
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: #6366F1;
|
---|
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 #c1c2f9;
|
---|
747 | border-color: #6366F1;
|
---|
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: #6c757d;
|
---|
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: #6c757d;
|
---|
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: #6c757d;
|
---|
772 | right: 3rem;
|
---|
773 | }
|
---|
774 |
|
---|
775 | .p-dropdown-panel {
|
---|
776 | background: #ffffff;
|
---|
777 | color: #495057;
|
---|
778 | border: 0 none;
|
---|
779 | border-radius: 6px;
|
---|
780 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
781 | }
|
---|
782 | .p-dropdown-panel .p-dropdown-header {
|
---|
783 | padding: 0.75rem 1.25rem;
|
---|
784 | border-bottom: 1px solid #dee2e6;
|
---|
785 | color: #343a40;
|
---|
786 | background: #f8f9fa;
|
---|
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: #6c757d;
|
---|
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: #495057;
|
---|
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: #4338CA;
|
---|
816 | background: #EEF2FF;
|
---|
817 | }
|
---|
818 | .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
|
---|
819 | color: #495057;
|
---|
820 | background: #e9ecef;
|
---|
821 | }
|
---|
822 | .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
|
---|
823 | padding: 0.75rem 1.25rem;
|
---|
824 | color: #495057;
|
---|
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: #343a40;
|
---|
831 | background: #ffffff;
|
---|
832 | font-weight: 700;
|
---|
833 | }
|
---|
834 |
|
---|
835 | p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
|
---|
836 | border-color: #e24c4c;
|
---|
837 | }
|
---|
838 |
|
---|
839 | .p-input-filled .p-dropdown {
|
---|
840 | background: #e9ecef;
|
---|
841 | }
|
---|
842 | .p-input-filled .p-dropdown:not(.p-disabled):hover {
|
---|
843 | background-color: #e9ecef;
|
---|
844 | }
|
---|
845 | .p-input-filled .p-dropdown:not(.p-disabled).p-focus {
|
---|
846 | background-color: #ffffff;
|
---|
847 | }
|
---|
848 |
|
---|
849 | .p-editor-container .p-editor-toolbar {
|
---|
850 | background: #f8f9fa;
|
---|
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 #dee2e6;
|
---|
856 | }
|
---|
857 | .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
|
---|
858 | stroke: #6c757d;
|
---|
859 | }
|
---|
860 | .p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
|
---|
861 | fill: #6c757d;
|
---|
862 | }
|
---|
863 | .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
|
---|
864 | border: 0 none;
|
---|
865 | color: #6c757d;
|
---|
866 | }
|
---|
867 | .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
|
---|
868 | color: #495057;
|
---|
869 | }
|
---|
870 | .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
|
---|
871 | stroke: #495057;
|
---|
872 | }
|
---|
873 | .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
|
---|
874 | fill: #495057;
|
---|
875 | }
|
---|
876 | .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
|
---|
877 | color: #495057;
|
---|
878 | }
|
---|
879 | .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
|
---|
880 | stroke: #495057;
|
---|
881 | }
|
---|
882 | .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
|
---|
883 | fill: #495057;
|
---|
884 | }
|
---|
885 | .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
|
---|
886 | background: #ffffff;
|
---|
887 | border: 0 none;
|
---|
888 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
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: #495057;
|
---|
894 | }
|
---|
895 | .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
|
---|
896 | color: #495057;
|
---|
897 | background: #e9ecef;
|
---|
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 #dee2e6;
|
---|
908 | }
|
---|
909 | .p-editor-container .p-editor-content .ql-editor {
|
---|
910 | background: #ffffff;
|
---|
911 | color: #495057;
|
---|
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: #495057;
|
---|
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: #495057;
|
---|
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: #495057;
|
---|
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: #6366F1;
|
---|
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: #6366F1;
|
---|
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: #6366F1;
|
---|
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: #6366F1;
|
---|
946 | }
|
---|
947 |
|
---|
948 | .p-inputgroup-addon {
|
---|
949 | background: #e9ecef;
|
---|
950 | color: #6c757d;
|
---|
951 | border-top: 1px solid #ced4da;
|
---|
952 | border-left: 1px solid #ced4da;
|
---|
953 | border-bottom: 1px solid #ced4da;
|
---|
954 | padding: 0.75rem 0.75rem;
|
---|
955 | min-width: 3rem;
|
---|
956 | }
|
---|
957 | .p-inputgroup-addon:last-child {
|
---|
958 | border-right: 1px solid #ced4da;
|
---|
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 |
|
---|
1022 | p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
|
---|
1023 | border-color: #e24c4c;
|
---|
1024 | }
|
---|
1025 |
|
---|
1026 | p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
|
---|
1027 | border-color: #e24c4c;
|
---|
1028 | }
|
---|
1029 |
|
---|
1030 | .p-inputswitch {
|
---|
1031 | width: 3rem;
|
---|
1032 | height: 1.75rem;
|
---|
1033 | }
|
---|
1034 | .p-inputswitch .p-inputswitch-slider {
|
---|
1035 | background: #ced4da;
|
---|
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: #ffffff;
|
---|
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 #c1c2f9;
|
---|
1055 | }
|
---|
1056 | .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
|
---|
1057 | background: #b6bfc8;
|
---|
1058 | }
|
---|
1059 | .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
|
---|
1060 | background: #6366F1;
|
---|
1061 | }
|
---|
1062 | .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
|
---|
1063 | background: #ffffff;
|
---|
1064 | }
|
---|
1065 | .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
|
---|
1066 | background: #4F46E5;
|
---|
1067 | }
|
---|
1068 |
|
---|
1069 | p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
|
---|
1070 | border-color: #e24c4c;
|
---|
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: #495057;
|
---|
1077 | background: #ffffff;
|
---|
1078 | padding: 0.75rem 0.75rem;
|
---|
1079 | border: 1px solid #ced4da;
|
---|
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: #6366F1;
|
---|
1086 | }
|
---|
1087 | .p-inputtext:enabled:focus {
|
---|
1088 | outline: 0 none;
|
---|
1089 | outline-offset: 0;
|
---|
1090 | box-shadow: 0 0 0 0.2rem #c1c2f9;
|
---|
1091 | border-color: #6366F1;
|
---|
1092 | }
|
---|
1093 | .p-inputtext.ng-dirty.ng-invalid {
|
---|
1094 | border-color: #e24c4c;
|
---|
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: #6c757d;
|
---|
1108 | transition-duration: 0.2s;
|
---|
1109 | }
|
---|
1110 |
|
---|
1111 | .p-float-label > .ng-invalid.ng-dirty + label {
|
---|
1112 | color: #e24c4c;
|
---|
1113 | }
|
---|
1114 |
|
---|
1115 | .p-input-icon-left > i:first-of-type {
|
---|
1116 | left: 0.75rem;
|
---|
1117 | color: #6c757d;
|
---|
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: #6c757d;
|
---|
1131 | }
|
---|
1132 |
|
---|
1133 | .p-input-icon-right > .p-inputtext {
|
---|
1134 | padding-right: 2.5rem;
|
---|
1135 | }
|
---|
1136 |
|
---|
1137 | ::-webkit-input-placeholder {
|
---|
1138 | color: #6c757d;
|
---|
1139 | }
|
---|
1140 |
|
---|
1141 | :-moz-placeholder {
|
---|
1142 | color: #6c757d;
|
---|
1143 | }
|
---|
1144 |
|
---|
1145 | ::-moz-placeholder {
|
---|
1146 | color: #6c757d;
|
---|
1147 | }
|
---|
1148 |
|
---|
1149 | :-ms-input-placeholder {
|
---|
1150 | color: #6c757d;
|
---|
1151 | }
|
---|
1152 |
|
---|
1153 | .p-input-filled .p-inputtext {
|
---|
1154 | background-color: #e9ecef;
|
---|
1155 | }
|
---|
1156 | .p-input-filled .p-inputtext:enabled:hover {
|
---|
1157 | background-color: #e9ecef;
|
---|
1158 | }
|
---|
1159 | .p-input-filled .p-inputtext:enabled:focus {
|
---|
1160 | background-color: #ffffff;
|
---|
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: #ffffff;
|
---|
1175 | color: #495057;
|
---|
1176 | border: 1px solid #ced4da;
|
---|
1177 | border-radius: 6px;
|
---|
1178 | }
|
---|
1179 | .p-listbox .p-listbox-header {
|
---|
1180 | padding: 0.75rem 1.25rem;
|
---|
1181 | border-bottom: 1px solid #dee2e6;
|
---|
1182 | color: #343a40;
|
---|
1183 | background: #f8f9fa;
|
---|
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: #6c757d;
|
---|
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: #495057;
|
---|
1206 | transition: box-shadow 0.2s;
|
---|
1207 | border-radius: 0;
|
---|
1208 | }
|
---|
1209 | .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
|
---|
1210 | color: #4338CA;
|
---|
1211 | background: #EEF2FF;
|
---|
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 #c1c2f9;
|
---|
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: #343a40;
|
---|
1225 | background: #ffffff;
|
---|
1226 | font-weight: 700;
|
---|
1227 | }
|
---|
1228 | .p-listbox .p-listbox-list .p-listbox-empty-message {
|
---|
1229 | padding: 0.75rem 1.25rem;
|
---|
1230 | color: #495057;
|
---|
1231 | background: transparent;
|
---|
1232 | }
|
---|
1233 | .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
|
---|
1234 | color: #495057;
|
---|
1235 | background: #e9ecef;
|
---|
1236 | }
|
---|
1237 |
|
---|
1238 | p-listbox.ng-dirty.ng-invalid > .p-listbox {
|
---|
1239 | border-color: #e24c4c;
|
---|
1240 | }
|
---|
1241 |
|
---|
1242 | .p-multiselect {
|
---|
1243 | background: #ffffff;
|
---|
1244 | border: 1px solid #ced4da;
|
---|
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: #6366F1;
|
---|
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 #c1c2f9;
|
---|
1255 | border-color: #6366F1;
|
---|
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: #6c757d;
|
---|
1263 | }
|
---|
1264 | .p-multiselect.p-multiselect-chip .p-multiselect-token {
|
---|
1265 | padding: 0.375rem 0.75rem;
|
---|
1266 | margin-right: 0.5rem;
|
---|
1267 | background: #EEF2FF;
|
---|
1268 | color: #4338CA;
|
---|
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: #6c757d;
|
---|
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: #ffffff;
|
---|
1288 | color: #495057;
|
---|
1289 | border: 0 none;
|
---|
1290 | border-radius: 6px;
|
---|
1291 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
1292 | }
|
---|
1293 | .p-multiselect-panel .p-multiselect-header {
|
---|
1294 | padding: 0.75rem 1.25rem;
|
---|
1295 | border-bottom: 1px solid #dee2e6;
|
---|
1296 | color: #343a40;
|
---|
1297 | background: #f8f9fa;
|
---|
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: #6c757d;
|
---|
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: #6c757d;
|
---|
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: #343a40;
|
---|
1324 | border-color: transparent;
|
---|
1325 | background: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
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: #495057;
|
---|
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: #4338CA;
|
---|
1349 | background: #EEF2FF;
|
---|
1350 | }
|
---|
1351 | .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
|
---|
1352 | color: #495057;
|
---|
1353 | background: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
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: #343a40;
|
---|
1367 | background: #ffffff;
|
---|
1368 | font-weight: 700;
|
---|
1369 | }
|
---|
1370 | .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
|
---|
1371 | padding: 0.75rem 1.25rem;
|
---|
1372 | color: #495057;
|
---|
1373 | background: transparent;
|
---|
1374 | }
|
---|
1375 |
|
---|
1376 | p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
|
---|
1377 | border-color: #e24c4c;
|
---|
1378 | }
|
---|
1379 |
|
---|
1380 | .p-input-filled .p-multiselect {
|
---|
1381 | background: #e9ecef;
|
---|
1382 | }
|
---|
1383 | .p-input-filled .p-multiselect:not(.p-disabled):hover {
|
---|
1384 | background-color: #e9ecef;
|
---|
1385 | }
|
---|
1386 | .p-input-filled .p-multiselect:not(.p-disabled).p-focus {
|
---|
1387 | background-color: #ffffff;
|
---|
1388 | }
|
---|
1389 |
|
---|
1390 | p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext {
|
---|
1391 | border-color: #e24c4c;
|
---|
1392 | }
|
---|
1393 |
|
---|
1394 | .p-password-panel {
|
---|
1395 | padding: 1.25rem;
|
---|
1396 | background: #ffffff;
|
---|
1397 | color: #495057;
|
---|
1398 | border: 0 none;
|
---|
1399 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
1400 | border-radius: 6px;
|
---|
1401 | }
|
---|
1402 | .p-password-panel .p-password-meter {
|
---|
1403 | margin-bottom: 0.5rem;
|
---|
1404 | background: #dee2e6;
|
---|
1405 | }
|
---|
1406 | .p-password-panel .p-password-meter .p-password-strength.weak {
|
---|
1407 | background: #ea5455;
|
---|
1408 | }
|
---|
1409 | .p-password-panel .p-password-meter .p-password-strength.medium {
|
---|
1410 | background: #ff9f42;
|
---|
1411 | }
|
---|
1412 | .p-password-panel .p-password-meter .p-password-strength.strong {
|
---|
1413 | background: #29c76f;
|
---|
1414 | }
|
---|
1415 |
|
---|
1416 | .p-radiobutton {
|
---|
1417 | width: 22px;
|
---|
1418 | height: 22px;
|
---|
1419 | }
|
---|
1420 | .p-radiobutton .p-radiobutton-box {
|
---|
1421 | border: 2px solid #ced4da;
|
---|
1422 | background: #ffffff;
|
---|
1423 | width: 22px;
|
---|
1424 | height: 22px;
|
---|
1425 | color: #495057;
|
---|
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: #6366F1;
|
---|
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 #c1c2f9;
|
---|
1436 | border-color: #6366F1;
|
---|
1437 | }
|
---|
1438 | .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
|
---|
1439 | width: 12px;
|
---|
1440 | height: 12px;
|
---|
1441 | transition-duration: 0.2s;
|
---|
1442 | background-color: #ffffff;
|
---|
1443 | }
|
---|
1444 | .p-radiobutton .p-radiobutton-box.p-highlight {
|
---|
1445 | border-color: #6366F1;
|
---|
1446 | background: #6366F1;
|
---|
1447 | }
|
---|
1448 | .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
|
---|
1449 | border-color: #4338CA;
|
---|
1450 | background: #4338CA;
|
---|
1451 | color: #ffffff;
|
---|
1452 | }
|
---|
1453 |
|
---|
1454 | p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
|
---|
1455 | border-color: #e24c4c;
|
---|
1456 | }
|
---|
1457 |
|
---|
1458 | .p-input-filled .p-radiobutton .p-radiobutton-box {
|
---|
1459 | background-color: #e9ecef;
|
---|
1460 | }
|
---|
1461 | .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
|
---|
1462 | background-color: #e9ecef;
|
---|
1463 | }
|
---|
1464 | .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
|
---|
1465 | background: #6366F1;
|
---|
1466 | }
|
---|
1467 | .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
|
---|
1468 | background: #4338CA;
|
---|
1469 | }
|
---|
1470 |
|
---|
1471 | .p-radiobutton-label {
|
---|
1472 | margin-left: 0.5rem;
|
---|
1473 | }
|
---|
1474 |
|
---|
1475 | .p-rating .p-rating-icon {
|
---|
1476 | color: #495057;
|
---|
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: #ea5455;
|
---|
1483 | }
|
---|
1484 | .p-rating .p-rating-icon:focus {
|
---|
1485 | outline: 0 none;
|
---|
1486 | outline-offset: 0;
|
---|
1487 | box-shadow: 0 0 0 0.2rem #c1c2f9;
|
---|
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: #6366F1;
|
---|
1494 | }
|
---|
1495 | .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
|
---|
1496 | color: #6366F1;
|
---|
1497 | }
|
---|
1498 | .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
|
---|
1499 | color: #e73d3e;
|
---|
1500 | }
|
---|
1501 |
|
---|
1502 | .p-selectbutton .p-button {
|
---|
1503 | background: #ffffff;
|
---|
1504 | border: 1px solid #ced4da;
|
---|
1505 | color: #495057;
|
---|
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: #6c757d;
|
---|
1511 | }
|
---|
1512 | .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
|
---|
1513 | background: #e9ecef;
|
---|
1514 | border-color: #ced4da;
|
---|
1515 | color: #495057;
|
---|
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: #343a40;
|
---|
1520 | }
|
---|
1521 | .p-selectbutton .p-button.p-highlight {
|
---|
1522 | background: #6366F1;
|
---|
1523 | border-color: #6366F1;
|
---|
1524 | color: #ffffff;
|
---|
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: #ffffff;
|
---|
1529 | }
|
---|
1530 | .p-selectbutton .p-button.p-highlight:hover {
|
---|
1531 | background: #4F46E5;
|
---|
1532 | border-color: #4F46E5;
|
---|
1533 | color: #ffffff;
|
---|
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: #ffffff;
|
---|
1538 | }
|
---|
1539 |
|
---|
1540 | p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
|
---|
1541 | border-color: #e24c4c;
|
---|
1542 | }
|
---|
1543 |
|
---|
1544 | .p-slider {
|
---|
1545 | background: #dee2e6;
|
---|
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: #ffffff;
|
---|
1567 | border: 2px solid #6366F1;
|
---|
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 #c1c2f9;
|
---|
1575 | }
|
---|
1576 | .p-slider .p-slider-range {
|
---|
1577 | background: #6366F1;
|
---|
1578 | }
|
---|
1579 | .p-slider:not(.p-disabled) .p-slider-handle:hover {
|
---|
1580 | background: #6366F1;
|
---|
1581 | border-color: #6366F1;
|
---|
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: #ffffff;
|
---|
1598 | border: 1px solid #ced4da;
|
---|
1599 | color: #495057;
|
---|
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: #6c757d;
|
---|
1605 | }
|
---|
1606 | .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
|
---|
1607 | background: #e9ecef;
|
---|
1608 | border-color: #ced4da;
|
---|
1609 | color: #495057;
|
---|
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: #343a40;
|
---|
1614 | }
|
---|
1615 | .p-togglebutton.p-button.p-highlight {
|
---|
1616 | background: #6366F1;
|
---|
1617 | border-color: #6366F1;
|
---|
1618 | color: #ffffff;
|
---|
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: #ffffff;
|
---|
1623 | }
|
---|
1624 | .p-togglebutton.p-button.p-highlight:hover {
|
---|
1625 | background: #4F46E5;
|
---|
1626 | border-color: #4F46E5;
|
---|
1627 | color: #ffffff;
|
---|
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: #ffffff;
|
---|
1632 | }
|
---|
1633 |
|
---|
1634 | p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
|
---|
1635 | border-color: #e24c4c;
|
---|
1636 | }
|
---|
1637 |
|
---|
1638 | .p-treeselect {
|
---|
1639 | background: #ffffff;
|
---|
1640 | border: 1px solid #ced4da;
|
---|
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: #6366F1;
|
---|
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 #c1c2f9;
|
---|
1651 | border-color: #6366F1;
|
---|
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: #6c757d;
|
---|
1659 | }
|
---|
1660 | .p-treeselect.p-treeselect-chip .p-treeselect-token {
|
---|
1661 | padding: 0.375rem 0.75rem;
|
---|
1662 | margin-right: 0.5rem;
|
---|
1663 | background: #dee2e6;
|
---|
1664 | color: #495057;
|
---|
1665 | border-radius: 16px;
|
---|
1666 | }
|
---|
1667 | .p-treeselect .p-treeselect-trigger {
|
---|
1668 | background: transparent;
|
---|
1669 | color: #6c757d;
|
---|
1670 | width: 3rem;
|
---|
1671 | border-top-right-radius: 6px;
|
---|
1672 | border-bottom-right-radius: 6px;
|
---|
1673 | }
|
---|
1674 |
|
---|
1675 | p-treeselect.ng-invalid.ng-dirty > .p-treeselect {
|
---|
1676 | border-color: #e24c4c;
|
---|
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: #ffffff;
|
---|
1685 | color: #495057;
|
---|
1686 | border: 0 none;
|
---|
1687 | border-radius: 6px;
|
---|
1688 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
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: #495057;
|
---|
1696 | background: transparent;
|
---|
1697 | }
|
---|
1698 |
|
---|
1699 | .p-input-filled .p-treeselect {
|
---|
1700 | background: #e9ecef;
|
---|
1701 | }
|
---|
1702 | .p-input-filled .p-treeselect:not(.p-disabled):hover {
|
---|
1703 | background-color: #e9ecef;
|
---|
1704 | }
|
---|
1705 | .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
|
---|
1706 | background-color: #ffffff;
|
---|
1707 | }
|
---|
1708 |
|
---|
1709 | .p-button {
|
---|
1710 | color: #ffffff;
|
---|
1711 | background: #6366F1;
|
---|
1712 | border: 1px solid #6366F1;
|
---|
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: #4F46E5;
|
---|
1720 | color: #ffffff;
|
---|
1721 | border-color: #4F46E5;
|
---|
1722 | }
|
---|
1723 | .p-button:enabled:active {
|
---|
1724 | background: #4338CA;
|
---|
1725 | color: #ffffff;
|
---|
1726 | border-color: #4338CA;
|
---|
1727 | }
|
---|
1728 | .p-button.p-button-outlined {
|
---|
1729 | background-color: transparent;
|
---|
1730 | color: #6366F1;
|
---|
1731 | border: 1px solid;
|
---|
1732 | }
|
---|
1733 | .p-button.p-button-outlined:enabled:hover {
|
---|
1734 | background: rgba(99, 102, 241, 0.04);
|
---|
1735 | color: #6366F1;
|
---|
1736 | border: 1px solid;
|
---|
1737 | }
|
---|
1738 | .p-button.p-button-outlined:enabled:active {
|
---|
1739 | background: rgba(99, 102, 241, 0.16);
|
---|
1740 | color: #6366F1;
|
---|
1741 | border: 1px solid;
|
---|
1742 | }
|
---|
1743 | .p-button.p-button-outlined.p-button-plain {
|
---|
1744 | color: #6c757d;
|
---|
1745 | border-color: #6c757d;
|
---|
1746 | }
|
---|
1747 | .p-button.p-button-outlined.p-button-plain:enabled:hover {
|
---|
1748 | background: #e9ecef;
|
---|
1749 | color: #6c757d;
|
---|
1750 | }
|
---|
1751 | .p-button.p-button-outlined.p-button-plain:enabled:active {
|
---|
1752 | background: #dee2e6;
|
---|
1753 | color: #6c757d;
|
---|
1754 | }
|
---|
1755 | .p-button.p-button-text {
|
---|
1756 | background-color: transparent;
|
---|
1757 | color: #6366F1;
|
---|
1758 | border-color: transparent;
|
---|
1759 | }
|
---|
1760 | .p-button.p-button-text:enabled:hover {
|
---|
1761 | background: rgba(99, 102, 241, 0.04);
|
---|
1762 | color: #6366F1;
|
---|
1763 | border-color: transparent;
|
---|
1764 | }
|
---|
1765 | .p-button.p-button-text:enabled:active {
|
---|
1766 | background: rgba(99, 102, 241, 0.16);
|
---|
1767 | color: #6366F1;
|
---|
1768 | border-color: transparent;
|
---|
1769 | }
|
---|
1770 | .p-button.p-button-text.p-button-plain {
|
---|
1771 | color: #6c757d;
|
---|
1772 | }
|
---|
1773 | .p-button.p-button-text.p-button-plain:enabled:hover {
|
---|
1774 | background: #e9ecef;
|
---|
1775 | color: #6c757d;
|
---|
1776 | }
|
---|
1777 | .p-button.p-button-text.p-button-plain:enabled:active {
|
---|
1778 | background: #dee2e6;
|
---|
1779 | color: #6c757d;
|
---|
1780 | }
|
---|
1781 | .p-button:focus {
|
---|
1782 | outline: 0 none;
|
---|
1783 | outline-offset: 0;
|
---|
1784 | box-shadow: 0 0 0 0.2rem #c1c2f9;
|
---|
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: #6366F1;
|
---|
1804 | background-color: #ffffff;
|
---|
1805 | }
|
---|
1806 | .p-button.p-button-raised {
|
---|
1807 | box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
---|
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: #ffffff;
|
---|
1860 | background: #64748B;
|
---|
1861 | border: 1px solid #64748B;
|
---|
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: #475569;
|
---|
1865 | color: #ffffff;
|
---|
1866 | border-color: #475569;
|
---|
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 0.2rem #c0c7d2;
|
---|
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: #334155;
|
---|
1873 | color: #ffffff;
|
---|
1874 | border-color: #334155;
|
---|
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: #64748B;
|
---|
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(100, 116, 139, 0.04);
|
---|
1883 | color: #64748B;
|
---|
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(100, 116, 139, 0.16);
|
---|
1888 | color: #64748B;
|
---|
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: #64748B;
|
---|
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(100, 116, 139, 0.04);
|
---|
1898 | border-color: transparent;
|
---|
1899 | color: #64748B;
|
---|
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(100, 116, 139, 0.16);
|
---|
1903 | border-color: transparent;
|
---|
1904 | color: #64748B;
|
---|
1905 | }
|
---|
1906 |
|
---|
1907 | .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button {
|
---|
1908 | color: #ffffff;
|
---|
1909 | background: #3B82F6;
|
---|
1910 | border: 1px solid #3B82F6;
|
---|
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: #2563EB;
|
---|
1914 | color: #ffffff;
|
---|
1915 | border-color: #2563EB;
|
---|
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 0.2rem #b1cdfb;
|
---|
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: #1D4ED8;
|
---|
1922 | color: #ffffff;
|
---|
1923 | border-color: #1D4ED8;
|
---|
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: #3B82F6;
|
---|
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(59, 130, 246, 0.04);
|
---|
1932 | color: #3B82F6;
|
---|
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(59, 130, 246, 0.16);
|
---|
1937 | color: #3B82F6;
|
---|
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: #3B82F6;
|
---|
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(59, 130, 246, 0.04);
|
---|
1947 | border-color: transparent;
|
---|
1948 | color: #3B82F6;
|
---|
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(59, 130, 246, 0.16);
|
---|
1952 | border-color: transparent;
|
---|
1953 | color: #3B82F6;
|
---|
1954 | }
|
---|
1955 |
|
---|
1956 | .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button {
|
---|
1957 | color: #ffffff;
|
---|
1958 | background: #22C55E;
|
---|
1959 | border: 1px solid #22C55E;
|
---|
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: #16A34A;
|
---|
1963 | color: #ffffff;
|
---|
1964 | border-color: #16A34A;
|
---|
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 0.2rem #a0efbd;
|
---|
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: #15803D;
|
---|
1971 | color: #ffffff;
|
---|
1972 | border-color: #15803D;
|
---|
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: #22C55E;
|
---|
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(34, 197, 94, 0.04);
|
---|
1981 | color: #22C55E;
|
---|
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(34, 197, 94, 0.16);
|
---|
1986 | color: #22C55E;
|
---|
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: #22C55E;
|
---|
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(34, 197, 94, 0.04);
|
---|
1996 | border-color: transparent;
|
---|
1997 | color: #22C55E;
|
---|
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(34, 197, 94, 0.16);
|
---|
2001 | border-color: transparent;
|
---|
2002 | color: #22C55E;
|
---|
2003 | }
|
---|
2004 |
|
---|
2005 | .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button {
|
---|
2006 | color: #ffffff;
|
---|
2007 | background: #F59E0B;
|
---|
2008 | border: 1px solid #F59E0B;
|
---|
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: #D97706;
|
---|
2012 | color: #ffffff;
|
---|
2013 | border-color: #D97706;
|
---|
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 0.2rem #fbd89d;
|
---|
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: #B45309;
|
---|
2020 | color: #ffffff;
|
---|
2021 | border-color: #B45309;
|
---|
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: #F59E0B;
|
---|
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(245, 158, 11, 0.04);
|
---|
2030 | color: #F59E0B;
|
---|
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(245, 158, 11, 0.16);
|
---|
2035 | color: #F59E0B;
|
---|
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: #F59E0B;
|
---|
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(245, 158, 11, 0.04);
|
---|
2045 | border-color: transparent;
|
---|
2046 | color: #F59E0B;
|
---|
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(245, 158, 11, 0.16);
|
---|
2050 | border-color: transparent;
|
---|
2051 | color: #F59E0B;
|
---|
2052 | }
|
---|
2053 |
|
---|
2054 | .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button {
|
---|
2055 | color: #ffffff;
|
---|
2056 | background: #A855F7;
|
---|
2057 | border: 1px solid #A855F7;
|
---|
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: #9333EA;
|
---|
2061 | color: #ffffff;
|
---|
2062 | border-color: #9333EA;
|
---|
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 0.2rem #dcbbfc;
|
---|
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: #7E22CE;
|
---|
2069 | color: #ffffff;
|
---|
2070 | border-color: #7E22CE;
|
---|
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: #A855F7;
|
---|
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(168, 85, 247, 0.04);
|
---|
2079 | color: #A855F7;
|
---|
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(168, 85, 247, 0.16);
|
---|
2084 | color: #A855F7;
|
---|
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: #A855F7;
|
---|
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(168, 85, 247, 0.04);
|
---|
2094 | border-color: transparent;
|
---|
2095 | color: #A855F7;
|
---|
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(168, 85, 247, 0.16);
|
---|
2099 | border-color: transparent;
|
---|
2100 | color: #A855F7;
|
---|
2101 | }
|
---|
2102 |
|
---|
2103 | .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button {
|
---|
2104 | color: #ffffff;
|
---|
2105 | background: #EF4444;
|
---|
2106 | border: 1px solid #EF4444;
|
---|
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: #DC2626;
|
---|
2110 | color: #ffffff;
|
---|
2111 | border-color: #DC2626;
|
---|
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 0.2rem #f9b4b4;
|
---|
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: #B91C1C;
|
---|
2118 | color: #ffffff;
|
---|
2119 | border-color: #B91C1C;
|
---|
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: #EF4444;
|
---|
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(239, 68, 68, 0.04);
|
---|
2128 | color: #EF4444;
|
---|
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(239, 68, 68, 0.16);
|
---|
2133 | color: #EF4444;
|
---|
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: #EF4444;
|
---|
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(239, 68, 68, 0.04);
|
---|
2143 | border-color: transparent;
|
---|
2144 | color: #EF4444;
|
---|
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(239, 68, 68, 0.16);
|
---|
2148 | border-color: transparent;
|
---|
2149 | color: #EF4444;
|
---|
2150 | }
|
---|
2151 |
|
---|
2152 | .p-button.p-button-link {
|
---|
2153 | color: #4338CA;
|
---|
2154 | background: transparent;
|
---|
2155 | border: transparent;
|
---|
2156 | }
|
---|
2157 | .p-button.p-button-link:enabled:hover {
|
---|
2158 | background: transparent;
|
---|
2159 | color: #4338CA;
|
---|
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 0.2rem #c1c2f9;
|
---|
2168 | border-color: transparent;
|
---|
2169 | }
|
---|
2170 | .p-button.p-button-link:enabled:active {
|
---|
2171 | background: transparent;
|
---|
2172 | color: #4338CA;
|
---|
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: #495057;
|
---|
2188 | color: #fff;
|
---|
2189 | }
|
---|
2190 | .p-speeddial-action:hover {
|
---|
2191 | background: #022354;
|
---|
2192 | color: #fff;
|
---|
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: #6c757d;
|
---|
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: #343a40;
|
---|
2254 | border-color: transparent;
|
---|
2255 | background: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
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: #ced4da;
|
---|
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: #adb5bd;
|
---|
2279 | }
|
---|
2280 | .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
|
---|
2281 | background: #EEF2FF;
|
---|
2282 | color: #4338CA;
|
---|
2283 | }
|
---|
2284 |
|
---|
2285 | .p-datatable .p-paginator-top {
|
---|
2286 | border-width: 0 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: #f8f9fa;
|
---|
2295 | color: #343a40;
|
---|
2296 | border: 1px solid #dee2e6;
|
---|
2297 | border-width: 1px 0 1px 0;
|
---|
2298 | padding: 1rem 1rem;
|
---|
2299 | font-weight: 700;
|
---|
2300 | }
|
---|
2301 | .p-datatable .p-datatable-footer {
|
---|
2302 | background: #f8f9fa;
|
---|
2303 | color: #343a40;
|
---|
2304 | border: 1px solid #dee2e6;
|
---|
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 #dee2e6;
|
---|
2313 | border-width: 0 0 1px 0;
|
---|
2314 | font-weight: 700;
|
---|
2315 | color: #343a40;
|
---|
2316 | background: #f8f9fa;
|
---|
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 #dee2e6;
|
---|
2323 | border-width: 0 0 1px 0;
|
---|
2324 | font-weight: 700;
|
---|
2325 | color: #343a40;
|
---|
2326 | background: #f8f9fa;
|
---|
2327 | }
|
---|
2328 | .p-datatable .p-sortable-column .p-sortable-column-icon {
|
---|
2329 | color: #343a40;
|
---|
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: #4338CA;
|
---|
2338 | background: #EEF2FF;
|
---|
2339 | margin-left: 0.5rem;
|
---|
2340 | }
|
---|
2341 | .p-datatable .p-sortable-column:not(.p-highlight):hover {
|
---|
2342 | background: #e9ecef;
|
---|
2343 | color: #343a40;
|
---|
2344 | }
|
---|
2345 | .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
|
---|
2346 | color: #343a40;
|
---|
2347 | }
|
---|
2348 | .p-datatable .p-sortable-column.p-highlight {
|
---|
2349 | background: #EEF2FF;
|
---|
2350 | color: #4338CA;
|
---|
2351 | }
|
---|
2352 | .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
|
---|
2353 | color: #4338CA;
|
---|
2354 | }
|
---|
2355 | .p-datatable .p-sortable-column.p-highlight:hover {
|
---|
2356 | background: #EEF2FF;
|
---|
2357 | color: #4338CA;
|
---|
2358 | }
|
---|
2359 | .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
|
---|
2360 | color: #4338CA;
|
---|
2361 | }
|
---|
2362 | .p-datatable .p-sortable-column:focus {
|
---|
2363 | box-shadow: inset 0 0 0 1px #c1c2f9;
|
---|
2364 | outline: 0 none;
|
---|
2365 | }
|
---|
2366 | .p-datatable .p-datatable-tbody > tr {
|
---|
2367 | background: #ffffff;
|
---|
2368 | color: #495057;
|
---|
2369 | transition: box-shadow 0.2s;
|
---|
2370 | outline-color: #c1c2f9;
|
---|
2371 | }
|
---|
2372 | .p-datatable .p-datatable-tbody > tr > td {
|
---|
2373 | text-align: left;
|
---|
2374 | border: 1px solid #dee2e6;
|
---|
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: #6c757d;
|
---|
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: #343a40;
|
---|
2395 | border-color: transparent;
|
---|
2396 | background: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
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: #EEF2FF;
|
---|
2411 | color: #4338CA;
|
---|
2412 | }
|
---|
2413 | .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
|
---|
2414 | box-shadow: inset 0 2px 0 0 #EEF2FF;
|
---|
2415 | }
|
---|
2416 | .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
|
---|
2417 | box-shadow: inset 0 -2px 0 0 #EEF2FF;
|
---|
2418 | }
|
---|
2419 | .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
|
---|
2420 | background: #e9ecef;
|
---|
2421 | color: #495057;
|
---|
2422 | }
|
---|
2423 | .p-datatable .p-column-resizer-helper {
|
---|
2424 | background: #6366F1;
|
---|
2425 | }
|
---|
2426 | .p-datatable .p-datatable-scrollable-header,
|
---|
2427 | .p-datatable .p-datatable-scrollable-footer {
|
---|
2428 | background: #f8f9fa;
|
---|
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: #fcfcfc;
|
---|
2456 | }
|
---|
2457 | .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
|
---|
2458 | background: #EEF2FF;
|
---|
2459 | color: #4338CA;
|
---|
2460 | }
|
---|
2461 | .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
|
---|
2462 | color: #4338CA;
|
---|
2463 | }
|
---|
2464 | .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
|
---|
2465 | color: #4338CA;
|
---|
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: 0 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: #f8f9fa;
|
---|
2508 | color: #343a40;
|
---|
2509 | border: 1px solid #dee2e6;
|
---|
2510 | border-width: 1px 0 1px 0;
|
---|
2511 | padding: 1rem 1rem;
|
---|
2512 | font-weight: 700;
|
---|
2513 | }
|
---|
2514 | .p-dataview .p-dataview-content {
|
---|
2515 | background: #ffffff;
|
---|
2516 | color: #495057;
|
---|
2517 | border: 0 none;
|
---|
2518 | padding: 0;
|
---|
2519 | }
|
---|
2520 | .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
|
---|
2521 | border: solid #dee2e6;
|
---|
2522 | border-width: 0 0 1px 0;
|
---|
2523 | }
|
---|
2524 | .p-dataview .p-dataview-footer {
|
---|
2525 | background: #f8f9fa;
|
---|
2526 | color: #343a40;
|
---|
2527 | border: 1px solid #dee2e6;
|
---|
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: #6c757d;
|
---|
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: #343a40;
|
---|
2557 | border-color: transparent;
|
---|
2558 | background: #e9ecef;
|
---|
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: #e9ecef;
|
---|
2562 | color: #343a40;
|
---|
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: #EEF2FF;
|
---|
2566 | color: #4338CA;
|
---|
2567 | }
|
---|
2568 | .p-column-filter-menu-button:focus {
|
---|
2569 | outline: 0 none;
|
---|
2570 | outline-offset: 0;
|
---|
2571 | box-shadow: 0 0 0 0.2rem #c1c2f9;
|
---|
2572 | }
|
---|
2573 |
|
---|
2574 | .p-column-filter-clear-button {
|
---|
2575 | width: 2rem;
|
---|
2576 | height: 2rem;
|
---|
2577 | color: #6c757d;
|
---|
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: #343a40;
|
---|
2585 | border-color: transparent;
|
---|
2586 | background: #e9ecef;
|
---|
2587 | }
|
---|
2588 | .p-column-filter-clear-button:focus {
|
---|
2589 | outline: 0 none;
|
---|
2590 | outline-offset: 0;
|
---|
2591 | box-shadow: 0 0 0 0.2rem #c1c2f9;
|
---|
2592 | }
|
---|
2593 |
|
---|
2594 | .p-column-filter-overlay {
|
---|
2595 | background: #ffffff;
|
---|
2596 | color: #495057;
|
---|
2597 | border: 0 none;
|
---|
2598 | border-radius: 6px;
|
---|
2599 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
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: #495057;
|
---|
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: #4338CA;
|
---|
2616 | background: #EEF2FF;
|
---|
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: #495057;
|
---|
2620 | background: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
2626 | }
|
---|
2627 | .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
|
---|
2628 | border-top: 1px solid #dee2e6;
|
---|
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 #dee2e6;
|
---|
2635 | color: #343a40;
|
---|
2636 | background: #f8f9fa;
|
---|
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 #dee2e6;
|
---|
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: #f8f9fa;
|
---|
2667 | border: 1px solid #dee2e6;
|
---|
2668 | color: #343a40;
|
---|
2669 | }
|
---|
2670 | .fc.fc-unthemed .fc-view-container td.fc-widget-content {
|
---|
2671 | background: #ffffff;
|
---|
2672 | border: 1px solid #dee2e6;
|
---|
2673 | color: #495057;
|
---|
2674 | }
|
---|
2675 | .fc.fc-unthemed .fc-view-container td.fc-head-container {
|
---|
2676 | border: 1px solid #dee2e6;
|
---|
2677 | }
|
---|
2678 | .fc.fc-unthemed .fc-view-container .fc-row {
|
---|
2679 | border-right: 1px solid #dee2e6;
|
---|
2680 | }
|
---|
2681 | .fc.fc-unthemed .fc-view-container .fc-event {
|
---|
2682 | background: #4F46E5;
|
---|
2683 | border: 1px solid #4F46E5;
|
---|
2684 | color: #ffffff;
|
---|
2685 | }
|
---|
2686 | .fc.fc-unthemed .fc-view-container .fc-divider {
|
---|
2687 | background: #f8f9fa;
|
---|
2688 | border: 1px solid #dee2e6;
|
---|
2689 | }
|
---|
2690 | .fc.fc-unthemed .fc-toolbar .fc-button {
|
---|
2691 | color: #ffffff;
|
---|
2692 | background: #6366F1;
|
---|
2693 | border: 1px solid #6366F1;
|
---|
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: #4F46E5;
|
---|
2702 | color: #ffffff;
|
---|
2703 | border-color: #4F46E5;
|
---|
2704 | }
|
---|
2705 | .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
|
---|
2706 | background: #4338CA;
|
---|
2707 | color: #ffffff;
|
---|
2708 | border-color: #4338CA;
|
---|
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 #c1c2f9;
|
---|
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 #c1c2f9;
|
---|
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: #ffffff;
|
---|
2738 | border: 1px solid #ced4da;
|
---|
2739 | color: #495057;
|
---|
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: #e9ecef;
|
---|
2744 | border-color: #ced4da;
|
---|
2745 | color: #495057;
|
---|
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: #6366F1;
|
---|
2749 | border-color: #6366F1;
|
---|
2750 | color: #ffffff;
|
---|
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: #4F46E5;
|
---|
2754 | border-color: #4F46E5;
|
---|
2755 | color: #ffffff;
|
---|
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 #c1c2f9;
|
---|
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: #dee2e6;
|
---|
2776 | }
|
---|
2777 | .fc.fc-theme-standard .fc-view-harness th {
|
---|
2778 | background: #f8f9fa;
|
---|
2779 | border-color: #dee2e6;
|
---|
2780 | color: #343a40;
|
---|
2781 | }
|
---|
2782 | .fc.fc-theme-standard .fc-view-harness td {
|
---|
2783 | color: #495057;
|
---|
2784 | border-color: #dee2e6;
|
---|
2785 | }
|
---|
2786 | .fc.fc-theme-standard .fc-view-harness .fc-view {
|
---|
2787 | background: #ffffff;
|
---|
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 #dee2e6;
|
---|
2795 | padding: 1.25rem;
|
---|
2796 | background: #f8f9fa;
|
---|
2797 | color: #343a40;
|
---|
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: #6c757d;
|
---|
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: #343a40;
|
---|
2820 | border-color: transparent;
|
---|
2821 | background: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
2827 | }
|
---|
2828 | .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
|
---|
2829 | padding: 1.25rem;
|
---|
2830 | border: 1px solid #dee2e6;
|
---|
2831 | background: #ffffff;
|
---|
2832 | color: #495057;
|
---|
2833 | border-top: 0 none;
|
---|
2834 | }
|
---|
2835 | .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
|
---|
2836 | color: #ffffff;
|
---|
2837 | background: #4F46E5;
|
---|
2838 | border-color: #4F46E5;
|
---|
2839 | }
|
---|
2840 | .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
|
---|
2841 | color: #ffffff;
|
---|
2842 | }
|
---|
2843 | .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
|
---|
2844 | background: #4F46E5;
|
---|
2845 | border-color: #4F46E5;
|
---|
2846 | }
|
---|
2847 | .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
|
---|
2848 | background: #e9ecef;
|
---|
2849 | color: #495057;
|
---|
2850 | }
|
---|
2851 | .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
|
---|
2852 | background: #f8f9fa;
|
---|
2853 | }
|
---|
2854 | .fc.fc-theme-standard .fc-toolbar .fc-button {
|
---|
2855 | color: #ffffff;
|
---|
2856 | background: #6366F1;
|
---|
2857 | border: 1px solid #6366F1;
|
---|
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: #4F46E5;
|
---|
2864 | color: #ffffff;
|
---|
2865 | border-color: #4F46E5;
|
---|
2866 | }
|
---|
2867 | .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
|
---|
2868 | background: #4338CA;
|
---|
2869 | color: #ffffff;
|
---|
2870 | border-color: #4338CA;
|
---|
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 #c1c2f9;
|
---|
2876 | }
|
---|
2877 | .fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
|
---|
2878 | opacity: 0.6;
|
---|
2879 | color: #ffffff;
|
---|
2880 | background: #6366F1;
|
---|
2881 | border: 1px solid #6366F1;
|
---|
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 #c1c2f9;
|
---|
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: #ffffff;
|
---|
2906 | border: 1px solid #ced4da;
|
---|
2907 | color: #495057;
|
---|
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: #e9ecef;
|
---|
2912 | border-color: #ced4da;
|
---|
2913 | color: #495057;
|
---|
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: #6366F1;
|
---|
2917 | border-color: #6366F1;
|
---|
2918 | color: #ffffff;
|
---|
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: #4F46E5;
|
---|
2922 | border-color: #4F46E5;
|
---|
2923 | color: #ffffff;
|
---|
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 #c1c2f9;
|
---|
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: #495057;
|
---|
2944 | }
|
---|
2945 | .fc.fc-theme-standard .fc-highlight {
|
---|
2946 | color: #4338CA;
|
---|
2947 | background: #EEF2FF;
|
---|
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: #f8f9fa;
|
---|
2958 | color: #343a40;
|
---|
2959 | border: 1px solid #dee2e6;
|
---|
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: #ffffff;
|
---|
2971 | border: 1px solid #dee2e6;
|
---|
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: #6c757d;
|
---|
2980 | }
|
---|
2981 | .p-orderlist .p-orderlist-list {
|
---|
2982 | border: 1px solid #dee2e6;
|
---|
2983 | background: #ffffff;
|
---|
2984 | color: #495057;
|
---|
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: #495057;
|
---|
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 #c1c2f9;
|
---|
3001 | }
|
---|
3002 | .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
|
---|
3003 | color: #4338CA;
|
---|
3004 | background: #EEF2FF;
|
---|
3005 | }
|
---|
3006 | .p-orderlist .p-orderlist-list .p-orderlist-empty-message {
|
---|
3007 | padding: 0.75rem 1.25rem;
|
---|
3008 | color: #495057;
|
---|
3009 | }
|
---|
3010 | .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
|
---|
3011 | background: #e9ecef;
|
---|
3012 | color: #495057;
|
---|
3013 | }
|
---|
3014 |
|
---|
3015 | .p-orderlist-item.cdk-drag-preview {
|
---|
3016 | padding: 0.75rem 1.25rem;
|
---|
3017 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
3018 | border: 0 none;
|
---|
3019 | color: #495057;
|
---|
3020 | background: #ffffff;
|
---|
3021 | margin: 0;
|
---|
3022 | }
|
---|
3023 |
|
---|
3024 | .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
|
---|
3025 | background: #e9ecef;
|
---|
3026 | color: #495057;
|
---|
3027 | }
|
---|
3028 | .p-organizationchart .p-organizationchart-node-content.p-highlight {
|
---|
3029 | background: #EEF2FF;
|
---|
3030 | color: #4338CA;
|
---|
3031 | }
|
---|
3032 | .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
|
---|
3033 | color: #6f91ff;
|
---|
3034 | }
|
---|
3035 | .p-organizationchart .p-organizationchart-line-down {
|
---|
3036 | background: #dee2e6;
|
---|
3037 | }
|
---|
3038 | .p-organizationchart .p-organizationchart-line-left {
|
---|
3039 | border-right: 1px solid #dee2e6;
|
---|
3040 | border-color: #dee2e6;
|
---|
3041 | }
|
---|
3042 | .p-organizationchart .p-organizationchart-line-top {
|
---|
3043 | border-top: 1px solid #dee2e6;
|
---|
3044 | border-color: #dee2e6;
|
---|
3045 | }
|
---|
3046 | .p-organizationchart .p-organizationchart-node-content {
|
---|
3047 | border: 1px solid #dee2e6;
|
---|
3048 | background: #ffffff;
|
---|
3049 | color: #495057;
|
---|
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 #c1c2f9;
|
---|
3061 | }
|
---|
3062 |
|
---|
3063 | .p-paginator {
|
---|
3064 | background: #ffffff;
|
---|
3065 | color: #6c757d;
|
---|
3066 | border: solid #e9ecef;
|
---|
3067 | border-width: 0;
|
---|
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: #6c757d;
|
---|
3078 | min-width: 3rem;
|
---|
3079 | height: 3rem;
|
---|
3080 | margin: 0.143rem;
|
---|
3081 | transition: box-shadow 0.2s;
|
---|
3082 | border-radius: 50%;
|
---|
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: #e9ecef;
|
---|
3089 | border-color: transparent;
|
---|
3090 | color: #343a40;
|
---|
3091 | }
|
---|
3092 | .p-paginator .p-paginator-first {
|
---|
3093 | border-top-left-radius: 50%;
|
---|
3094 | border-bottom-left-radius: 50%;
|
---|
3095 | }
|
---|
3096 | .p-paginator .p-paginator-last {
|
---|
3097 | border-top-right-radius: 50%;
|
---|
3098 | border-bottom-right-radius: 50%;
|
---|
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: #6c757d;
|
---|
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: #6c757d;
|
---|
3128 | min-width: 3rem;
|
---|
3129 | height: 3rem;
|
---|
3130 | margin: 0.143rem;
|
---|
3131 | transition: box-shadow 0.2s;
|
---|
3132 | border-radius: 50%;
|
---|
3133 | }
|
---|
3134 | .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
|
---|
3135 | background: #EEF2FF;
|
---|
3136 | border-color: #EEF2FF;
|
---|
3137 | color: #4338CA;
|
---|
3138 | }
|
---|
3139 | .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
|
---|
3140 | background: #e9ecef;
|
---|
3141 | border-color: transparent;
|
---|
3142 | color: #343a40;
|
---|
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: #f8f9fa;
|
---|
3153 | color: #343a40;
|
---|
3154 | border: 1px solid #dee2e6;
|
---|
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: #ffffff;
|
---|
3166 | border: 1px solid #dee2e6;
|
---|
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: #6c757d;
|
---|
3175 | }
|
---|
3176 | .p-picklist .p-picklist-list {
|
---|
3177 | border: 1px solid #dee2e6;
|
---|
3178 | background: #ffffff;
|
---|
3179 | color: #495057;
|
---|
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: #495057;
|
---|
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 #c1c2f9;
|
---|
3196 | }
|
---|
3197 | .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
|
---|
3198 | color: #4338CA;
|
---|
3199 | background: #EEF2FF;
|
---|
3200 | }
|
---|
3201 | .p-picklist .p-picklist-list .p-picklist-empty-message {
|
---|
3202 | padding: 0.75rem 1.25rem;
|
---|
3203 | color: #495057;
|
---|
3204 | }
|
---|
3205 | .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
|
---|
3206 | background: #e9ecef;
|
---|
3207 | color: #495057;
|
---|
3208 | }
|
---|
3209 |
|
---|
3210 | .p-picklist-item.cdk-drag-preview {
|
---|
3211 | padding: 0.75rem 1.25rem;
|
---|
3212 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
3213 | border: 0 none;
|
---|
3214 | color: #495057;
|
---|
3215 | background: #ffffff;
|
---|
3216 | margin: 0;
|
---|
3217 | }
|
---|
3218 |
|
---|
3219 | .p-timeline .p-timeline-event-marker {
|
---|
3220 | border: 2px solid #6366F1;
|
---|
3221 | border-radius: 50%;
|
---|
3222 | width: 1rem;
|
---|
3223 | height: 1rem;
|
---|
3224 | background-color: #ffffff;
|
---|
3225 | }
|
---|
3226 | .p-timeline .p-timeline-event-connector {
|
---|
3227 | background-color: #dee2e6;
|
---|
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 #dee2e6;
|
---|
3246 | background: #ffffff;
|
---|
3247 | color: #495057;
|
---|
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: #6c757d;
|
---|
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: #343a40;
|
---|
3271 | border-color: transparent;
|
---|
3272 | background: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
3278 | }
|
---|
3279 | .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
|
---|
3280 | margin-right: 0.5rem;
|
---|
3281 | color: #6c757d;
|
---|
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: #495057;
|
---|
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 #c1c2f9;
|
---|
3293 | }
|
---|
3294 | .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
|
---|
3295 | background: #EEF2FF;
|
---|
3296 | color: #4338CA;
|
---|
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: #4338CA;
|
---|
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: #4338CA;
|
---|
3305 | }
|
---|
3306 | .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
|
---|
3307 | background: #e9ecef;
|
---|
3308 | color: #495057;
|
---|
3309 | }
|
---|
3310 | .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
|
---|
3311 | background: #e9ecef;
|
---|
3312 | color: #495057;
|
---|
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: #6c757d;
|
---|
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: #8ba7ff;
|
---|
3333 | }
|
---|
3334 | .p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
|
---|
3335 | border-radius: 6px;
|
---|
3336 | border: 1px solid #dee2e6;
|
---|
3337 | background-color: #ffffff;
|
---|
3338 | color: #495057;
|
---|
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: #EEF2FF;
|
---|
3344 | color: #4338CA;
|
---|
3345 | }
|
---|
3346 | .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
|
---|
3347 | color: #4338CA;
|
---|
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: #6c757d;
|
---|
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: #e9ecef;
|
---|
3365 | color: #495057;
|
---|
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 #c1c2f9;
|
---|
3371 | }
|
---|
3372 |
|
---|
3373 | .p-treetable .p-paginator-top {
|
---|
3374 | border-width: 0 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: #f8f9fa;
|
---|
3383 | color: #343a40;
|
---|
3384 | border: 1px solid #dee2e6;
|
---|
3385 | border-width: 1px 0 1px 0;
|
---|
3386 | padding: 1rem 1rem;
|
---|
3387 | font-weight: 700;
|
---|
3388 | }
|
---|
3389 | .p-treetable .p-treetable-footer {
|
---|
3390 | background: #f8f9fa;
|
---|
3391 | color: #343a40;
|
---|
3392 | border: 1px solid #dee2e6;
|
---|
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 #dee2e6;
|
---|
3401 | border-width: 0 0 1px 0;
|
---|
3402 | font-weight: 700;
|
---|
3403 | color: #343a40;
|
---|
3404 | background: #f8f9fa;
|
---|
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 #dee2e6;
|
---|
3411 | border-width: 0 0 1px 0;
|
---|
3412 | font-weight: 700;
|
---|
3413 | color: #343a40;
|
---|
3414 | background: #f8f9fa;
|
---|
3415 | }
|
---|
3416 | .p-treetable .p-sortable-column {
|
---|
3417 | outline-color: #c1c2f9;
|
---|
3418 | }
|
---|
3419 | .p-treetable .p-sortable-column .p-sortable-column-icon {
|
---|
3420 | color: #343a40;
|
---|
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: #4338CA;
|
---|
3429 | background: #EEF2FF;
|
---|
3430 | margin-left: 0.5rem;
|
---|
3431 | }
|
---|
3432 | .p-treetable .p-sortable-column:not(.p-highlight):hover {
|
---|
3433 | background: #e9ecef;
|
---|
3434 | color: #343a40;
|
---|
3435 | }
|
---|
3436 | .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
|
---|
3437 | color: #343a40;
|
---|
3438 | }
|
---|
3439 | .p-treetable .p-sortable-column.p-highlight {
|
---|
3440 | background: #EEF2FF;
|
---|
3441 | color: #4338CA;
|
---|
3442 | }
|
---|
3443 | .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
|
---|
3444 | color: #4338CA;
|
---|
3445 | }
|
---|
3446 | .p-treetable .p-treetable-tbody > tr {
|
---|
3447 | background: #ffffff;
|
---|
3448 | color: #495057;
|
---|
3449 | transition: box-shadow 0.2s;
|
---|
3450 | outline-color: #c1c2f9;
|
---|
3451 | }
|
---|
3452 | .p-treetable .p-treetable-tbody > tr > td {
|
---|
3453 | text-align: left;
|
---|
3454 | border: 1px solid #dee2e6;
|
---|
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: #6c757d;
|
---|
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: #343a40;
|
---|
3470 | border-color: transparent;
|
---|
3471 | background: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
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: #495057;
|
---|
3483 | }
|
---|
3484 | .p-treetable .p-treetable-tbody > tr.p-highlight {
|
---|
3485 | background: #EEF2FF;
|
---|
3486 | color: #4338CA;
|
---|
3487 | }
|
---|
3488 | .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
|
---|
3489 | color: #4338CA;
|
---|
3490 | }
|
---|
3491 | .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
|
---|
3492 | color: #4338CA;
|
---|
3493 | }
|
---|
3494 | .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
|
---|
3495 | background: #e9ecef;
|
---|
3496 | color: #495057;
|
---|
3497 | }
|
---|
3498 | .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
|
---|
3499 | color: #495057;
|
---|
3500 | }
|
---|
3501 | .p-treetable .p-column-resizer-helper {
|
---|
3502 | background: #6366F1;
|
---|
3503 | }
|
---|
3504 | .p-treetable .p-treetable-scrollable-header,
|
---|
3505 | .p-treetable .p-treetable-scrollable-footer {
|
---|
3506 | background: #f8f9fa;
|
---|
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: #f8f9fa;
|
---|
3565 | color: #343a40;
|
---|
3566 | border: 1px solid #dee2e6;
|
---|
3567 | border-width: 1px 0 1px 0;
|
---|
3568 | padding: 1rem 1rem;
|
---|
3569 | font-weight: 700;
|
---|
3570 | }
|
---|
3571 | .p-virtualscroller .p-virtualscroller-content {
|
---|
3572 | background: #ffffff;
|
---|
3573 | color: #495057;
|
---|
3574 | border: 0 none;
|
---|
3575 | padding: 0;
|
---|
3576 | }
|
---|
3577 | .p-virtualscroller .p-virtualscroller-footer {
|
---|
3578 | background: #f8f9fa;
|
---|
3579 | color: #343a40;
|
---|
3580 | border: 1px solid #dee2e6;
|
---|
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 #dee2e6;
|
---|
3591 | color: #6c757d;
|
---|
3592 | background: #f8f9fa;
|
---|
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 #c1c2f9;
|
---|
3604 | }
|
---|
3605 | .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
|
---|
3606 | background: #e9ecef;
|
---|
3607 | border-color: #dee2e6;
|
---|
3608 | color: #343a40;
|
---|
3609 | }
|
---|
3610 | .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
|
---|
3611 | background: #f8f9fa;
|
---|
3612 | border-color: #dee2e6;
|
---|
3613 | color: #343a40;
|
---|
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: #dee2e6;
|
---|
3619 | background: #e9ecef;
|
---|
3620 | color: #343a40;
|
---|
3621 | }
|
---|
3622 | .p-accordion .p-accordion-content {
|
---|
3623 | padding: 1.25rem;
|
---|
3624 | border: 1px solid #dee2e6;
|
---|
3625 | background: #ffffff;
|
---|
3626 | color: #495057;
|
---|
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: #ffffff;
|
---|
3639 | color: #495057;
|
---|
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: #6c757d;
|
---|
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: #ffffff;
|
---|
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 #dee2e6;
|
---|
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 #dee2e6;
|
---|
3682 | }
|
---|
3683 | .p-divider.p-divider-vertical .p-divider-content {
|
---|
3684 | padding: 0.5rem 0;
|
---|
3685 | }
|
---|
3686 |
|
---|
3687 | .p-fieldset {
|
---|
3688 | border: 1px solid #dee2e6;
|
---|
3689 | background: #ffffff;
|
---|
3690 | color: #495057;
|
---|
3691 | border-radius: 6px;
|
---|
3692 | }
|
---|
3693 | .p-fieldset .p-fieldset-legend {
|
---|
3694 | padding: 1.25rem;
|
---|
3695 | border: 1px solid #dee2e6;
|
---|
3696 | color: #343a40;
|
---|
3697 | background: #f8f9fa;
|
---|
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: #343a40;
|
---|
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 #c1c2f9;
|
---|
3718 | }
|
---|
3719 | .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
|
---|
3720 | background: #e9ecef;
|
---|
3721 | border-color: #dee2e6;
|
---|
3722 | color: #343a40;
|
---|
3723 | }
|
---|
3724 | .p-fieldset .p-fieldset-content {
|
---|
3725 | padding: 1.25rem;
|
---|
3726 | }
|
---|
3727 |
|
---|
3728 | .p-panel .p-panel-header {
|
---|
3729 | border: 1px solid #dee2e6;
|
---|
3730 | padding: 1.25rem;
|
---|
3731 | background: #f8f9fa;
|
---|
3732 | color: #343a40;
|
---|
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: #6c757d;
|
---|
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: #343a40;
|
---|
3750 | border-color: transparent;
|
---|
3751 | background: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
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 #dee2e6;
|
---|
3764 | background: #ffffff;
|
---|
3765 | color: #495057;
|
---|
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 #dee2e6;
|
---|
3773 | background: #ffffff;
|
---|
3774 | color: #495057;
|
---|
3775 | border-top: 0 none;
|
---|
3776 | }
|
---|
3777 |
|
---|
3778 | .p-scrollpanel .p-scrollpanel-bar {
|
---|
3779 | background: #f8f9fa;
|
---|
3780 | border: 0 none;
|
---|
3781 | }
|
---|
3782 |
|
---|
3783 | .p-splitter {
|
---|
3784 | border: 1px solid #dee2e6;
|
---|
3785 | background: #ffffff;
|
---|
3786 | border-radius: 6px;
|
---|
3787 | color: #495057;
|
---|
3788 | }
|
---|
3789 | .p-splitter .p-splitter-gutter {
|
---|
3790 | transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
---|
3791 | background: #f8f9fa;
|
---|
3792 | }
|
---|
3793 | .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
|
---|
3794 | background: #dee2e6;
|
---|
3795 | }
|
---|
3796 | .p-splitter .p-splitter-gutter-resizing {
|
---|
3797 | background: #dee2e6;
|
---|
3798 | }
|
---|
3799 |
|
---|
3800 | .p-tabview .p-tabview-nav {
|
---|
3801 | background: #ffffff;
|
---|
3802 | border: 1px solid #dee2e6;
|
---|
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 #dee2e6;
|
---|
3810 | border-width: 0 0 2px 0;
|
---|
3811 | border-color: transparent transparent #dee2e6 transparent;
|
---|
3812 | background: #ffffff;
|
---|
3813 | color: #6c757d;
|
---|
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 #c1c2f9;
|
---|
3825 | }
|
---|
3826 | .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
|
---|
3827 | background: #ffffff;
|
---|
3828 | border-color: #adb5bd;
|
---|
3829 | color: #6c757d;
|
---|
3830 | }
|
---|
3831 | .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
|
---|
3832 | background: #ffffff;
|
---|
3833 | border-color: #6366F1;
|
---|
3834 | color: #6366F1;
|
---|
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: #ffffff;
|
---|
3847 | color: #6366F1;
|
---|
3848 | width: 3rem;
|
---|
3849 | box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
|
---|
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 #c1c2f9;
|
---|
3856 | }
|
---|
3857 | .p-tabview .p-tabview-panels {
|
---|
3858 | background: #ffffff;
|
---|
3859 | padding: 1.25rem;
|
---|
3860 | border: 0 none;
|
---|
3861 | color: #495057;
|
---|
3862 | border-bottom-right-radius: 6px;
|
---|
3863 | border-bottom-left-radius: 6px;
|
---|
3864 | }
|
---|
3865 |
|
---|
3866 | .p-toolbar {
|
---|
3867 | background: #f8f9fa;
|
---|
3868 | border: 1px solid #dee2e6;
|
---|
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: #ffffff;
|
---|
3878 | color: #495057;
|
---|
3879 | border: 0 none;
|
---|
3880 | border-radius: 6px;
|
---|
3881 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
---|
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(255, 255, 255, 0);
|
---|
3900 | border-bottom-color: #ffffff;
|
---|
3901 | }
|
---|
3902 | .p-confirm-popup:before {
|
---|
3903 | border: solid transparent;
|
---|
3904 | border-color: rgba(255, 255, 255, 0);
|
---|
3905 | border-bottom-color: #ffffff;
|
---|
3906 | }
|
---|
3907 | .p-confirm-popup.p-confirm-popup-flipped:after {
|
---|
3908 | border-top-color: #ffffff;
|
---|
3909 | }
|
---|
3910 | .p-confirm-popup.p-confirm-popup-flipped:before {
|
---|
3911 | border-top-color: #ffffff;
|
---|
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: 0 1px 3px rgba(0, 0, 0, 0.3);
|
---|
3923 | border: 0 none;
|
---|
3924 | }
|
---|
3925 | .p-dialog .p-dialog-header {
|
---|
3926 | border-bottom: 0 none;
|
---|
3927 | background: #ffffff;
|
---|
3928 | color: #343a40;
|
---|
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: #6c757d;
|
---|
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: #343a40;
|
---|
3949 | border-color: transparent;
|
---|
3950 | background: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
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: #ffffff;
|
---|
3962 | color: #495057;
|
---|
3963 | padding: 0 1.5rem 2rem 1.5rem;
|
---|
3964 | }
|
---|
3965 | .p-dialog .p-dialog-footer {
|
---|
3966 | border-top: 0 none;
|
---|
3967 | background: #ffffff;
|
---|
3968 | color: #495057;
|
---|
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: #ffffff;
|
---|
3987 | color: #495057;
|
---|
3988 | border: 0 none;
|
---|
3989 | border-radius: 6px;
|
---|
3990 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
---|
3991 | }
|
---|
3992 | .p-overlaypanel .p-overlaypanel-content {
|
---|
3993 | padding: 1.25rem;
|
---|
3994 | }
|
---|
3995 | .p-overlaypanel .p-overlaypanel-close {
|
---|
3996 | background: #6366F1;
|
---|
3997 | color: #ffffff;
|
---|
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: #4F46E5;
|
---|
4008 | color: #ffffff;
|
---|
4009 | }
|
---|
4010 | .p-overlaypanel:after {
|
---|
4011 | border: solid transparent;
|
---|
4012 | border-color: rgba(255, 255, 255, 0);
|
---|
4013 | border-bottom-color: #ffffff;
|
---|
4014 | }
|
---|
4015 | .p-overlaypanel:before {
|
---|
4016 | border: solid transparent;
|
---|
4017 | border-color: rgba(255, 255, 255, 0);
|
---|
4018 | border-bottom-color: #ffffff;
|
---|
4019 | }
|
---|
4020 | .p-overlaypanel.p-overlaypanel-flipped:after {
|
---|
4021 | border-top-color: #ffffff;
|
---|
4022 | }
|
---|
4023 | .p-overlaypanel.p-overlaypanel-flipped:before {
|
---|
4024 | border-top-color: #ffffff;
|
---|
4025 | }
|
---|
4026 |
|
---|
4027 | .p-sidebar {
|
---|
4028 | background: #ffffff;
|
---|
4029 | color: #495057;
|
---|
4030 | border: 0 none;
|
---|
4031 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
---|
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: #6c757d;
|
---|
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: #343a40;
|
---|
4049 | border-color: transparent;
|
---|
4050 | background: #e9ecef;
|
---|
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 #c1c2f9;
|
---|
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: #495057;
|
---|
4067 | color: #ffffff;
|
---|
4068 | padding: 0.75rem 0.75rem;
|
---|
4069 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
4070 | border-radius: 6px;
|
---|
4071 | }
|
---|
4072 | .p-tooltip.p-tooltip-right .p-tooltip-arrow {
|
---|
4073 | border-right-color: #495057;
|
---|
4074 | }
|
---|
4075 | .p-tooltip.p-tooltip-left .p-tooltip-arrow {
|
---|
4076 | border-left-color: #495057;
|
---|
4077 | }
|
---|
4078 | .p-tooltip.p-tooltip-top .p-tooltip-arrow {
|
---|
4079 | border-top-color: #495057;
|
---|
4080 | }
|
---|
4081 | .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
|
---|
4082 | border-bottom-color: #495057;
|
---|
4083 | }
|
---|
4084 |
|
---|
4085 | .p-fileupload .p-fileupload-buttonbar {
|
---|
4086 | background: #f8f9fa;
|
---|
4087 | padding: 1.25rem;
|
---|
4088 | border: 1px solid #dee2e6;
|
---|
4089 | color: #343a40;
|
---|
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 #c1c2f9;
|
---|
4101 | }
|
---|
4102 | .p-fileupload .p-fileupload-content {
|
---|
4103 | background: #ffffff;
|
---|
4104 | padding: 2rem 1rem;
|
---|
4105 | border: 1px solid #dee2e6;
|
---|
4106 | color: #495057;
|
---|
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: #4F46E5;
|
---|
4122 | color: #ffffff;
|
---|
4123 | border-color: #4F46E5;
|
---|
4124 | }
|
---|
4125 | .p-fileupload-choose:not(.p-disabled):active {
|
---|
4126 | background: #4338CA;
|
---|
4127 | color: #ffffff;
|
---|
4128 | border-color: #4338CA;
|
---|
4129 | }
|
---|
4130 |
|
---|
4131 | .p-breadcrumb {
|
---|
4132 | background: #ffffff;
|
---|
4133 | border: 1px solid #dee2e6;
|
---|
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 #c1c2f9;
|
---|
4145 | }
|
---|
4146 | .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
|
---|
4147 | color: #495057;
|
---|
4148 | }
|
---|
4149 | .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
|
---|
4150 | color: #6c757d;
|
---|
4151 | }
|
---|
4152 | .p-breadcrumb ul li.p-breadcrumb-chevron {
|
---|
4153 | margin: 0 0.5rem 0 0.5rem;
|
---|
4154 | color: #495057;
|
---|
4155 | }
|
---|
4156 | .p-breadcrumb ul li:last-child .p-menuitem-text {
|
---|
4157 | color: #495057;
|
---|
4158 | }
|
---|
4159 | .p-breadcrumb ul li:last-child .p-menuitem-icon {
|
---|
4160 | color: #6c757d;
|
---|
4161 | }
|
---|
4162 |
|
---|
4163 | .p-contextmenu {
|
---|
4164 | padding: 0.25rem 0;
|
---|
4165 | background: #ffffff;
|
---|
4166 | color: #495057;
|
---|
4167 | border: 0 none;
|
---|
4168 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
4169 | border-radius: 6px;
|
---|
4170 | width: 12.5rem;
|
---|
4171 | }
|
---|
4172 | .p-contextmenu .p-menuitem-link {
|
---|
4173 | padding: 0.75rem 1.25rem;
|
---|
4174 | color: #495057;
|
---|
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: #495057;
|
---|
4181 | }
|
---|
4182 | .p-contextmenu .p-menuitem-link .p-menuitem-icon {
|
---|
4183 | color: #6c757d;
|
---|
4184 | margin-right: 0.5rem;
|
---|
4185 | }
|
---|
4186 | .p-contextmenu .p-menuitem-link .p-submenu-icon {
|
---|
4187 | color: #6c757d;
|
---|
4188 | }
|
---|
4189 | .p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
|
---|
4190 | background: #e9ecef;
|
---|
4191 | }
|
---|
4192 | .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
|
---|
4193 | color: #495057;
|
---|
4194 | }
|
---|
4195 | .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
|
---|
4196 | color: #6c757d;
|
---|
4197 | }
|
---|
4198 | .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
|
---|
4199 | color: #6c757d;
|
---|
4200 | }
|
---|
4201 | .p-contextmenu .p-menuitem-link:focus {
|
---|
4202 | outline: 0 none;
|
---|
4203 | outline-offset: 0;
|
---|
4204 | box-shadow: inset 0 0 0 1px #c1c2f9;
|
---|
4205 | }
|
---|
4206 | .p-contextmenu .p-submenu-list {
|
---|
4207 | padding: 0.25rem 0;
|
---|
4208 | background: #ffffff;
|
---|
4209 | border: 0 none;
|
---|
4210 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
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: #EEF2FF;
|
---|
4221 | }
|
---|
4222 | .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
|
---|
4223 | color: #4338CA;
|
---|
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: #4338CA;
|
---|
4227 | }
|
---|
4228 | .p-contextmenu .p-menu-separator {
|
---|
4229 | border-top: 1px solid #dee2e6;
|
---|
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: #f8f9fa;
|
---|
4299 | color: #495057;
|
---|
4300 | border: 1px solid #dee2e6;
|
---|
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: #495057;
|
---|
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: #495057;
|
---|
4312 | }
|
---|
4313 | .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
|
---|
4314 | color: #6c757d;
|
---|
4315 | margin-right: 0.5rem;
|
---|
4316 | }
|
---|
4317 | .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
|
---|
4318 | color: #6c757d;
|
---|
4319 | margin-left: 0.5rem;
|
---|
4320 | }
|
---|
4321 | .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
|
---|
4322 | background: #e9ecef;
|
---|
4323 | }
|
---|
4324 | .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
|
---|
4325 | color: #495057;
|
---|
4326 | }
|
---|
4327 | .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
|
---|
4328 | color: #6c757d;
|
---|
4329 | }
|
---|
4330 | .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
|
---|
4331 | color: #6c757d;
|
---|
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 #c1c2f9;
|
---|
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: #EEF2FF;
|
---|
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: #4338CA;
|
---|
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: #4338CA;
|
---|
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: #4338CA;
|
---|
4353 | }
|
---|
4354 | .p-megamenu .p-menuitem-link {
|
---|
4355 | padding: 0.75rem 1.25rem;
|
---|
4356 | color: #495057;
|
---|
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: #495057;
|
---|
4363 | }
|
---|
4364 | .p-megamenu .p-menuitem-link .p-menuitem-icon {
|
---|
4365 | color: #6c757d;
|
---|
4366 | margin-right: 0.5rem;
|
---|
4367 | }
|
---|
4368 | .p-megamenu .p-menuitem-link .p-submenu-icon {
|
---|
4369 | color: #6c757d;
|
---|
4370 | }
|
---|
4371 | .p-megamenu .p-menuitem-link:not(.p-disabled):hover {
|
---|
4372 | background: #e9ecef;
|
---|
4373 | }
|
---|
4374 | .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
|
---|
4375 | color: #495057;
|
---|
4376 | }
|
---|
4377 | .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
|
---|
4378 | color: #6c757d;
|
---|
4379 | }
|
---|
4380 | .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
|
---|
4381 | color: #6c757d;
|
---|
4382 | }
|
---|
4383 | .p-megamenu .p-menuitem-link:focus {
|
---|
4384 | outline: 0 none;
|
---|
4385 | outline-offset: 0;
|
---|
4386 | box-shadow: inset 0 0 0 1px #c1c2f9;
|
---|
4387 | }
|
---|
4388 | .p-megamenu .p-megamenu-panel {
|
---|
4389 | background: #ffffff;
|
---|
4390 | color: #495057;
|
---|
4391 | border: 0 none;
|
---|
4392 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
4393 | }
|
---|
4394 | .p-megamenu .p-megamenu-submenu-header {
|
---|
4395 | margin: 0;
|
---|
4396 | padding: 0.75rem 1.25rem;
|
---|
4397 | color: #343a40;
|
---|
4398 | background: #ffffff;
|
---|
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 #dee2e6;
|
---|
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: #EEF2FF;
|
---|
4419 | }
|
---|
4420 | .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
|
---|
4421 | color: #4338CA;
|
---|
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: #4338CA;
|
---|
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: #ffffff;
|
---|
4440 | color: #495057;
|
---|
4441 | border: 1px solid #dee2e6;
|
---|
4442 | border-radius: 6px;
|
---|
4443 | width: 12.5rem;
|
---|
4444 | }
|
---|
4445 | .p-menu .p-menuitem-link {
|
---|
4446 | padding: 0.75rem 1.25rem;
|
---|
4447 | color: #495057;
|
---|
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: #495057;
|
---|
4454 | }
|
---|
4455 | .p-menu .p-menuitem-link .p-menuitem-icon {
|
---|
4456 | color: #6c757d;
|
---|
4457 | margin-right: 0.5rem;
|
---|
4458 | }
|
---|
4459 | .p-menu .p-menuitem-link .p-submenu-icon {
|
---|
4460 | color: #6c757d;
|
---|
4461 | }
|
---|
4462 | .p-menu .p-menuitem-link:not(.p-disabled):hover {
|
---|
4463 | background: #e9ecef;
|
---|
4464 | }
|
---|
4465 | .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
|
---|
4466 | color: #495057;
|
---|
4467 | }
|
---|
4468 | .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
|
---|
4469 | color: #6c757d;
|
---|
4470 | }
|
---|
4471 | .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
|
---|
4472 | color: #6c757d;
|
---|
4473 | }
|
---|
4474 | .p-menu .p-menuitem-link:focus {
|
---|
4475 | outline: 0 none;
|
---|
4476 | outline-offset: 0;
|
---|
4477 | box-shadow: inset 0 0 0 1px #c1c2f9;
|
---|
4478 | }
|
---|
4479 | .p-menu.p-menu-overlay {
|
---|
4480 | background: #ffffff;
|
---|
4481 | border: 0 none;
|
---|
4482 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
4483 | }
|
---|
4484 | .p-menu .p-submenu-header {
|
---|
4485 | margin: 0;
|
---|
4486 | padding: 0.75rem 1.25rem;
|
---|
4487 | color: #343a40;
|
---|
4488 | background: #ffffff;
|
---|
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 #dee2e6;
|
---|
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: #f8f9fa;
|
---|
4507 | color: #495057;
|
---|
4508 | border: 1px solid #dee2e6;
|
---|
4509 | border-radius: 6px;
|
---|
4510 | }
|
---|
4511 | .p-menubar .p-menuitem-link {
|
---|
4512 | padding: 0.75rem 1.25rem;
|
---|
4513 | color: #495057;
|
---|
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: #495057;
|
---|
4520 | }
|
---|
4521 | .p-menubar .p-menuitem-link .p-menuitem-icon {
|
---|
4522 | color: #6c757d;
|
---|
4523 | margin-right: 0.5rem;
|
---|
4524 | }
|
---|
4525 | .p-menubar .p-menuitem-link .p-submenu-icon {
|
---|
4526 | color: #6c757d;
|
---|
4527 | }
|
---|
4528 | .p-menubar .p-menuitem-link:not(.p-disabled):hover {
|
---|
4529 | background: #e9ecef;
|
---|
4530 | }
|
---|
4531 | .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
|
---|
4532 | color: #495057;
|
---|
4533 | }
|
---|
4534 | .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
|
---|
4535 | color: #6c757d;
|
---|
4536 | }
|
---|
4537 | .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
|
---|
4538 | color: #6c757d;
|
---|
4539 | }
|
---|
4540 | .p-menubar .p-menuitem-link:focus {
|
---|
4541 | outline: 0 none;
|
---|
4542 | outline-offset: 0;
|
---|
4543 | box-shadow: inset 0 0 0 1px #c1c2f9;
|
---|
4544 | }
|
---|
4545 | .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
|
---|
4546 | padding: 0.75rem 1.25rem;
|
---|
4547 | color: #495057;
|
---|
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: #495057;
|
---|
4554 | }
|
---|
4555 | .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
|
---|
4556 | color: #6c757d;
|
---|
4557 | margin-right: 0.5rem;
|
---|
4558 | }
|
---|
4559 | .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
|
---|
4560 | color: #6c757d;
|
---|
4561 | margin-left: 0.5rem;
|
---|
4562 | }
|
---|
4563 | .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
|
---|
4564 | background: #e9ecef;
|
---|
4565 | }
|
---|
4566 | .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
|
---|
4567 | color: #495057;
|
---|
4568 | }
|
---|
4569 | .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
|
---|
4570 | color: #6c757d;
|
---|
4571 | }
|
---|
4572 | .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
|
---|
4573 | color: #6c757d;
|
---|
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 #c1c2f9;
|
---|
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: #EEF2FF;
|
---|
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: #4338CA;
|
---|
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: #4338CA;
|
---|
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: #4338CA;
|
---|
4595 | }
|
---|
4596 | .p-menubar .p-submenu-list {
|
---|
4597 | padding: 0.25rem 0;
|
---|
4598 | background: #ffffff;
|
---|
4599 | border: 0 none;
|
---|
4600 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
4601 | width: 12.5rem;
|
---|
4602 | }
|
---|
4603 | .p-menubar .p-submenu-list .p-menu-separator {
|
---|
4604 | border-top: 1px solid #dee2e6;
|
---|
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: #EEF2FF;
|
---|
4618 | }
|
---|
4619 | .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
|
---|
4620 | color: #4338CA;
|
---|
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: #4338CA;
|
---|
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: #6c757d;
|
---|
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: #6c757d;
|
---|
4640 | background: #e9ecef;
|
---|
4641 | }
|
---|
4642 | .p-menubar .p-menubar-button:focus {
|
---|
4643 | outline: 0 none;
|
---|
4644 | outline-offset: 0;
|
---|
4645 | box-shadow: 0 0 0 0.2rem #c1c2f9;
|
---|
4646 | }
|
---|
4647 | .p-menubar .p-menubar-root-list {
|
---|
4648 | position: absolute;
|
---|
4649 | display: none;
|
---|
4650 | padding: 0.25rem 0;
|
---|
4651 | background: #ffffff;
|
---|
4652 | border: 0 none;
|
---|
4653 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
4654 | width: 100%;
|
---|
4655 | }
|
---|
4656 | .p-menubar .p-menubar-root-list .p-menu-separator {
|
---|
4657 | border-top: 1px solid #dee2e6;
|
---|
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: #495057;
|
---|
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: #495057;
|
---|
4676 | }
|
---|
4677 | .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
|
---|
4678 | color: #6c757d;
|
---|
4679 | margin-right: 0.5rem;
|
---|
4680 | }
|
---|
4681 | .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
|
---|
4682 | color: #6c757d;
|
---|
4683 | }
|
---|
4684 | .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
|
---|
4685 | background: #e9ecef;
|
---|
4686 | }
|
---|
4687 | .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
|
---|
4688 | color: #495057;
|
---|
4689 | }
|
---|
4690 | .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
|
---|
4691 | color: #6c757d;
|
---|
4692 | }
|
---|
4693 | .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
|
---|
4694 | color: #6c757d;
|
---|
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 #c1c2f9;
|
---|
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 #dee2e6;
|
---|
4751 | color: #6c757d;
|
---|
4752 | background: #f8f9fa;
|
---|
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 #c1c2f9;
|
---|
4767 | }
|
---|
4768 | .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
|
---|
4769 | background: #e9ecef;
|
---|
4770 | border-color: #dee2e6;
|
---|
4771 | color: #343a40;
|
---|
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: #f8f9fa;
|
---|
4778 | border-color: #dee2e6;
|
---|
4779 | color: #343a40;
|
---|
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: #dee2e6;
|
---|
4785 | background: #e9ecef;
|
---|
4786 | color: #343a40;
|
---|
4787 | }
|
---|
4788 | .p-panelmenu .p-panelmenu-content {
|
---|
4789 | padding: 0.25rem 0;
|
---|
4790 | border: 1px solid #dee2e6;
|
---|
4791 | background: #ffffff;
|
---|
4792 | color: #495057;
|
---|
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: #495057;
|
---|
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: #495057;
|
---|
4809 | }
|
---|
4810 | .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
|
---|
4811 | color: #6c757d;
|
---|
4812 | margin-right: 0.5rem;
|
---|
4813 | }
|
---|
4814 | .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
|
---|
4815 | color: #6c757d;
|
---|
4816 | }
|
---|
4817 | .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
|
---|
4818 | background: #e9ecef;
|
---|
4819 | }
|
---|
4820 | .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
|
---|
4821 | color: #495057;
|
---|
4822 | }
|
---|
4823 | .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
|
---|
4824 | color: #6c757d;
|
---|
4825 | }
|
---|
4826 | .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
|
---|
4827 | color: #6c757d;
|
---|
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 #c1c2f9;
|
---|
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: #ffffff;
|
---|
4847 | color: #495057;
|
---|
4848 | border: 1px solid #dee2e6;
|
---|
4849 | border-radius: 6px;
|
---|
4850 | width: 12.5rem;
|
---|
4851 | }
|
---|
4852 | .p-slidemenu .p-menuitem-link {
|
---|
4853 | padding: 0.75rem 1.25rem;
|
---|
4854 | color: #495057;
|
---|
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: #495057;
|
---|
4861 | }
|
---|
4862 | .p-slidemenu .p-menuitem-link .p-menuitem-icon {
|
---|
4863 | color: #6c757d;
|
---|
4864 | margin-right: 0.5rem;
|
---|
4865 | }
|
---|
4866 | .p-slidemenu .p-menuitem-link .p-submenu-icon {
|
---|
4867 | color: #6c757d;
|
---|
4868 | }
|
---|
4869 | .p-slidemenu .p-menuitem-link:not(.p-disabled):hover {
|
---|
4870 | background: #e9ecef;
|
---|
4871 | }
|
---|
4872 | .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
|
---|
4873 | color: #495057;
|
---|
4874 | }
|
---|
4875 | .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
|
---|
4876 | color: #6c757d;
|
---|
4877 | }
|
---|
4878 | .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
|
---|
4879 | color: #6c757d;
|
---|
4880 | }
|
---|
4881 | .p-slidemenu .p-menuitem-link:focus {
|
---|
4882 | outline: 0 none;
|
---|
4883 | outline-offset: 0;
|
---|
4884 | box-shadow: inset 0 0 0 1px #c1c2f9;
|
---|
4885 | }
|
---|
4886 | .p-slidemenu.p-slidemenu-overlay {
|
---|
4887 | background: #ffffff;
|
---|
4888 | border: 0 none;
|
---|
4889 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
4890 | }
|
---|
4891 | .p-slidemenu .p-slidemenu-list {
|
---|
4892 | padding: 0.25rem 0;
|
---|
4893 | background: #ffffff;
|
---|
4894 | border: 0 none;
|
---|
4895 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
4896 | }
|
---|
4897 | .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
|
---|
4898 | background: #EEF2FF;
|
---|
4899 | }
|
---|
4900 | .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
|
---|
4901 | color: #4338CA;
|
---|
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: #4338CA;
|
---|
4905 | }
|
---|
4906 | .p-slidemenu .p-slidemenu-separator {
|
---|
4907 | border-top: 1px solid #dee2e6;
|
---|
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: #495057;
|
---|
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: #ffffff;
|
---|
4923 | }
|
---|
4924 | .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
|
---|
4925 | color: #495057;
|
---|
4926 | border: 1px solid #e9ecef;
|
---|
4927 | background: #ffffff;
|
---|
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: #6c757d;
|
---|
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 #c1c2f9;
|
---|
4943 | }
|
---|
4944 | .p-steps .p-steps-item.p-highlight .p-steps-number {
|
---|
4945 | background: #EEF2FF;
|
---|
4946 | color: #4338CA;
|
---|
4947 | }
|
---|
4948 | .p-steps .p-steps-item.p-highlight .p-steps-title {
|
---|
4949 | font-weight: 700;
|
---|
4950 | color: #495057;
|
---|
4951 | }
|
---|
4952 | .p-steps .p-steps-item:before {
|
---|
4953 | content: " ";
|
---|
4954 | border-top: 1px solid #dee2e6;
|
---|
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: #ffffff;
|
---|
4965 | border: 1px solid #dee2e6;
|
---|
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 #dee2e6;
|
---|
4973 | border-width: 0 0 2px 0;
|
---|
4974 | border-color: transparent transparent #dee2e6 transparent;
|
---|
4975 | background: #ffffff;
|
---|
4976 | color: #6c757d;
|
---|
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 #c1c2f9;
|
---|
4991 | }
|
---|
4992 | .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
|
---|
4993 | background: #ffffff;
|
---|
4994 | border-color: #adb5bd;
|
---|
4995 | color: #6c757d;
|
---|
4996 | }
|
---|
4997 | .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
|
---|
4998 | background: #ffffff;
|
---|
4999 | border-color: #6366F1;
|
---|
5000 | color: #6366F1;
|
---|
5001 | }
|
---|
5002 |
|
---|
5003 | .p-tieredmenu {
|
---|
5004 | padding: 0.25rem 0;
|
---|
5005 | background: #ffffff;
|
---|
5006 | color: #495057;
|
---|
5007 | border: 1px solid #dee2e6;
|
---|
5008 | border-radius: 6px;
|
---|
5009 | width: 12.5rem;
|
---|
5010 | }
|
---|
5011 | .p-tieredmenu .p-menuitem-link {
|
---|
5012 | padding: 0.75rem 1.25rem;
|
---|
5013 | color: #495057;
|
---|
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: #495057;
|
---|
5020 | }
|
---|
5021 | .p-tieredmenu .p-menuitem-link .p-menuitem-icon {
|
---|
5022 | color: #6c757d;
|
---|
5023 | margin-right: 0.5rem;
|
---|
5024 | }
|
---|
5025 | .p-tieredmenu .p-menuitem-link .p-submenu-icon {
|
---|
5026 | color: #6c757d;
|
---|
5027 | }
|
---|
5028 | .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
|
---|
5029 | background: #e9ecef;
|
---|
5030 | }
|
---|
5031 | .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
|
---|
5032 | color: #495057;
|
---|
5033 | }
|
---|
5034 | .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
|
---|
5035 | color: #6c757d;
|
---|
5036 | }
|
---|
5037 | .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
|
---|
5038 | color: #6c757d;
|
---|
5039 | }
|
---|
5040 | .p-tieredmenu .p-menuitem-link:focus {
|
---|
5041 | outline: 0 none;
|
---|
5042 | outline-offset: 0;
|
---|
5043 | box-shadow: inset 0 0 0 1px #c1c2f9;
|
---|
5044 | }
|
---|
5045 | .p-tieredmenu.p-tieredmenu-overlay {
|
---|
5046 | background: #ffffff;
|
---|
5047 | border: 0 none;
|
---|
5048 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
5049 | }
|
---|
5050 | .p-tieredmenu .p-submenu-list {
|
---|
5051 | padding: 0.25rem 0;
|
---|
5052 | background: #ffffff;
|
---|
5053 | border: 0 none;
|
---|
5054 | box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
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: #EEF2FF;
|
---|
5064 | }
|
---|
5065 | .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
|
---|
5066 | color: #4338CA;
|
---|
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: #4338CA;
|
---|
5070 | }
|
---|
5071 | .p-tieredmenu .p-menu-separator {
|
---|
5072 | border-top: 1px solid #dee2e6;
|
---|
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: 0px;
|
---|
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: 0px;
|
---|
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: 0px;
|
---|
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: 0px;
|
---|
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 #c1c2f9;
|
---|
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: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
|
---|
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 #c1c2f9;
|
---|
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: #ced4da;
|
---|
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: #adb5bd;
|
---|
5346 | }
|
---|
5347 | .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
|
---|
5348 | background: #EEF2FF;
|
---|
5349 | color: #4338CA;
|
---|
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: #EEF2FF;
|
---|
5368 | color: #4338CA;
|
---|
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 #c1c2f9;
|
---|
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: #dee2e6;
|
---|
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 #ffffff;
|
---|
5460 | }
|
---|
5461 |
|
---|
5462 | .p-badge {
|
---|
5463 | background: #6366F1;
|
---|
5464 | color: #ffffff;
|
---|
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: #64748B;
|
---|
5473 | color: #ffffff;
|
---|
5474 | }
|
---|
5475 | .p-badge.p-badge-success {
|
---|
5476 | background-color: #22C55E;
|
---|
5477 | color: #ffffff;
|
---|
5478 | }
|
---|
5479 | .p-badge.p-badge-info {
|
---|
5480 | background-color: #3B82F6;
|
---|
5481 | color: #ffffff;
|
---|
5482 | }
|
---|
5483 | .p-badge.p-badge-warning {
|
---|
5484 | background-color: #F59E0B;
|
---|
5485 | color: #ffffff;
|
---|
5486 | }
|
---|
5487 | .p-badge.p-badge-danger {
|
---|
5488 | background-color: #EF4444;
|
---|
5489 | color: #ffffff;
|
---|
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: #dee2e6;
|
---|
5506 | color: #495057;
|
---|
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 #c1c2f9;
|
---|
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: #e9ecef;
|
---|
5544 | color: #495057;
|
---|
5545 | }
|
---|
5546 | .p-inplace .p-inplace-display:focus {
|
---|
5547 | outline: 0 none;
|
---|
5548 | outline-offset: 0;
|
---|
5549 | box-shadow: 0 0 0 0.2rem #c1c2f9;
|
---|
5550 | }
|
---|
5551 |
|
---|
5552 | .p-progressbar {
|
---|
5553 | border: 0 none;
|
---|
5554 | height: 1.5rem;
|
---|
5555 | background: #dee2e6;
|
---|
5556 | border-radius: 6px;
|
---|
5557 | }
|
---|
5558 | .p-progressbar .p-progressbar-value {
|
---|
5559 | border: 0 none;
|
---|
5560 | margin: 0;
|
---|
5561 | background: #6366F1;
|
---|
5562 | }
|
---|
5563 | .p-progressbar .p-progressbar-label {
|
---|
5564 | color: #495057;
|
---|
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 12px 0 rgba(0, 0, 0, 0.1);
|
---|
5573 | transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
|
---|
5574 | }
|
---|
5575 | .p-scrolltop.p-link {
|
---|
5576 | background: rgba(0, 0, 0, 0.7);
|
---|
5577 | }
|
---|
5578 | .p-scrolltop.p-link:hover {
|
---|
5579 | background: rgba(0, 0, 0, 0.8);
|
---|
5580 | }
|
---|
5581 | .p-scrolltop .p-scrolltop-icon {
|
---|
5582 | font-size: 1.5rem;
|
---|
5583 | color: #f8f9fa;
|
---|
5584 | }
|
---|
5585 |
|
---|
5586 | .p-skeleton {
|
---|
5587 | background-color: #dee2e6;
|
---|
5588 | border-radius: 6px;
|
---|
5589 | }
|
---|
5590 | .p-skeleton:after {
|
---|
5591 | background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
|
---|
5592 | }
|
---|
5593 |
|
---|
5594 | .p-tag {
|
---|
5595 | background: #6366F1;
|
---|
5596 | color: #ffffff;
|
---|
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: #22C55E;
|
---|
5604 | color: #ffffff;
|
---|
5605 | }
|
---|
5606 | .p-tag.p-tag-info {
|
---|
5607 | background-color: #3B82F6;
|
---|
5608 | color: #ffffff;
|
---|
5609 | }
|
---|
5610 | .p-tag.p-tag-warning {
|
---|
5611 | background-color: #F59E0B;
|
---|
5612 | color: #ffffff;
|
---|
5613 | }
|
---|
5614 | .p-tag.p-tag-danger {
|
---|
5615 | background-color: #EF4444;
|
---|
5616 | color: #ffffff;
|
---|
5617 | }
|
---|
5618 | .p-tag .p-tag-icon {
|
---|
5619 | margin-right: 0.25rem;
|
---|
5620 | font-size: 0.75rem;
|
---|
5621 | }
|
---|
5622 |
|
---|
5623 | .p-terminal {
|
---|
5624 | background: #ffffff;
|
---|
5625 | color: #495057;
|
---|
5626 | border: 1px solid #dee2e6;
|
---|
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: #6366F1;
|
---|
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: #6366F1;
|
---|
5657 | }
|
---|
5658 |
|
---|
5659 | .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
|
---|
5660 | background-color: #6366F1;
|
---|
5661 | }
|
---|
5662 |
|
---|
5663 | .p-button:focus {
|
---|
5664 | box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 black;
|
---|
5665 | }
|
---|
5666 | .p-button.p-button-secondary:enabled:focus {
|
---|
5667 | box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black;
|
---|
5668 | }
|
---|
5669 | .p-button.p-button-success:enabled:focus {
|
---|
5670 | box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black;
|
---|
5671 | }
|
---|
5672 | .p-button.p-button-info:enabled:focus {
|
---|
5673 | box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 black;
|
---|
5674 | }
|
---|
5675 | .p-button.p-button-warning:enabled:focus {
|
---|
5676 | box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #facf85, 0 1px 2px 0 black;
|
---|
5677 | }
|
---|
5678 | .p-button.p-button-help:enabled:focus {
|
---|
5679 | box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black;
|
---|
5680 | }
|
---|
5681 | .p-button.p-button-danger:enabled:focus {
|
---|
5682 | box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black;
|
---|
5683 | }
|
---|